Template:Team:Bielefeld-CeBiTec/Header

From 2014.igem.org

(Difference between revisions)
 
(91 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
-
<head>
+
 
-
</head>
+
-
<table width="70%" align="center">
+
<style>
<style>
td {
td {
Line 17: 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;
}
}
Line 41: 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 */
}
}
-
div#menueButton{
 
-
    background-image: url(https://static.igem.org/mediawiki/2014/5/51/Bielefeld-CeBiTec_14-06-04_Button_small_rev.png);
 
-
    width: 130px;
 
-
    height: 45px;
 
-
    float: left;
 
-
    margin-right: 2px;
 
-
} 
 
-
div#menueButton:hover{
 
-
background-image:url(https://static.igem.org/mediawiki/2014/6/66/Bielefeld-CeBiTec_14-06-04_Button_small.png);
 
-
}
 
-
div#menueButtonB{
 
-
    background-image: url(https://static.igem.org/mediawiki/2014/a/ab/Bielefeld-CeBiTec_14-06-04_Button_big_rev.png);
 
-
    width: 151px;
 
-
    height: 45px;
 
-
    float: left;
 
-
    margin-right: 2px;
 
-
} 
 
-
div#menueButtonB:hover{
 
-
background-image:url(https://static.igem.org/mediawiki/2014/a/af/Bielefeld-CeBiTec_14-06-04_Button_big.png);
 
-
}
 
-
p.center{
 
-
    margin-left: auto;
 
-
    margin-right: auto;
 
-
}
 
h1, h2{
h1, h2{
border-bottom:2px solid #3fb498;
border-bottom:2px solid #3fb498;
-
margin-bottom:18px;
+
margin-bottom:0px;
 +
        margin-top:-50px;
}
}
h3{
h3{
Line 89: Line 59:
h4{
h4{
border-bottom:2px solid #3fb498;
border-bottom:2px solid #3fb498;
-
margin-bottom:5px;
+
margin-bottom:0px;
}
}
-
.teamMember2 {
+
 
 +
h6{
 +
border-bottom:2px solid #3fb498;
 +
margin-bottom:0px;
 +
        padding-left:90px;
 +
        font-size:24px;
 +
}
 +
.itemBox {
/* width:50%; für nebeneinander*/
/* width:50%; für nebeneinander*/
-
width:99%;
+
/* width:99%; */
height:200px;
height:200px;
-
background-color:#eeeeee;
+
        background-color: rgba(255,255,255,0.8);
padding:0px;
padding:0px;
# float:left;
# 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;
}
}
-
</style>
+
a.menue, a.menue:link, a.menue:visited, a.menue:active {
 +
        color:#141414;
 +
        position: relative;
 +
        text-decoration: none;
 +
}
-
<td align="center" colspan="3">
+
a.menue:hover {
 +
        z-index:1000;
 +
        background: transparent;
 +
}
 +
a.menue span {
 +
        display: none;
 +
        text-decoration: none;
 +
}
-
<table  width="1000px">
+
a.menue:hover span {
-
<tr heigth="15px"></tr>
+
        z-index:1;
-
<tr heigth="75px">
+
        display: block;
 +
        position: absolute;
 +
        bottom: -152px;
 +
        left:7px;
 +
        padding: 0px;
 +
}
-
<!--navigation menu new-->
+
</style>
-
<!--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> 
+
<table width="10px" align="center">
-
<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> 
 
-
<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> 
+
<td align="center" colspan="3">
-
<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> 
 
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice"style="color:#000000">Policy & Practices </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/Notebook"style="color:#000000">Notebook </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/Partners"style="color:#000000">Partners </a> </td>
+
-
<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 heigth="75px"> -->  
-
</tr>
 
-
</td -->
 
<div id="header" style="width:1000px; height:150px; padding:0px; background-image: url(     
<div id="header" style="width:1000px; height:150px; padding:0px; background-image: url(     
   https://static.igem.org/mediawiki/2014/3/30/Bielefeld-CeBiTec_14.06.01_Banner.png); background-size: cover;">  
   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://2014.igem.org/Team:Bielefeld-CeBiTec"></a>
   <a style="display:block; height:100%" href="https://2014.igem.org/Team:Bielefeld-CeBiTec"></a>
</div>
</div>
-
<br>
 
<!--navigation menu -->
<!--navigation menu -->
 +
<div id="menue">
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec"style="color:#000000">
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec"style="color:#000000">
   <div id="menueButton" >
   <div id="menueButton" >
Line 165: Line 154:
   </div>
   </div>
</a>
</a>
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Team"style="color:#000000">
+
<a class="menue" href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Team"style="color:#000000">
   <div id="menueButton">
   <div id="menueButton">
       <p class="center"><font color="#FFFFFF">Team</font></p>
       <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>
   </div>
</a>
</a>
Line 185: Line 179:
   </div>
   </div>
</a>
</a>
-
<div id="igemlogo" style="margin-top:3px;">
+
<div id="igemlogo" style="margin-top:7px;">
   <a href="https://2013.igem.org" target="_blank">
   <a href="https://2013.igem.org" target="_blank">
-
       <img src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png" height="40px">
+
       <img src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png" height="30px">
   </a>
   </a>
</div>
</div>
 +
</div>
 +
 +
 +
 +
<body>

Latest revision as of 16:56, 11 August 2014


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