|
|
Line 1: |
Line 1: |
| <html> | | <html> |
- | <head>
| |
- |
| |
- |
| |
- |
| |
- | <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>
| |
- |
| |
- |
| |
| | | |
| | | |
| + | <!-- this section changes the default wiki template to a white full width background --> |
| | | |
| <style type="text/css"> | | <style type="text/css"> |
| + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/ |
| | | |
- | | + | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ |
- | | + | |
- | | + | border: 0 none; |
- | #content
| + | height: 14px; |
- | {top:0;}
| + | z-index: 100; |
- | | + | top: 0; |
- | | + | position: fixed; |
- | | + | width: 975px; |
- | | + | left: 50%; |
- | | + | margin-left: -487px; |
- | | + | |
- | | + | |
- | div.row_small,
| + | |
- | div.row_large,
| + | |
- | div.h_gap,
| + | |
- | #header,
| + | |
- | .mediawiki,
| + | |
- | #content
| + | |
- | {
| + | |
- | background:white;
| + | |
| } | | } |
| | | |
- | | + | #globalWrapper, #content { /*-- changes default wiki settings --*/ |
- | | + | width: 100%; |
- | #content | + | height: 100%; |
- | { | + | border: 0px; |
- | width:100%; | + | background-color: transparent; |
- | margin:0px; | + | margin: 0px; |
- | padding:0px; | + | padding: 0px; |
| } | | } |
| | | |
- | .firstHeading | + | html, body, .wrapper { /*-- changes default wiki settings --*/ |
- | { | + | width: 100%; |
- | display:none;
| + | height: 100%; |
| + | background-color: transparent; |
| } | | } |
- |
| |
- |
| |
- | #p-logo{
| |
- | display: none;
| |
- | }
| |
- |
| |
- |
| |
- | #search-controls{
| |
- | overflow:hidden;
| |
- | display:none;
| |
- | background: none;
| |
- | position: absolute;
| |
- | top: 170px;
| |
- | right: 40px;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | #footer-box{
| |
- | background: white;
| |
- | border:0px;
| |
- | /*display:none;*/
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | #top-section{
| |
- | height: 0px;
| |
- | margin-bottom: 0px !important;
| |
- | border: none;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | #catlinks{
| |
- | display:none;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | #globalWrapper
| |
- | {
| |
- | margin-bottom:0px;
| |
- | padding-bottom:0px;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | /* 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: #000000;
| |
- | /* 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: 1360px;
| |
- | margin:0;
| |
- | text-align: center;
| |
- | margin-left:auto;
| |
- | margin-right:auto;
| |
- |
| |
- |
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | .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;
| |
- |
| |
- | }
| |
- |
| |
- | .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> | | </style> |
| + | <!-- here ends the section that changes the default wiki template to a white full width background --> |
| | | |
| | | |
| + | <!-- beginning of your page --> |
| | | |
- | </head> | + | <div id="contentcontainer"> |
| | | |
| | | |
- | <body>
| |
| | | |
| | | |
| + | <!-- menu --> |
| + | <table id="menu" width="100%" cellspacing="0" height="135px"> |
| + | <tr> |
| + | <td bgColor="#FFFFFF"></td> |
| + | <td valign="bottom" width="975px" align="center" bgColor="#FFFFFF"> |
| | | |
| + | <table align="center"> |
| + | <tr height="50px"> |
| | | |
| | | |
| | | |
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#FFE066'" bgColor=#FFE066> |
| + | <a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/2014/d/d6/IGEM_Logo_F.png" width="55px"></a> </td> |
| | | |
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#FFE066'" bgColor=#FFE066> |
| + | <a href="" style="text-decoration:none;color:#1C140D">Team</a> </td> |
| | | |
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#FFE066'" bgColor=#FFE066> |
| + | <a href="" style="text-decoration:none;color:#1C140D">Project</a></td> |
| | | |
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> |
| + | <a href="" style="text-decoration:none;color:#1C140D">Modelling</a> </td> |
| | | |
- | <div id="background"> | + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> |
- | <!--<a href="C:\Users\dell\Desktop\web\video.html"><img src="photos\W2D3-10.jpg"></a>-->
| + | <a href="" style="text-decoration:none;color:#1C140D">Results</a> </td> |
- | | + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | <div class="menu">
| + | |
- | <ul>
| + | |
- | | + | |
- |
| + | |
- |
| + | |
- |
| + | |
- |
| + | |
- | <li><a href="1.html" ><img src="https://static.igem.org/mediawiki/2014/d/d6/IGEM_Logo_F.png" width=40px></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="https://static.igem.org/mediawiki/2014/5/55/Facebook.png"></a>
| + | |
- | | + | |
- | </li>
| + | |
- |
| + | |
- | <li><a href="https://twitter.com/iGEMSheffield" ><img src="https://static.igem.org/mediawiki/2014/f/f7/Twitter.png"></a>
| + | |
- | | + | |
- | </li>
| + | |
- |
| + | |
- | <li><a href="mailto:igem2014@sheffield.ac.uk" ><img src="https://static.igem.org/mediawiki/2014/5/5c/Email.png"></a>
| + | |
- | | + | |
- | </li>
| + | |
- |
| + | |
- | <li><a href="https://igem.org/Main_Page" ><img src="https://static.igem.org/mediawiki/2014/2/28/UNR-Sponser-IGEM1.png"></a>
| + | |
- | | + | |
- | </li>
| + | |
- |
| + | |
- | | + | |
- |
| + | |
- |
| + | |
- | </ul>
| + | |
- |
| + | |
- | </div>
| + | |
- |
| + | |
- |
| + | |
- | | + | |
- |
| + | |
- |
| + | |
- | <div align=center class="section2" id="firstSection">
| + | |
- |
| + | |
- | </div>
| + | |
- |
| + | |
- |
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
| | | |
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> |
| + | <a href="" style="text-decoration:none;color:#1C140D">Human Practice</a></td> |
| | | |
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> |
| + | <a href="" style="text-decoration:none;color:#1C140D">Notebook</a> </td> |
| | | |
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> |
| + | <a href="" style="text-decoration:none;color:#1C140D">Attributions</a></td> |
| | | |
| + | <td width="162px" align="center" onMouseOver="this.bgColor='#FEE5AD'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2> |
| + | <a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a></td> |
| + | </tr> |
| | | |
| + | </table> |
| | | |
| + | </td> |
| + | <td bgColor="#FFFFFF"></td> |
| + | </tr> |
| + | </table> |
| + | <!-- end of menu --> |
| | | |
| | | |
- | </body>
| |
| | | |
| + | </div> |
| </html> | | </html> |