Difference between revisions of "Template:Oxford"

 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
<!-- Declare that you are going to use html code instead of wiki code -->
 
<html>
 
<html>
 +
 +
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
 +
 +
<link href='http://fonts.googleapis.com/css?family=Roboto:700,700italic,400italic,400' rel='stylesheet' type='text/css'>
  
 
<!-- Start of CSS-->
 
<!-- Start of CSS-->
 
<style type="text/css">
 
<style type="text/css">
 +
  
 
/* WIKI SETTINGS*/
 
/* WIKI SETTINGS*/
Line 55: Line 60:
 
border-left: 0px solid #565656;
 
border-left: 0px solid #565656;
 
border-top: 10px solid #002147;
 
border-top: 10px solid #002147;
−
font-family: Lato, sans-serif;
+
font-family: 'Roboto', sans-serif;
 
}
 
}
  
−
/* Creates the container for the menu */
 
−
#menuContainer  {
 
−
float:top;
 
−
width: 100%;
 
−
padding: 10px 0px;
 
−
                                padding-bottom: 20px;
 
−
border-top: 25px solid #002147;
 
−
                                border-bottom: 25px solid #002147;
 
−
background-color: #002147;
 
−
                              text-align:center;
 
−
}
 
  
 
/* Creates the container for the content */
 
/* Creates the container for the content */
Line 74: Line 68:
 
padding-top:20px;
 
padding-top:20px;
 
padding-right:8px;
 
padding-right:8px;
−
margin-bottom: 20px;
+
margin-bottom: 30px;
 
width: 94%;
 
width: 94%;
 
padding-left: 25px;
 
padding-left: 25px;
Line 80: Line 74:
 
background-color: #fff;  
 
background-color: #fff;  
 
border-top: none;
 
border-top: none;
−
font-family: Helvetica, sans-serif;
+
font-family: 'Roboto', sans-serif;
 
}
 
}
  
Line 103: Line 97:
 
 
 
border-top: none;
 
border-top: none;
−
font-family: Helvetica, sans-serif;
+
font-family: 'Roboto', sans-serif;
 
}
 
}
  
Line 119: Line 113:
 
border-bottom: none;
 
border-bottom: none;
 
font-weight: bold;
 
font-weight: bold;
−
font-family: Lato, sans-serif;
+
font-family: 'Roboto', sans-serif;
 
margin-top:10px;
 
margin-top:10px;
 
}
 
}
Line 168: Line 162:
  
 
/*Styling for the links in the menu */
 
/*Styling for the links in the menu */
−
#menuContainer a {
+
#wrap {
−
color: #fff;
+
width: 100%;
−
text-decoration:none;
+
height: 90px;
−
font-weight: 500;
+
margin: 0;
−
                                 font-size: 18px;
+
z-index: 99;
−
}
+
position: relative;
 +
background-color: #002147;
 +
}
 +
 +
.navbar {
 +
height: 40px;
 +
padding-top: 20px;
 +
padding-bottom: 20px;
 +
margin-left: 4%;
 +
                                 margin-right: 1%;
 +
position: absolute;
 +
border-right: ;
 +
                             
 +
}
 +
 +
.navbar li {
 +
height: auto;
 +
width: 130px;
 +
float: left;
 +
text-align: center;
 +
                                        font-size: 20px;
 +
list-style: none;
 +
                                        display: inline;
 +
font-family: 'Oswald', sans-serif;
 +
padding-left: 0px;
 +
padding-right: 0px;
 +
margin: 0;
 +
background-color: #002147;
 +
}
  
−
/* Sets the style for lists inside menuContainer  */
+
.navbar a {
−
#menuContainer ul {  
+
padding-top: 15px;  
−
list-style: inline;
+
padding-bottom: 15px;
−
                                color: #002147;
+
−
                              margin-left:auto;
+
text-decoration: none;
−
                                margin-right:auto;
+
color: white;
−
margin-top:-5px;
+
display: block;
−
overflow: hidden;
+
}
−
    margin: 0;
+
−
    padding: 0;
+
−
}
+
  
−
/*Styles the list items to become menu buttons */
+
.navbar li:hover {background-color: #002147;}
−
#menuContainer ul li {
+
−
text-align: center;
+
.navbar li ul {
−
display: inline;
+
display: none;
−
width: 100%;
+
height: auto;
−
height:40px;
+
margin: 0;
−
padding-top:0px;
+
padding: 0;
−
                                padding-left:15px;
+
                                                                width: 200px;
−
                                padding-right:15px;
+
−
box-sizing: border-box;
+
}
−
}
+
−
 
+
.navbar li:hover ul {
−
/*For the menu buttons, changes the color when hovering*/
+
display: block;
−
#menuContainer li:hover {
+
}
−
color:  #FFF;
+
−
background-color: #002147;
+
.navbar li ul li {background-color: ;
−
}
+
                                                                font-size: 14px;
−
 
+
                                                                text-align: center;
−
/*Submenus are not displayed as default*/
+
                                                                margin-right: 7px;}
−
#menuContainer li ul {
+
−
display: none;
+
.navbar li ul li a {
−
padding-top:17px;
+
−
margin-left: -19px;
+
}
−
}
+
−
 
+
.navbar li ul li a:hover {}
−
/*Submenus are displayed when hovering the menu button */
+
−
#menuContainer li:hover ul {
+
−
/*display: inline-block; */
+
−
display: block;  
+
−
position: absolute;
+
−
                                width: 1000px;
+
−
float: ;
+
−
margin-left: 0px;
+
−
margin-top: 0px;
+
−
}
+
−
 
+
−
/*Style the submenu buttons*/
+
−
#menuContainer li ul li{
+
−
background-color: #002147;  
+
−
padding-left:65px;
+
−
padding-right:65px;
+
−
height:300px;
+
−
padding-top:10px;
+
−
margin-top:100px;
+
−
                               
+
−
color: #fff;
+
−
width: 50px;
+
−
text-decoration:none;
+
−
font-weight: 300;
+
−
                                font-size: 16px;
+
−
}
+
  
 
/*CLASSES */
 
/*CLASSES */
Line 276: Line 269:
  
 
<!-- Start of menu -->
 
<!-- Start of menu -->
−
<div id="menuContainer">
+
<div id="wrap">
−
 
+
  <ul class="navbar">
−
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
<li><a href="https://2015.igem.org/Team:Oxford/Description">PROJECT</a>
−
<ul>
+
<ul>
−
+
  <li><a href="https://2015.igem.org/Team:Oxford/Backdrop">BACKDROP</a></li>
−
+
  <li><a href="https://2015.igem.org/Team:Oxford/Experiments">EXPERIMENTS</a></li>
−
 
+
  <li><a href="https://2015.igem.org/Team:Oxford/Results">RESULTS</a></li>
−
<a href="https://2015.igem.org/Team:Oxford/Description"><li>PROJECT
+
  <li><a href="https://2015.igem.org/Team:Oxford/Design">DESIGN</a></li>
−
            <ul>
+
</ul>        
−
<a href="https://2015.igem.org/Team:Oxford/Backdrop"><li>BACKDROP</li></a>
+
</li>
−
<a href="https://2015.igem.org/Team:Oxford/Experiments"><li>EXPERIMENTS</li></a>
+
<li><a href="https://2015.igem.org/Team:Oxford/Notebook">NOTEBOOK</a>      
−
 
+
</li>
−
<a href="https://2015.igem.org/Team:Oxford/Results"><li>RESULTS</li></a>
+
<li><a href="https://2015.igem.org/Team:Oxford/Parts">PARTS</a>
−
<a href="https://2015.igem.org/Team:Oxford/Design"><li>DESIGN</li></a>
+
<ul>
−
 
+
  <li><a href="https://2015.igem.org/Team:Oxford/Basic_Part">BASIC PARTS</a></li>
−
</ul>
+
  <li><a href="https://2015.igem.org/Team:Oxford/Composite_Part">COMPOSITE PARTS</a></li>
−
</li></a>
+
  <li><a href="https://2015.igem.org/Team:Oxford/Part_Collection">COLLECTION</a></li>
−
 
+
</ul>        
−
+
</li>
−
 
+
<li><a href="https://2015.igem.org/Team:Oxford/Attributions">ATTRIBUTIONS</a>
−
<a href="https://2015.igem.org/Team:Oxford/Notebook"><li>NOTEBOOK</li></a>
+
<ul>
−
 
+
  <li><a href="https://2015.igem.org/Team:Oxford/Attributions/Sponsors">SPONSORS</a></li>
−
                            <a href="https://2015.igem.org/Team:Oxford/Parts"><li>PARTS
+
  <li><a href="https://2015.igem.org/Team:Oxford/Collaborations">COLLABORATIONS</a></li>
−
            <ul>
+
</ul>        
−
+
</li>
−
<a href="https://2015.igem.org/Team:Oxford/Basic_Part"><li>BASIC PARTS</li></a>
+
<li><a href="https://2015.igem.org/Team:Oxford/Practices">PRACTICES</a>
−
<a href="https://2015.igem.org/Team:Oxford/Composite_Part"><li>COMPOSITE PARTS</li></a>
+
<ul>
−
      <a href="https://2015.igem.org/Team:Oxford/Part_Collection"><li>COLLECTION</li></a>
+
  <li><a href="https://2015.igem.org/Team:Oxford/Safety">SAFETY</a></li>
−
</ul>
+
</ul>        
−
</li></a>
+
</li>
−
     
+
<li><a href="https://2015.igem.org/Team:Oxford/Measurement">MEASUREMENT</a>
−
<a href="https://2015.igem.org/Team:Oxford/Attributions"><li>ATTRIBUTIONS
+
<ul>
−
<ul>
+
  <li><a href="https://2015.igem.org/Team:Oxford/Measurement/Inter-lab Study">INTER-LAB STUDY</a></li>
−
<a href="https://2015.igem.org/Team:Oxford/Attributions/Sponsors"><li>SPONSORS</li></a>
+
</ul>        
−
<a href="https://2015.igem.org/Team:Oxford/Collaborations"><li>COLLABORATIONS</li></a>
+
</li>
−
</ul></li></a>
+
<li><a href="https://2015.igem.org/Team:Oxford/Modeling">MODELING</a>
−
 
+
                        </li>
−
+
<li><a href="https://2015.igem.org/Team:Oxford/Team">TEAM</a>
−
 
+
                        </li>
−
<a href="https://2015.igem.org/Team:Oxford/Practices"><li>HUMAN PRACTICES
+
<li><a href="https://2015.igem.org/Team:Oxford/Blog">BLOG</a>
−
                                                                    <ul>
+
                        </li>
−
                                <a href="https://2015.igem.org/Team:Oxford/Safety"><li>SAFETY</li></a></ul>
+
  </ul>
−
</li></a>
+
−
 
+
−
      <a href="https://2015.igem.org/Team:Oxford/Measurement"><li>MEASUREMENT
+
−
<ul>
+
−
                                <a href="https://2015.igem.org/Team:Oxford/Measurement/Inter-lab Study"><li>INTER-LAB STUDY</li></a></ul></li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Oxford/Modeling"><li>MODELING</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Oxford/Team"><li>TEAM</li></a>
+
−
 
+
−
+
−
                                        <a href="https://2015.igem.org/Team:Oxford/Blog"><li>BLOG</li></a>
+
−
 
+
−
</ul>
+
 
</div>
 
</div>
 
<!-- End of menu  -->
 
<!-- End of menu  -->

Latest revision as of 23:04, 9 July 2015