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.3em 0 0 0;
+
    margin: 0.5em 0 0 0;
 +
}
 +
 
 +
li {
 +
    margin-bottom: 0.5em;
}
}
body {
body {
-
     background-color: #686868;
+
     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: 1px solid #444444;
+
     border-left: 0px solid #AAAAAA;
-
     border-right: 1px solid #444444;
+
     border-right: 0px solid #AAAAAA;
-
     border-top: 1px solid #444444;
+
     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