Template:INSA-Lyon/maincontent
From 2010.igem.org
(Difference between revisions)
m |
|||
(97 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
text-align:justify; | text-align:justify; | ||
font-family:Verdana, "Trebuchet MS", Arial, police3, police4; | 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; | ||
} | } | ||
Line 22: | Line 44: | ||
} | } | ||
+ | h2 { | ||
+ | text-indent: 40px; | ||
+ | text-align: justify; | ||
+ | font-weight: bold; | ||
+ | } | ||
h3 { | h3 { | ||
text-indent: 30px; | text-indent: 30px; | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | /* -------------------------------------------------------------------------------------------- */ | ||
+ | /* --------------------- position des différentes "boîtes de textes" -------------------------- */ | ||
+ | /* -------------------------------------------------------------------------------------------- */ | ||
+ | |||
+ | |||
.colonnegauche { | .colonnegauche { | ||
width: 130px; | width: 130px; | ||
Line 44: | Line 79: | ||
.colonnedroite { | .colonnedroite { | ||
- | width: 22. | + | width: 22.7%; |
height: 100%; | height: 100%; | ||
float: right; | float: right; | ||
margin-top: 30px; | margin-top: 30px; | ||
margin-right: 5px; | margin-right: 5px; | ||
- | padding: | + | padding: 8px; |
/* position: relative; */ | /* position: relative; */ | ||
background-color: #d4e0e8; /* #b3e5b7 */ | background-color: #d4e0e8; /* #b3e5b7 */ | ||
Line 58: | Line 93: | ||
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 { | .titredroite { | ||
Line 66: | Line 119: | ||
border-radius: 10px; | border-radius: 10px; | ||
text-indent: 20px; background:white; color:#6e6e6e; border-bottom: 1px solid #6e6e6e; margin-bottom: -25px; | text-indent: 20px; background:white; color:#6e6e6e; border-bottom: 1px solid #6e6e6e; margin-bottom: -25px; | ||
- | width: 22. | + | width: 22.7%; |
height: 100%; | height: 100%; | ||
float: right; | float: right; | ||
margin-top: 30px; | margin-top: 30px; | ||
margin-right: 5px; | margin-right: 5px; | ||
- | padding: | + | padding: 8px; |
/* position: relative; */ | /* 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 { | ||
Line 80: | Line 163: | ||
margin: 30px 5px 10px 10px; | margin: 30px 5px 10px 10px; | ||
padding: 8px; | padding: 8px; | ||
- | border: 1px solid #6e6e6e /* # | + | 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 89: | Line 172: | ||
} | } | ||
- | # | + | |
- | width: | + | #corps3 { |
- | margin: 30px 10px | + | width: 70%; |
+ | margin: 30px 5px 10px 5px; | ||
padding: 8px; | 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; | ||
+ | } | ||
+ | |||
+ | #corps4 { | ||
+ | width: 97.1%; | ||
+ | margin: 20px 5px 10px 5px; | ||
+ | padding: 8px; | ||
border: 1px solid #6e6e6e; <!-- juste pour voir ou sa se place, sinon quand on aura les articles, on pourra les enlever --> | 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 102: | Line 200: | ||
float: left; | float: left; | ||
} | } | ||
- | /* Code used in the sponsors page */ | + | |
+ | .boite1 { | ||
+ | width: 46.5%; | ||
+ | margin: 20px 5px 10px 10px; | ||
+ | padding: 8px; | ||
+ | border: 1px solid #6e6e6e; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .boite2 { | ||
+ | width: 46.5%; | ||
+ | margin: 20px 10px 10px 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; | ||
+ | } | ||
+ | |||
+ | .boite3 { | ||
+ | width: 60%; | ||
+ | margin: 20px 2.5px 10px 5px; | ||
+ | padding: 8px; | ||
+ | border: 1px solid #6e6e6e; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -goog-ms-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | 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 { | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | /* ----------------------------------------------------------------------------------------------- */ | ||
+ | /* ----------------------------- Code used in the sponsors page ---------------------------------- */ | ||
+ | /* ----------------------------------------------------------------------------------------------- */ | ||
+ | |||
.sponsorsH1 { | .sponsorsH1 { | ||
Line 132: | Line 379: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.support { | .support { | ||
Line 210: | Line 431: | ||
} | } | ||
- | |||
+ | |||
+ | |||
+ | /* ----------------------------------------------------------------------------------------------- */ | ||
+ | /* ------------------------- Alignement hors template de Groningen ------------------------------- */ | ||
+ | /* ----------------------------------------------------------------------------------------------- */ | ||
+ | |||
+ | </style> | ||
</html> | </html> |
Latest revision as of 19:35, 24 April 2011