Template:Team:TU Munich/Header
From 2011.igem.org
(Difference between revisions)
(51 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
<head> | <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/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://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"> | ||
/* | /* | ||
Line 17: | Line 19: | ||
/* Corner radius */ | /* Corner radius */ | ||
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { | .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { | ||
- | -moz-border-radius-topleft: | + | -moz-border-radius-topleft: 6px; |
- | -webkit-border-top-left-radius: | + | -webkit-border-top-left-radius: 6px; |
- | -khtml-border-top-left-radius: | + | -khtml-border-top-left-radius: 6px; |
- | border-top-left-radius: | + | 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: | + | -moz-border-radius-topright: 6px; |
- | -webkit-border-top-right-radius: | + | -webkit-border-top-right-radius: 6px; |
- | -khtml-border-top-right-radius: | + | -khtml-border-top-right-radius: 6px; |
- | border-top-right-radius: | + | 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 { | ||
- | -moz-border-radius-bottomleft: | + | -moz-border-radius-bottomleft: 6px; |
- | -webkit-border-bottom-left-radius: | + | -webkit-border-bottom-left-radius: 6px; |
- | -khtml-border-bottom-left-radius: | + | -khtml-border-bottom-left-radius: 6px; |
- | border-bottom-left-radius: | + | 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 { | ||
- | -moz-border-radius-bottomright: | + | -moz-border-radius-bottomright: 6px; |
- | -webkit-border-bottom-right-radius: | + | -webkit-border-bottom-right-radius: 6px; |
- | -khtml-border-bottom-right-radius: | + | -khtml-border-bottom-right-radius: 6px; |
- | border-bottom-right-radius: | + | 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 64: | Line 86: | ||
background-image: none !important; | background-image: none !important; | ||
padding: 0 !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 { | body { | ||
- | background-color: | + | background-color: white; |
color: black; | color: black; | ||
font: x-small sans-serif; | font: x-small sans-serif; | ||
Line 80: | 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 95: | 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 173: | Line 233: | ||
div.content { | div.content { | ||
padding: 20px; | padding: 20px; | ||
- | top: - | + | top: -20px; |
position: relative; | position: relative; | ||
} | } | ||
Line 181: | Line 241: | ||
} | } | ||
+ | .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; | ||
+ | } | ||
Latest revision as of 17:50, 27 October 2011