Team:Grenoble-EMSE-LSU/Design/Content

From 2013.igem.org

(Difference between revisions)
Line 144: Line 144:
body div.back div.pied
body div.back div.pied
{
{
-
         z-index: 1000;
+
         z-index: 10000000;
width: 980px;
width: 980px;
 +
        height: auto;
padding: 0;
padding: 0;
margin: 0;
margin: 0;

Revision as of 13:23, 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;

       height: auto;

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;

       padding: 20px;
       margin: auto;        

}

body div.back div.pied div.logo a img { padding: 0; margin: 15px; }