Difference between revisions of "Team:Bielefeld-CeBiTec/2016 BielefeldCeBiTec HomeTest"

 
(22 intermediate revisions by 2 users not shown)
Line 14: Line 14:
 
padding:0px;
 
padding:0px;
 
background:none;
 
background:none;
−
}
+
        margin-top:-20px !important;
−
#content {
+
−
margin-top:10px;
+
 
}
 
}
 
.main {
 
.main {
Line 22: Line 20:
 
margin:auto;
 
margin:auto;
 
width:1200px;
 
width:1200px;
−
        margin-top:0px !important;
 
 
}
 
}
 
/*gray background and centered website*/
 
/*gray background and centered website*/
Line 61: Line 58:
 
margin-left:0px;
 
margin-left:0px;
 
margin-right:0px;
 
margin-right:0px;
−
        margin-top:0px !important;
+
margin-top:0px;
 
}
 
}
  
Line 84: Line 81:
 
.navbar {
 
.navbar {
 
padding-left:0px;
 
padding-left:0px;
 +
        z-index: 1000;
 
}
 
}
 
/*Centers content of the navbar*/
 
/*Centers content of the navbar*/
Line 101: Line 99:
 
color:#64676F;
 
color:#64676F;
 
}
 
}
 +
 +
.navbar_button {
 +
background-color:#333333;
 +
margin-left:2px;
 +
color:white !important;
 +
 +
border-bottom-style:solid;
 +
border-bottom-width:5px;
 +
border-bottom-color:green;
 +
}
 +
.navbar_button:hover {
 +
background-color:green;
 +
}
 +
 +
.navbar_button:hover .dropdown-content{
 +
display: block;
 +
}
 +
 +
.navbar-default .navbar-nav > li > a {
 +
    color:white;
 +
}
 +
.navbar-default .navbar-nav > li > a:hover {
 +
    color:white;
 +
}
 +
/* Dropdown Content (Hidden by Default) */
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
}
 +
 +
/* Links inside the dropdown */
 +
.dropdown-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
}
 +
 +
/* Change color of dropdown links on hover */
 +
.dropdown-content a:hover {background-color: #4F4949}
  
 
</style>
 
</style>
Line 149: Line 190:
 
<div id="navbar" class="navbar-collapse collapse">
 
<div id="navbar" class="navbar-collapse collapse">
 
<ul class="nav navbar-nav navbar-center">
 
<ul class="nav navbar-nav navbar-center">
−
<li class="active"><a href="#">HOME</a></li>
+
<li class="navbar_button active"><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/2016_BielefeldCeBiTec_HomeTest">HOME</a></li>
−
<p class="navbar-text">|</p>
+
<li class="navbar_button"><a href="#">TEAM</a>
−
<li><a href="#">TEAM</a></li>
+
                                        <div class="dropdown-content">
−
<p class="navbar-text">|</p>
+
<a href="#">Official Team Profile</a>
−
<li><a href="#">PROJECT</a></li>
+
                                                <a href="#"> Members</a>
−
<p class="navbar-text">|</p>
+
                                                <a href="#"> Subteams</a>
−
<li><a href="#">PARTS</a></li>
+
                                                <a href="#"> University Bielefeld</a>
−
<p class="navbar-text">|</p>
+
                                                <a href="#"> Collaborations</a>
−
<li><a href="#">SAFETY</a></li>
+
                                                <ul class="dropdown-extra">
−
<p class="navbar-text">|</p>
+
                                                    <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Team/Collaborations/Postcards"> Postcards </a></li>
−
<li><a href="#">ATTRIBUTIONS</a></li>
+
                               
−
<p class="navbar-text">|</p>
+
                                                </ul>
−
<li><a href="#">HUMAN PRACTICES</a></li>
+
<a href="#">Acknowledgement</a>
−
<p class="navbar-text">|</p>
+
<a href="#">Sponsors</a>
−
<li><a href="#">AWARDS</a></li>
+
<a href="#">Contact</a>
 +
</div>
 +
                                        </li>
 +
<li class="navbar_button"><a href="#">PROJECT</a>
 +
<div class="dropdown-content">
 +
<a href="#">Overview</a>
 +
                                                <a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Notebook"> Notebook</a>
 +
                                                <ul class="dropdown-extra">
 +
                                                    <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Notebook/Library"> Library </a></li>
 +
                                                    <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Notebook/Mutation"> Mutation </a></li>
 +
                                                    <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Notebook/Selection"> Selection </a></li>
 +
                                                </ul>
 +
<a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Library">Library</a>
 +
<a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Mutation">Mutation</a>
 +
<a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Selection">Selection</a>
 +
</div>
 +
</li>
 +
<li class="navbar_button"><a href="#">PARTS</a></li>
 +
<li class="navbar_button"><a href="#">SAFETY</a></li>
 +
<li class="navbar_button"><a href="#">ATTRIBUTIONS</a></li>
 +
<li class="navbar_button"><a href="#">HUMAN PRACTICES</a></li>
 +
<li class="navbar_button"><a href="#">AWARDS</a></li>
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 197: Line 259:
 
</div>
 
</div>
 
<div class="col-xs-7 col-md-7">
 
<div class="col-xs-7 col-md-7">
−
<h3 class="textHeadline">Headline</h3>
+
<h3 class="textHeadline"><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Library">Library</a></h3>
 
<p class="stdText">Content<br>Content<br>Content</p>
 
<p class="stdText">Content<br>Content<br>Content</p>
 
</div>
 
</div>
Line 210: Line 272:
 
</div>
 
</div>
 
<div class="col-xs-7 col-md-7">
 
<div class="col-xs-7 col-md-7">
−
<h3 class="textHeadline">Headline</h3>
+
<h3 class="textHeadline"> <a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Mutation">Mutation</a> </h3>
 
<p class="stdText">Content<br>Content<br>Content</p>
 
<p class="stdText">Content<br>Content<br>Content</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>>
+
</div>
 
<div class="col-xs-3 col-md-3">
 
<div class="col-xs-3 col-md-3">
 
<div class="thumbnail">  
 
<div class="thumbnail">  
Line 223: Line 285:
 
</div>
 
</div>
 
<div class="col-xs-7 col-md-7">
 
<div class="col-xs-7 col-md-7">
−
<h3 class="textHeadline">Headline</h3>
+
<h3 class="textHeadline"><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Selection">Selection</a></h3>
 
<p class="stdText">Content<br>Content<br>Content</p>
 
<p class="stdText">Content<br>Content<br>Content</p>
 
</div>
 
</div>

Latest revision as of 12:56, 4 August 2016

iGEM Logo
Irgentwas

Headline 1

Content
Content
Content

Headline 1

Content
Content
Content

Library

Content
Content
Content

Mutation

Content
Content
Content

Selection

Content
Content
Content

Headline

Content
Content
Content