Template:INSA-Lyon/maincontent
From 2010.igem.org
(Difference between revisions)
(231 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | p { | ||
+ | line-height: 1.3em; | ||
+ | text-indent: 30px; | ||
+ | text-align:justify; | ||
+ | font-family:Verdana, "Trebuchet MS", Arial, police3, police4; | ||
+ | } | ||
+ | #corps2 li a { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | #corps3 li a {font-weight: bold; | ||
+ | } | ||
+ | #corps4 li a {font-weight: bold; | ||
+ | } | ||
+ | #corps li a {font-weight: bold; | ||
+ | } | ||
+ | #corps2 p a { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | #corps4 p a {font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #corps3 p a {font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #corps p a {font-weight: bold; | ||
+ | } | ||
+ | .colonnedroite p a {font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ol li { | ||
+ | line-height: 1.3em; | ||
+ | text-align:justify; | ||
+ | font-family:Verdana, "Trebuchet MS", Arial, police3, police4; | ||
+ | } | ||
+ | |||
+ | exp{ | ||
+ | vertical-align: super; | ||
+ | font-size: 70%; | ||
+ | line-height: 80%; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | text-indent: 40px; | ||
+ | text-align: justify; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | h3 { | ||
+ | text-indent: 30px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* -------------------------------------------------------------------------------------------- */ | ||
+ | /* --------------------- position des différentes "boîtes de textes" -------------------------- */ | ||
+ | /* -------------------------------------------------------------------------------------------- */ | ||
+ | |||
.colonnegauche { | .colonnegauche { | ||
Line 8: | Line 66: | ||
float: left; | float: left; | ||
margin-left: 5px; | margin-left: 5px; | ||
- | margin-top: | + | margin-top: 60px; |
- | padding-top: | + | padding-top: -1px; |
padding-bottom:5px; | padding-bottom:5px; | ||
-moz-border-radius: 10px; | -moz-border-radius: 10px; | ||
Line 16: | Line 74: | ||
border-radius: 10px; | border-radius: 10px; | ||
/* position: relative; */ | /* position: relative; */ | ||
- | background-color: # | + | background-color: white/* #1fe14d */ /* #e89024 */; |
} | } | ||
.colonnedroite { | .colonnedroite { | ||
- | width: | + | width: 22.7%; |
height: 100%; | height: 100%; | ||
float: right; | float: right; | ||
- | margin-top: | + | margin-top: 30px; |
margin-right: 5px; | margin-right: 5px; | ||
- | padding: | + | padding: 8px; |
/* position: relative; */ | /* position: relative; */ | ||
- | background-color: # | + | background-color: #d4e0e8; /* #b3e5b7 */ |
+ | border: 1px solid #7caed4; | ||
-moz-border-radius: 10px; | -moz-border-radius: 10px; | ||
-webkit-border-radius: 10px; | -webkit-border-radius: 10px; | ||
-goog-ms-border-radius: 10px; | -goog-ms-border-radius: 10px; | ||
border-radius: 10px; | border-radius: 10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .colonnedroite2 { | ||
+ | width: 70%; | ||
+ | height: 100%; | ||
+ | margin-top: 5px; | ||
+ | margin-right: 10px; | ||
+ | margin-left: 15px; | ||
+ | padding: 8px; | ||
+ | /* position: relative; */ | ||
+ | background-color: #d4e0e8; /* #b3e5b7 */ | ||
+ | border: 1px solid #7caed4; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .titredroite { | ||
+ | border: 1px solid #7caed4; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | text-indent: 20px; background:white; color:#6e6e6e; border-bottom: 1px solid #6e6e6e; margin-bottom: -25px; | ||
+ | width: 22.7%; | ||
+ | height: 100%; | ||
+ | float: right; | ||
+ | margin-top: 30px; | ||
+ | margin-right: 5px; | ||
+ | padding: 8px; | ||
+ | /* position: relative; */ | ||
+ | } | ||
+ | |||
+ | .titredroite2 { | ||
+ | border: 1px solid #7caed4; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | text-indent: 0px; background:white; color:#6e6e6e; border-bottom: 1px solid #6e6e6e; margin-bottom: -0px; | ||
+ | text-align:center; | ||
+ | width: 70%; | ||
+ | height: 100%; | ||
+ | margin-top: 5px; | ||
+ | margin-right: 10px; | ||
+ | margin-left: 15px; | ||
+ | padding: 8px; | ||
+ | /* position: relative; */ | ||
+ | } | ||
+ | |||
+ | #corps { | ||
+ | width: 56.8%; | ||
+ | margin: 30px 10px 10px 10px; | ||
+ | padding: 8px; | ||
+ | |||
+ | border: 1px solid #6e6e6e; <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever --> | ||
+ | background-color: white; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | float: left; | ||
} | } | ||
#corps2 { | #corps2 { | ||
- | width: 82. | + | width: 82.3%; |
- | margin: | + | margin: 30px 5px 10px 10px; |
padding: 8px; | padding: 8px; | ||
- | border: | + | border: 1px solid #6e6e6e /* #6e6e6e */; <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever --> |
background-color: white; | background-color: white; | ||
-moz-border-radius: 10px; | -moz-border-radius: 10px; | ||
Line 48: | Line 172: | ||
} | } | ||
- | # | + | |
- | width: | + | #corps3 { |
- | margin: | + | width: 70%; |
+ | margin: 30px 5px 10px 5px; | ||
padding: 8px; | padding: 8px; | ||
- | border: | + | border: 1px solid #6e6e6e; <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever --> |
background-color: white; | background-color: white; | ||
-moz-border-radius: 10px; | -moz-border-radius: 10px; | ||
Line 61: | Line 186: | ||
} | } | ||
- | + | ||
- | width: | + | #corps4 { |
- | margin: 20px 10px | + | width: 97.1%; |
+ | margin: 20px 5px 10px 5px; | ||
padding: 8px; | padding: 8px; | ||
- | border: | + | border: 1px solid #6e6e6e; <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever --> |
+ | position: center; | ||
background-color: white; | background-color: white; | ||
-moz-border-radius: 10px; | -moz-border-radius: 10px; | ||
Line 74: | Line 201: | ||
} | } | ||
- | . | + | .boite1 { |
- | + | width: 46.5%; | |
- | + | margin: 20px 5px 10px 10px; | |
- | + | padding: 8px; | |
- | margin | + | border: 1px solid #6e6e6e; |
- | + | -moz-border-radius: 10px; | |
- | padding | + | |
- | + | ||
- | + | ||
-webkit-border-radius: 10px; | -webkit-border-radius: 10px; | ||
- | -goog-ms-border-radius: 10px; | + | -goog-ms-border-radius: 10px; |
border-radius: 10px; | border-radius: 10px; | ||
- | + | float: left; | |
} | } | ||
- | + | .boite2 { | |
- | width: | + | width: 46.5%; |
- | margin: 20px 10px | + | margin: 20px 10px 10px 5px; |
padding: 8px; | padding: 8px; | ||
- | border: | + | border: 1px solid #6e6e6e; |
- | + | -moz-border-radius: 10px; | |
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .boite3 { | ||
+ | width: 60%; | ||
+ | margin: 20px 2.5px 10px 5px; | ||
+ | padding: 8px; | ||
+ | border: 1px solid #6e6e6e; | ||
-moz-border-radius: 10px; | -moz-border-radius: 10px; | ||
-webkit-border-radius: 10px; | -webkit-border-radius: 10px; | ||
Line 101: | Line 236: | ||
float: left; | float: left; | ||
} | } | ||
+ | |||
+ | .boite4 { | ||
+ | width: 35.8%; | ||
+ | margin: 20px 5px 10px 2.5px; | ||
+ | padding: 8px; | ||
+ | border: 1px solid #6e6e6e; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .boite5 { | ||
+ | width: 22.6%; | ||
+ | margin: 30px 10px 10px 0px; | ||
+ | padding: 8px; | ||
+ | border: 1px solid #6e6e6e; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .boite6 { | ||
+ | width: 30%; | ||
+ | margin: 20px 5px 10px 2.5px; | ||
+ | padding: 8px; | ||
+ | border: 0px solid #6e6e6e; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | |||
+ | .boite7 { | ||
+ | width: 30%; | ||
+ | margin: 20px 5px 10px 2.5px; | ||
+ | padding: 8px; | ||
+ | border: 0px solid #6e6e6e; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | |||
+ | .boite8 { | ||
+ | width: 30%; | ||
+ | margin: 20px 5px 10px 2.5px; | ||
+ | padding: 8px; | ||
+ | border: 0px solid #6e6e6e; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | |||
+ | |||
.support { | .support { | ||
border:2px solid #95b3d7; | border:2px solid #95b3d7; | ||
Line 151: | Line 345: | ||
margin: 10px 0 30px 0; | margin: 10px 0 30px 0; | ||
} | } | ||
+ | |||
+ | /* ----------------------------------------------------------------------------------------------- */ | ||
+ | /* ----------------------------- Code used in the sponsors page ---------------------------------- */ | ||
+ | /* ----------------------------------------------------------------------------------------------- */ | ||
+ | |||
+ | |||
+ | .sponsorsH1 { | ||
+ | font-family: Verdana, Serif; | ||
+ | padding-left: 30px; | ||
+ | margin-top: 50px | ||
+ | } | ||
+ | |||
+ | .sponsors { | ||
+ | margin: 10px 8px 20px 8px; | ||
+ | padding: 10px; | ||
+ | border: 3px solid; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | .sponsors img{ | ||
+ | float: left; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | .sponsors p{ | ||
+ | padding: 5px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | /* End of the code used in the sponsors page */ | ||
+ | |||
+ | |||
+ | |||
+ | .support { | ||
+ | border:2px solid #95b3d7; | ||
+ | background-color:#fff; | ||
+ | top:-3px; | ||
+ | left:-3x; | ||
+ | position:relative; | ||
+ | z-index:1; | ||
+ | padding: 10px; | ||
+ | -moz-border-radius : 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | div.ombre.noimg { | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | display:block; | ||
+ | } | ||
+ | .ombredeux { | ||
+ | border:0; | ||
+ | background-color:#999; | ||
+ | padding:0; | ||
+ | padding-top:0; | ||
+ | padding-right:3px; | ||
+ | border-left:0; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | #coins-arrondis { | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | .maincontent { | ||
+ | width: 600px; | ||
+ | position: relative; | ||
+ | margin: 10px 10px 30px 0; | ||
+ | float: left; | ||
+ | } | ||
+ | .othercontent { | ||
+ | width: 330px; | ||
+ | position:relative; | ||
+ | float: right; | ||
+ | margin: 10px 0 30px 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* ----------------------------------------------------------------------------------------------- */ | ||
+ | /* ------------------------- Alignement hors template de Groningen ------------------------------- */ | ||
+ | /* ----------------------------------------------------------------------------------------------- */ | ||
</style> | </style> | ||
+ | |||
</html> | </html> |
Latest revision as of 19:35, 24 April 2011