Team:Grenoble-EMSE-LSU/Design/Content

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
/***** Background *****/
/***** Background *****/
-
body div[id="home"]
+
body ul li div[id="home"]
{
{
background: #ffe4c8;
background: #ffe4c8;
Line 142: Line 142:
/***** Footer *****/
/***** Footer *****/
-
body div.back div.pied
+
body ul li div.pied
{
{
width: 980px;
width: 980px;
-
         height: 500px;
+
         height: 400px;
padding: 0;
padding: 0;
margin: 0;
margin: 0;
Line 155: Line 155:
}
}
-
body div.back div.pied div.logo
+
body ul li div.pied div.logo
{
{
width: 980px;
width: 980px;
Line 162: Line 162:
}
}
-
body div.back div.pied div.logo a
+
body ul li div.pied div.logo a
{
{
         z-index: 10000000;
         z-index: 10000000;
}
}
-
body div.back div.pied div.logo a img
+
body ul li div.pied div.logo a img
{
{
padding: 0;
padding: 0;
margin: 15px;
margin: 15px;
}
}

Revision as of 13:39, 17 July 2013

/***** Background *****/

body ul li 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 ul li div.pied { width: 980px;

       height: 400px;

padding: 0; margin: 0; /*position: absolute; bottom: 0%;*/

       /*border: 1px solid black;*/
       border-radius: 5px;
       background: white;

}

body ul li div.pied div.logo { width: 980px;

       padding: 50px;
       margin: auto;        

}

body ul li div.pied div.logo a {

       z-index: 10000000;

}

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