Template:Team:TU Munich/Header
From 2011.igem.org
(Difference between revisions)
(108 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <head> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script> | ||
+ | <script src="https://2011.igem.org/Team:TU_Munich/jqueryeasing.js?action=raw&ctype=text/js"></script> | ||
+ | <script src="https://2011.igem.org/Team:TU_Munich/slimbox2.js?action=raw&ctype=text/js" type="text/javascript"></script> | ||
+ | <link rel="stylesheet" href="https://2011.igem.org/Team:TU_Munich/slimbox2.css?action=raw&ctype=text/css" type="text/css" media="screen"> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
- | /* | + | /* |
- | /* | + | * jQuery UI CSS Framework 1.8.14 |
- | /* | + | * |
- | # | + | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) |
- | #content { | + | * Dual licensed under the MIT or GPL Version 2 licenses. |
- | #bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;} | + | * http://jquery.org/license |
- | #top-section { height: | + | * |
- | + | * http://docs.jquery.com/UI/Theming/API | |
- | #p-logo { height:1px; overflow:hidden; display: none;} | + | */ |
- | #search-controls { overflow:hidden; display: | + | /* Corner radius */ |
- | .left-menu { width: | + | .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { |
- | .left-menu ul { border: none; } | + | -moz-border-radius-topleft: 6px; |
- | #menubar.right-menu { width:300px; display:block; float:left; margin-top: | + | -webkit-border-top-left-radius: 6px; |
- | .right-menu ul { border: none; width: 300px;} | + | -khtml-border-top-left-radius: 6px; |
- | + | border-top-left-radius: 6px; | |
- | + | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); | |
- | # | + | -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); |
- | + | -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | |
- | + | } | |
- | + | ||
- | . | + | |
- | + | .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { | |
- | + | -moz-border-radius-topright: 6px; | |
- | + | -webkit-border-top-right-radius: 6px; | |
- | + | -khtml-border-top-right-radius: 6px; | |
- | + | border-top-right-radius: 6px; | |
- | + | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); | |
- | + | -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | |
+ | -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | ||
+ | } | ||
+ | .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { | ||
+ | -moz-border-radius-bottomleft: 6px; | ||
+ | -webkit-border-bottom-left-radius: 6px; | ||
+ | -khtml-border-bottom-left-radius: 6px; | ||
+ | border-bottom-left-radius: 6px; | ||
+ | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); | ||
+ | -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | ||
+ | -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | ||
+ | } | ||
+ | .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { | ||
+ | -moz-border-radius-bottomright: 6px; | ||
+ | -webkit-border-bottom-right-radius: 6px; | ||
+ | -khtml-border-bottom-right-radius: 6px; | ||
+ | border-bottom-right-radius: 6px; | ||
+ | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); | ||
+ | -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | ||
+ | -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); | ||
+ | } | ||
+ | |||
+ | /* Overlays */ | ||
+ | .ui-widget-overlay { | ||
+ | background: #686868 | ||
+ | url(https://static.igem.org/mediawiki/2011/c/c0/Ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; | ||
+ | opacity: .30; | ||
+ | filter:Alpha(Opacity=30); | ||
+ | } | ||
+ | .ui-widget-shadow { | ||
+ | margin: -8px 0 0 -8px; | ||
+ | padding: 8px; | ||
+ | background: #686868 | ||
+ | url(https://static.igem.org/mediawiki/2011/c/c0/Ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; | ||
+ | opacity: .30; | ||
+ | filter:Alpha(Opacity=30); | ||
+ | -moz-border-radius: 8px; | ||
+ | -khtml-border-radius: 8px; | ||
+ | -webkit-border-radius: 8px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .right-menu li a { | ||
+ | background-color: white; | ||
+ | color: white; | ||
+ | padding: 0 15px 0 0; | ||
+ | } | ||
+ | |||
+ | #content a[href^="https://"], .link-https { | ||
+ | background-image: none !important; | ||
+ | padding: 0 !important; | ||
+ | } | ||
+ | |||
+ | ul { | ||
+ | list-style-image: none; | ||
+ | list-style-type: none; | ||
+ | margin: 0.5em 0 0 0; | ||
+ | } | ||
+ | |||
+ | li { | ||
+ | margin-bottom: 0.5em; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-color: white; | ||
+ | color: black; | ||
+ | font: x-small sans-serif; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | border: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | height:100%; | ||
+ | } | ||
+ | |||
+ | #menubar li { | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | -moz-border-radius-topleft: 6px; | ||
+ | -webkit-border-top-left-radius: 6px; | ||
+ | -khtml-border-top-left-radius: 6px; | ||
+ | border-top-left-radius: 6px; | ||
+ | -moz-border-radius-topright: 6px; | ||
+ | -webkit-border-top-right-radius: 6px; | ||
+ | -khtml-border-top-right-radius: 6px; | ||
+ | border-top-right-radius: 6px; | ||
+ | background: none repeat scroll 0 white; | ||
+ | border-left: 0px solid #AAAAAA; | ||
+ | border-right: 0px solid #AAAAAA; | ||
+ | border-top: 0px solid #AAAAAA; | ||
+ | color: black; | ||
+ | line-height: 1.5em; | ||
+ | margin: 0 auto; | ||
+ | padding: 5px; | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | width: 965px; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #footer-box { | ||
+ | -moz-border-radius-topleft: 6px; | ||
+ | -webkit-border-top-left-radius: 6px; | ||
+ | -khtml-border-top-left-radius: 6px; | ||
+ | border-top-left-radius: 6px; | ||
+ | -moz-border-radius-topright: 6px; | ||
+ | -webkit-border-top-right-radius: 6px; | ||
+ | -khtml-border-top-right-radius: 6px; | ||
+ | border-top-right-radius: 6px; | ||
+ | background: none repeat scroll 0 white; | ||
+ | border-left: 1px solid #AAAAAA; | ||
+ | border-right: 1px solid #AAAAAA; | ||
+ | border-top: 1px solid #AAAAAA; | ||
+ | border-color: #AAAAAA; | ||
+ | } | ||
+ | |||
+ | #contentSub { | ||
+ | color: #7D7D7D; | ||
+ | font-size: 84%; | ||
+ | line-height: 1.2em; | ||
+ | margin: 0 0 1.4em 1em; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | #bodyContent { | ||
+ | border: none; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | height: 20px; | ||
+ | margin: 0 auto; | ||
+ | padding:0; | ||
+ | border: 0; | ||
+ | position: relative; | ||
+ | width: 975px; | ||
+ | !important | ||
+ | font-size: 10px } | ||
+ | |||
+ | #p-logo { | ||
+ | height:1px; | ||
+ | overflow:hidden; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #search-controls { | ||
+ | overflow:hidden; | ||
+ | display: none; | ||
+ | background: none; | ||
+ | position: absolute; | ||
+ | top: 25px; | ||
+ | font-size: 100%; | ||
+ | right: 40px; | ||
+ | } | ||
+ | |||
+ | .left-menu { | ||
+ | width: 300px | ||
+ | !important; | ||
+ | top:0px; | ||
+ | display:block; | ||
+ | margin-top:3px; | ||
+ | border: none; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | margin-bottom: 0.1em; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .left-menu ul { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #menubar.right-menu { | ||
+ | width:300px; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | margin-top:3px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .right-menu ul { | ||
+ | border: none; | ||
+ | width: 300px; | ||
+ | } | ||
+ | |||
+ | div.content { | ||
+ | padding: 20px; | ||
+ | top: -20px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #catlinks { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .subcontent { | ||
+ | padding: 20px; | ||
+ | margin-bottom:20px; | ||
+ | border: 2px solid #aaaaaa; | ||
+ | } | ||
+ | |||
+ | .subproject { | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | .subteam { | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | .sublab { | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | .subextra { | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
</style> | </style> | ||
+ | </head> | ||
+ | </html> | ||
+ | {{Team:TU_Munich/Menu}} |
Latest revision as of 17:50, 27 October 2011