Team:Sheffield/tmp2

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
<html>
<html>
<body class="index">
<body class="index">
 +
<div id="all_content">
 +
 +
<div id="container">
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
    <script src="jquery-1.11.1.min.js"></script>
 +
        <script src="smoothVerticalScroll.js"></script>
 +
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>iGEM Sheffield Web</title>
 +
<link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
 +
        <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
 +
<style type="text/css">
 +
/* 1: http://www.colourlovers.com/palette/3266067/Washed_Out; */
 +
/* 2: http://www.colourlovers.com/palette/253210/Washed_Out; */
 +
/* 3: Balck and white; */
 +
.section1 {
 +
height: 10em;
 +
}
 +
.section2 {
 +
    height: 42em;
 +
}
 +
.section3 {
 +
height: 50.7em;
 +
}
 +
.section4 {
 +
height: 15.1em;
 +
}
 +
 +
#firstSection {
 +
background-color: #DCEDDE;
 +
/* background-color: #B5888A; */
 +
/* background-color: #FFFFFF; */
 +
width:1050px;
 +
height:30em;
 +
                margin-left:auto;
 +
margin-right:auto;
 +
 +
}
 +
 +
            #secondSection{
 +
    background-color: #DCEDDE;
 +
/* background-color: #B5888A; */
 +
/* background-color: #FFFFFF; */
 +
MARGIN-RIGHT: 11.9em;
 +
float:right;
 +
width:63.4em;
 +
            }
 +
            #thirdSection{
 +
    /* 1: background-color: #E1FCEF; */
 +
background-color: #C4B7A2;
 +
/* background-color: #FFFFFF; */
 +
MARGIN-LEFT: 11.9em;
 +
width:0em;
 +
            }
 +
            #fourthSection{
 +
                background-color: orange;
 +
width:1100px;
 +
}
 +
#fifthSection{
 +
/* background-color: #F7F4E0; */
 +
background-color: #BAD0AA;
 +
/* background-color: #FFFFFF; */
 +
/* MARGIN-RIGHT: auto; */
 +
                MARGIN-LEFT: 11.9em;
 +
width:43.5em;
 +
                float:left;
 +
}
 +
#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;
 +
 +
}
 +
 +
 +
 +
 +
 +
body {
 +
  background-color:white;
 +
  width: 100%;
 +
  margin:0;
 +
  text-align: center;
 +
  margin-left:0;
 +
  margin-right:0;
 +
 +
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
.title {
 +
    font-family: 'Lato', sans-serif;
 +
font-size: 3.4em;
 +
letter-spacing: 2px;
 +
color: white;
 +
font-weight: 250;
 +
margin-top: 0.25em;
 +
margin-bottom: 0.25em;
 +
text-align:center;
 +
}
 +
 +
 +
 +
 +
 +
.subtitle {
 +
font-family: 'Lato', sans-serif;
 +
font-size: 1.7em;
 +
letter-spacing: 0.5px;
 +
color: white;
 +
font-weight: 400;
 +
margin-top: 0.25em;
 +
margin-bottom: 0.25em;
 +
text-align:center;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
.menuleft {
 +
 +
font-family: 'Lato', sans-serif;
 +
position:fixed;
 +
margin-top:0em;
 +
 +
 +
 +
}
 +
.menuleft ul {
 +
padding:0;
 +
margin:0;
 +
list-style-type: none;
 +
}
 +
 +
.menuleft ul li {
 +
float:left;
 +
position:relative;
 +
}
 +
 +
.menuleft ul li a, .menu ul li a:visited {
 +
 +
display:block;
 +
text-align:center;
 +
text-decoration:none;
 +
width:130px;
 +
height:40px;
 +
color:#fff;
 +
border-top-left-radius:4px;
 +
border-bottom-left-radius:4px;
 +
line-height:35px;
 +
font-size:14px;
 +
letter-spacing:1px;
 +
 +
background: linear-gradient(to bottom,  #767676 0%,#000 100%);
 +
 +
}
 +
 +
 +
 +
 +
.menuleft ul li ul {
 +
display: none;
 +
}
 +
 +
.menuleft ul li:hover a {
 +
color:#fff;
 +
background: linear-gradient(to bottom,  #FFE066 0%,#FFE066 90%,#E6B800 90%,#FFD633 100%);
 +
}
 +
 +
.menuleft ul li:hover ul {
 +
display:block;
 +
position:absolute;
 +
top:36px;
 +
left:0;
 +
width:110px;
 +
}
 +
 +
.menuleft ul li:hover ul li a {
 +
display:block;
 +
background:#9D9D98;
 +
height:25px;
 +
line-height:20px;
 +
color:#fff;
 +
font-size:12px;
 +
}
 +
 +
.menuleft ul li:hover ul li a:hover {
 +
color:#FFE066;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
.menu {
 +
font-family: 'Lato', sans-serif;
 +
position:fixed;
 +
width:100%
 +
text-align: center;
 +
 +
 +
}
 +
 +
.menu ul {
 +
padding:0;
 +
margin:0;
 +
list-style-type: none;
 +
}
 +
 +
.menu ul li {
 +
float:left;
 +
position:relative;
 +
}
 +
 +
.menu ul li a, .menu ul li a:visited {
 +
 +
display:block;
 +
text-align:center;
 +
text-decoration:none;
 +
width:110px;
 +
height:40px;
 +
color:#FFD633;
 +
 +
line-height:34px;
 +
font-size:13px;
 +
letter-spacing:1px;
 +
 +
background: linear-gradient(to bottom,  #767676 0%,#000 100%);
 +
}
 +
 +
.menu ul li ul {
 +
display: none;
 +
}
 +
 +
 +
.menu ul li:hover a {
 +
color:#000;
 +
background: linear-gradient(to bottom,  #FFE066 0%,#FFE066 90%,#E6B800 90%,#FFD633 100%);
 +
}
 +
 +
.menu ul li:hover ul {
 +
display:block;
 +
position:absolute;
 +
top:35px;
 +
left:0;
 +
width:110px;
 +
}
 +
 +
.menu ul li:hover ul li a {
 +
display:block;
 +
opacity: 0.95;
 +
background:#9D9D98;
 +
height:25px;
 +
line-height:21px;
 +
color:#fff;
 +
font-size:12px;
 +
}
 +
 +
.menu ul li:hover ul li a:hover {
 +
color:#FFE066;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
.menuright {
 +
font-family: 'Lato', sans-serif;
 +
position:fixed;
 +
margin-left:880px;
 +
 +
}
 +
 +
.menuright ul {
 +
padding:0;
 +
margin:0;
 +
list-style-type: none;
 +
}
 +
 +
.menuright ul li {
 +
float:left;
 +
position:relative;
 +
}
 +
 +
.menuright ul li a, .menuright ul li a:visited {
 +
 +
display:block;
 +
text-align:center;
 +
text-decoration:none;
 +
width:80px;
 +
height:40px;
 +
color:#fff;
 +
 +
line-height:34px;
 +
font-size:13px;
 +
letter-spacing:1px;
 +
 +
background: linear-gradient(to bottom,  #767676 0%,#000 100%);
 +
}
 +
 +
.menuright ul li ul {
 +
display: none;
 +
}
 +
 +
 +
.menuright ul li:hover a {
 +
color:#fff;
 +
background: linear-gradient(to bottom,  #FFE066 0%,#FFE066 50%,#E6B800 50%,#FFD633 100%);
 +
}
 +
 +
.menuright ul li:hover ul {
 +
display:block;
 +
position:absolute;
 +
top:35px;
 +
left:0;
 +
width:110px;
 +
}
 +
 +
.menuright ul li:hover ul li a {
 +
display:block;
 +
opacity: 0.95;
 +
background:#9D9D98;
 +
height:25px;
 +
line-height:21px;
 +
color:#fff;
 +
font-size:12px;
 +
}
 +
 +
.menuright ul li:hover ul li a:hover {
 +
color:#FFE066;
 +
}
 +
 +
 +
 +
 +
 +
a{TEXT-DECORATION:none}
 +
</style>
 +
 +
 +
</head>
 +
    <body>
 +
 +
<div id="background">
 +
  <!--<a href="C:\Users\dell\Desktop\web\video.html"><img src="photos\W2D3-10.jpg"></a>-->
 +
 +
 +
  </div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<div class="menu">
 +
  <ul>
 +
 
 +
    <li><a href="project.htm" ></a>
 +
 +
    </li>
 +
 
 +
 
 +
 +
 +
    <li><a href="1.html" ><img src="https://static.igem.org/mediawiki/2014/d/d6/IGEM_Logo_F.png" width="50" height="35"></a>
 +
 +
    </li>
 +
 
 +
    <li><a href="project.htm" >Project</a>
 +
      <ul>
 +
        <li><a href="project.htm#firstSection">Overview</a></li>
 +
        <li><a href="project.htm#secondSection">Background</a></li>
 +
        <li><a href="project.htm#thirdSection">Product Development</a></li>
 +
        <li><a href="project.htm#fourthSection">Biosensor</a></li>
 +
        <li><a href="project.htm#fifthSection">Enzyme synthesis</a></li>
 +
<li><a href="project.htm#sixthSection">Enzyme secretion</a></li>
 +
        <li><a href="project.htm#seventhSection">Killswitch</a></li>
 +
        <li><a href="project.htm#eighthSection">Uptake mechanism</a></li>
 +
        <li><a href="project.htm#ninthSection">Biobricks</a></li>
 +
        <li><a href="project.htm#tenthSection">Safety</a></li>
 +
<li><a href="project.htm#eleventhSection">Registry</a></li>
 +
      </ul>
 +
    </li>
 +
 
 +
    <li><a href="human_practice.htm" style="font-size:12px;">Human practices</a>
 +
      <ul>
 +
        <li><a href="human_practice.htm#firstSection">Overview</a></li>
 +
        <li><a href="human_practice.htm#secondSection">Outreach</a></li>
 +
        <li><a href="human_practice.htm#thirdSection">Impact Report</a></li>
 +
        <li><a href="human_practice.htm#fourthSection">SURE</a></li>
 +
<li><a href="human_practice.htm#fifthSection">Lab Notation</a></li>
 +
      </ul>
 +
    </li>
 +
 +
 +
    <li><a href="../mozilla/index.html" >Modelling</a>
 +
      <ul>
 +
        <li><a href="../mozilla/dropdown.html">Flux</a></li>
 +
        <li><a href="../mozilla/cascade.html">Increasing scope</a></li>
 +
      </ul>
 +
    </li>
 +
 +
 +
    <li><a href="../ie/index.html" >Results</a>
 +
      <ul>
 +
        <li><a href="../ie/exampleone.html">Different assays</a></li>
 +
      </ul>
 +
    </li>
 +
 +
 +
<li><a href="../ie/index.html" >Notebook</a>
 +
      <ul>
 +
        <li><a href="../ie/exampleone.html">Wet lab journals</a></li>
 +
<li><a href="../ie/exampleone.html">Dry lab work</a></li>
 +
      </ul>
 +
    </li>
 +
 +
 +
    <li><a href="team.htm" >Team</a>
 +
      <ul>
 +
        <li><a href="team.htm#firstSection">Meet the team</a></li>
 +
        <li><a href="team.htm#secondSection">Official iGEM team page</a></li>
 +
        <li><a href="team.htm#thirdSection">Gallery</a></li>
 +
      </ul>
 +
    </li>
 +
 +
 +
<li><a href="../opacity/index.html" >Attributions</a>
 +
      <ul>
 +
        <li><a href="http://www.2ky.cn" title="colour wheel">Acknowledgments</a></li>
 +
        <li><a href="http://www.2ky.cn/js" title="a menu using opacity">Sponsors</a></li>
 +
      </ul>
 +
    </li>
 +
 +
 +
 +
 +
   
 +
  </ul>
 +
 
 +
  </div>
 +
 +
 +
 
 +
 +
 
 +
 
 +
 
 +
 
 +
<div class="menuright">
 +
  <ul> 
 +
 
 +
 
 +
 
 +
 
 +
<li><a href="https://www.facebook.com/iGEMSheffield2014?ref_type=bookmark" ><img src="photos\facebook.png"></a>
 +
 +
    </li>
 +
 +
<li><a href="https://twitter.com/iGEMSheffield" ><img src="photos\twitter.png"></a>
 +
 +
    </li>
 +
 +
<li><a href="mailto:igem2014@sheffield.ac.uk" ><img src="photos\email.png"></a>
 +
 +
    </li>
 +
 +
<li><a href="https://igem.org/Main_Page" ><img src="photos\UNR-Sponser-IGEM1.png"></a>
 +
 +
    </li>
 +
 +
<li><a href="https://www.facebook.com/iGEMSheffield2014?ref_type=bookmark" ></a>
 +
 +
    </li>
 +
 +
<li><a href="https://www.facebook.com/iGEMSheffield2014?ref_type=bookmark" ></a>
 +
 +
    </li>
 +
 +
   
 +
  </ul>
 +
 
 +
  </div>
 +
 
 +
 
 +
 +
 +
 +
    <div align=center class="section2" id="firstSection">
 +
 +
</div>
 +
   
 +
   
 +
 +
 +
</html>
</html>

Revision as of 20:23, 21 August 2014

Team:Sheffield/Template:htmlheader

iGEM Sheffield Web

Retrieved from "http://2014.igem.org/Team:Sheffield/tmp2"