Template:INSA-Lyon/styletestaurelie
From 2011.igem.org
(Difference between revisions)
(56 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | /* - - - - - - - - - - - Source : http://casualconnect.net/iGEM/overall.css - - - - - - - - - - - */ | ||
+ | |||
+ | |||
+ | /* BEGIN CSS RESET v1.0 | 20080212 */ | ||
+ | html, body, div, span, applet, object, iframe, | ||
+ | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | ||
+ | a, abbr, acronym, address, big, cite, code, | ||
+ | del, dfn, em, font, img, ins, kbd, q, s, samp, | ||
+ | small, strike, strong, sub, sup, tt, var, | ||
+ | b, u, i, center, | ||
+ | dl, dt, dd, ol, ul, li, | ||
+ | fieldset, form, label, legend, | ||
+ | table, caption, tbody, tfoot, thead, tr, th, td { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | outline: 0; | ||
+ | vertical-align: baseline; | ||
+ | background: transparent; | ||
+ | line-height: 1; | ||
+ | } | ||
+ | body { | ||
+ | margin: auto; | ||
+ | width: 900px center; | ||
+ | line-height: 1px; | ||
+ | background: white; /*#c6e2ec rgb(206,224,200) http://www.graffitiwallpaper.com/pics/listings/217-1920.jpg */ | ||
+ | } | ||
+ | ol, ul { | ||
+ | list-style: none; | ||
+ | } | ||
+ | blockquote, q { | ||
+ | quotes: none; | ||
+ | } | ||
+ | blockquote:before, blockquote:after, | ||
+ | q:before, q:after { | ||
+ | content: ''; | ||
+ | content: none; | ||
+ | } | ||
+ | |||
+ | /* remember to define focus styles! */ | ||
+ | :focus { | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | /* remember to highlight inserts somehow! */ | ||
+ | ins { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | del { | ||
+ | text-decoration: line-through; | ||
+ | } | ||
+ | /* tables still need 'cellspacing="0"' in the markup */ | ||
+ | table { | ||
+ | border-collapse: collapse; | ||
+ | border-spacing: 0; | ||
+ | } | ||
+ | |||
+ | /* END CSS RESET */ | ||
+ | |||
+ | |||
+ | .tabbed_content .slide_content { | ||
+ | overflow: hidden; | ||
+ | width: 460px; | ||
+ | } | ||
+ | .slide_content { | ||
+ | margin-top: -2em!important; | ||
+ | } | ||
+ | .tabslider { | ||
+ | width: 10000px; | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | .tabslider ul { | ||
+ | float: left; | ||
+ | width: 460px; | ||
+ | } | ||
+ | |||
+ | .lavaLampBottomStyle { | ||
+ | position: relative; | ||
+ | height: 29px; | ||
+ | width: 640px; | ||
+ | padding: 15px; | ||
+ | margin: 0 5px 0 0; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .lavaLampBottomStyle li { | ||
+ | float: left; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .lavaLampBottomStyle li.back { | ||
+ | border-bottom: 5px solid #bab599; | ||
+ | width: 9px; | ||
+ | height: 30px; | ||
+ | z-index: 8; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .lavaLampBottomStyle li a { | ||
+ | font: bold 10pt verdana ; | ||
+ | text-decoration: none; | ||
+ | color: #000; | ||
+ | outline: none; | ||
+ | text-align: center; | ||
+ | top: 7px; | ||
+ | letter-spacing: 0; | ||
+ | z-index: 10; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | height: 30px; | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | margin: auto 10px; | ||
+ | } | ||
+ | .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* - - - - - - - - - - - Wiki Hacks - START - - - - - - - - - - - - */ | ||
+ | |||
+ | #globalWrapper { | ||
+ | background-color: transparent; | ||
+ | border: 0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #content { | ||
+ | background-color: transparent; | ||
+ | border: 0px; | ||
+ | } | ||
+ | |||
+ | #bodyContent { | ||
+ | position : relative; | ||
+ | margin-top : -58px; | ||
+ | background-color: white; | ||
+ | padding:0; | ||
+ | padding-bottom: 5px; | ||
+ | margin-bottom: 30px; | ||
+ | border: 0px; | ||
+ | -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px; | ||
+ | -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px; | ||
+ | -goog-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px; | ||
+ | box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px; | ||
+ | } | ||
#top-section | #top-section | ||
Line 10: | Line 158: | ||
margin-top: 4px; | margin-top: 4px; | ||
margin-bottom: 70px; | margin-bottom: 70px; | ||
- | height: | + | height: 10px; |
overflow: visible; | overflow: visible; | ||
} | } | ||
#top-section a { | #top-section a { | ||
- | color: | + | color: black; |
background-color: transparent; | background-color: transparent; | ||
} | } | ||
#top-section a:visited { | #top-section a:visited { | ||
- | color: | + | color: black; |
background-color: transparent; | background-color: transparent; | ||
} | } | ||
Line 25: | Line 173: | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
+ | |||
+ | |||
#p-logo img { | #p-logo img { | ||
display: none; | display: none; | ||
Line 31: | Line 181: | ||
#p-logo { /* bannière de l'igem (display:none -> invisible) */ | #p-logo { /* bannière de l'igem (display:none -> invisible) */ | ||
width: 129%; | width: 129%; | ||
- | height: | + | height:1px; |
-moz-border-radius: 0 0 20px 20px; | -moz-border-radius: 0 0 20px 20px; | ||
-webkit-border-radius: 0 0 20px 20px; | -webkit-border-radius: 0 0 20px 20px; | ||
-goog-ms-border-radius: 0 0 20px 20px; | -goog-ms-border-radius: 0 0 20px 20px; | ||
border-radius: 0 0 20px 20px; | border-radius: 0 0 20px 20px; | ||
- | background-color: | + | background-color: transparent; |
- | background-image: | + | background-image: none; |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: left; | background-position: left; | ||
Line 45: | Line 195: | ||
margin-left: -14.9%; | margin-left: -14.9%; | ||
float: left; | float: left; | ||
- | margin-top: | + | margin-top: 20px; |
- | margin-bottom: | + | margin-bottom: 0px; |
- | border: 1.5px solid | + | border: 1.5px solid white; |
- | - | + | font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif; |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | |||
#p-logo a { | #p-logo a { | ||
Line 62: | Line 210: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | #search-controls { display:none; } | ||
+ | |||
+ | |||
+ | |||
+ | #footer-box { | ||
+ | background-color: transparent; | ||
+ | border: 0px; | ||
+ | color: white; | ||
} | } | ||
+ | |||
+ | #footer { | ||
+ | border: 0px; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | #f-list a { | ||
+ | color: #333; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | |||
+ | #f-list a:hover { | ||
+ | color: #666; | ||
+ | } | ||
+ | |||
+ | #footer ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #footer ul li { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | margin-left: 10px; | ||
+ | margin-right: 10px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /* - - - - - - - - - - Wiki Hacks - END - Thanks TU-Delft, saved a lot of trouble! - - - - - - - - - - -*/ | ||
Line 83: | Line 264: | ||
} | } | ||
#contentWrapper { | #contentWrapper { | ||
+ | position : relative; | ||
+ | top : -50px; | ||
height: 100%; | height: 100%; | ||
padding-bottom: 4em; | padding-bottom: 4em; | ||
Line 100: | Line 283: | ||
font-family: Sertig, Futura, Impact, sans-serif; | font-family: Sertig, Futura, Impact, sans-serif; | ||
-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; | -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px; | ||
- | font-size: 21pt; color: # | + | font-size: 21pt; color: #7CFC00; |
background: url("https://static.igem.org/mediawiki/2010/4/42/94acce-50.png") repeat; | background: url("https://static.igem.org/mediawiki/2010/4/42/94acce-50.png") repeat; | ||
height: 100px; | height: 100px; | ||
Line 108: | Line 291: | ||
margin-left: 20px; | margin-left: 20px; | ||
margin-top: -40px; | margin-top: -40px; | ||
+ | } | ||
+ | #otherContent { | ||
+ | padding: 0em 0 2em 2em; | ||
+ | width: 450px; | ||
+ | } | ||
+ | #otherContent * { | ||
+ | line-height: 1.3em; | ||
+ | } | ||
+ | #textWrapper { | ||
+ | width: 450px; | ||
+ | text-align: justify; | ||
+ | font-family: Verdana, sans-serif; | ||
+ | font-size: 9pt; | ||
+ | } | ||
+ | #textWrapper, #textWrapper * { | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | #textWrapper .head { | ||
+ | font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif; | ||
+ | color: #a1bf29; | ||
+ | line-height: 1!important; | ||
+ | padding: 0; margin: 0; /* again oh boy do I screw up */ | ||
+ | font-weight: bold; | ||
+ | font-size: 16pt; | ||
+ | } | ||
+ | #sponsorWrapper { | ||
+ | position: absolute; | ||
+ | left: 510px; | ||
+ | z-index: 1000; | ||
+ | width: 150px; | ||
+ | height: auto; | ||
+ | background-color: #fffbe7; | ||
+ | margin-top: -4px; /* stupid fix to make sure the top of the text does not leak */ | ||
} | } | ||
+ | .texte{ | ||
+ | font-family: "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;} | ||
- | |||
- | + | ||
- | </ | + | |
- | + | </style> | |
- | + | ||
- | + | ||
</html> | </html> |
Latest revision as of 13:21, 14 September 2011