Team:Grenoble-EMSE-LSU/Design/Content
From 2013.igem.org
Line 1: | Line 1: | ||
- | /***** Background *****/ | + | /********** Background **********/ |
body div[id="home"] | body div[id="home"] | ||
Line 26: | Line 26: | ||
} | } | ||
+ | /********************/ | ||
- | /***** Section *****/ | + | |
+ | /********** Section **********/ | ||
+ | |||
+ | body div.back | ||
+ | { | ||
+ | width: 980px; | ||
+ | padding: 0; | ||
+ | margin: auto; | ||
+ | border: 1px solid blue; | ||
+ | } | ||
body div.back ul.texte | body div.back ul.texte | ||
Line 37: | Line 47: | ||
} | } | ||
- | /***** Cadres et bordures *****/ | + | /********************/ |
+ | |||
+ | /********** Cadres et bordures **********/ | ||
body div.back ul.texte li | body div.back ul.texte li | ||
Line 77: | Line 89: | ||
} | } | ||
+ | /********************/ | ||
- | /***** Police *****/ | + | |
+ | /********** Police **********/ | ||
body div.back ul.texte li p, body div.back ul.texte li h1, body div.back ul.texte li h2 | body div.back ul.texte li p, body div.back ul.texte li h1, body div.back ul.texte li h2 | ||
Line 87: | Line 101: | ||
} | } | ||
- | + | /***** p et a *****/ | |
- | + | body div.back ul.texte li p strong, body div.back ul.texte li a | |
- | + | { | |
- | + | font-weight: bold; | |
+ | } | ||
- | + | body div.back ul.texte li p em | |
- | + | { | |
- | + | font-style: italic; | |
- | + | } | |
- | + | body div.back ul.texte li p[id="legend"] | |
- | + | { | |
- | + | text-align: center; | |
- | + | } | |
- | + | body div.back ul.texte li a:hover | |
- | + | { | |
- | + | text-decoration: underline; | |
- | + | } | |
+ | /********************/ | ||
+ | /***** h1 et h2 *****/ | ||
body div.back ul.texte li h1 | body div.back ul.texte li h1 | ||
{ | { | ||
- | + | padding: 0; | |
- | + | margin: 0; | |
margin-bottom: 15px; | margin-bottom: 15px; | ||
font-size: 22px; | font-size: 22px; | ||
Line 116: | Line 133: | ||
} | } | ||
- | + | body div.back ul.texte li[id="titre"] h1[id="talke"] | |
- | + | { | |
- | + | text-transform: none; | |
- | + | font-variant: small-caps; | |
- | + | } | |
body div.back ul.texte li h2 | body div.back ul.texte li h2 | ||
{ | { | ||
- | + | padding: 0; | |
- | + | margin: 0; | |
margin-bottom: 15px; | margin-bottom: 15px; | ||
font-size: 20px; | font-size: 20px; | ||
Line 131: | Line 148: | ||
} | } | ||
- | + | body div[id="doc"] ul.texte li h2 | |
- | + | { | |
- | + | margin-top: 15px; | |
- | + | } | |
- | + | body div[id="doc"] ul.texte li h2.first | |
- | + | { | |
- | + | margin-top: 0px; | |
- | + | } | |
+ | /********************/ | ||
+ | /***** Couleurs *****/ | ||
body div[id="home"] ul.texte li h1, body div[id="home"] ul.texte li h2, body div[id="home"] ul.texte li a | body div[id="home"] ul.texte li h1, body div[id="home"] ul.texte li h2, body div[id="home"] ul.texte li a | ||
{ | { | ||
Line 165: | Line 184: | ||
color: #9900cc; | color: #9900cc; | ||
} | } | ||
+ | /********************/ | ||
+ | |||
+ | /********************/ |
Revision as of 14:48, 29 August 2013
/********** Background **********/
body div[id="home"] { background: #fff0e6; }
body div[id="proj"] { background: #ffe6e6; }
body div[id="doc"] { background: #e6f5ff; }
body div[id="hp"] { background: #e6ffe6; }
body div[id="team"] { background: #f9e6ff; }
/********************/
/********** Section **********/
body div.back { width: 980px; padding: 0; margin: auto; border: 1px solid blue; }
body div.back ul.texte {
width: 670px; padding: 0; margin: auto; margin-top: 10px;
}
/********************/
/********** Cadres et bordures **********/
body div.back ul.texte li { min-height: 200px; padding: 20px; margin: 0; margin-bottom: 10px; list-style: none; text-align: justify; border: solid 1px; border-radius: 5px; background-color: white; }
body div[id="home"] ul.texte li { border-color: #ff6600; }
body div[id="proj"] ul.texte li { border-color: #ff0000; }
body div[id="doc"] ul.texte li { border-color: #0099ff; }
body div[id="hp"] ul.texte li { border-color: #00cc00; }
body div[id="team"] ul.texte li { border-color: #9900cc; }
/********************/
/********** 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 14px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; }
/***** p et a *****/ body div.back ul.texte li p strong, body div.back ul.texte li a { font-weight: bold; }
body div.back ul.texte li p em { font-style: italic; }
body div.back ul.texte li p[id="legend"] { text-align: center; }
body div.back ul.texte li a:hover { text-decoration: underline; } /********************/
/***** h1 et h2 *****/ body div.back ul.texte li h1 { padding: 0; margin: 0; margin-bottom: 15px; font-size: 22px; text-transform: uppercase; }
body div.back ul.texte li[id="titre"] h1[id="talke"] { text-transform: none; font-variant: small-caps; }
body div.back ul.texte li h2 { padding: 0; margin: 0; margin-bottom: 15px; font-size: 20px; font-variant: small-caps; }
body div[id="doc"] ul.texte li h2 { margin-top: 15px; }
body div[id="doc"] ul.texte li h2.first { margin-top: 0px; } /********************/
/***** Couleurs *****/ 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: #ff6600; }
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: #ff0000; }
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: #0099ff; }
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: #00cc00; }
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: #9900cc; } /********************/
/********************/