Team:Grenoble-EMSE-LSU/Design/Content

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
body div.cadre
+
body div.back div.cadre
{
{
         z-index: 2;
         z-index: 2;
Line 13: Line 13:
/***** Cadres et bordures *****/
/***** Cadres et bordures *****/
-
body div.cadre ul li
+
body div.back div.cadre ul li
{
{
min-height: 200px;
min-height: 200px;
Line 26: Line 26:
         background-color: white;
         background-color: white;
}
}
-
body div.cadre ul li:last-child
+
body div.back div.cadre ul li:last-child
{
{
margin-bottom: 0;
margin-bottom: 0;
}
}
-
body div[id="home"] ul li
+
body div.back div[id="home"] ul li
{
{
border-color: #ff8300;
border-color: #ff8300;
}
}
-
body div[id="proj"] ul li
+
body div.back div[id="proj"] ul li
{
{
border-color: red;
border-color: red;
}
}
-
body div[id="doc"] ul li
+
body div.back div[id="doc"] ul li
{
{
border-color: #00b3ff;
border-color: #00b3ff;
}
}
-
body div[id="hp"] ul li
+
body div.back div[id="hp"] ul li
{
{
border-color: #00c300;
border-color: #00c300;
}
}
-
body div[id="team"] ul li
+
body div.back div[id="team"] ul li
{
{
border-color: #9901c7;
border-color: #9901c7;
Line 59: Line 59:
/***** Police *****/
/***** Police *****/
-
body div.cadre ul li p, body div.cadre ul li h1, body div.cadre ul li h2
+
body div.back div.cadre ul li p, body div.back div.cadre ul li h1, body div.back div.cadre ul li h2
{
{
padding: 0;
padding: 0;
Line 66: Line 66:
}
}
-
body div.cadre ul li h1
+
body div.back div.cadre ul li h1
{
{
margin-bottom: 15px;
margin-bottom: 15px;
Line 73: Line 73:
}
}
-
body div.cadre ul li h2
+
body div.back div.cadre ul li h2
{
{
margin-bottom: 15px;
margin-bottom: 15px;
Line 80: Line 80:
}
}
-
body div.cadre ul li a:hover
+
body div.back div.cadre ul li a:hover
{
{
text-decoration: underline;
text-decoration: underline;
}
}
-
body div[id="home"] ul li h1, body div[id="home"] ul li h2, body div[id="home"] ul li a
+
body div.back div[id="home"] ul li h1, body div.back div[id="home"] ul li h2, body div.back div[id="home"] ul li a
{
{
color: #ff8300;
color: #ff8300;
}
}
-
body div[id="proj"] ul li h1, body div[id="proj"] ul li h2, body div[id="proj"] ul li a
+
body div.back div[id="proj"] ul li h1, body div.back div[id="proj"] ul li h2, body div.back div[id="proj"] ul li a
{
{
color: red;
color: red;
}
}
-
body div[id="doc"] ul li h1, body div[id="doc"] ul li h2, body div[id="doc"] ul li a
+
body div.back div[id="doc"] ul li h1, body div.back div[id="doc"] ul li h2, body div.back div[id="doc"] ul li a
{
{
color: #00b3ff;
color: #00b3ff;
}
}
-
body div[id="hp"] ul li h1, body div[id="hp"] ul li h2, body div[id="hp"] ul li a
+
body div.back div[id="hp"] ul li h1, body div.back div[id="hp"] ul li h2, body div.back div[id="hp"] ul li a
{
{
color: #00c300;
color: #00c300;
}
}
-
body div[id="team"] ul li h1, body div[id="team"] ul li h2, body div[id="team"] ul li a
+
body div.back div[id="team"] ul li h1, body div.back div[id="team"] ul li h2, body div.back div[id="team"] ul li a
{
{
color: #9901c7;
color: #9901c7;
}
}

Revision as of 06:27, 16 July 2013

body div.back div.cadre {

       z-index: 2;
       width: 645px;
       padding: 0;
       margin: auto;
       position: relative;
       top: 115px;
       left: -5px;

}

/***** Cadres et bordures *****/

body div.back div.cadre ul 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 div.cadre ul li:last-child { margin-bottom: 0; }

body div.back div[id="home"] ul li { border-color: #ff8300; }

body div.back div[id="proj"] ul li { border-color: red; }

body div.back div[id="doc"] ul li { border-color: #00b3ff; }

body div.back div[id="hp"] ul li { border-color: #00c300; }

body div.back div[id="team"] ul li { border-color: #9901c7; }


/***** Police *****/

body div.back div.cadre ul li p, body div.back div.cadre ul li h1, body div.back div.cadre ul li h2 { padding: 0; margin: 0; font: normal 13px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; }

body div.back div.cadre ul li h1 { margin-bottom: 15px; font-size: 22px; text-transform: uppercase; }

body div.back div.cadre ul li h2 { margin-bottom: 15px; font-size: 20px; font-variant: small-caps; }

body div.back div.cadre ul li a:hover { text-decoration: underline; }

body div.back div[id="home"] ul li h1, body div.back div[id="home"] ul li h2, body div.back div[id="home"] ul li a { color: #ff8300; }

body div.back div[id="proj"] ul li h1, body div.back div[id="proj"] ul li h2, body div.back div[id="proj"] ul li a { color: red; }

body div.back div[id="doc"] ul li h1, body div.back div[id="doc"] ul li h2, body div.back div[id="doc"] ul li a { color: #00b3ff; }

body div.back div[id="hp"] ul li h1, body div.back div[id="hp"] ul li h2, body div.back div[id="hp"] ul li a { color: #00c300; }

body div.back div[id="team"] ul li h1, body div.back div[id="team"] ul li h2, body div.back div[id="team"] ul li a { color: #9901c7; }