Difference between revisions of "Template:Bielefeld-CeBiTec/header"

 
(37 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
 
<html>
 
<html>
 
<head>
 
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
<link rel="stylesheet" type="text/css"
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
href="https://2016.igem.org/wiki/index.php?title=Template:Bielefeld-CeBiTec/bootstrap/3.3.7/css&amp;action=raw&amp;ctype=text/css" />
 +
 
  
 
<style type="text/css">
 
<style type="text/css">
Line 37: Line 37:
 
background-color:#FFFFFF;
 
background-color:#FFFFFF;
 
margin:auto;
 
margin:auto;
width:100%;
+
width:120%;
 
     }
 
     }
 
}
 
}
Line 45: Line 45:
 
background-color:#383838;
 
background-color:#383838;
 
text-align:center;
 
text-align:center;
padding-top:120 px;
+
padding-top:100 px;
 
}
 
}
  
Line 52: Line 52:
 
color: #666633;
 
color: #666633;
 
text-align:left;
 
text-align:left;
 +
        front-size:13;
 
}
 
}
 
/*text headline style*/
 
/*text headline style*/
Line 101: Line 102:
 
background-image:url('https://static.igem.org/mediawiki/2016/f/f5/Bielefeld_CeBiTec_2016_10_13_X_menubar_background.png');
 
background-image:url('https://static.igem.org/mediawiki/2016/f/f5/Bielefeld_CeBiTec_2016_10_13_X_menubar_background.png');
 
 
height:120px;
+
 
}
 
}
  
Line 126: Line 127:
  
 
.navbar_button {
 
.navbar_button {
 
+
height:100 px;
 
margin-left:2px;
 
margin-left:2px;
 
color:#DDDDDD !important;
 
color:#DDDDDD !important;
 +
top:0px;
 +
 
 
 
}
 
}
Line 202: Line 205:
  
  
/*.navbar-default .navbar-nav > li > a:hover {
+
.navbar-default .navbar-nav > li > a:hover {
 
     color:#666633;
 
     color:#666633;
}*/
+
    font-size:-1;
 +
}
  
  
Line 216: Line 220:
  
 
.spacer_top{
 
.spacer_top{
background-color:#666633;
+
background-color:#383838;
height:110px;
+
height:90px;
 
width:100%;
 
width:100%;
 
align:left;
 
align:left;
Line 238: Line 242:
 
position: absolute;
 
position: absolute;
 
bottom: 10px;
 
bottom: 10px;
 +
 
}
 
}
 +
.jumbotron-text > p{
 +
    font-size:+3;
 +
}
 +
  
 
.text {
 
.text {
Line 266: Line 275:
  
 
figure{
 
figure{
   max-width: 100%;
+
   max-width: 1000px;
 
     height: auto;
 
     height: auto;
 
     /* display: table;  */
 
     /* display: table;  */
Line 272: Line 281:
  
 
}
 
}
 +
.figure-img{
 +
    max-width: 1000px;
 +
    height: auto;
 +
}
 +
 
@media (max-width: 1400px) {
 
@media (max-width: 1400px) {
 +
    .spacer_top{
 +
        heigth:60px;
 +
    }
 
     .navbar-header {
 
     .navbar-header {
 
         float: none;
 
         float: none;
Line 381: Line 398:
 
}
 
}
  
 +
table.borderless td,table.borderless th{
 +
    border: none !important;
 +
}
  
 +
/* unvisited link */
 +
a:link {
 +
    color: #999933;
 +
}
  
 +
/* visited link */
 +
a:visited {
 +
    color: #666633;
 +
}
  
 +
/* bullet points */
 +
ul li{
 +
    color: #383838;
 +
}
 
</style>
 
</style>
  
Line 413: Line 445:
  
  
 
<div class="container main">
 
 
<div class="spacer_top">
 
<div class="spacer_top">
 
</div>
 
</div>
 +
<div class="container main">
 +
 
 
 
<div id="header">
 
<div id="header">
Line 436: Line 468:
 
<ul class="nav navbar-nav navbar-center">
 
<ul class="nav navbar-nav navbar-center">
 
<li class="navbar_button dropdown">
 
<li class="navbar_button dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Description"><img class="navImage" src="https://static.igem.org/mediawiki/2016/3/3f/Bielefeld_CeBiTec_2016_10_13_X_tetris.png" style="height:60px;"> <br> PROJECT <span class="caret"></span></a>
+
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Description"><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Description"><img class="navImage" src="https://static.igem.org/mediawiki/2016/3/3f/Bielefeld_CeBiTec_2016_10_13_X_tetris.png" style="height:50px;"> <br> PROJECT <span class="caret"></span></a></a>
 
                                         <!--<div class="dropdown-content">-->
 
                                         <!--<div class="dropdown-content">-->
 
<ul class="dropdown-menu dropdown-content">
 
<ul class="dropdown-menu dropdown-content">
Line 443: Line 475:
 
<a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Library">Library</a>
 
<a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Library">Library</a>
 
<ul class="dropdown-menu dropdown-content">
 
<ul class="dropdown-menu dropdown-content">
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Library/Overview">Overview</a></li>
+
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Library">Overview</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Library/Scaffolds">Scaffolds</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Library/Scaffolds">Scaffolds</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Library/Design">Design and Construction</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Library/Design">Design and Construction</a></li>
Line 461: Line 493:
 
</li>
 
</li>
 
<li class="navbar_button dropdown dropdown-submenu">
 
<li class="navbar_button dropdown dropdown-submenu">
<a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Selection">Selection</a>
+
<a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Selection/Motivation">Selection</a>
 
<ul class="dropdown-menu dropdown-content">
 
<ul class="dropdown-menu dropdown-content">
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Selection">Overview</a></li>
+
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Selection/Motivation">Motivation</a></li>
+
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Selection/Motivation">Overview</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Selection/Bacterial_Two-Hybrid_System">Bacterial Two-Hybrid System</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Selection/Bacterial_Two-Hybrid_System">Bacterial Two-Hybrid System</a></li>
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Selection/SplitBetaLactamaseHitchHiker">Split beta-lactamase and Hitch-Hiker</a></li>
+
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Selection/SplitBetaLactamaseHitchHiker">Alternative Selection System</a></li>
 
</ul>
 
</ul>
 
 
 
</li>
 
</li>
 
<li class="navbar_button dropdown dropdown-submenu">
 
<li class="navbar_button dropdown dropdown-submenu">
<a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Project/Mutation">Modeling</a>
+
<a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Model">Modeling</a>
 
<ul class="dropdown-menu dropdown-content">
 
<ul class="dropdown-menu dropdown-content">
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Model">Overview</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Model">Overview</a></li>
Line 479: Line 511:
 
 
 
</li>
 
</li>
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Fermentation">Fermentation</a></li>
 
 
 
 
 
Line 486: Line 517:
 
                     </li>
 
                     </li>
 
<li class="navbar_button dropdown"><li class="navbar_button dropdown">
 
<li class="navbar_button dropdown"><li class="navbar_button dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results"><img class="navImage" src="https://static.igem.org/mediawiki/2016/d/d7/Bielefeld_CeBiTec_2016_10_13_X_achievement.png" style="height:60px;"> <br> RESULTS <span class="caret"></span></a>
+
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results"><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results"><img class="navImage" src="https://static.igem.org/mediawiki/2016/d/d7/Bielefeld_CeBiTec_2016_10_13_X_achievement.png" style="height:50px;"> <br> RESULTS <span class="caret"></span></a></a>
 
                                         <!--<div class="dropdown-content">-->
 
                                         <!--<div class="dropdown-content">-->
 
<ul class="dropdown-menu dropdown-content">
 
<ul class="dropdown-menu dropdown-content">
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results">Overview</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results">Overview</a></li>
 
<li class="navbar_button dropdown dropdown-submenu">
 
<li class="navbar_button dropdown dropdown-submenu">
                                                                                                 <a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Library">Library</a>
+
                                                                                                 <a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Library/Overview">Library</a>
 
<ul class="dropdown-menu dropdown-content">
 
<ul class="dropdown-menu dropdown-content">
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Library">Overview</a></li>
+
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Library/Overview">Overview</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Library/Assembly">Assembly</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Library/Assembly">Assembly</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Library/Phage">Phagemid Display</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Library/Phage">Phagemid Display</a></li>
Line 517: Line 548:
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Selection/InteractionControl">Interaction Control</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Selection/InteractionControl">Interaction Control</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Selection/BindingControl">Binding Control</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Selection/BindingControl">Binding Control</a></li>
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Selection/KnockOutKnochIn">Knock-Out / Knock-In</a></li>
+
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Selection/KnockOutKnochIn"><i>in vivo</i> Selection</a></li>
 
</ul>
 
</ul>
 
 
 
</li>
 
</li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Modeling">Modeling</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Results/Modeling">Modeling</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Fermentation">Fermentation</a></li>
 +
 
                                                                                         <li class="navbar_button dropdown dropdown-submenu">
 
                                                                                         <li class="navbar_button dropdown dropdown-submenu">
 
    <a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Parts">Parts</a>
 
    <a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Parts">Parts</a>
Line 528: Line 561:
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Composite_Part">Best Composite Part</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Composite_Part">Best Composite Part</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Part_Collection">Best Part Collection</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Part_Collection">Best Part Collection</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Parts/Improve">Improve a part</a></li>
 
                                                                                               </ul>
 
                                                                                               </ul>
 
                                                                                         </li>
 
                                                                                         </li>
                                                                                        <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Demonstrate">Demonstrate your Work</a></li>
+
                                                                                     
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Proof">Proof of Concept</a></li>
 
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Proof">Proof of Concept</a></li>
 +
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Demonstrate">Demonstrate your Work</a></li>
 
                                                                                         <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Medal_Fulfillment">Medal Fulfillment</a></li>
 
                                                                                         <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Medal_Fulfillment">Medal Fulfillment</a></li>
 
 
Line 539: Line 574:
 
                     </li>
 
                     </li>
 
<li class="navbar_button dropdown">
 
<li class="navbar_button dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Human_Practices"><img class="navImage" src="https://static.igem.org/mediawiki/2016/a/a9/Bielefeld_CeBiTec_2016_10_13_X_humanpractice.png" style="height:60px;"> <br> HUMAN PRACTICES <span class="caret"></span></a>
+
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/HP/Gold"><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/HP/Gold"><img class="navImage" src="https://static.igem.org/mediawiki/2016/a/a9/Bielefeld_CeBiTec_2016_10_13_X_humanpractice.png" style="height:50px;"> <br> HUMAN PRACTICES <span class="caret"></span></a></a>
 
                                         <!--<div class="dropdown-content">-->
 
                                         <!--<div class="dropdown-content">-->
 
<ul class="dropdown-menu dropdown-content">
 
<ul class="dropdown-menu dropdown-content">
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Human_Practices">Overview</a></li>
+
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/HP/Gold">Overview</a></li>
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/HP/School_Talks">Educational Outreach</a></li>
+
<li class="navbar_button dropdown dropdown-submenu">
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/HP/Dictionary">Dictionary</a></li>
+
                                                                                              <a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Engagement">Engagement</a>
                                                                                        <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/HP/Experts">Expert Contacts</a></li>
+
<ul class="dropdown-menu dropdown-content">
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/HP/Crowdfunding">Crowdfunding and Press</a></li>
+
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/HP/Dictionary">Dictionary</a></li>
<li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Engagement">Public Engagement</a></li>
+
                                                                                                        <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/HP/School_Talks">Educational Outreach</a></li>
 +
                                                                                                        <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/HP/Crowdfunding">Crowdfunding and Press</a></li>
 +
</ul>
 +
        </li>
 +
 
 
                                                                                         <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Entrepreneurship">Entrepreneurship</a></li>
 
                                                                                         <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Entrepreneurship">Entrepreneurship</a></li>
 +
                                                                                        <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Integrated_Practices">Integrated Practices</a></li>
 +
                                                                                        <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/HP/Silver">Achievements</a></li>
 +
 +
 +
                                                                                       
 
 
 
 
Line 555: Line 599:
 
                     </li>
 
                     </li>
 
<li class="navbar_button dropdown">
 
<li class="navbar_button dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Collaborations"><img class="navImage" src="https://static.igem.org/mediawiki/2016/f/fa/Bielefeld_CeBiTec_2016_10_13_X_Team.png" style="height:60px;"> <br> COLLABORATIONS <span class="caret"></span></a>
+
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Collaborations"><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Collaborations"><img class="navImage" src="https://static.igem.org/mediawiki/2016/f/fa/Bielefeld_CeBiTec_2016_10_13_X_Team.png" style="height:50px;"> <br> COLLABORATIONS <span class="caret"></span></a></a>
 
                                         <!--<div class="dropdown-content">-->
 
                                         <!--<div class="dropdown-content">-->
 
<ul class="dropdown-menu dropdown-content">
 
<ul class="dropdown-menu dropdown-content">
Line 569: Line 613:
 
 
 
<li class="navbar_button dropdown">
 
<li class="navbar_button dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Experiments"><img class="navImage" src="https://static.igem.org/mediawiki/2016/1/17/Bielefeld_CeBiTec_2016_10_13_X_notebook.png" style="height:60px;"> <br> NOTEBOOK <span class="caret"></span></a>
+
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Experiments"><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Experiments"><img class="navImage" src="https://static.igem.org/mediawiki/2016/1/17/Bielefeld_CeBiTec_2016_10_13_X_notebook.png" style="height:50px;"> <br> NOTEBOOK <span class="caret"></span></a></a>
 
                                         <!--<div class="dropdown-content">-->
 
                                         <!--<div class="dropdown-content">-->
 
<ul class="dropdown-menu dropdown-content">
 
<ul class="dropdown-menu dropdown-content">
Line 588: Line 632:
 
</li>
 
</li>
 
<li class="navbar_button dropdown">
 
<li class="navbar_button dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Team"><img class="navImage" src="https://static.igem.org/mediawiki/2016/3/33/Bielefeld_CeBiTec_2016_10_13_X_Team_white.png" style="height:60px;"> <br> TEAM <span class="caret"></span></a>
+
<a class="dropdown-toggle" data-toggle="dropdown" href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Team"><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Team"><img class="navImage" src="https://static.igem.org/mediawiki/2016/3/33/Bielefeld_CeBiTec_2016_10_13_X_Team_white.png" style="height:50px;"> <br> TEAM <span class="caret"></span></a></a>
 
                                         <!--<div class="dropdown-content">-->
 
                                         <!--<div class="dropdown-content">-->
 
<ul class="dropdown-menu dropdown-content">
 
<ul class="dropdown-menu dropdown-content">
Line 599: Line 643:
 
                     </li>
 
                     </li>
 
<li class="navbar_button dropdown">
 
<li class="navbar_button dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><img class="navImage" src="https://static.igem.org/mediawiki/2016/8/8f/Bielefeld_CeBiTec_2016_10_13_X_Acknowledgement_white.png" style="height:60px;"> <br> ACKNOWLEDGEMENT <span class="caret"></span></a>
+
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Acknowledgement"><img class="navImage" src="https://static.igem.org/mediawiki/2016/8/8f/Bielefeld_CeBiTec_2016_10_13_X_Acknowledgement_white.png" style="height:50px;"> <br> ACKNOWLEDGEMENT <span class="caret"></span></a></a>
 
                                         <!--<div class="dropdown-content">-->
 
                                         <!--<div class="dropdown-content">-->
 
<ul class="dropdown-menu dropdown-content">
 
<ul class="dropdown-menu dropdown-content">
Line 638: Line 682:
  
 
</script>
 
</script>
 
+
<!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
 +
<script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:Bielefeld-CeBiTec/bootstrap/3.3.7/js/bootstrap.min.js&amp;action=raw&amp;ctype=text/javascript"></script>
  
  
  
 
</html>
 
</html>

Latest revision as of 03:14, 20 October 2016