"
Team:Grenoble-EMSE-LSU/Design/Content
From 2013.igem.org
| Line 155: | Line 155: | ||
{ | { | ||
text-align: center; | text-align: center; | ||
| - | font: monospace, serif; | + | font: normal 13px monospace, serif; |
} | } | ||
Revision as of 14:22, 28 September 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: 100%;
min-width: 800px;
padding: 0;
margin: auto;
position: absolute;
top: 52%;
border-radius: 5px;
/*border: 1px solid blue;*/ }
body div.back ul.texte {
width: 70%; padding: 0; margin: 20px auto;
/*border: 1px solid red;*/ }
/***** CEA *****/ body div.back ul.texte ul.cea {
width: auto; padding: 0; margin: 0; margin-left: 300px;
} /********************/
/********************/
/********** Cadres et bordures **********/
body div.back ul.texte li { min-height: 200px; padding: 20px;
padding-top: 0px;
margin: 0; margin-bottom: 10px; list-style: none; text-align: justify; border: solid 1px; border-radius: 5px; background-color: white; }
body div.back ul.texte li:last-child
{
margin-bottom: 0;
}
body div.back ul.texte li[id="next"]
{
height: auto;
min-height: 0;
text-align: center;
border: none;
background-color: transparent;
}
/***** CEA *****/ body div.back ul.texte ul.cea li {
min-height: 0; padding: 0; margin: 0; list-style: disc; border: none;
} /********************/
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 **********/
p, h1, h2, h3, h4, h5, ul.cea li { 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, body div.back ul.texte li h4, body div.back ul.texte li h5 { font-weight: bold; }
body div.back ul.texte li p em, body div.back ul.texte li h5 { font-style: italic; }
body div.back ul.texte li p[id="legend"] { text-align: center;
font: normal 13px monospace, serif;
}
body div.back ul.texte li img {
padding: 0;
margin: auto;
text-align: center;
/*border: 1px solid blue;*/ }
body div.back ul.texte li a:hover { text-decoration: underline; }
body div.back li[id="next"] a { font: normal 18px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
font-weight: bold;
text-align: center;
} /********************/
/***** h1, h2 et h3 *****/ body div.back ul.texte li h1, body div.back ul.texte li h2, body div.back ul.texte li h3 {
margin-top: 20px;
margin-bottom: 15px; font-size: 24px; font-variant: small-caps; } body div.back ul.texte li h1 { 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 h3 {
font-size: 18px;
} /********************/
/***** Couleurs *****/ body div[id="home"] ul.texte li h1, body div[id="home"] ul.texte li h2, body div[id="home"] ul.texte li h3, 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 h3, 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 h3, 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 h3, 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 h3, body div[id="team"] ul.texte li a { color: #9900cc; } /********************/
/********************/
/********** Images miniatures **********/
body div[id="home"] ul.texte li ul.miniature {
width: 53%; min-height: 0; padding: 0; margin: auto;
}
body div[id="home"] ul.texte li ul.miniature li {
padding: 0; margin: 0; border: none; background: transparent;
}
body div[id="home"] ul.texte li ul.miniature li a img {
width: 100px; height: 100px;
}
body div[id="home"] ul.texte li ul.miniature { list-style: none;
overflow: hidden;
position: relative;
}
body div[id="home"] ul.texte li ul.miniature li
{
float: left;
margin: 0 20px 0 0;
}
body div[id="home"] ul.texte li ul.miniature li a
{
display: block;
}
body div[id="home"] ul.texte li ul.miniature li a span
{
font: normal 20px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; position: absolute;
left: 0px;
top: 120px;
display: none; }
body div[id="home"] ul.texte li ul.miniature li a:hover span
{
display: block; }
