Team:TU-Delft/CSS
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | /* Team: TU Delft */ | |
- | + | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; | |
- | + | height:auto !important; /* real browsers */ | |
- | + | height:100%; /* IE6: treaded as min-height*/ | |
- | + | min-height:100%; /* real browsers */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #content { z-index: 1; background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; margin-top: -15px !important; margin-top: 0px; | |
- | + | height:auto !important; /* real browsers */ | |
- | padding: 0; | + | height:100%; /* IE6: treaded as min-height*/ |
- | + | min-height:100%; /* real browsers */ | |
- | width: 100%; | + | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #bodyContent { border: none; padding:0; margin:0; width:100%; | |
- | + | height:auto !important; /* real browsers */ | |
- | + | height:100%; /* IE6: treaded as min-height*/ | |
- | + | min-height:100%; /* real browsers */ | |
} | } | ||
+ | #top-section { z-index: 2; height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;} | ||
+ | #p-logo { height:1px; overflow:hidden; display: none;} | ||
+ | #search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;} | ||
+ | .left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;} | ||
+ | .left-menu ul { border: none; } | ||
+ | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;} | ||
+ | .right-menu ul { border: none; width: 300px;} | ||
+ | #footer-box { background-color: #FF8D00; border: none; width: 100%; margin: -10px auto 0 auto; padding: 20px 0;} | ||
+ | .visualClear { display: none; } | ||
+ | #footer { border: none; width: 965px; margin: 0 auto; padding: 0;} | ||
+ | .firstHeading { display: none;} | ||
+ | #f-list a { color: #333; font-size: 10px;} | ||
+ | #f-list a:hover { color: #666;} | ||
+ | .printfooter { display: none; } | ||
+ | #footer ul { margin: 0; padding: 0;} | ||
+ | #footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;} | ||
+ | #search-controls { display:none; } | ||
+ | h3#siteSub { display: none;} | ||
+ | #contentSub {display: none;} | ||
+ | p:first-child { display: none;} | ||
+ | h1{border:none; width: 100%; clear: both;} | ||
+ | /* Wiki Hacks - END */ | ||
- | + | table { | |
- | + | margin: 0; | |
- | + | padding: 0; | |
- | padding: | + | font-size: 11px; |
- | + | border: 1px solid #000; | |
+ | } | ||
+ | table td { | ||
+ | padding: 5px; | ||
+ | } | ||
+ | table .head { | ||
+ | background-color: FFDC00 ; | ||
+ | font-weight: bold; | ||
+ | color: #fff; | ||
+ | } | ||
+ | table .odd { | ||
+ | background-color: #FFDE6C; | ||
} | } | ||
+ | h2 { | ||
+ | font-size: 30px; | ||
+ | border: none; | ||
+ | } | ||
- | + | h3 { | |
- | + | font-size: 20px; | |
- | } | + | border: none; |
+ | } | ||
- | + | html, body { | |
- | + | margin: 0; | |
- | background: | + | padding: 0; |
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-color: #FFDE6C; | ||
+ | font-family: Verdana, Arial; | ||
+ | font-size: 12px; | ||
+ | color: #78BF82; | ||
+ | min-width: 1050px; | ||
+ | } | ||
+ | |||
+ | #TUD-main-wrapper { | ||
+ | width: 100%; | ||
+ | height:auto !important; /* real browsers */ | ||
+ | height:100%; /* IE6: treaded as min-height*/ | ||
+ | min-height:100%; /* real browsers */ | ||
+ | text-align: center; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2010/b/b3/TU_Delft_footer_tile.gif'); | ||
+ | background-position: bottom left; | ||
+ | background-repeat: repeat-x; | ||
+ | display: block; | ||
+ | font-family: Verdana, Arial; | ||
+ | font-size: 12px; | ||
+ | color: #78BF82; | ||
+ | } | ||
+ | |||
+ | #TUD-main-wrapper div { | ||
+ | line-height: 18px; | ||
} | } | ||
+ | /* IE ignores this */ | ||
+ | html>body #TUD-main-wrapper { | ||
+ | height: auto; | ||
+ | min-height: 100%; | ||
+ | } | ||
+ | |||
+ | #TUD-main-wrapper2 { | ||
+ | width: 100%; | ||
+ | height:auto !important; /* real browsers */ | ||
+ | height:100%; /* IE6: treaded as min-height*/ | ||
+ | min-height:100%; /* real browsers */ | ||
+ | text-align: center; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2010/9/9d/TU_Delft_bg_tile.gif'); | ||
+ | background-repeat: repeat-x; | ||
+ | background-repeat: repeat-x; | ||
+ | display: block; | ||
+ | font-family: Verdana, Arial; | ||
+ | font-size: 12px; | ||
+ | color: #78BF82; | ||
+ | margin-top: -8px; | ||
+ | } | ||
+ | |||
+ | /* IE ignores this */ | ||
+ | html>body #TUD-main-wrapper2 { | ||
+ | height: auto; | ||
+ | min-height: 100%; | ||
+ | } | ||
+ | |||
+ | #TUD-content-wrapper { | ||
+ | background-color: #fff; | ||
+ | text-align: left; | ||
+ | width: 1024px; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | height:auto !important; /* real browsers */ | ||
+ | height:100%; /* IE6: treaded as min-height*/ | ||
+ | min-height:100%; /* real browsers */ | ||
+ | } | ||
+ | |||
+ | #TUD-header { | ||
+ | width: 1024px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2010/5/58/TU_Delft_header_bg.gif'); | ||
+ | height: 120px; | ||
+ | } | ||
+ | |||
+ | #TUD-menu { | ||
+ | width: 1024px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2010/c/c5/TU_Delft_menu_bg.gif'); | ||
+ | height: 38px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #TUD-body-wrapper { | ||
+ | width: 100%; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2010/8/80/TU_Delft_body_bg.jpg'); | ||
+ | /* FireFox collapsing margin fix */ | ||
+ | padding-top: 1px;/*important*/ | ||
+ | margin-top: -1px;/*important*/ | ||
+ | } | ||
+ | |||
+ | #TUD-body-container { | ||
+ | width: 100%; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2010/5/5d/TU_Delft_body_top_bg.jpg'); | ||
+ | background-repeat: no-repeat; | ||
+ | /* FireFox collapsing margin fix */ | ||
+ | padding-top: 1px;/*important*/ | ||
+ | margin-top: -1px;/*important*/ | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #TUD-body-content { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2010/5/5f/TU_Delft_body_footer_bg.jpg'); | ||
+ | width: 1024px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: bottom left; | ||
+ | padding-bottom: 15px | ||
+ | } | ||
+ | |||
+ | #TUD-main-content { | ||
+ | width: 904px; | ||
+ | margin: 10px 60px 0px 60px; | ||
+ | } | ||
+ | |||
+ | #iGEM_TU_Delft_container { | ||
+ | min-height: 400px; | ||
+ | } | ||
+ | |||
+ | #TUD-footer { | ||
+ | width: 100%; | ||
+ | height: 254px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .TUD-logo { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2010/0/09/TU_Delft_iGEM_Team_Logo.png'); | ||
+ | width: 237px; | ||
+ | height: 95px; | ||
+ | margin-left: 90px; | ||
+ | background-repeat: no-repeat; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .TUD-logo span { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | |||
+ | #TUD-loading-panel { | ||
+ | z-index: 100; | ||
+ | position: absolute; | ||
+ | left: 0px; | ||
+ | top: 0px; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #TUD-loading-panel-logo { | ||
+ | margin: 0 auto; | ||
+ | margin-top: 250px; | ||
+ | } | ||
+ | |||
+ | #loading-overlay { | ||
+ | z-index: 70; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | display:none; | ||
+ | opacity:0.4; | ||
+ | filter:alpha(opacity=40); | ||
+ | } | ||
+ | |||
+ | #back_to_igem { | ||
+ | margin: 15px 0 0 0; | ||
+ | padding:0; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | /* MENU */ | ||
+ | #navlist { | ||
+ | margin: 0 0 0 55px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #navlist li { | ||
+ | display: block; | ||
+ | list-style-type: none; | ||
+ | float:left; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #navlist li a { | ||
+ | text-decoration: none; | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | #navlist li a:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | #navlist li ul { | ||
+ | position: absolute; | ||
+ | display:none; | ||
+ | background-color: #fff; | ||
+ | padding:0; | ||
+ | border: 1px solid #aaa; | ||
+ | z-index:100; | ||
+ | margin-left: 0px; | ||
+ | margin-top: 4px; | ||
+ | } | ||
+ | |||
+ | html>body #navlist li ul { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | #navlist li ul li { | ||
+ | list-style-type:none; | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | z-index:100; | ||
+ | } | ||
+ | |||
+ | #navlist li ul li a { | ||
+ | display: block; | ||
+ | color: #222; | ||
+ | width: 150px; | ||
+ | border: 1px solid #d0f1fa; | ||
+ | padding: 3px; | ||
+ | } | ||
+ | |||
+ | #navlist li ul li a:hover { | ||
+ | color: #000; | ||
+ | background-color: #FFD10F; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | #insilico_menu li a { | ||
+ | width: 230px !important; | ||
+ | } | ||
+ | |||
+ | .menubutton { | ||
+ | display:block; | ||
+ | margin: 13px 10px 0px 10px; | ||
+ | } | ||
+ | /* FOOTER */ | ||
+ | #TUD-footer, #TUD-footer-content { | ||
+ | width: 904px; | ||
+ | margin: 0 auto; | ||
+ | text-align: left; | ||
+ | } | ||
+ | /*TABLE .odd { | ||
+ | background-color: #FFD970; | ||
+ | } */ | ||
</style> | </style> | ||
- | <html> | + | </html> |
Revision as of 15:52, 18 May 2012