Template:Team:TU Munich/Header
From 2011.igem.org
(Difference between revisions)
(26 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.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/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"> | ||
Line 20: | Line 22: | ||
-webkit-border-top-left-radius: 6px; | -webkit-border-top-left-radius: 6px; | ||
-khtml-border-top-left-radius: 6px; | -khtml-border-top-left-radius: 6px; | ||
- | 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 { | .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { | ||
-moz-border-radius-topright: 6px; | -moz-border-radius-topright: 6px; | ||
Line 27: | Line 34: | ||
-khtml-border-top-right-radius: 6px; | -khtml-border-top-right-radius: 6px; | ||
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 { | .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { | ||
Line 33: | Line 43: | ||
-khtml-border-bottom-left-radius: 6px; | -khtml-border-bottom-left-radius: 6px; | ||
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 { | .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { | ||
Line 39: | Line 52: | ||
-khtml-border-bottom-right-radius: 6px; | -khtml-border-bottom-right-radius: 6px; | ||
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); | ||
} | } | ||
Line 59: | Line 75: | ||
-webkit-border-radius: 8px; | -webkit-border-radius: 8px; | ||
border-radius: 8px; | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .right-menu li a { | ||
+ | background-color: white; | ||
+ | color: white; | ||
+ | padding: 0 15px 0 0; | ||
} | } | ||
Line 69: | Line 91: | ||
list-style-image: none; | list-style-image: none; | ||
list-style-type: none; | list-style-type: none; | ||
- | + | margin: 0.5em 0 0 0; | |
+ | } | ||
+ | |||
+ | li { | ||
+ | margin-bottom: 0.5em; | ||
} | } | ||
body { | body { | ||
- | background-color: | + | background-color: white; |
color: black; | color: black; | ||
font: x-small sans-serif; | font: x-small sans-serif; | ||
Line 86: | Line 112: | ||
width: 100%; | width: 100%; | ||
height:100%; | height:100%; | ||
+ | } | ||
+ | |||
+ | #menubar li { | ||
+ | color: white; | ||
} | } | ||
#content { | #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; | background: none repeat scroll 0 white; | ||
- | border-left: | + | border-left: 0px solid #AAAAAA; |
- | border-right: | + | border-right: 0px solid #AAAAAA; |
- | border-top: | + | border-top: 0px solid #AAAAAA; |
color: black; | color: black; | ||
line-height: 1.5em; | line-height: 1.5em; | ||
Line 101: | Line 139: | ||
width: 965px; | width: 965px; | ||
z-index: 2; | 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; | ||
} | } | ||
Line 188: | Line 242: | ||
.subcontent { | .subcontent { | ||
- | |||
padding: 20px; | padding: 20px; | ||
margin-bottom:20px; | margin-bottom:20px; |
Latest revision as of 17:50, 27 October 2011