Template:Team:TU Munich/Header

From 2012.igem.org

(Difference between revisions)
 
(199 intermediate revisions not shown)
Line 2: Line 2:
<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.8.1/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.23/jquery-ui.min.js"></script>
<script language="JavaScript" src="https://2012.igem.org/Template:Team:TU_Munich/crumbs.js?action=raw&ctype=text/js"></script>
<script language="JavaScript" src="https://2012.igem.org/Template:Team:TU_Munich/crumbs.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">
-
h1, h2, h3, h4 {
+
.editsection {
-
     color: #0C68AE;
+
    //display: none;
 +
}
 +
 
 +
a.nohover:hover {
 +
    text-decoration:none;
 +
}
 +
 
 +
p {
 +
    text-align: justify;
 +
}
 +
 
 +
div.brick {
 +
    float:left;
 +
    display:block;
 +
    width:290px;
 +
}
 +
 
 +
#content img#logo {
 +
    height: 150px;
 +
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
 +
    margin-left: 30px;
 +
}
 +
 
 +
#content img#igem {
 +
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
 +
    margin-left: 30px;
 +
    float:right;
 +
}
 +
 
 +
#content .noborder img{
 +
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
 +
}
 +
 
 +
#content img#logotext {
 +
    height: 150px;
 +
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
 +
    margin-left: 20px;
 +
}
 +
 
 +
div.mleft {
 +
display: block;
 +
float: left;
 +
width: 435px;
 +
min-height: 300px;
 +
padding: 10px;
 +
}
 +
 
 +
div.mright {
 +
display: block;
 +
float: right;
 +
width: 435px;
 +
min-height: 300px;
 +
padding: 10px;
 +
}
 +
 
 +
div.mfull {
 +
display: block;
 +
float: center;
 +
width: 920px;
 +
padding: 10px;
 +
}
 +
 
 +
.magnify {
 +
display: none;
 +
}
 +
 
 +
.bezel {
 +
    padding: 5px;
 +
    margin: 5px;
 +
    display: block;
 +
    float: left;
 +
}
 +
 
 +
.team {
 +
    padding: 5px;
 +
    margin: 5px 0;
 +
    display: block;
 +
    float: left;
 +
    width: 930px;
 +
}
 +
 
 +
.team {
 +
    padding: 5px;
 +
 
 +
}
 +
 
 +
#bodyContent .team h4 {
 +
    margin-bottom: -1.5em;
 +
}
 +
 
 +
.team h3 {
 +
    margin-left: 5px;
 +
}
 +
 
 +
 
 +
 
 +
div.limonene {
 +
    border: medium solid rgb(116, 183, 112);
 +
}
 +
 
 +
div.limonene h3 {
 +
    color: rgb(116, 183, 112);
 +
}
 +
 
 +
div.limonene h4 {
 +
    color: rgb(116, 183, 112);
 +
}
 +
 
 +
p.limonene b {
 +
    color: rgb(116, 183, 112);
 +
}
 +
 
 +
div.modeling{
 +
    border: medium solid rgb(97, 0, 194);
 +
}
 +
 
 +
div.modeling h3 {
 +
    color: rgb(97, 0, 194);
 +
}
 +
 
 +
div.modeling h4 {
 +
    color: rgb(97, 0, 194);
 +
}
 +
 
 +
p.modeling b {
 +
    color: rgb(97, 0, 194);
 +
}
 +
 
 +
div.theory{
 +
    border: medium solid rgb(255, 133, 133);
 +
}
 +
 
 +
div.theory h3 {
 +
    color: rgb(255, 133, 133);
 +
}
 +
 
 +
div.theory h4 {
 +
    color: rgb(255, 133, 133);
 +
}
 +
 
 +
p.theory b {
 +
    color: rgb(255, 133, 133);
 +
}
 +
 
 +
div.hrns{
 +
    border: medium solid rgb(0, 194, 194);
 +
}
 +
 
 +
div.hrns h3 {
 +
    color: rgb(0, 194, 194);
 +
}
 +
 
 +
div.hrns h4 {
 +
    color: rgb(0, 194, 194);
 +
}
 +
 
 +
p.hrns b {
 +
    color: rgb(0, 194, 194);
 +
}
 +
 
 +
div.ethanol_inducible_promoter{
 +
    border: medium solid rgb(0, 102, 0);
 +
}
 +
 
 +
div.ethanol_inducible_promoter h3 {
 +
    color: rgb(0, 102, 0);
 +
}
 +
 
 +
div.ethanol_inducible_promoter h4 {
 +
    color: rgb(0, 102, 0);
 +
}
 +
 
 +
p.ethanol_inducible_promoter b {
 +
    color: rgb(0, 102, 0);
 +
}
 +
 
 +
 
 +
div.coumaryl {
 +
    border: medium solid rgb(255, 122, 97);
 +
}
 +
 
 +
div.coumaryl h3 {
 +
    color: rgb(255, 122, 97);
 +
}
 +
 
 +
div.coumaryl h4 {
 +
    color: rgb(255, 122, 97);
 +
}
 +
p.coumaryl b {
 +
    color: rgb(255, 122, 97);
 +
}
 +
 
 +
 
 +
div.thaumatin {
 +
    border: medium solid rgb(202, 85, 85);
 +
}
 +
 
 +
div.thaumatin h3 {
 +
    color: rgb(202, 85, 85);
 +
}
 +
 
 +
div.thaumatin h4 {
 +
    color: rgb(202, 85, 85);
 +
}
 +
 
 +
p.thaumatin b {
 +
    color: rgb(202, 85, 85);
 +
}
 +
 
 +
div.caffeine {
 +
    border: medium solid rgb(192, 167, 4);
 +
}
 +
 
 +
div.caffeine h3 {
 +
    color: rgb(192, 167, 4);
 +
}
 +
 
 +
div.caffeine h4 {
 +
    color: rgb(192, 167, 4);
 +
}
 +
 
 +
p.caffeine b {
 +
    color: rgb(192, 167, 4);
 +
}
 +
 
 +
 
 +
div.promoters {
 +
    border: medium solid rgb(0, 32, 96);
 +
}
 +
 
 +
div.promoters h3 {
 +
    color: rgb(0, 32, 96);
 +
}
 +
 
 +
div.promoters h4 {
 +
    color: rgb(0, 32, 96);
 +
}
 +
 
 +
p.promoters b {
 +
    color: rgb(0, 32, 96);
 +
}
 +
 
 +
div.constitutive_promoter {
 +
    border: medium solid rgb(115, 208, 255);
 +
}
 +
 
 +
div.constitutive_promoter h3 {
 +
    color: rgb(115, 208, 255);
 +
}
 +
 
 +
div.constitutive_promoter h4 {
 +
    color: rgb(115, 208, 255);
 +
}
 +
 
 +
p.constitutive_promoter b {
 +
    color: rgb(115, 208, 255);
 +
}
 +
 
 +
div.light_switchable_promoter {
 +
    border: medium solid rgb(0, 32, 96);
 +
}
 +
 
 +
div.light_switchable_promoter h3 {
 +
    color: rgb(0, 32, 96);
 +
}
 +
 
 +
div.light_switchable_promoter h4 {
 +
    color: rgb(0, 32, 96);
 +
}
 +
 
 +
p.light_switchable_promoter b {
 +
    color: rgb(0, 32, 96);
 +
}
 +
 
 +
div.integration {
 +
    border: medium solid rgb(222, 77, 185);
 +
}
 +
 
 +
div.integration h3 {
 +
    color: rgb(222, 77, 185);
 +
}
 +
div.integration h4 {
 +
    color: rgb(222, 77, 185);
 +
}
 +
p.integration b {
 +
    color: rgb(222, 77, 185);
 +
}
 +
 
 +
 
 +
div.vector_design {
 +
    border: medium solid rgb(166, 126, 166);
 +
}
 +
div.vector_design h3 {
 +
    color: rgb(166, 126, 166);
 +
}
 +
 
 +
div.vector_design h4 {
 +
    color: rgb(166, 126, 166);
 +
}
 +
 
 +
p.vector_design b {
 +
    color: rgb(166, 126, 166);
 +
}
 +
 
 +
 
 +
h1, h2, h3, h4, h5 {
 +
     color: rgb(0,33,67);
     font-weight: bold;
     font-weight: bold;
 +
    text-shadow: 1px 1px 1px rgb(218, 218, 218);
     border: 0px;
     border: 0px;
 +
}
 +
 +
b {
 +
    color: rgb(0,33,67);
 +
}
 +
 +
h1, h2 {
 +
    clear: both;
}
}
Line 26: Line 343:
}
}
-
#bodyContent h1 {
+
#content img#imgContent {
-
     margin: 0px;
+
     padding: 0px;
 +
    box-shadow: 0 0 0 #000;
 +
    float: right;
 +
    right: -10px;
 +
    position: absolute;
 +
    top: 20px;
 +
    background-color: white;
}
}
-
hr {
+
#content table#toc.toc:hover {
-
     border-top: 1px dotted #aaa;
+
     left: 0px;
-
     background: #fff;
+
    top: 25px;
-
     margin-bottom: 0.6em;
+
     position: fixed;
 +
    overflow: auto;
 +
    width: 250px;
 +
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5);
 +
}
 +
#content table#toc.toc {
 +
    left: -240px;
 +
     top: 20px;
 +
    position: fixed;
 +
    overflow: auto;
 +
    width: 250px;
 +
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5);
}
}
 +
#bodyContent h1{
 +
    margin: 0px;
 +
}
 +
#bodyContent h2{
 +
    margin: 0px;
 +
}
-
/*
+
#content img {
-
* jQuery UI CSS Framework 1.8.14
+
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
-
*
+
    padding: 5px;
-
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+
    margin: 5px;
-
* Dual licensed under the MIT or GPL Version 2 licenses.
+
    background-color: white;
-
* http://jquery.org/license
+
}
-
*
+
-
* http://docs.jquery.com/UI/Theming/API
+
-
*/
+
-
/* Corner radius */
+
-
/*
+
-
* jQuery UI CSS Framework 1.8.14
+
-
*
+
-
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+
-
* Dual licensed under the MIT or GPL Version 2 licenses.
+
-
* http://jquery.org/license
+
-
*
+
-
* http://docs.jquery.com/UI/Theming/API
+
-
*/
+
-
/* Corner radius */
+
 +
#content .thumbinner {
 +
    border: 0px;
 +
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
 +
    padding: 5px;
 +
    margin: 5px;
 +
    background-color: white;
 +
}
 +
#content .thumbinner img {
 +
    border: 0px;
 +
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
 +
    padding: 0px;
 +
    margin-bottom: 5px;
 +
    background-color: white;
 +
}
 +
div.thumb div {
 +
    background-color: white;
 +
}
-
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {  
+
div.thumb.tright {
-
     -moz-border-radius-topright: 6px;
+
     border-color: transparent;
-
    -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-top, .ui-corner-left, .ui-corner-tl {  
+
 
-
    -moz-border-radius-topleft: 6px;
+
#content embed {
-
    -webkit-border-top-left-radius: 6px;
+
-
    -khtml-border-top-left-radius: 6px;
+
-
    border-top-left-radius: 6px;
+
     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
-
     -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
+
     padding: 5px;
-
     -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);  
+
     margin: 5px;
 +
    background-color: white;
 +
 
}
}
-
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {  
+
 
-
     -moz-border-radius-bottomleft: 6px;
+
hr {
-
    -webkit-border-bottom-left-radius: 6px;
+
     border-top: 1px dotted #aaa;
-
    -khtml-border-bottom-left-radius: 6px;
+
     box-shadow: 1px 1px 1px rgb(218, 218, 218);
-
    border-bottom-left-radius: 6px;  
+
     background: #fff;
-
     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
+
    margin-bottom: 0.6em;
-
     -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
+
     clear: both;
-
     -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;
+
hr.nomargin {
-
    -webkit-border-bottom-right-radius: 6px;
+
     margin-bottom: 0.2em;
-
    -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 */
+
div#top-section {
-
.ui-widget-overlay {  
+
     border-width: 0px;
-
     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 {  
+
#top-section a {
-
     margin: -8px 0 0 -8px;
+
     display: none;
-
    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);  
+
}
}
-
#content a[href^="https://"], .link-https {
+
#top-section li {
-
background-image: none !important;
+
    display: none;
-
padding: 0 !important;
+
}
 +
 
 +
#top-section:hover a {
 +
    display: inline;
 +
}
 +
 
 +
#top-section:hover li {
 +
    display: inline;
}
}
body {
body {
-
     background-color: white;
+
     background-color: rgb(245, 207, 34);
     color: black;
     color: black;
-
     font: x-small sans-serif;
+
     font: x-small "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
}
}
 +
div#globalWrapper {
 +
    background: url("https://static.igem.org/mediawiki/2012/2/21/Hintergrund2.jpg") no-repeat scroll 0% 0% transparent;
 +
    overflow:hidden;
 +
    min-height: 2000px;
 +
    display:block;
 +
    margin-left:10px
 +
    margin-right:10px
 +
    background-attachment:fixed;
 +
    background-position:center top;
 +
}
-
#content {
+
 
-
     background: none repeat scroll 0 center white;
+
div#content {
-
     border-left: 1px solid #aaa;
+
     background: none repeat scroll 0 center rgb(255,255,255);
-
     border-right: 1px solid #aaa;
+
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5);
-
     border-top: 1px solid #aaa;
+
     border-width: 1px;
 +
     border-style: solid;
 +
     border-color: rgb(229, 229, 229) rgb(219, 219, 219) rgb(210, 210, 210);
     color: black;
     color: black;
     line-height: 1.5em;
     line-height: 1.5em;
     margin: 0 auto;
     margin: 0 auto;
     overflow: hidden;
     overflow: hidden;
-
     padding: 0 10px;
+
     padding: 10px 20px;
     position: relative;
     position: relative;
-
     width: 880px;
+
     width: 950px;
 +
    min-height: 700px;
     z-index: 2;
     z-index: 2;
}
}
Line 160: Line 501:
     padding: 0px;
     padding: 0px;
     position: relative;
     position: relative;
-
     width: 900px;
+
     width: 950px;
     !important
     !important
     font-size: 10px
     font-size: 10px
Line 202: Line 543:
#footer-box{
#footer-box{
-
     padding:10px;
+
     background: none repeat scroll 0 center white;
-
     width: 880px;
+
     box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5);
-
     border: 1px solid #aaa;
+
     border-width: 1px;
 +
    border-style: solid;
 +
    border-color: rgb(229, 229, 229) rgb(219, 219, 219) rgb(210, 210, 210);
 +
    color: black;
 +
    line-height: 1.5em;
 +
    margin: 0 auto;
 +
    overflow: hidden;
 +
    padding: 10px 20px;
 +
    position: relative;
 +
    width: 950px;
 +
    z-index: 2;
 +
    margin-top: 15px;
}
}
Line 212: Line 564:
#navigation {
#navigation {
-
     padding: 5px;
+
     padding: 0px;
     position: relative;
     position: relative;
-
     color:#0C68AE;
+
     color:rgb(0,33,67);
     height:30px;
     height:30px;
}
}
Line 225: Line 577:
#navigation ul li {
#navigation ul li {
-
     background:#fff;
+
     background: transparent;
-
     color:#999;
+
     color:rgb(0,33,67);
-
     width:145px;
+
     width:158px;
     float:left;
     float:left;
     position: relative;
     position: relative;
Line 234: Line 586:
#navigation ul li:hover {
#navigation ul li:hover {
-
    background:#999;
+
    background:rgb(0,33,67);
-
    color:white;
+
    color:white;
-
     width:145px;
+
     width:158px;
     float:left;
     float:left;
     position: relative;
     position: relative;
     margin:0;
     margin:0;
}
}
-
 
-
 
#navigation ul li a {
#navigation ul li a {
     text-align: center;
     text-align: center;
-
    border: 1px solid #aaa;
 
     padding:5px;
     padding:5px;
     display:block;
     display:block;
     text-decoration:none;
     text-decoration:none;
-
     color:#999;
+
     color:rgb(0,33,67);
}
}
#navigation ul li:hover a {
#navigation ul li:hover a {
     text-align: center;
     text-align: center;
-
    border: 1px solid #aaa;
 
     padding:5px;
     padding:5px;
     display:block;
     display:block;
Line 261: Line 609:
     color:white;
     color:white;
}
}
-
 
#navigation ul li ul {
#navigation ul li ul {
Line 273: Line 620:
#navigation ul li ul li {
#navigation ul li ul li {
     text-align:left;
     text-align:left;
 +
    z-index:999;
}
}
#navigation ul li:hover ul li a {
#navigation ul li:hover ul li a {
     background:#fff;
     background:#fff;
-
     color:#999;
+
     color:rgb(0,33,67);
-
    border-top:0px solid #aaa;
+
}
}
#navigation ul li:hover ul li a:hover {
#navigation ul li:hover ul li a:hover {
-
     background:#999;
+
     background:rgb(0,33,67);
     color:white;
     color:white;
-
    border-top:0px solid #aaa;
+
}
 +
 
 +
/*
 +
* jQuery UI CSS Framework 1.8.14
 +
*
 +
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 +
* Dual licensed under the MIT or GPL Version 2 licenses.
 +
* http://jquery.org/license
 +
*
 +
* http://docs.jquery.com/UI/Theming/API
 +
*/
 +
/* Corner radius */
 +
 
 +
.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-top, .ui-corner-left, .ui-corner-tl {
 +
    -moz-border-radius-topleft: 6px;
 +
    -webkit-border-top-left-radius: 6px;
 +
    -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-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);
 +
}
 +
 
 +
#content a[href^="https://"], .link-https {
 +
background-image: none !important;
 +
padding: 0 !important;
 +
}
 +
 
 +
div#ticker {
 +
  background: #fff;
 +
  width:718px;
 +
  border: 5px solid rgb(0,30,68);
 +
}
 +
 
 +
.tickercontainer { /* the outer div with the black border */
 +
border: 0px solid #000;
 +
background: #fff;
 +
width: 718px;
 +
height: 27px;
 +
margin: 0;
 +
padding: 0;
 +
overflow: hidden;
 +
}
 +
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
 +
position: relative;
 +
left: 10px;
 +
top: 8px;
 +
width: 718px;
 +
overflow: hidden;
 +
}
 +
ul.newsticker { /* that's your list */
 +
position: relative;
 +
left: 850px;
 +
font: bold 10px Verdana;
 +
list-style-type: none;
 +
list-style-image: none;
 +
margin: 0;
 +
padding: 0;
 +
 
 +
}
 +
ul.newsticker li {
 +
float: left; /* important: display inline gives incorrect results when you check for elem's width */
 +
margin-left: 50px;
 +
padding: 0;
 +
background: #fff;
 +
}
 +
ul.newsticker a {
 +
white-space: nowrap;
 +
padding: 0;
 +
color: #ff0000;
 +
font: bold 10px Verdana;
 +
margin: 0 50px 0 0;
 +
}
 +
ul.newsticker span {
 +
margin: 0 10px 0 0;
}
}
Line 297: Line 762:
$(document).ready(function() {
$(document).ready(function() {
-
     buildBreadCrumbTrail(window.location.pathname);
+
     //buildBreadCrumbTrail(window.location.pathname);
-
     //$("table#toc.toc").css({display: 'block'})
+
     $('body').append("<a href='#' style='float:right;bottom:0px;position:fixed;right:20px;display:block;background-color:white;box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5);' class='bezel noborder'><img src='https://static.igem.org/mediawiki/2012/5/55/TUM12_Upbutton.png' height='50px'/></a>");
-
     $("table#toc.toc").css({left: '0px'})
+
     //$("table#toc.toc").css({left: '-170px'})
-
     $("table#toc.toc").css({top: '20%'})
+
     //$("table#toc.toc").css({top: '20%'})
-
     $("table#toc.toc").css({position: 'fixed'})
+
     //$("table#toc.toc").css({position: 'fixed'})
-
     $("table#toc.toc").css({overflow: 'auto'})
+
     //$("table#toc.toc").css({overflow: 'auto'})
-
     $("table#toc.toc").css({width: '180px'})
+
     //$("table#toc.toc").css({width: '180px'})
-
      
+
     $("div#toctitle").css({display: 'none'})
 +
    $("a.image").attr('rel','lightbox')
 +
    $("table#toc.toc").append('<img id="imgContent" src="https://static.igem.org/mediawiki/2012/8/8e/TUM12_Contents.jpg" />')
 +
    $(".bezel").addClass("ui-corner-all")
 +
    $("div.thumbinner").width(function(i,width){
 +
        return width + 20; 
 +
    });
 +
    $(".slidingDiv").hide();
 +
    $(".show_hide").show();
 +
    $('.show_hide').click(function(){
 +
$(".slidingDiv#"+this.id).slideToggle();
 +
});
 +
    $('div#content').append("<div style='bottom:0px;'><hr/><center><b>This website documents the contribution of TU Munich's 2012 iGEM team to the international Genetically Engineered Machine competition. The scope of the contribution is purely academic and the contribution is in no way affiliated to any commercial brewery. The contribution is not intended to promote under-age or irresponsible drinking.</b></center></div>")
 +
    $('.bezel.mfull').append("<div style='clear:both'>&nbsp;</div>")
 +
    $('.experiment').append("<div style='clear:both'>&nbsp;</div>")
 +
    $('.tnone').addClass('center')
 +
    $('.tnone').removeClass('tnone')
 +
    $('tickercontainer').addClass('ui-corner-all')
});
});
</script>
</script>
</head>
</head>
 +
<body>
 +
<a href="https://2012.igem.org/Team:TU_Munich" class="nohover">
 +
<img id="logo" src="https://static.igem.org/mediawiki/2012/1/1d/TUM12_Banner.png">
 +
<img id="logotext" src="https://static.igem.org/mediawiki/2012/c/ce/TUM12_Logotext.png">
 +
</a>
 +
<a href="https://2012.igem.org/Main_Page" class="nohover">
 +
<img width="100" id="igem" src="https://static.igem.org/mediawiki/igem.org/d/de/IGEM_basic_Logo_stylized.png">
 +
</a>
 +
 +
 +
</body>
</html>
</html>
{{Team:TU_Munich/Menu}}
{{Team:TU_Munich/Menu}}
 +
----

Latest revision as of 14:25, 21 October 2012

Retrieved from "http://2012.igem.org/Template:Team:TU_Munich/Header"