Difference between revisions of "Template:Oxford"
Weikongquee (Talk | contribs) |
Weikongquee (Talk | contribs) |
||
(20 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 --> | |
+ | <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--> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | |||
+ | /* WIKI SETTINGS*/ | ||
+ | |||
+ | /* Hide first heading */ | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /*-- Remove borders, float content left and remove padding/margin */ | ||
+ | #globalWrapper, #content{ | ||
+ | background-color: transparent; | ||
+ | border: 0px; | ||
+ | float: center; | ||
+ | width: 99.5%; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | padding-top: -5px; | ||
+ | } | ||
+ | |||
+ | /*left align Black Menu Bar */ | ||
+ | #top_menu_inside { | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | </style> | ||
<!-- 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> | ||
Line 28: | Line 60: | ||
border-left: 0px solid #565656; | border-left: 0px solid #565656; | ||
border-top: 10px solid #002147; | border-top: 10px solid #002147; | ||
− | font-family: | + | font-family: 'Roboto', sans-serif; |
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* Creates the container for the content */ | /* Creates the container for the content */ | ||
Line 45: | Line 68: | ||
padding-top:20px; | padding-top:20px; | ||
padding-right:8px; | padding-right:8px; | ||
− | margin-bottom: | + | margin-bottom: 30px; |
width: 94%; | width: 94%; | ||
padding-left: 25px; | padding-left: 25px; | ||
Line 51: | Line 74: | ||
background-color: #fff; | background-color: #fff; | ||
border-top: none; | border-top: none; | ||
− | font-family: | + | font-family: 'Roboto', sans-serif; |
} | } | ||
/*Set up height place holder for the banner*/ | /*Set up height place holder for the banner*/ | ||
#bannerContainer { | #bannerContainer { | ||
− | + | ||
width:100%; | width:100%; | ||
margin:auto; | margin:auto; | ||
Line 74: | Line 97: | ||
border-top: none; | border-top: none; | ||
− | font-family: | + | font-family: 'Roboto', sans-serif; |
} | } | ||
Line 90: | Line 113: | ||
border-bottom: none; | border-bottom: none; | ||
font-weight: bold; | font-weight: bold; | ||
− | font-family: | + | font-family: 'Roboto', sans-serif; |
margin-top:10px; | margin-top:10px; | ||
} | } | ||
Line 139: | Line 162: | ||
/*Styling for the links in the menu */ | /*Styling for the links in the menu */ | ||
− | + | #wrap { | |
− | + | width: 100%; | |
− | + | height: 90px; | |
− | + | margin: 0; | |
− | font-size: | + | 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; | ||
+ | } | ||
− | + | .navbar a { | |
− | + | padding-top: 15px; | |
− | + | padding-bottom: 15px; | |
− | + | ||
− | + | text-decoration: none; | |
− | + | color: white; | |
− | + | display: block; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | .navbar li:hover {background-color: #002147;} | |
− | + | ||
− | + | .navbar li ul { | |
− | + | display: none; | |
− | + | height: auto; | |
− | + | margin: 0; | |
− | + | padding: 0; | |
− | + | width: 200px; | |
− | + | ||
− | + | } | |
− | + | ||
− | + | .navbar li:hover ul { | |
− | + | display: block; | |
− | + | } | |
− | + | ||
− | + | .navbar li ul li {background-color: ; | |
− | + | font-size: 14px; | |
− | + | text-align: center; | |
− | + | margin-right: 7px;} | |
− | + | ||
− | + | .navbar li ul li a { | |
− | + | ||
− | + | } | |
− | + | ||
− | + | .navbar li ul li a:hover {} | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/*CLASSES */ | /*CLASSES */ | ||
Line 245: | Line 269: | ||
<!-- Start of menu --> | <!-- Start of menu --> | ||
− | + | <div id="wrap"> | |
− | + | <ul class="navbar"> | |
− | + | <li><a href="https://2015.igem.org/Team:Oxford/Description">PROJECT</a> | |
− | + | <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> | |
− | + | <li><a href="https://2015.igem.org/Team:Oxford/Design">DESIGN</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li><a href="https://2015.igem.org/Team:Oxford/Notebook">NOTEBOOK</a> | |
− | + | </li> | |
− | + | <li><a href="https://2015.igem.org/Team:Oxford/Parts">PARTS</a> | |
− | + | <ul> | |
− | + | <li><a href="https://2015.igem.org/Team:Oxford/Basic_Part">BASIC PARTS</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Oxford/Composite_Part">COMPOSITE PARTS</a></li> | |
− | + | <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> | |
− | + | <ul> | |
− | + | <li><a href="https://2015.igem.org/Team:Oxford/Attributions/Sponsors">SPONSORS</a></li> | |
− | + | <li><a href="https://2015.igem.org/Team:Oxford/Collaborations">COLLABORATIONS</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li><a href="https://2015.igem.org/Team:Oxford/Practices">PRACTICES</a> | |
− | + | <ul> | |
− | + | <li><a href="https://2015.igem.org/Team:Oxford/Safety">SAFETY</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li><a href="https://2015.igem.org/Team:Oxford/Measurement">MEASUREMENT</a> | |
− | + | <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" | + | </ul> |
− | <a href="https://2015.igem.org/Team:Oxford/Collaborations" | + | </li> |
− | </ul></li>< | + | <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> | |
− | + | <li><a href="https://2015.igem.org/Team:Oxford/Blog">BLOG</a> | |
− | + | </li> | |
− | + | </ul> | |
− | </li>< | + | |
− | + | ||
− | + | ||
− | <ul> | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
<!-- End of menu --> | <!-- End of menu --> |
Latest revision as of 23:04, 9 July 2015