Template:Team:Bielefeld-CeBiTec/Banner team.tmpl

From 2014.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 1: Line 1:
 +
<!--
{{Template:Team:Bielefeld-CeBiTec/igem.css}}
{{Template:Team:Bielefeld-CeBiTec/igem.css}}
{{Template:Team:Bielefeld-CeBiTec/main.css}}
{{Template:Team:Bielefeld-CeBiTec/main.css}}
 +
{{Template:Team:Bielefeld-CeBiTec/Banner_team.css}}
 +
-->
<html>
<html>
 +
 +
<head>
 +
 +
<link rel="shortcut icon" href="https://2014.igem.org/awiki/images/8/86/Bielefeld-CeBiTec_2014-08-31_Favicon.png" type="image/x-icon" />
 +
 +
</head>
 +
<style>
<style>
-
#flag{
+
#nav {
-
      background-image:url("https://static.igem.org/mediawiki/2014/6/60/Bielefeld-CeBiTec_14-06-01_Ribbon_Team.png");
+
width: 1000px;
-
      background-size: 100% 100%;
+
        height: 150px;
-
      width: 1060px;
+
        position:static;
-
      height: 65px;
+
        margin-left:auto;
-
      margin-left: -70px;
+
        margin-right:auto;
-
      margin-top:-100px;
+
        margin-top:-20px;
 +
        font-family:Georgia, Times, "Times New Roman", serif;
 +
}
 +
#nav li {
 +
list-style: none;
 +
        background-image: url("https://static.igem.org/mediawiki/2014/5/51/Bielefeld-CeBiTec_14-06-04_Button_small_rev.png");
 +
        background-size: 100% 100%;
 +
        width: 130px;
 +
        height: 45px;
 +
        margin-right: 2px;
 +
float: left;
 +
line-height: 45px;
 +
text-align: center;
 +
        display: inline;
 +
}
 +
#nav li actual{
 +
        list-style: none;
 +
        background-image: url("https://static.igem.org/mediawiki/2014/6/66/Bielefeld-CeBiTec_14-06-04_Button_small.png");
 +
        background-size: 100% 100%;
 +
        width: 130px;  
 +
        height: 45px;  
 +
        margin-right: 2px;
 +
float: left;
 +
line-height: 45px;
 +
text-align: center;
 +
        display: inline;
 +
}
 +
 
 +
#nav li a {
 +
color: white;
 +
text-decoration: none;
 +
display: block;
 +
}
 +
#nav li a:hover {
 +
        text-decoration: none !important;
 +
        background-image:url("https://static.igem.org/mediawiki/2014/6/66/Bielefeld-CeBiTec_14-06-04_Button_small.png");
 +
        background-size: 100% 100%;
 +
} 
 +
#nav li ul {
 +
        width: 993px;
 +
        height: 71px;
 +
        margin-left: -66px;
 +
        background-image:url("https://static.igem.org/mediawiki/2014/c/cc/Bielefeld-CeBiTec_2014-08-27_Flag.png");
 +
        background-size: 100% 100%;
 +
position: relative;
 +
        top: -6px;
 +
display: none;
 +
        padding-left:71px;
 +
}
 +
 
 +
#nav li:hover ul {
 +
display: block;
 +
}
 +
#nav li .home {
 +
        width: 993px;
 +
        height: 71px;
 +
        margin-left: -66px;
 +
        background-image:url("https://static.igem.org/mediawiki/2014/d/d8/Bielefeld-CeBiTec_2014-10-04_FlagHome.png");
 +
        background-size: 100% 100%;
 +
position: relative;
 +
        top: -6px;
 +
display: none;
 +
        padding-left:71px;
 +
}
 +
#nav li ul li {
 +
        line-height: 40px;
 +
        background-image:none;
 +
        height:40px;
 +
float: left;
 +
display: inline;
 +
        width:auto;
 +
        margin-top:5px;
 +
}
 +
#nav li ul li a {
 +
        height: 40px;
 +
background-image:none;
 +
        padding-left: 9px;
 +
        padding-right: 9px;
 +
        text-decoration: none;
}
}
-
flag.flag_element{
+
#nav li ul li a:hover {  
-
      width: auto;
+
background-image:url("https://static.igem.org/mediawiki/2014/0/00/Bielefeld-CeBiTec_14-06-07_Ribbon_middle_rev.png");
-
      height:40px;
+
        background-size: 100% 100%;
-
      padding-left: 10px;
+
        text-decoration: none;
-
      padding-right: 10px;
+
-
      float:left;
+
}
}
-
flag.flag_element:hover{
+
.igemLogo{
-
    background-image:url("https://static.igem.org/mediawiki/2014/0/00/Bielefeld-CeBiTec_14-06-07_Ribbon_middle_rev.png");
+
        width: auto;
-
    background-size: 100% 100%;
+
        float: right;
 +
        margin-top: -143px;
 +
        margin-right: 5px;
}
}
-
p.flag{
+
.igemLogo:hover{
-
    margin-top:5px;
+
        background-image: none;
}
}
</style>
</style>
 +
<body>
<body>
<div style="height:100%" id="main_box">
<div style="height:100%" id="main_box">
<div id="banner"><a style="display:block; height:100%" href="https://2014.igem.org/Team:Bielefeld-CeBiTec"></a>  
<div id="banner"><a style="display:block; height:100%" href="https://2014.igem.org/Team:Bielefeld-CeBiTec"></a>  
-
</div>
 
-
<!--navigation menu -->
 
-
<div id="main_menue">
 
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec"style="color:#000000">
 
-
  <div class="main_menueButton" >
 
-
              <p class="buttoncenter"><font color="#FFFFFF">Home</font></p>
 
-
  </div>
 
-
</a>
 
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project"style="color:#000000">
 
-
  <div class="main_menueButton">
 
-
      <p class="buttoncenter"><font color="#FFFFFF">Project</font></p>
 
-
  </div>
 
-
</a>
 
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Results"style="color:#000000">
 
-
  <div class="main_menueButton">
 
-
      <p class="buttoncenter"><font color="#FFFFFF">Results</font></p>
 
-
  </div>
 
-
</a>
 
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Team"style="color:#000000">
 
-
  <div class="main_menueButtonActual">
 
-
      <p class="buttoncenter"><font color="#FFFFFF">Team</font></p>
 
-
  </div>
 
-
</a>
 
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice"style="color:#000000">
 
-
  <div class="main_menueButtonB">
 
-
      <p class="buttoncenter"><font color="#FFFFFF">Policy & Practices</font></p>
 
-
  </div>
 
-
</a>
 
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Notebook"style="color:#000000">
 
-
  <div class="main_menueButton">
 
-
      <p class="buttoncenter"><font color="#FFFFFF">Notebook</font></p>
 
-
  </div>
 
-
</a>
 
-
<a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Partners"style="color:#000000">
 
-
  <div class="main_menueButton">
 
-
      <p class="buttoncenter"><font color="#FFFFFF">Partners</font></p>
 
-
  </div>
 
-
</a>
 
-
<div id="igemlogo" style="margin-top:7px;">
 
-
  <a href="https://2014.igem.org" target="_blank">
 
-
      <img src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png" height="30px" style="margin-top:5px">
 
-
  </a>
 
-
</div>
 
</div>
</div>
-
                <!-- Ribbon -->
+
              <!-- Flag-->
                 <div id = "flag">
                 <div id = "flag">
                     <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Team/Members"style="color:#000000">
                     <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Team/Members"style="color:#000000">
-
                         <flag class = "flag_element" style="margin-left:70px;">
+
                         <flag class = "flag_element1" style="margin-left:70px;">
                                 <p class="flag"><font color="#FFFFFF">Members</font></p>
                                 <p class="flag"><font color="#FFFFFF">Members</font></p>
                         </flag>
                         </flag>
                     </a>
                     </a>
                     <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Team/Subteams"style="color:#000000">
                     <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Team/Subteams"style="color:#000000">
-
                         <flag class = "flag_element">
+
                         <flag class = "flag_element2">
                                 <p class="flag"><font color="#FFFFFF">Subteams</font></p>
                                 <p class="flag"><font color="#FFFFFF">Subteams</font></p>
                         </flag>
                         </flag>
                     </a>
                     </a>
                     <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/PicturesAndVideos"style="color:#000000">
                     <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/PicturesAndVideos"style="color:#000000">
-
                         <flag class = "flag_element">
+
                         <flag class = "flag_element3">
                                 <p class="flag"><font color="#FFFFFF">Pictures &amp; Videos</font></p>
                                 <p class="flag"><font color="#FFFFFF">Pictures &amp; Videos</font></p>
                         </flag>
                         </flag>
                     </a>
                     </a>
                     <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/BielefeldAndUniversity"style="color:#000000">
                     <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/BielefeldAndUniversity"style="color:#000000">
-
                         <flag class = "flag_element">
+
                         <flag class = "flag_element4">
                                 <p class="flag"><font color="#FFFFFF">Bielefeld &amp; University</font></p>
                                 <p class="flag"><font color="#FFFFFF">Bielefeld &amp; University</font></p>
                         </flag>
                         </flag>
                     </a>
                     </a>
-
                     <a href="https://igem.org/Team.cgi?year=2014&team_name=Bielefeld-CeBiTec"style="color:#000000">
+
                     <a href="https://igem.org/Team.cgi?year=2014&team_name=Bielefeld-CeBiTec"style="color:#000000" target="_blank">
-
                         <flag class = "flag_element">
+
                         <flag class = "flag_element5">
                                 <p class="flag"><font color="#FFFFFF">Official Team Profile</font></p>
                                 <p class="flag"><font color="#FFFFFF">Official Team Profile</font></p>
                         </flag>
                         </flag>
                     </a>
                     </a>
                     <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Acknowledgements"style="color:#000000">
                     <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Acknowledgements"style="color:#000000">
-
                         <flag class = "flag_element">
+
                         <flag class = "flag_element6">
                                 <p class="flag"><font color="#FFFFFF">Acknowledgements</font></p>
                                 <p class="flag"><font color="#FFFFFF">Acknowledgements</font></p>
                         </flag>
                         </flag>
                     </a>
                     </a>
                     <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Contact"style="color:#000000">
                     <a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Contact"style="color:#000000">
-
                         <flag class = "flag_element">
+
                         <flag class = "flag_element7">
                                 <p class="flag"><font color="#FFFFFF">Contact</font></p>
                                 <p class="flag"><font color="#FFFFFF">Contact</font></p>
                         </flag>
                         </flag>
Line 114: Line 160:
                 </div>
                 </div>
                 <br>
                 <br>
-
</html>
+
 
 +
 
 +
 
 +
 
 +
 
 +
<!--navigation menu -->
 +
<!--navigation menu -->
 +
<ul id="nav">
 +
                    <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec"><font color="#FFFFFF">Home</font></a>
 +
                      <ul style="margin-left:-68px;">
 +
                      <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/ProjectSummary"><font color="#FFFFFF">Summary</font></a></li>
 +
                      <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice/Synenergene/Applications"><font color="#FFFFFF">Applications</font></a></li>
 +
                      <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Results/Achievements"><font color="#FFFFFF">Achievements</font></a></li>
 +
                      <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Bielefueli"><font color="#FFFFFF">Bielefueli</font></a></li>
 +
                      </ul>           
 +
                      <!--ul class="home" style="margin-left:-68px;">
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Bielefueli"><font color="#FFFFFF">Bielefueli</font></a></li>
 +
                      </ul-->
 +
                    </li>
 +
                    <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project/Overview"><font color="#FFFFFF">Project</font></a>               
 +
                      <ul style="margin-left:-200px;">
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project/Overview"><font color="#FFFFFF">Overview</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project/rMFC/Theory"><font color="#FFFFFF">rMFC</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project/CO2-fixation/CarbonDioxide"><font color="#FFFFFF">CO<sub>2</sub> Fixation</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project/Isobutanol/Theory"><font color="#FFFFFF">Isobutanol</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Project/Biosafety"><font color="#FFFFFF">Biosafety</font></a></li></ul>
 +
                        </li><!-- Project -->
 +
                    <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Results/Overview"><font color="#FFFFFF">Results</font></a>
 +
                      <ul style="margin-left:-332px;">
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Results/Overview"><font color="#FFFFFF">Overview</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Results/rMFC"><font color="#FFFFFF">rMFC</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Results/CO2-fixation"><font color="#FFFFFF">CO<sub>2</sub> Fixation</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Results/Isobutanol"><font color="#FFFFFF">Isobutanol</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Results/Biosafety"><font color="#FFFFFF">Biosafety</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Results/Modelling"><font color="#FFFFFF">Modeling</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Results/Parts"><font color="#FFFFFF">Parts</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Results/DataPage"><font color="#FFFFFF">Data Page</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Results/Achievements"><font color="#FFFFFF">Achievements</font></a></li>
 +
                      </ul>
 +
                    </li><!-- Results -->
 +
                    <li><actual><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Team"><font color="#FFFFFF">Team</font></a></actual> 
 +
                    </li><!-- Team -->
 +
                    <li style="width:155px;"><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice"><font color="#FFFFFF">Policy &amp; Practices</font></a>
 +
                      <ul style="margin-left:-596px;">
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice/Experts"><font color="#FFFFFF">Experts</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice/RadioInterview"><font color="#FFFFFF">Interviews</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice/NRW-day"><font color="#FFFFFF">NRW-Day</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice/ScholarAcademy"><font color="#FFFFFF">Pupils Acedemy</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice/Wikisession"><font color="#FFFFFF">How To Wiki</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice/Namu"><font color="#FFFFFF">namu</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice/Synenergene"><font color="#FFFFFF">SYNENERGENE</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice/Synenergene/Applications"><font color="#FFFFFF">Applications</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/HumanPractice/Synenergene/TechnomoralScenario"><font color="#FFFFFF">Vignettes</font></a></li>
 +
                      </ul>
 +
                    </li><!-- Human Practice -->
 +
                    <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Notebook"><font color="#FFFFFF">Notebook</font></a>
 +
                      <ul style="margin-left:-753px;">
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Notebook/Journal"><font color="#FFFFFF">Journal</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Notebook/Protocols"><font color="#FFFFFF">Protocols</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Notebook/Media"><font color="#FFFFFF">Media</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Notebook/KitsAndEnzymes"><font color="#FFFFFF">Kits &amp; Enzymes</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Notebook/StrainsAndConstructs"><font color="#FFFFFF">Strains &amp; Constructs</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Notebook/Primer"><font color="#FFFFFF">Primer</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Notebook/Acrynom"><font color="#FFFFFF">Acronyms</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Notebook/Organisms"><font color="#FFFFFF">Organisms</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Notebook/Safety"><font color="#FFFFFF">Additional</font></a></li>
 +
                      </ul>
 +
                    </li><!-- Notebook -->
 +
                    <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Partners"><font color="#FFFFFF">Partners</font></a>
 +
                      <ul style="margin-left:-885px;">
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Partners/GoldSponsor"><font color="#FFFFFF">Gold Sponsors</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Partners/SilverSponsor"><font color="#FFFFFF">Silver Sponsors</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Partners/BronzeSponsor"><font color="#FFFFFF">Bronze Sponsors</font></a></li>
 +
                        <li><a href="https://2014.igem.org/Team:Bielefeld-CeBiTec/Partners/Partners"><font color="#FFFFFF">Partners</font></a></li>
 +
                      </ul>
 +
                    </li><!-- Partners -->
 +
                    </ul><!-- nav -->
 +
                    <div class="igemLogo"><a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png" width="40px;"></a></div>
 +
</html>

Latest revision as of 01:25, 18 October 2014