public/stylesheets/default.css in parlement-0.2 vs public/stylesheets/default.css in parlement-0.3

- old
+ new

@@ -1,261 +1,235 @@ html { - border:none; - background:black; } + background: url("/images/Sleep-Deprivation-5.JPG"); + border: none; + margin: 0px; + padding: 0px; } body { - font-family:serif; - color:black; - background:white; - padding:0.8em; - margin:0.8em; - text-align:justify; } + font-family: Georgia, "Times New Roman", serif; + /*border: solid thin #578fc8;*/ + border: solid 1px #9ec6ff; + color: black; + background: white; + margin: 3em 3% 3% 3%; + padding: 0 3%; + text-align: justify; } + input, textarea { - color:black; - border-color:#889; - background:transparent; } -textarea { width:99%; } + color: black; + background: transparent; } +input[type='button'], input[type='submit'] { + margin: 0; + border: none; + border-left: #fd8 1px solid; + border-right: #fd8 1px solid; } +textarea { width: 99%; } + img { - border:none; - max-width:100%; } + border: none; + max-width: 100%; } -blockquote { font-style:italic; } +blockquote { font-style: italic; } +/* To make sure text is not glued to the right border */ +p { padding-right: 2%; } + h1, h2 { - margin:0px; - padding-left:1%; - padding-bottom:1%; } -h1 { padding-top:0.7em; } -h2 { - background:#ddd; - /* Trouble for ie: */ - /*margin-top:1em;*/ - padding-top:1.2em; - font-size:larger; - font-weight:normal; } + font-weight: bolder; + clear: left; + text-align: left; + padding-left: 1%; + padding-bottom: 1%; } +h1 { letter-spacing: 0.2em; } -a:link, a:visited { color:#369; } -a:hover, a:active { - color:#060; - background:#ff8; } +/*a:link, a:visited { color: #578fc8; } */ +a:link, a:visited, input[type='Button'], input[type='submit'] { + color: #3b76ae; + background: transparent; + padding: 1px; } +/*border: solid thin #578fc8;*/ +a:hover, a:active, input[type='Button']:hover, input[type='submit']:hover { + border: outset 1px #9ec6ff; + color: #8b0000; + background-color: transparent; + padding: 0; } +a:active, input[type='Button']:active, input[type='submit']:active { + border: inset 1px #9ec6ff; + position: relative; + left: 2px; + top: 2px; } .notice, .warning, .error { - font-size:larger; - font-weight:bold; - text-align:center; } -.notice { color:#080; } -.warning { color:#f84; } -.error { color:#f00; } + font-size: larger; + font-weight: bold; + text-align: center; } +.notice { color: #080; } +.warning { color: #f84; } +.error { color: #f00; } -.login { - margin-top:1em; - margin-left:2em; } +.login { margin-top: 1em; } .logout { - float:left; - font-size:smaller; } + float: left; + font-size: smaller; } .helpLink, .helpLinkClose { - text-decoration:none; - font-size:medium; - font-style:italic; - padding-left:1%; - padding-right:1%; } -.helpLink { cursor:help; } -.helpLinkClose { text-decoration:line-through; } + text-decoration: none; + font-size: medium; + font-style: italic; + padding-left: 1%; + padding-right: 1%; } +.helpLink { cursor: help; } +.helpLinkClose { text-decoration: line-through; } .help { - padding-top:1em; - font-size:medium; - font-weight:normal; - background:transparent; } + text-align: left; + padding: 1em; + font-size: medium; + font-weight: normal; + background: transparent; } .helpTitle, .helpTitle:link, .helpTitle:visited { - display:block; - font-size:larger; - font-weight:bolder; } + display: block; + font-size: larger; + font-weight: bolder; } +.sidebar, .links { + width: 30%; + text-align: center; + background: white; } +.links { + border: solid 1px #9ec6ff; + border-bottom: none; + background: white; + position: absolute; + top: 0; + right: 3%; + height: 3em; } .sidebar { - float:right; - clear:right; - font-size:smaller; - padding-left:1em; - width:30%; - text-align:center; - background:white; } + padding-left: 2%; + margin-right: -1%; + float: right; } +/* Big hack for ie */ +* html .links { + width: 33%; + margin-right: -1px; } + .title { - font-size:larger; - font-weight:bolder; - letter-spacing:0.3em; } + font-size: larger; + font-weight: bolder; + letter-spacing: 0.5em; } +.signets { font-size: smaller; } -.box { - /* Due to IE, I recode the outset effet */ - border:solid 2px #668; - border-top-color:#ccd; - border-left-color:#ccd; - background:#ccc; - margin-top:1em; - padding-bottom:1em; } - .boxTitle { - text-align:left; - font-weight:bold; - padding:0.2em; - margin-bottom:0.4em; - color:#ff4; - background:#557; } + background: url("/images/Sleep-Deprivation-5.JPG"); + text-align: left; + font-weight: bolder; + padding: 0.5em; + color: #ff4; } +.box { + font-size: smaller; + margin-bottom: 0.8em; + background: #ccc; + padding: 0.5em 0px; } + .boxSubtitle { - font-size:small; - text-align:right; - color:#ff4; - background:#557; } + font-size: small; + text-align: right; + color: #ff4; + background: #557; } .boxLine { - text-align:left; - padding-left:1em; } + text-align: left; + padding-left: 1em; } .boxLineR { - float:right; - padding-right:1em; } + float: right; + padding-right: 1em; } .boxMore { - font-weight:bold; - text-align:right; } + font-weight: bold; + text-align: right; } .parent { - text-align:center; - font-size:smaller; - font-style:italic; - padding-bottom:1.4em; /* To make sure no following author gest garbled */ } + position: relative; + top: -2em; + font-weight: bolder; + font-style: italic; } +.parent > a:link, .parent > a:visited { color: white; background: transparent; } +.parent > a:hover, .parent > a:active { color: #ffa500; background: transparent; } .author { - font-style:italic; - float:left; } -/* Because of a discrepancy with ie: */ + margin-right: 0.4em; + font-style: italic; + float: left; } +.author:before { + content: '<'; + margin-right: -0.5em; } .author:after { - content:" "; - white-space:pre; } + content: '>'; + margin-left: -0.5em; } .eltInfo { - float:right; - margin-left:0.5em; } + float: right; + margin-left: 0.5em; } +.icon { + text-decoration: none; + margin-right: 0.5em; + color: #e94; + font-weight: bolder; + letter-spacing: -5px; } +.icon:hover, .icon:active { color: #f0f; } + .created_on { - margin-right:0.5em; - font-size:smaller; - font-weight:normal; - float:right; } + margin-right: 0.5em; + font-size: smaller; + font-weight: normal; + float: right; } -.eltBody { padding-left:1%; } +.elt { background: url("/images/eltBackground.png") repeat-x; } -.eltSub, .help { - border-bottom:solid 1px white; /* Or IE would add strange vertical lines in +.eltBody { padding-left: 1%; } + +.eltSub { + border-bottom: solid 1px white; /* Or IE would add strange vertical lines in the close part */ - margin-left:2%; - border-left:solid 2px #bbb; - padding-left:2%; } + margin-left: 2%; + border-left: solid 9px #fd8; + border-bottom: solid 1px #fd8; + padding-left: 2%; } .pageCount { - margin-left:2em; - margin-right:2em; - font-size:smaller; - letter-spacing:0.3em; } + margin-left: 2em; + margin-right: 2em; + font-size: smaller; + letter-spacing: 0.3em; } -.eltSubsClose { - margin-left:1%; - font-size:smaller; } +.eltSubsClose { margin-left: 3%; } -.version, .version:link, .version:visited, .version:hover, .version:active { - display:block; - text-align:right; - clear:right; /* To make sure the sidebar is not element at the bottom */ - font-size:smaller; - color:#aaa; - background:transparent; - cursor:default; - text-decoration:none; +.version { + text-align: right; + /* To make sure the sidebar is not the last element at the bottom */ + clear: right; } +.version > a { + font-size: smaller; + color: #aaa; + cursor: default; + text-decoration: none; } -/* -.link { - padding-left:1em; - font-weight:bold; - vertical-align:middle; } +.version > a + a { display: none; } +.version:hover > a + a { display: inline; } -.xml { - position:absolute; - top:0em; - right:0em; } -.level { - display:inline; - font-weight:bold; - color:#44C; } +body { -moz-border-radius: 1em 0 1em 1em; } +input, textarea, input[type='button'], input[type='submit'] { + -moz-border-radius: 0.5em 0 0.5em 0; } +.links { -moz-border-radius: 1em 1em 0 0; } + /* Due to IE, I recode the outset effet */ +.box { -moz-border-radius: 0 0 1em 1em; } +.eltSub { -moz-border-radius: 0 0 0 1em; } -.propose, .choose, .delegate { margin-left:1em; } -.propose:before { color:#881; } -.choose:before { color:#188; } -.delegate:before { color:#818; } -.propose:before, .choose:before, .delegate:before { - content:"->"; - font-size:x-large; - font-weight:bold; } -.moderate { text-align:center; font-weight:bold; font-size:larger; } -.moderate:before { color:#CCC; content:"-> "; } -.moderateActual { display:inline; color:#44F; } -.moderateActual:before { content:"["; } -.moderateActual:after { content:"]"; } - -.messageTitle { - font-size:larger; - font-weight:bold; - font-weight:italic; - color:#333; } - -.ancestor { text-align:right; } - -.section { - border:outset thin #889; - margin-bottom:1em; } - -.sectionTitle { - font-size:x-large; - text-align:left; - font-weight:bold; - padding:6px; - background:#eef; } - -.subTitle { text-align:right; } - -.out, .err, .info { - font-size:larger; - font-weight:bold; - padding:1em; - text-align:center; - background:white; } -.out { color:#080; } -.err { color:#800; } -.info { color:#008; } - - -.footnote:before { content:"("; } -.footnote { - font-size:smaller; - text-align:right; - margin-top:1em; } -.footnote:after { content:")"; } - -th.visu, td.visu, th.param, td.param { - padding-left:1em; - padding-right:1em; - background:#ddd; } -th.visu, th.param { background:#ddf; } -td.visu { background:#bbb; } - -input.param { width:100%; } -textarea.param { width:100%; height:50em; } -textarea.paramSmall { width:100%; height:1.5em; } - -*/