Template:Team:Bielefeld-CeBiTec/Header

From 2014.igem.org

(Difference between revisions)
 
(104 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
-
<head>
 
-
</head>
 
<style>
<style>
Line 10: Line 8:
     font-size:18px
     font-size:18px
}
}
 +
 +
#content{
#content{
         width:1000px;
         width:1000px;
Line 15: Line 15:
         margin-right: auto;
         margin-right: auto;
}
}
-
</style>
 
-
 
-
<style>
 
body{
body{
background: black url("https://static.igem.org/mediawiki/2014/2/29/Bielefeld-CeBiTec_14-06-01_background.png");
background: black url("https://static.igem.org/mediawiki/2014/2/29/Bielefeld-CeBiTec_14-06-01_background.png");
-
background-position:center top;
+
background-size: 100% auto;
-
background-repeat: no-repeat;  
+
background-position: center top;
 +
background-repeat: no-repeat;
background-attachment: fixed;
background-attachment: fixed;
}
}
-
 
-
<style>
 
#globalwrapper #leftcol p{padding-left:20px; padding-right:40px;}
#globalwrapper #leftcol p{padding-left:20px; padding-right:40px;}
Line 39: Line 35:
         margin-right: auto;
         margin-right: auto;
         border-radius:0px;
         border-radius:0px;
-
        opacity:0.8;
 
         box-shadow:0px -5px 3px 0px #000000;/
         box-shadow:0px -5px 3px 0px #000000;/
-
background: rgb(238,238,238); /* Old browsers */
+
background: rgb(238,238,238,0.8); /* Old browsers */
-
background: -moz-linear-gradient(45deg, rgb(238,238,238) 0%, rgb(204,204,204) 100%); /* FF3.6+ */
+
background: -moz-linear-gradient(45deg, rgb(238,238,238,0.8) 0%, rgb(204,204,204,0.8) 100%); /* FF3.6+ */
-
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(238,238,238)), color-stop(100%,rgb(208,208,208))); /* Chrome,Safari4+ */
+
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(238,238,238,0.8)), color-stop(100%,rgb(208,208,208,0.8))); /* Chrome,Safari4+ */
-
background: -webkit-linear-gradient(45deg, rgb(238,238,238) 0%,rgb(238,238,238) 100%); /* Chrome10+,Safari5.1+ */
+
background: -webkit-linear-gradient(45deg, rgb(238,238,238,0.8) 0%,rgb(238,238,238,0.8) 100%); /* Chrome10+,Safari5.1+ */
-
background: -o-linear-gradient(45deg, rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* Opera 11.10+ */
+
background: -o-linear-gradient(45deg, rgb(238,238,238,0.8) 0%,rgb(204,204,204,0.8) 100%); /* Opera 11.10+ */
-
background: -ms-linear-gradient(45deg, rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* IE10+ *
+
background: -ms-linear-gradient(45deg, rgb(238,238,238,0.8) 0%,rgb(204,204,204,0.8) 100%); /* IE10+ *
-
background: linear-gradient(45deg, rgb(238,238,238) 0%,rgb(204,204,204) 100%); /* W3C */
+
background: linear-gradient(45deg, rgb(238,238,238,0.8) 0%,rgb(204,204,204,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 +
}
 +
h1, h2{
 +
border-bottom:2px solid #3fb498;
 +
margin-bottom:0px;
 +
        margin-top:-50px;
 +
}
 +
h3{
 +
margin:2px;
 +
padding:1px;
 +
text-align:center;
 +
font-size:14px;
 +
}
 +
h4{
 +
border-bottom:2px solid #3fb498;
 +
margin-bottom:0px;
 +
}
 +
h6{
 +
border-bottom:2px solid #3fb498;
 +
margin-bottom:0px;
 +
        padding-left:90px;
 +
        font-size:24px;
 +
}
 +
.itemBox {
 +
/* width:50%; für nebeneinander*/
 +
/* width:99%; */
 +
height:200px;
 +
        background-color: rgba(255,255,255,0.8);
 +
padding:0px;
 +
# float:left;
 +
        margin:0px 10px 0px 10px;
 +
}
 +
.imageBox{
 +
width:15%;
 +
height:180px;
 +
float:left;
 +
padding:10px;
 +
}
 +
.textBox{
 +
width:75%;
 +
height:180px;
 +
font-size:14;
 +
margin-left:160px;
 +
padding:1px;
 +
        text-align:justify;
 +
}
 +
 +
 +
a.menue, a.menue:link, a.menue:visited, a.menue:active {
 +
        color:#141414;
 +
        position: relative;
 +
        text-decoration: none;
 +
}
 +
 +
a.menue:hover {
 +
        z-index:1000;
 +
        background: transparent;
 +
}
 +
a.menue span {
 +
        display: none;
 +
        text-decoration: none;
 +
}
 +
 +
a.menue:hover span {
 +
        z-index:1;
 +
        display: block;
 +
        position: absolute;
 +
        bottom: -152px;
 +
        left:7px;
 +
        padding: 0px;
}
}
</style>
</style>
-
<div id="header" style="width:1000px; height:150px; padding:0px; background-image: url(   
+
<table width="10px" align="center">
-
  https://static.igem.org/mediawiki/2014/3/30/Bielefeld-CeBiTec_14.06.01_Banner.png); background-size: cover;">
+
-
+
-
  <div id="igemlogo" style="margin-left:960px; position:absolute;">
+
-
    <a href="https://2013.igem.org" target="_blank">
+
-
      <img src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png" height="30px">
+
-
    </a>
+
-
  </div>
+
-
  <a style="display:block; height:100%" href="https://2013.igem.org/Team:Bielefeld-Germany"></a>
+
-
</div>
+
-
<!--navigation menu -->
 
<td align="center" colspan="3">
<td align="center" colspan="3">
-
<table  width="1000px">
 
-
<tr heigth="15px"></tr>
 
-
<tr heigth="75px">
 
-
<!--navigation menu new-->
 
-
<td align="center" height ="45px" onMouseOver="this.bgColor='#006b60'" onMouseOut="this.bgColor='#3fb498'" bgColor=#3fb498> 
 
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec"style="color:#000000">Home </a> </td>
 
-
<td align="center" height ="45px" onMouseOver="this.bgColor='#006b60'" onMouseOut="this.bgColor='#3fb498'" bgColor=#3fb498> 
+
<!--<tr heigth="15px"></tr>-->
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project"style="color:#000000">Project </a> </td>
+
-
<td align="center" height ="45px" onMouseOver="this.bgColor='#006b60'" onMouseOut="this.bgColor='#3fb498'" bgColor=#3fb498>
+
<!-- <tr heigth="75px"> -->  
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Team"style="color:#000000">Team </a> </td>
+
-
<td align="center" height ="45px" onMouseOver="this.bgColor='#006b60'" onMouseOut="this.bgColor='#3fb498'" bgColor=#3fb498> 
 
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Results"style="color:#000000">Results </a> </td>
 
-
<td align="center" height ="45px" onMouseOver="this.bgColor='#006b60'" onMouseOut="this.bgColor='#3fb498'" bgColor=#3fb498>
+
<div id="header" style="width:1000px; height:150px; padding:0px; background-image: url(   
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice"style="color:#000000">Policy & Practices </a> </td>
+
  https://static.igem.org/mediawiki/2014/3/30/Bielefeld-CeBiTec_14.06.01_Banner.png); background-size: cover;">  
 +
  <a style="display:block; height:100%" href="https://2014.igem.org/Team:Bielefeld-CeBiTec"></a>
 +
</div>
-
<td align="center" height ="45px" onMouseOver="this.bgColor='#006b60'" onMouseOut="this.bgColor='#3fb498'" bgColor=#3fb498> 
 
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Notebook"style="color:#000000">Notebook </a> </td>
 
-
<td align="center" height ="45px" onMouseOver="this.bgColor='#006b60'" onMouseOut="this.bgColor='#3fb498'" bgColor=#3fb498>
+
<!--navigation menu -->
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Partners"style="color:#000000">Partners </a> </td>
+
<div id="menue">
 +
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec"style="color:#000000">
 +
  <div id="menueButton" >
 +
      <p class="center"><font color="#FFFFFF">Home</font></p>
 +
  </div>
 +
</a>
 +
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project"style="color:#000000">
 +
  <div id="menueButton">
 +
      <p class="center"><font color="#FFFFFF">Project</font></p>
 +
  </div>
 +
</a>
 +
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Results"style="color:#000000">
 +
  <div id="menueButton">
 +
      <p class="center"><font color="#FFFFFF">Results</font></p>
 +
  </div>
 +
</a>
 +
<a class="menue" href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Team"style="color:#000000">
 +
  <div id="menueButton">
 +
      <p class="center"><font color="#FFFFFF">Team</font></p>
 +
<span id="ribbon_team">
 +
<link href="https://2014.igem.org/Template:Team:Bielefeld-CeBiTec/Banner_team.css" type="text/plain" rel="stylesheet">
 +
<!--<img src="https://static.igem.org/mediawiki/2014/6/60/Bielefeld-CeBiTec_14-06-01_Ribbon_Team.png" height="120px" width="1055px" usemap="#Banner" style="display:block; margin-left:-70px; margin-top:-40px;" ;>-->
 +
</span>
 +
 
 +
  </div>
 +
</a>
 +
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice"style="color:#000000">
 +
  <div id="menueButtonB">
 +
      <p><font color="#FFFFFF">Policy & Practices</font></p>
 +
  </div>
 +
</a>
 +
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Notebook"style="color:#000000">
 +
  <div id="menueButton">
 +
      <p class="center"><font color="#FFFFFF">Notebook</font></p>
 +
  </div>
 +
</a>
 +
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Partners"style="color:#000000">
 +
  <div id="menueButton">
 +
      <p class="center"><font color="#FFFFFF">Partners</font></p>
 +
  </div>
 +
</a>
 +
<div id="igemlogo" style="margin-top:7px;">
 +
  <a href="https://2013.igem.org" target="_blank">
 +
      <img src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png" height="30px">
 +
  </a>
 +
</div>
 +
</div>
 +
 
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
 
-
</tr>
+
<body>
-
</td>
+

Latest revision as of 16:56, 11 August 2014


Retrieved from "http://2014.igem.org/Template:Team:Bielefeld-CeBiTec/Header"