Mise en forme et correction d'un petit bug : on a plus le grand gap entre le message et la page

darcs-hash:20080709165417-69ccb-08d6f23d9af49a90ae4ac3743642a5cd952dcf64.gz
This commit is contained in:
Grgoire Dtrez 2008-07-09 18:54:17 +02:00
parent 1ef282f86b
commit 12fbfd2412
2 changed files with 59 additions and 51 deletions

View file

@ -30,23 +30,28 @@ div#content
} }
/* ****************************** BARRE DE TITRE ****************************** */ /* ****************************** 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 */ /* on change la couleur des soulignements de titres pour aller avec la barre */
h1, h2, h3, h4, h5, h6 {border-color: #f9821d} h1, h2, h3, h4, h5, h6 {border-color: #f9821d}
div#titleBarre *,
div#titleBarre h1#title a { color: white; } div#titleBarre {
h1#title { background: url(../img/BarreLogo.png) no-repeat right top;} 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 */ /* variantes */
.halloween h1#title { .halloween div#titleBarre h1#title {
background-image: url(../img/barreLogoHalloween.png); background-image: url(../img/barreLogoHalloween.png);
} }
.noel h1#title {
background-image: url(../img/BarreLogoNeige.png);
}
.noel div#titleBarre { .noel div#titleBarre {
background: #f9821d url(../img/BarreOrangeNeige.png) repeat-x; background: #f9821d url(../img/BarreOrangeNeige.png) repeat-x;
} }
.noel div#titleBarre h1#title {
background-image: url(../img/BarreLogoNeige.png);
}

View file

@ -25,20 +25,21 @@ Copyright (c) 2006 by www.crans.org
**************************************************************/ **************************************************************/
/*<!-- BODY -->*/ /*<!-- BODY -->*/
body, html{ html{
padding:0; padding:0;
margin:0; margin:0; }
}
div#page body {
{ margin: 40px 0 0 0;
padding :0; }
div#page {
position:relative; position:relative;
margin:40px 170px 0 0; margin:10px 170px 0 0;
padding:0; padding:0;
} }
div#content div#content {
{
position:relative; position:relative;
padding:0 15px 0 15px; padding:0 15px 0 15px;
/*background-image: url("../img/fond.png");*/ /*background-image: url("../img/fond.png");*/
@ -63,19 +64,14 @@ div#titleBarre {
border-bottom: thin solid #fcedd6; border-bottom: thin solid #fcedd6;
background: url(../img/barreViole.png) repeat-x; background: url(../img/barreViole.png) repeat-x;
text-align:left; text-align:left;
}
/* 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; color: white;
font: 25px "Trebuchet MS", helvetica, sans-serif ; font: 25px "Trebuchet MS", helvetica, sans-serif ;
text-decoration:none; 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}
h1#title div#titleBarre h1#title {
{
/* pour ie */ /* pour ie */
position:absolute; position:absolute;
top:0; top:0;
@ -85,26 +81,33 @@ h1#title
width:100%; width:100%;
height:40px; height:40px;
padding:0; padding:0;
background: url(../img/logoViole.png) no-repeat right top; background: url(../img/logo.png) no-repeat right top;
border:none; border:none;
} }
div#titleBarre *,
div#titleBarre h1#title a {
color: white;
font: 25px "Trebuchet MS", helvetica, sans-serif ;
text-decoration:none;
}
ul#pagelocation { ul#pagelocation {
list-style-type:none; list-style-type:none;
height:25px; height:25px;
padding:5px 10px 10px 10px; padding:5px 10px 10px 10px;
margin:0; margin:0;
float:left; float:left;
} }
ul#pagelocation li { ul#pagelocation li {
display:inline; display:inline;
float:left; float:left;
} }
ul#pagelocation li:before{ ul#pagelocation li:before{
content:"/"; content:"/";
color:white; color:white;
}
}
h1#title>a{ h1#title>a{
margin:10px; margin:10px;
display:block; display:block;
@ -264,7 +267,7 @@ textarea {
/* ********************************* MESSAGES ********************************* */ /* ********************************* MESSAGES ********************************* */
#message { #message {
clear: both; clear: both;
margin: 40px 170px 0 0; margin: 0 170px 0 0;
padding: 5px 0px; padding: 5px 0px;
border-bottom: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9;
background: #E6EAF0; background: #E6EAF0;