Team:Grenoble-EMSE-LSU/Design/Content
From 2013.igem.org
Line 146: | Line 146: | ||
z-index: 10000000; | z-index: 10000000; | ||
width: 980px; | width: 980px; | ||
- | |||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
Line 159: | Line 158: | ||
{ | { | ||
width: 980px; | width: 980px; | ||
+ | height: 100%; | ||
padding: 20px; | padding: 20px; | ||
margin: auto; | margin: auto; |
Revision as of 13:24, 17 July 2013
/***** Background *****/
body div[id="home"] { background: #ffe4c8; }
body div[id="proj"] { background: #ffdada; }
body div[id="doc"] { background: #ddf5ff; }
body div[id="hp"] { background: #d9ffd8; }
body div[id="team"] { background: #ecd0ff; }
/***** Section *****/
body div.back ul.texte {
/*z-index: 1;*/ width: 645px; padding: 0; margin: auto; /*position: relative;*/ margin-top: 15px;
}
/***** Cadres et bordures *****/
body div.back ul.texte li { min-height: 200px; padding: 20px; margin: 0; margin-bottom: 10px; border: solid 1px; border-radius: 5px; list-style: none; font: normal 13px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
text-align: justify; background-color: white;
} body div.back ul.texte li:last-child { margin-bottom: 15px; }
body div[id="home"] ul.texte li { border-color: #ff8300; }
body div[id="proj"] ul.texte li { border-color: red; }
body div[id="doc"] ul.texte li { border-color: #00b3ff; }
body div[id="hp"] ul.texte li { border-color: #00c300; }
body div[id="team"] ul.texte li { border-color: #9901c7; }
/***** Police *****/
body div.back ul.texte li p, body div.back ul.texte li h1, body div.back ul.texte li h2 { padding: 0; margin: 0; font: normal 13px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; }
body div.back ul.texte li h1 { margin-bottom: 15px; font-size: 22px; text-transform: uppercase; }
body div.back ul.texte li h2 { margin-bottom: 15px; font-size: 20px; font-variant: small-caps; }
body div.back ul.texte li a:hover { text-decoration: underline; }
body div[id="home"] ul.texte li h1, body div[id="home"] ul.texte li h2, body div[id="home"] ul.texte li a { color: #ff8300; }
body div[id="proj"] ul.texte li h1, body div[id="proj"] ul.texte li h2, body div[id="proj"] ul.texte li a { color: red; }
body div[id="doc"] ul.texte li h1, body div[id="doc"] ul.texte li h2, body div[id="doc"] ul.texte li a { color: #00b3ff; }
body div[id="hp"] ul.texte li h1, body div[id="hp"] ul.texte li h2, body div[id="hp"] ul.texte li a { color: #00c300; }
body div[id="team"] ul.texte li h1, body div[id="team"] ul.texte li h2, body div[id="team"] ul.texte li a { color: #9901c7; }
/***** Footer *****/
body div.back div.pied {
z-index: 10000000;
width: 980px; padding: 0; margin: 0; /*position: absolute; bottom: 0%;*/
/*border: 1px solid black;*/ border-radius: 5px; background: white;
}
body div.back div.pied div.logo { width: 980px;
height: 100%; padding: 20px; margin: auto;
}
body div.back div.pied div.logo a img { padding: 0; margin: 15px; }