|
|
Line 1: |
Line 1: |
| <html> | | <html> |
| + | <head> |
| + | <title>Team BYU Provo</title> |
| + | <link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'> |
| + | <style type="text/css"> |
| + | #top-section,#top,.firstHeading,#catlinks2 {display: none;} |
| | | |
| + | #content { |
| + | border: none; |
| + | background-color: #aaaaaa; |
| + | } |
| | | |
- | <head>
| + | body { |
- |
| + | background-color: #aaaaaa; |
- | <script type="text/javascript">
| + | } |
| | | |
- | var _gaq = _gaq || [];
| + | td { |
- | _gaq.push(['_setAccount', 'UA-65298-13']);
| + | vertical-align:top; |
- | _gaq.push(['_trackPageview']);
| + | } |
| | | |
- | (function() {
| + | #headerImg { |
- | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
| + | width:800px; |
- | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
| + | height:236px; |
- | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
| + | margin-right: auto; |
- | })();
| + | margin-left: auto; |
| + | margin-top: 0; |
| + | padding-top: 0; |
| + | text-align: center; |
| + | } |
| | | |
- | </script>
| + | #rightCol { |
- | <style>
| + | width: 250px; |
- | h2{color:#96d446; }
| + | height: 1000px; |
- | h1, h2, h3, h4, h5{font-family:"Vollkorn", serif; font-size:200%; line-height:35px; border-bottom:0; margin-bottom:5px; border-top:1px dotted #e3e3e3; margin-top:10px; padding-top:30px; font-weight:normal;}
| + | background-color: #9acc99; |
- | h2.noline{ border-top:0; margin-top:0; padding-top:0; margin-bottom:0; line-height:20px; padding-top:2px; font-size:20px;}
| + | font-family: 'Michroma', sans-serif; |
- | h2.topheader{border-top:0; padding-top:0; margin-top:5px;}
| + | } |
| | | |
- | </style>
| + | #mainContent { |
| + | width: 544px; |
| + | height: 1000px; |
| + | } |
| | | |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
| + | .right-menu ul li a { |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
| + | background-color: #aaaaaa; |
- | <script type='text/javascript' src='http://www.srcf.ucam.org/~wac26/iGEM/jquery.lavalamp-1.3.4b.js'></script>
| + | } |
- | <script type='text/javascript' src='http://www.srcf.ucam.org/~wac26/iGEM/jquery.easing.1.3.js'></script>
| + | |
| | | |
- | <link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'>
| + | .right-menu ul li { |
| + | background-color: #aaaaaa; |
| + | } |
| | | |
- | <script type="text/javascript">
| + | .right-menu ul li a:hover { |
- | $('.left-menu ul')[0].innerHTML="<li><a href=\"https://2010.igem.org\" style=\"font-weight:bold; text-transform:none\">iGEM HQ</a></li>"+$('.left-menu ul')[0].innerHTML;
| + | color: #002bb8; |
- | $(function() {
| + | } |
- | $('ul.llmenu').lavaLamp({ speed: 300, autoReturn: true , target:'li'});
| + | |
- | }); | + | |
- | $(function(){
| + | |
- | $('ul#accmenu').accordion({
| + | |
- | header:'.head',
| + | |
- | fillSpace:false,
| + | |
- | autoHeight:false,
| + | |
- | navigation:true,
| + | |
- | animated: 'easeslide'})
| + | |
- | });
| + | |
- | </script>
| + | |
- | <script type="text/javascript" src="/Team:Cambridge/lightbox/js?action=raw"></script>
| + | |
| | | |
- | <link href='http://fonts.googleapis.com/css?family=Vollkorn:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
| + | a:link {color:#cccccc; text-decoration: none;} |
- | <style>
| + | a:visited {color:#cccccc; text-decoration: none;} |
- | /**
| + | a:hover {color:#dddddd; text-decoration: underline;} |
- | * jQuery lightBox plugin
| + | a:active {color:#cccccc;} |
- | * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
| + | li a:link {color:#002bb8; text-decoration: none;} |
- | * and adapted to me for use like a plugin from jQuery.
| + | li a:visited {color:#002bb8; text-decoration: none;} |
- | * @name jquery-lightbox-0.5.css
| + | li a:hover {color:#002bb8; text-decoration: underline;} |
- | * @author Leandro Vieira Pinho - http://leandrovieira.com
| + | li a:active {color:#002bb8;} |
- | * @version 0.5
| + | </style> |
- | * @date April 11, 2008
| + | </head> |
- | * @category jQuery plugin
| + | <body> |
- | * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
| + | <div id="topMenu"></div> |
- | * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
| + | <center><img id="headerImg" alt="BYU Provo" src="https://static.igem.org/mediawiki/2011/thumb/4/4c/BYU_TemplateNew.jpg/800px-BYU_TemplateNew.jpg" /></center> |
- | * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
| + | |
- | */
| + | |
- | #jquery-overlay {
| + | |
- | position: absolute;
| + | |
- | top: 0;
| + | |
- | left: 0;
| + | |
- | z-index: 90;
| + | |
- | width: 100%;
| + | |
- | height: 500px;
| + | |
- | }
| + | |
- | #jquery-lightbox { | + | |
- | position: absolute;
| + | |
- | top: 0;
| + | |
- | left: 0;
| + | |
- | width: 100%;
| + | |
- | z-index: 100;
| + | |
- | text-align: center;
| + | |
- | line-height: 0;
| + | |
- | } | + | |
- | #jquery-lightbox a img { border: none; }
| + | |
- | #lightbox-container-image-box {
| + | |
- | position: relative;
| + | |
- | background-color: #fff;
| + | |
- | width: 250px;
| + | |
- | height: 250px;
| + | |
- | margin: 0 auto;
| + | |
- | }
| + | |
- | #lightbox-container-image { padding: 10px; }
| + | |
- | #lightbox-loading {
| + | |
- | position: absolute;
| + | |
- | top: 40%;
| + | |
- | left: 0%;
| + | |
- | height: 25%;
| + | |
- | width: 100%;
| + | |
- | text-align: center;
| + | |
- | line-height: 0;
| + | |
- | } | + | |
- | #lightbox-nav {
| + | |
- | position: absolute;
| + | |
- | top: 0;
| + | |
- | left: 0;
| + | |
- | height: 100%;
| + | |
- | width: 100%;
| + | |
- | z-index: 10;
| + | |
- | }
| + | |
- | #lightbox-container-image-box > #lightbox-nav { left: 0; }
| + | |
- | #lightbox-nav a { outline: none;}
| + | |
- | #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
| + | |
- | width: 49%;
| + | |
- | height: 100%;
| + | |
- | zoom: 1;
| + | |
- | display: block;
| + | |
- | }
| + | |
- | #lightbox-nav-btnPrev {
| + | |
- | left: 0;
| + | |
- | float: left;
| + | |
- | }
| + | |
- | #lightbox-nav-btnNext {
| + | |
- | right: 0;
| + | |
- | float: right;
| + | |
- | }
| + | |
- | #lightbox-container-image-data-box {
| + | |
- | font: 10px Verdana, Helvetica, sans-serif;
| + | |
- | background-color: #fff;
| + | |
- | margin: 0 auto;
| + | |
- | line-height: 1.4em;
| + | |
- | overflow: auto;
| + | |
- | width: 100%;
| + | |
- | padding: 0 10px 0;
| + | |
- | }
| + | |
- | #lightbox-container-image-data {
| + | |
- | padding: 0 10px;
| + | |
- | color: #666;
| + | |
- | }
| + | |
- | #lightbox-container-image-data #lightbox-image-details {
| + | |
- | width: 70%;
| + | |
- | float: left;
| + | |
- | text-align: left;
| + | |
- | } | + | |
- | #lightbox-image-details-caption { font-weight: bold; }
| + | |
- | #lightbox-image-details-currentNumber {
| + | |
- | display: block;
| + | |
- | clear: left;
| + | |
- | padding-bottom: 1.0em;
| + | |
- | }
| + | |
- | #lightbox-secNav-btnClose { | + | |
- | width: 66px;
| + | |
- | float: right;
| + | |
- | padding-bottom: 0.7em;
| + | |
- | } | + | |
- | | + | |
- | </style>
| + | |
- | <script>
| + | |
- | $(document).ready(function() {
| + | |
- | $('a.lightbox').lightBox(); // Select all links with lightbox class
| + | |
- | $('a.image').each(function(idx, item) {
| + | |
- | var src = item.firstChild.src;
| + | |
- | src=src.replace(/wiki\/images\/thumb\/(.+)\/(.+)\/(.+)\/(.+)\..../,"wiki/images/$1/$2/$3");
| + | |
- | item.href=src;
| + | |
- | });
| + | |
- | $('a.image').lightBox();
| + | |
- | });
| + | |
- | </script>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <link rel="stylesheet" type="text/css" href="https://2010.igem.org/Team:Cambridge/thecss?action=raw&ctype=text/css" />
| + | |
- | | + | |
- | </head>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | <!-- This ends the javascript --!>
| + | |
- | | + | |
- | | + | |
- | <style type="text/css">
| + | |
- | | + | |
- | a.sidelink:link
| + | |
- | {
| + | |
- | color: #0000FF;
| + | |
- | text-decoration: none;
| + | |
- | font-weight: normal
| + | |
- | }
| + | |
- | a.sidelink:visited
| + | |
- | {
| + | |
- | color: #0000FF;
| + | |
- | text-decoration: none;
| + | |
- | font-weight: normal
| + | |
- | }
| + | |
- | a.sidelink:active
| + | |
- | {
| + | |
- | color: #F0E68C;
| + | |
- | text-decoration: none
| + | |
- | }
| + | |
- | a.sidelink:hover
| + | |
- | {
| + | |
- | color: #F0E68C;
| + | |
- | text-decoration: none;
| + | |
- | font-weight: none
| + | |
- | }
| + | |
- | | + | |
- | </style>
| + | |
- | | + | |
- | <div id="container" style="width=900px;"> | + | |
- | | + | |
- | <div id="top_image" style="margin-left:auto;margin-right:auto;width:100%;">
| + | |
- | <a href="/Team:BYU_Provo"> <img src="/wiki/images/a/af/BYU_Template.jpg" width="90%" />
| + | |
- | </a> | + | |
- | </div>
| + | |
- | | + | |
- | <div id="sidepane" style="float:left;width:15%;">
| + | |
- | | + | |
- | <a class="sidelink" href="/Team:BYU_Provo"><b>Home</b></a><br>
| + | |
- | <a class="sidelink" href="/Team:BYU_Provo/Team"><b>Team</b></a><br>
| + | |
- | <a class="sidelink" href="/Team:BYU_Provo/Project"><b>Project</b></a><br>
| + | |
- | <a class="sidelink" href="/Team:BYU_Provo/Protocols"><b>Protocols</b></a><br>
| + | |
- | <a class="sidelink" href="/Team:BYU_Provo/Parts"><b>Parts Submitted</b></a><br>
| + | |
- | <a class="sidelink" href="/Team:BYU_Provo/Modeling"><b>Modeling</b></a><br>
| + | |
- |
| + | |
- | <a class="sidelink" href="/BYU_iGEM/Safety"><b>Safety</b></a><br>
| + | |
- | <a class="sidelink" href="/Team:BYU_Provo/Attributions"><b>Attributions</b></a><br>
| + | |
- | | + | |
- | <a class="sidelink" href="/BYU_iGEM/Notebook"<b>Notebook</b></a><br>
| + | |
- | <ul id="accmenu">
| + | |
- | | + | |
- | <ul class="llmenu llmenublue">
| + | |
- | <li><a href="/Team:BYU_Provo/Notebook/Summary">Summary</a></li>
| + | |
- | <li><a href="/Team:BYU_Provo/Notebook/Week1">Week 1</a></li>
| + | |
- | <li><a href="/Team:BYU_Provo/Notebook/Week2">Week 2</a></li>
| + | |
- | <li><a href="/Team:BYU_Provo/Notebook/Week3">Week 3</a></li>
| + | |
- | <li><a href="/Team:BYU_Provo/Notebook/Week4">Week 4</a></li>
| + | |
- | <li><a href="/Team:BYU_Provo/Notebook/Week5">Week 5</a></li>
| + | |
- | <li><a href="/Team:BYU_Provo/Notebook/Week6">Week 6</a></li>
| + | |
- | <li><a href="/Team:BYU_Provo/Notebook/Week7">Week 7</a></li>
| + | |
- | <li><a href="/Team:BYU_Provo/Notebook/Week8">Week 8</a></li>
| + | |
- | <li><a href="/Team:BYU_Provo/Notebook/Week9">Week 9</a></li>
| + | |
- | <li><a href="/Team:BYU_Provo/Notebook/Week10">Week 10</a></li>
| + | |
- | <li><a href="/Team:BYU_Provo/Notebook/Week11">Week 11</a></li>
| + | |
- | <li><a href="/Team:BYU_Provo/Notebook/Week12">Week 12</a></li>
| + | |
- | <li><a href="/Team:BYU_Provo/Notebook/FurtherWork">Beyond Week 12</a></li>
| + | |
- | | + | |
- | </div>
| + | |
- | | + | |
- | <div id="wiki_content" style="float:left;width:85%;">
| + | |
| | | |
| + | <table style="border-collapse:collapse; margin-right: auto; margin-left: auto;" width="800px" border="0"> |
| + | <tr> |
| + | <td id="rightCol"> |
| + | <ul> |
| + | <li>Home</li> |
| + | <li>Team</li> |
| + | <li>Project</li> |
| + | <li>Protocols</li> |
| + | <li>Parts Submitted</li> |
| + | <li>Modeling</li> |
| + | <li>Safety</li> |
| + | <li>Attributions</li> |
| + | <li>Notebooks:</li> |
| + | </ul> |
| + | </td> |
| + | <td id="mainContent">200</td> |
| + | </tr> |
| + | </table> |
| + | <script type="text/javascript"> |
| + | var topMenu1 = "<div id=\"menubar\" class=\"left-menu noprint\">" + document.getElementById('menubar').innerHTML + "</div>"; |
| + | document.getElementById('menubar').id = 'menubar2'; |
| + | var topMenu2 = "<div class=\"right-menu noprint\" id=\"menubar\">" + document.getElementById('menubar').innerHTML + "</div>"; |
| + | document.getElementById('menubar').id = 'menubar1'; |
| + | document.getElementById('topMenu').innerHTML = topMenu1 + topMenu2; |
| + | setTimeout("document.getElementById('catlinks').id = 'catlinks2'; document.getElementById('mainContent').id = 'catlinks'; document.getElementById('catlinks').innerHTML = document.getElementById('catlinks2').innerHTML;", 500); |
| + | //document.getElementById('catlinks').id = 'catlinks2'; |
| + | //document.getElementById('mainContent').id = 'catlinks'; |
| + | //document.getElementById('catlinks').innerHTML = document.getElementById('catlinks2').innerHTML; |
| + | </script> |
| + | </body> |
| </html> | | </html> |