|
|
Line 1: |
Line 1: |
| <html> | | <html> |
- | <head>
| + | <head> |
- | <title></title>
| + | <title></title> |
- | <link href="https://2014.igem.org/Team:Sheffield/Template:bootstrap.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
| + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
- | <!-- jQuery -->
| + | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
- | <link href="https://2014.igem.org/Team:Sheffield/Template:menustyle.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
| + | <link href="https://2014.igem.org/Team:Sheffield/Template:menustyle.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/> |
- | <link rel="stylesheet" href="https://2014.igem.org/Team:Sheffield/Template:Style.css?action=raw&ctype=text/css" type="text/css" media="all" />
| + | <script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:menujquery.min.js?action=raw&ctype=text/javascript"></script> |
- | | + | <script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:menujquery.easing.1.3.js?action=raw&ctype=text/javascript"></script> |
- | | + | <script type="text/javascript" src="./js/camera.min.js"></script> |
- | | + | <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'> |
- | | + | <script> |
- | <style type="text/css"> | + | jQuery(function(){ |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
| + | |
- | | + | |
- | #top-section {
| + | |
- |
| + | |
- | border: 0 none;
| + | |
- | height: 14px;
| + | |
- | z-index: 100;
| + | |
- | top: 0;
| + | |
- | position: fixed;
| + | |
- | width: 975px;
| + | |
- | left: 50%;
| + | |
- | margin-left: -487px;
| + | |
- | }
| + | |
- | | + | |
- | #globalWrapper, #content {
| + | |
- | width: 100%;
| + | |
- | height: 100%;
| + | |
- | border: 0px;
| + | |
- | background-color: transparent;
| + | |
- | margin: 0px;
| + | |
- | padding: 0px;
| + | |
- | }
| + | |
- | | + | |
- | html, body, .wrapper {
| + | |
- | width: 100%;
| + | |
- | height: 100%;
| + | |
- | background-color: transparent;
| + | |
- |
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | .title { | + | |
- | font-family: 'Lato', sans-serif;
| + | |
- | font-size: 2.5em;
| + | |
- | letter-spacing: 2px;
| + | |
- | color: white;
| + | |
- | font-weight: 250;
| + | |
- | margin-top: 0.25em;
| + | |
- | margin-bottom: 0.25em;
| + | |
- | margin-left:1em;
| + | |
- | margin-right:1em;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | .subtitle {
| + | |
- | font-family: 'Lato', sans-serif;
| + | |
- | font-size: 1.4em;
| + | |
- | letter-spacing: 0.5px;
| + | |
- | color: white;
| + | |
- | font-weight: 400;
| + | |
- | margin-top: 0.25em;
| + | |
- | margin-bottom: 0.25em;
| + | |
- | margin-left:1em;
| + | |
- | margin-right:1em;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | #firstSection {
| + | |
- | /* background-color: #DCEDDE; */
| + | |
- | background-color: #B5888A;
| + | |
- | /* background-color: #FFFFFF; */
| + | |
- | /* background-color:#fff;*/
| + | |
- | width:1050px;
| + | |
- | height:30em;
| + | |
- | margin-top:auto;
| + | |
- | margin-left:auto;
| + | |
- | margin-right:auto;
| + | |
- | }
| + | |
| | | |
- | #secondSection{
| + | jQuery('#camera_wrap_1').camera({ |
- | background-color: #DCEDDE;
| + | thumbnails: true |
- | /* background-color: #B5888A; */
| + | }); |
- | /* background-color: #FFFFFF; */
| + | }); |
- | width:1050px;
| + | </script> |
- | height:30em;
| + | </head> |
- | margin-top:5px;
| + | <body> |
- | margin-left:auto;
| + | <div class="header"> |
- | margin-right:auto;
| + | <div class="header_top"> |
- | }
| + | <div class="wrap"> |
- | #thirdSection{
| + | <div class="logo"> |
- | /* background-color: #E1FCEF; */
| + | <a href="index.html"><h1><span class="black"></span></h1></a> |
- | background-color: #C4B7A2;
| + | </div> |
- | /* background-color: #FFFFFF; */
| + | <div class="menu"> |
- | float:left;
| + | <ul> |
- | width:400px;
| + | <li class="active"><a href="index.html">Home</a></li> |
- | height:30em;
| + | <li><a href="about.html">About</a></li> |
- | margin-top:5px;
| + | <li><a href="gallery.html">Gallery</a></li> |
- | margin-left:auto;
| + | <li><a href="services.html">Services</a></li> |
- | margin-right:auto;
| + | <li><a href="contact.html">Contact</a></li> |
- | }
| + | <div class="clear"></div> |
- | #fourthSection{
| + | </ul> |
- | float:left;
| + | </div> |
- | background-color: #DCEDDE;
| + | <div class="clear"></div> |
- | width:400px;
| + | </div> |
- | height:30em;
| + | </div> |
- | margin-top:5px;
| + | </body> |
- | margin-left:auto;
| + | |
- | margin-right:auto;
| + | |
- | } | + | |
- | #fifthSection{
| + | |
- | /* background-color: #F7F4E0; */
| + | |
- | background-color: #BAD0AA;
| + | |
- | /* background-color: #FFFFFF; */ | + | |
- | /* MARGIN-RIGHT: auto; */
| + | |
- | float:left;
| + | |
- | width:400px;
| + | |
- | height:30em;
| + | |
- | margin-top:5px;
| + | |
- | margin-left:auto;
| + | |
- | margin-right:auto;
| + | |
- | } | + | |
- | #sixthSection{
| + | |
- | /* 1: background-color: #E3F4E5; */
| + | |
- | background-color: #80B8A3;
| + | |
- | /* background-color: #FFFFFF; */
| + | |
- | MARGIN-Right: 12em;
| + | |
- | width:43.5em;
| + | |
- | float:right;
| + | |
- | }
| + | |
- | #seventhSection{
| + | |
- | /* 1: background-color: #EDF7D3; */
| + | |
- | /* 2: background-color: #73A09A; */
| + | |
- | background-color: #000;
| + | |
- | MARGIN-LEFT: 11.9em;
| + | |
- | width:0em;
| + | |
- | }
| + | |
- | #eighthSection{
| + | |
- | /* 1: background-color: #EDF7D3; */
| + | |
- | /* background-color: #73A09A; */
| + | |
- | background-color: #FFFFFF;
| + | |
- | MARGIN-LEFT: 11.9em;
| + | |
- | width:87.5em;
| + | |
- |
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* ---------------------------------------------------------------------------- */
| + | |
- | a{TEXT-DECORATION:none}
| + | |
- | | + | |
- | </style> | + | |
- | | + | |
- | </head>
| + | |
- | | + | |
- | <body>
| + | |
- | <div id="contentcontainer"> | + | |
- | <!----- start-header---->
| + | |
- | <div id="home" class="header">
| + | |
- | <div class="top-header">
| + | |
- | <div class="container">
| + | |
- | | + | |
- | <!----start-top-nav----> | + | |
- | <nav class="top-nav">
| + | |
- | <ul class="top-nav">
| + | |
- | <li class="active"><a href="https://2014.igem.org/Team:Sheffield/tmp">Home </a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Sheffield/team">Team</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Sheffield/project">Project</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Sheffield/modelling">Modelling</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Sheffield/result">Results</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Sheffield/pp">Policy&Practices</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Sheffield/notebook">Notebook</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Sheffield/attribution">Attributions</a></li>
| + | |
- | <div class="clearfix"> </div>
| + | |
- | </ul>
| + | |
- | <a href="#" id="pull"><img src="./images/nav-icon.png" title="menu" /></a>
| + | |
- | </nav>
| + | |
- | <div class="clearfix"> </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <!----- //End-header---->
| + | |
- | </div>
| + | |
- | | + | |
- | </body>
| + | |
| </html> | | </html> |