Team:Grenoble-EMSE-LSU/Design/Content

From 2013.igem.org

(Difference between revisions)
Line 133: Line 133:
margin-bottom: 15px;
margin-bottom: 15px;
font-size: 22px;
font-size: 22px;
-
        font-weight: bold;
 
text-transform: uppercase;
text-transform: uppercase;
}
}
Line 148: Line 147:
margin-bottom: 15px;
margin-bottom: 15px;
font-size: 22px;
font-size: 22px;
-
        font-weight: bold;
 
font-variant: small-caps;
font-variant: small-caps;
}
}
Line 156: Line 154:
         margin-top: 20px;
         margin-top: 20px;
         margin-bottom: 15px;
         margin-bottom: 15px;
-
         font-size: 20px;
+
         font-size: 18px;
         font-variant: small-caps;
         font-variant: small-caps;
}
}

Revision as of 09:56, 30 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;

       position: absolute;
       top: 230px;
       border-radius: 5px;

/*border: 1px solid blue;*/ }

body div.back ul.texte {

   width: 690px;
   padding: 0;
   margin: auto;
   margin-top: 10px;

}

/********************/

/********** 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[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, body div.back ul.texte li h3 { 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, h2 et h3 *****/ body div.back ul.texte li h1 {

       margin-top: 20px;

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 {

       margin-top: 20px;

margin-bottom: 15px; font-size: 22px; font-variant: small-caps; }

body div.back ul.texte li h3 {

       margin-top: 20px;
       margin-bottom: 15px;
       font-size: 18px;
       font-variant: small-caps;

} /********************/

/***** 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; } /********************/

/********************/