Template:Team:TU Munich/Header

From 2011.igem.org

(Difference between revisions)
(subcon)
 
(39 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 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: 4px;  
+
     -moz-border-radius-topleft: 6px;  
-
     -webkit-border-top-left-radius: 4px;  
+
     -webkit-border-top-left-radius: 6px;  
-
     -khtml-border-top-left-radius: 4px;  
+
     -khtml-border-top-left-radius: 6px;  
-
     border-top-left-radius: 4px;  
+
     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: 4px;  
+
     -moz-border-radius-topright: 6px;  
-
     -webkit-border-top-right-radius: 4px;
+
     -webkit-border-top-right-radius: 6px;
-
     -khtml-border-top-right-radius: 4px;
+
     -khtml-border-top-right-radius: 6px;
-
     border-top-right-radius: 4px;  
+
     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: 4px;  
+
     -moz-border-radius-bottomleft: 6px;  
-
     -webkit-border-bottom-left-radius: 4px;
+
     -webkit-border-bottom-left-radius: 6px;
-
     -khtml-border-bottom-left-radius: 4px;
+
     -khtml-border-bottom-left-radius: 6px;
-
     border-bottom-left-radius: 4px;  
+
     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: 4px;  
+
     -moz-border-radius-bottomright: 6px;  
-
     -webkit-border-bottom-right-radius: 4px;  
+
     -webkit-border-bottom-right-radius: 6px;  
-
     -khtml-border-bottom-right-radius: 4px;  
+
     -khtml-border-bottom-right-radius: 6px;  
-
     border-bottom-right-radius: 4px;  
+
     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: #686868;
+
     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: 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 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 182: Line 242:
.subcontent {
.subcontent {
-
    background-color: #EEEEEE;
 
     padding: 20px;
     padding: 20px;
     margin-bottom:20px;
     margin-bottom:20px;
-
     border: 3px dotted green;
+
     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