Template:INSA-Lyon/maincontent
From 2010.igem.org
(Difference between revisions)
m |
|||
(48 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 57: | 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 71: | 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 79: | 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 { | #corps { | ||
- | width: | + | width: 56.8%; |
margin: 30px 10px 10px 10px; | margin: 30px 10px 10px 10px; | ||
padding: 8px; | padding: 8px; | ||
Line 107: | 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 118: | Line 174: | ||
#corps3 { | #corps3 { | ||
- | width: | + | width: 70%; |
margin: 30px 5px 10px 5px; | margin: 30px 5px 10px 5px; | ||
padding: 8px; | padding: 8px; | ||
Line 132: | Line 188: | ||
#corps4 { | #corps4 { | ||
- | width: 97. | + | width: 97.1%; |
margin: 20px 5px 10px 5px; | margin: 20px 5px 10px 5px; | ||
padding: 8px; | padding: 8px; | ||
Line 146: | Line 202: | ||
.boite1 { | .boite1 { | ||
- | width: | + | width: 46.5%; |
- | margin: 20px | + | margin: 20px 5px 10px 10px; |
padding: 8px; | padding: 8px; | ||
border: 1px solid #6e6e6e; | border: 1px solid #6e6e6e; | ||
Line 158: | Line 214: | ||
.boite2 { | .boite2 { | ||
- | width: | + | width: 46.5%; |
- | margin: 20px | + | margin: 20px 10px 10px 5px; |
padding: 8px; | padding: 8px; | ||
border: 1px solid #6e6e6e; | border: 1px solid #6e6e6e; | ||
Line 195: | Line 251: | ||
.boite5 { | .boite5 { | ||
width: 22.6%; | width: 22.6%; | ||
- | margin: 30px | + | margin: 30px 10px 10px 0px; |
padding: 8px; | padding: 8px; | ||
border: 1px solid #6e6e6e; | border: 1px solid #6e6e6e; | ||
Line 205: | Line 261: | ||
} | } | ||
+ | .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; | ||
+ | } | ||
/* ----------------------------------------------------------------------------------------------- */ | /* ----------------------------------------------------------------------------------------------- */ | ||
Line 299: | Line 439: | ||
</style> | </style> | ||
- | |||
</html> | </html> |
Latest revision as of 19:35, 24 April 2011