diff --git a/wiki/static/crans/css/crans.css b/wiki/static/crans/css/crans.css index 765bc4ee..952299c8 100644 --- a/wiki/static/crans/css/crans.css +++ b/wiki/static/crans/css/crans.css @@ -30,23 +30,28 @@ div#content } /* ****************************** BARRE DE TITRE ****************************** */ -div#titleBarre { - border-bottom: thin solid #f9821d;//orange; - background: #f9821d url(../img/BarreOrange.png) repeat-x; -} /* on change la couleur des soulignements de titres pour aller avec la barre */ h1, h2, h3, h4, h5, h6 {border-color: #f9821d} -div#titleBarre *, -div#titleBarre h1#title a { color: white; } -h1#title { background: url(../img/BarreLogo.png) no-repeat right top;} + +div#titleBarre { + border-bottom: thin solid #f9821d;//orange; + background: #f9821d url(../img/BarreOrange.png) repeat-x; + } + div#titleBarre *, + div#titleBarre h1#title a { + color: white; } + div#titleBarre h1#title { + background: url(../img/BarreLogo.png) no-repeat right top; + } + /* variantes */ -.halloween h1#title { +.halloween div#titleBarre h1#title { background-image: url(../img/barreLogoHalloween.png); } -.noel h1#title { - background-image: url(../img/BarreLogoNeige.png); -} .noel div#titleBarre { background: #f9821d url(../img/BarreOrangeNeige.png) repeat-x; -} + } + .noel div#titleBarre h1#title { + background-image: url(../img/BarreLogoNeige.png); + } diff --git a/wiki/static/crans/css/layout.css b/wiki/static/crans/css/layout.css index e3466d4e..f093101b 100644 --- a/wiki/static/crans/css/layout.css +++ b/wiki/static/crans/css/layout.css @@ -25,20 +25,21 @@ Copyright (c) 2006 by www.crans.org **************************************************************/ /**/ -body, html{ +html{ padding:0; - margin:0; -} + margin:0; } -div#page -{ +body { + margin: 40px 0 0 0; + padding :0; } + +div#page { position:relative; - margin:40px 170px 0 0; + margin:10px 170px 0 0; padding:0; } -div#content -{ +div#content { position:relative; padding:0 15px 0 15px; /*background-image: url("../img/fond.png");*/ @@ -63,48 +64,50 @@ div#titleBarre { border-bottom: thin solid #fcedd6; background: url(../img/barreViole.png) repeat-x; text-align:left; -} + color: white; + font: 25px "Trebuchet MS", helvetica, sans-serif ; + text-decoration:none; + } /* on change la couleur des soulignements de titres pour aller avec la barre */ h1, h2, h3, h4, h5, h6 {border-color: #fcedd6} -div#titleBarre *, -div#titleBarre h1#title a { - color: white; - font: 25px "Trebuchet MS", helvetica, sans-serif ; - text-decoration:none; -} + div#titleBarre h1#title { + /* pour ie */ + position:absolute; + top:0; + /* fin pour ie */ + margin: 0; + display:block; + width:100%; + height:40px; + padding:0; + background: url(../img/logo.png) no-repeat right top; + border:none; + } + + div#titleBarre *, + div#titleBarre h1#title a { + color: white; + font: 25px "Trebuchet MS", helvetica, sans-serif ; + text-decoration:none; + } + -h1#title -{ - /* pour ie */ - position:absolute; - top:0; - /* fin pour ie */ - margin: 0; - display:block; - width:100%; - height:40px; - padding:0; - background: url(../img/logoViole.png) no-repeat right top; - border:none; -} ul#pagelocation { list-style-type:none; height:25px; padding:5px 10px 10px 10px; margin:0; float:left; -} + } ul#pagelocation li { - display:inline; - float:left; -} - + display:inline; + float:left; + } ul#pagelocation li:before{ - content:"/"; - color:white; - -} + content:"/"; + color:white; + } h1#title>a{ margin:10px; display:block; @@ -264,7 +267,7 @@ textarea { /* ********************************* MESSAGES ********************************* */ #message { clear: both; - margin: 40px 170px 0 0; + margin: 0 170px 0 0; padding: 5px 0px; border-bottom: 1px solid #c9c9c9; background: #E6EAF0;