Template:Team:TU Munich/Header

From 2012.igem.org

(Difference between revisions)
 
(39 intermediate revisions not shown)
Line 9: Line 9:
<style type="text/css">
<style type="text/css">
 +
 +
.editsection {
 +
    //display: none;
 +
}
 +
 +
a.nohover:hover {
 +
    text-decoration:none;
 +
}
p {
p {
     text-align: justify;
     text-align: justify;
 +
}
 +
 +
div.brick {
 +
    float:left;
 +
    display:block;
 +
    width:290px;
}
}
Line 18: Line 32:
     box-shadow: 0px 0px 0px rgba(0,0,0,0);
     box-shadow: 0px 0px 0px rgba(0,0,0,0);
     margin-left: 30px;
     margin-left: 30px;
 +
}
 +
 +
#content img#igem {
 +
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
 +
    margin-left: 30px;
 +
    float:right;
}
}
Line 34: Line 54:
  float: left;
  float: left;
  width: 435px;
  width: 435px;
-
  min-height: 250px;
+
  min-height: 300px;
  padding: 10px;
  padding: 10px;
}
}
Line 42: Line 62:
  float: right;
  float: right;
  width: 435px;
  width: 435px;
-
  min-height: 250px;
+
  min-height: 300px;
  padding: 10px;
  padding: 10px;
}
}
Line 50: Line 70:
  float: center;
  float: center;
  width: 920px;
  width: 920px;
-
min-height: 250px;
 
  padding: 10px;
  padding: 10px;
}
}
Line 410: Line 429:
div#top-section {
div#top-section {
-
    top:225px;
 
     border-width: 0px;
     border-width: 0px;
}
}
Line 441: Line 459:
     background: url("https://static.igem.org/mediawiki/2012/2/21/Hintergrund2.jpg") no-repeat scroll 0% 0% transparent;
     background: url("https://static.igem.org/mediawiki/2012/2/21/Hintergrund2.jpg") no-repeat scroll 0% 0% transparent;
     overflow:hidden;
     overflow:hidden;
-
    top: -225px;
 
     min-height: 2000px;
     min-height: 2000px;
     display:block;
     display:block;
 +
    margin-left:10px
 +
    margin-right:10px
 +
    background-attachment:fixed;
 +
    background-position:center top;
}
}
div#content {
div#content {
-
     background: none repeat scroll 0 center rgba(255,255,255,0.99);
+
     background: none repeat scroll 0 center rgb(255,255,255);
     box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5);
     box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5);
     border-width: 1px;
     border-width: 1px;
Line 462: Line 483:
     min-height: 700px;
     min-height: 700px;
     z-index: 2;
     z-index: 2;
-
    top: 225px;
 
}
}
Line 537: Line 557:
     z-index: 2;
     z-index: 2;
     margin-top: 15px;
     margin-top: 15px;
-
    bottom:-225px;
 
}
}
Line 560: Line 579:
     background: transparent;
     background: transparent;
     color:rgb(0,33,67);
     color:rgb(0,33,67);
-
     width:135px;
+
     width:158px;
     float:left;
     float:left;
     position: relative;
     position: relative;
Line 569: Line 588:
     background:rgb(0,33,67);
     background:rgb(0,33,67);
     color:white;
     color:white;
-
     width:135px;
+
     width:158px;
     float:left;
     float:left;
     position: relative;
     position: relative;
Line 682: Line 701:
  background-image: none !important;
  background-image: none !important;
  padding: 0 !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 713: Line 781:
$(".slidingDiv#"+this.id).slideToggle();
$(".slidingDiv#"+this.id).slideToggle();
});
});
-
     $('div#content').append("<div style='bottom:0px;'><hr/><center><b>Disclaimer: We do not promote consumption of alcohol. The aim of this project is purely academic. We are not associated with Bayerische Staatsbrauerei Weihenstephan.</b></center></div>")
+
     $('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>")
-
     $('#globalWrapper').height($('body').height()+225);
+
     $('.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')
});
});
Line 721: Line 792:
</head>
</head>
<body>
<body>
-
<a href="https://2012.igem.org/Team:TU_Munich">
+
<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="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">
<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>
</a>

Latest revision as of 14:25, 21 October 2012