|
|
Line 1: |
Line 1: |
- | <html>
| + | {{Template:Team:Gaston_Day_School/Templates/Top} |
- | | + | |
- | <style type="text/css">
| + | |
- | .firstHeading { /* Gets rid of the default iGEM picture*/
| + | |
- | height:2px;
| + | |
- | visibility:hidden;
| + | |
- | }
| + | |
- | #content {
| + | |
- | border-left-width:0px;
| + | |
- | border-right-width:0px;
| + | |
- | padding: 0px 5px 0px 5px;
| + | |
- | width:965px; /* Content width*/
| + | |
- | }
| + | |
- | #menubar {
| + | |
- | background-color: #FFFFFF; /* left menu bar color*/
| + | |
- | }
| + | |
- | #menubar ul li a {
| + | |
- | color: #545353; } /* menu text color*/
| + | |
- | .right-menu li a {
| + | |
- | color: red;
| + | |
- | background-color: #FFFFFF; /* right menu bar color*/
| + | |
- | }
| + | |
- | #p-logo { height 1px; overflow:hidden; display: none;
| + | |
- | }
| + | |
- | #top-section {
| + | |
- | background-position: center center;
| + | |
- | background-repeat: no-repeat;
| + | |
- | background-color: #FFFFFF; /* top header background color*/
| + | |
- | border-width:0px;
| + | |
- | height:10px; /* top header height (determines how low content will start to appear)*/
| + | |
- | }
| + | |
- | #siteSub {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | #search-controls { /* gets rid of the search bar (it was ugly) */
| + | |
- | display:none;
| + | |
- | margin-top:0px;
| + | |
- | }
| + | |
- | #contentSub {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | | + | |
- | /*Now to set heading and body fonts*/
| + | |
- | body {
| + | |
- | background: #545353; /* Background (on side color)*/
| + | |
- | }
| + | |
- | h1
| + | |
- | {
| + | |
- | color:#262626;
| + | |
- | text-align:left;
| + | |
- | font-family:"Trebuchet";
| + | |
- | font-size:25px;
| + | |
- | line-height:100%;
| + | |
- | border-bottom: none;
| + | |
- | padding:0px 0px 0px 0px;
| + | |
- | margin: 0px 0px 0px 0px;
| + | |
- | }
| + | |
- | h2
| + | |
- | {
| + | |
- | color:#262626;
| + | |
- | text-align:left;
| + | |
- | font-family:"Trebuchet";
| + | |
- | font-size:20px;
| + | |
- | line-height: 100%;
| + | |
- | border-bottom: none;
| + | |
- | padding:0px 0px 0px 0px;
| + | |
- | margin: 0px 0px 0px 0x;
| + | |
- | }
| + | |
- | h3
| + | |
- | {
| + | |
- | color:#262626;
| + | |
- | text-align:left;
| + | |
- | font-family:"Trebuchet";
| + | |
- | font-size:17px;
| + | |
- | line-height: 100%;
| + | |
- | border-bottom: none;
| + | |
- | padding:0px 0px 0px 0px;
| + | |
- | margin: 0px 0px 0px 0x;
| + | |
- | }
| + | |
- | p
| + | |
- | {
| + | |
- | color:#262626;
| + | |
- | text-align:left;
| + | |
- | font-family:"Arial";
| + | |
- | font-size:14px;
| + | |
- | line-height:100%
| + | |
- | border-bottom: none;
| + | |
- | padding:0px 0px 0px 0px;
| + | |
- | margin: 0px 0px 0px 0x;
| + | |
- | border:0px
| + | |
- | }
| + | |
- | body {
| + | |
- | color:#808080;
| + | |
- | line-height: 1;
| + | |
- | font-family:"Arial";
| + | |
- | font-size:11px;
| + | |
- | }
| + | |
- | | + | |
- | .whitebox {
| + | |
- | -moz-box-shadow: 0px 0px 0px #ccc;
| + | |
- | -webkit-box-shadow: 0px 0px 0px #ccc;
| + | |
- | box-shadow: 0px 0px 15px #ccc;
| + | |
- | background-color: #FFFFFF;
| + | |
- | -moz-border-radius: 1px;
| + | |
- | border-radius: 15px;
| + | |
- | margin-top: 20px;
| + | |
- | padding-top: 20px;
| + | |
- | padding-left: 20px;
| + | |
- | padding-right: 20px;
| + | |
- | padding-bottom: 20px;
| + | |
- | margin-left: 15px;
| + | |
- | margin-right: 25px;
| + | |
- | }
| + | |
- | .thumbnail
| + | |
- | {
| + | |
- | margin-bottom:0px;
| + | |
- | padding-bottom:0px;
| + | |
- | position:relative;
| + | |
- | }
| + | |
- | </style>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <A HREF="https://2012.igem.org/Team:Gaston_Day_School"><img class="thumbnail" src='http://https://static.igem.org/mediawiki/2009/9/9e/Gds_banner.png' width= "965"/></A>
| + | |
- | | + | |
- | <a href="https://2012.igem.org/Team:Gaston_Day_School/"><img src='http://https://static.igem.org/mediawiki/2011/5/5a/Gaston_Day_School_logo.png' align="left" width= "57"/></a>
| + | |
- | | + | |
- | <a href="https://2012.igem.org/Main_Page"><img src='http://https://static.igem.org/mediawiki/2012/5/56/GdsIgemlogouse.jpg' align="right" width= "70"/></a>
| + | |
- | | + | |
- | <style type="text/css">
| + | |
- | #content {z-index:4;}
| + | |
- | #ddwrapper * {z-index:8 !important;}
| + | |
- | | + | |
- | div#ddwrapper {
| + | |
- | margin:0;
| + | |
- | padding:0;
| + | |
- | height:28px;
| + | |
- | width:965px; /* change to adjust imperfections in width */
| + | |
- | }
| + | |
- | div#ddnav {
| + | |
- | margin:0 auto; /* needed to center the dropdown */
| + | |
- | padding:0;
| + | |
- | top:5px;
| + | |
- | /* width: 965px */
| + | |
- | visibility:hidden; /* dropdown is hidden until properly initalised by javascript */
| + | |
- | }
| + | |
- | div#ddtoggle {
| + | |
- | margin:0;
| + | |
- | position:fixed;
| + | |
- | right:2px;
| + | |
- | top:15px;
| + | |
- | height:10px;
| + | |
- | width:10px;
| + | |
- | z-index:100;
| + | |
- | }
| + | |
- | | + | |
- | #ddnav ul {
| + | |
- | display:table-row; /* works only for firefox, later adjusted by javascript for IE */
| + | |
- | margin:0 auto;
| + | |
- | padding:0;
| + | |
- | }
| + | |
- | #ddnav ul li {
| + | |
- | display:table-cell; /* works only for firefox, later adjusted by javascript for IE */
| + | |
- | list-style:none;
| + | |
- | margin:0;
| + | |
- | padding:0 !important;
| + | |
- | border-right:1px solid #FFF; /* creates illusion of spacing between tabs */
| + | |
- | }
| + | |
- | #ddnav ul li:last-child{border-right:none;}
| + | |
- | #ddnav a{
| + | |
- | display:block;
| + | |
- | margin:0;
| + | |
- | padding:4px 9px; /* play with dimensions for size of tabs */
| + | |
- | background-color:#545353; /* background color for tabs */
| + | |
- | color:#FFF !important; /* font color for text in tabs */
| + | |
- | text-align:center; /* aligning for text in tabs */
| + | |
- | text-decoration:none !important;
| + | |
- | font:bold 10pt Trebuchet MS; /* font properties for text in tabs */
| + | |
- | outline:0;
| + | |
- | }
| + | |
- | #ddnav ul li a:hover {background-color:#99CCFF;}/* background color for tabs on mouseover */
| + | |
- | #ddnav li a:active {outline:none;} /* remove standard dotted border for links when clicked (IE) */
| + | |
- | #ddnav li a:focus {-moz-outline-style:none;} /* remove standard dotted border for links when clicked (FF) */
| + | |
- | #ddnav div {
| + | |
- | display:none;
| + | |
- | position:absolute;
| + | |
- | width:9em;
| + | |
- | background-color:#000; /* bug solution, do not change ! */
| + | |
- | border:1px solid #5970B2; /* border color for dropdown menus */
| + | |
- | opacity:0.9; /* transparancy of the dropdown menus (FF) */
| + | |
- | filter:alpha(opacity=90); /* transparancy of the dropdown menus (IE) */
| + | |
- | }
| + | |
- | #ddnav div a {
| + | |
- | display:block;
| + | |
- | padding:5px 10px; /* play with dimensions of block element in dropdown menus */
| + | |
- | position:relative;
| + | |
- | font:normal 8pt arial; /* font properties for text in dropdown menus */
| + | |
- | text-align:left; /* aligning of text in dropdown menus */
| + | |
- | cursor:pointer;
| + | |
- | }
| + | |
- | #ddnav div a:hover, #ddnav span a:hover {color:#000 !important;} /* text color on mouseover */
| + | |
- | #ddnav span div {
| + | |
- | position:relative;
| + | |
- | border:none;
| + | |
- | border-bottom:2px groove #5970B2; /* separator for submenus, groove does not work in FF */
| + | |
- | opacity:1.0; /* avoid stacking transparancy for submenus (FF) */
| + | |
- | filter:alpha(opacity=100); /* avoid stacking transparancy for submenus (IE) */
| + | |
- | }
| + | |
- |
| + | |
- | | + | |
- | | + | |
- | /* may want to upload the following pictures to a new location */
| + | |
- | .expand {background: url('https://static.igem.org/mediawiki/2008/e/ef/Icon-expand.png') no-repeat 95% 50%;}
| + | |
- | .collapse {background: url('https://static.igem.org/mediawiki/2008/c/cd/Icon-collapse.png') no-repeat 95% 50%;}
| + | |
- | | + | |
- | .docked {background: #99ccff url("https://static.igem.org/mediawiki/2008/6/62/Ddnavundock.png") no-repeat 50% 50%;}
| + | |
- | .undocked {background: #99ccff url("https://static.igem.org/mediawiki/2008/e/e4/Ddnavdock.png") no-repeat 50% 50%;}
| + | |
- | </style>
| + | |
- | | + | |
- | <!-- IMPORTANT: save following script under a personalized webspace or download the library at www.jquery.com -->
| + | |
- | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
| + | |
- | <script type="text/javascript">
| + | |
- | function ddnav() {
| + | |
- | $('#ddnav ul li').hover(
| + | |
- | function () {
| + | |
- | $(this).find('div:first').css('display','block');},
| + | |
- | function () {
| + | |
- | $(this).find('div:first').css('display','none');}
| + | |
- | );
| + | |
- | }
| + | |
- |
| + | |
- | function ddnavsub() {
| + | |
- | $('#ddnav span > a').toggle(
| + | |
- | function () {
| + | |
- | $(this).removeClass("#ddnav expand").addClass("#ddnav collapse");
| + | |
- | $(this).parent().find('div:first').slideDown('fast');
| + | |
- | $(this).hover(
| + | |
- | function (){$(this).css('background-color','#99AAFF');},
| + | |
- | function (){$(this).css('background-color','#99AAFF');});},
| + | |
- | function () {
| + | |
- | $(this).removeClass("#ddnav collapse").addClass("#ddnav expand");
| + | |
- | $(this).parent().find('div:first').css('display','none');
| + | |
- | $(this).hover(
| + | |
- | function (){$(this).css('background-color','#99CCFF');},
| + | |
- | function (){$(this).css('background-color','#075A90');});}
| + | |
- | ).addClass("#ddnav expand");
| + | |
- | }
| + | |
- |
| + | |
- | /* If you wish to omit the docking feature, remove following function ddtoggle() */
| + | |
- | function ddtoggle() {
| + | |
- | $('#ddtoggle').toggle(
| + | |
- | function () {
| + | |
- | $(this).removeClass('undocked').addClass('docked');
| + | |
- | $('#ddnav').css('position','fixed');},
| + | |
- | function () {
| + | |
- | $(this).removeClass('docked').addClass('undocked');
| + | |
- | $('#ddnav').css('position','static');}
| + | |
- | );
| + | |
- | }
| + | |
- | | + | |
- | function ddalign() {
| + | |
- | var _windowWidth = $(window).width();
| + | |
- | var _leftOffset = (_windowWidth - 965)/2;
| + | |
- | | + | |
- | $('div#ddnav').css('left',_leftOffset);
| + | |
- | }
| + | |
- |
| + | |
- | function ddmsie() {
| + | |
- | $('#ddnav a').hover(
| + | |
- | function () {$(this).css('background-color','#99ccff');},
| + | |
- | function () {$(this).css('background-color','#075a90');}
| + | |
- | );
| + | |
- |
| + | |
- | /* toggle doesn't work yet */
| + | |
- | $('#ddtoggle').css('display','none');
| + | |
- |
| + | |
- | $('#ddnav ul').css('display','inline-block');
| + | |
- | $('#ddnav ul li').css('display','inline');
| + | |
- | $('#ddnav ul li').css('position','relative');
| + | |
- | $('#ddnav ul li>a').css('display','inline-block');
| + | |
- | $('#ddnav ul li>a').css('margin-right','-4px');
| + | |
- |
| + | |
- | $('#ddnav div').css('left','0');
| + | |
- | $('#ddnav div').css('top','100%');
| + | |
- | $('#ddnav span div').css('top','0');
| + | |
- | }
| + | |
- |
| + | |
- | function ddmozilla() {
| + | |
- | ddtoggle();
| + | |
- | $(window).bind('resize', function() {ddalign();});
| + | |
- | }
| + | |
- | | + | |
- | $(function () {
| + | |
- | ddnav();
| + | |
- | ddnavsub();
| + | |
- | | + | |
- | if(jQuery.browser.msie) ddmsie();
| + | |
- | if(jQuery.browser.mozilla) ddmozilla();
| + | |
- | | + | |
- | $('#ddnav').css('visibility','visible');
| + | |
- | });
| + | |
- | </script>
| + | |
- | | + | |
- | <script type="text/javascript">
| + | |
- | | + | |
- | var _gaq = _gaq || [];
| + | |
- | _gaq.push(['_setAccount', 'UA-26265208-1']);
| + | |
- | _gaq.push(['_trackPageview']);
| + | |
- | | + | |
- | (function() {
| + | |
- | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
| + | |
- | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
| + | |
- | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
| + | |
- | })();
| + | |
- | | + | |
- | </script>
| + | |
- | | + | |
- | <!-- If you wish to omit the docking feature omit following line (div with id ddtoggle) -->
| + | |
- | <div id="ddtoggle" class="undocked"></div>
| + | |
- | <div id="ddwrapper">
| + | |
- | <!-- Here the actual links are defined, simply replace with your own links in the appropriate sections -->
| + | |
- | <div id="ddnav" align="center">
| + | |
- | <ul>
| + | |
- | <li>
| + | |
- | <a href="https://2011.igem.org/Team:Washington">Home</a>
| + | |
- | <div>
| + | |
- | <a href="https://2012.igem.org"> iGEM Homepage </a>
| + | |
- | <a href="https://2011.igem.org/Team:Gaston_Day_School"> GDS 2011 </a>
| + | |
- | <a href="https://2010.igem.org/Team:Gaston_Day_School"> GDS 2010 </a>
| + | |
- | <a href="https://2009.igem.org/Team:Gaston_Day_School"> GDS 2009 </a>
| + | |
- | </div>
| + | |
- | | + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Team/Members">About Us</a>
| + | |
- | <div>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Team/Members">The team</a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Team/Sponsors"> Sponsors </a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Team/Americas"> Americas Regional Jamboree </a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Alkanes/Background">Diesel Production</a>
| + | |
- | <div>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Alkanes/Background">Background</a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Alkanes/Methods"> Methods </a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Alkanes/Results"> Results Summary </a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Alkanes/Future"> Future Directions </a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Alkanes/Parts"> Parts Submitted </a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Celiacs/Background">Gluten Destruction</a>
| + | |
- | <div>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Celiacs/Background">Background</a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Celiacs/Methods"> Methods </a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Celiacs/Results"> Results Summary</a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Celiacs/Future"> Future Directions </a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Celiacs/Parts"> Parts Submitted </a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Magnetosomes/Background">iGEM Toolkits</a>
| + | |
- | <div>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Magnetosomes/Background"> Background </a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Magnetosomes/GibsonVectors">Gibson Assembly Toolkit </a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Magnetosomes/GibsonResults">Gibson Toolkit Results</a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Magnetosomes/Magnet_Toolkit">Magnetosome Toolkit</a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Magnetosomes/Magnet_Results">Magnetosome Results</a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Magnetosomes/Parts"> Parts Submitted </a>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Magnetosomes/Future"> Future Directions </a>
| + | |
- |
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Parts">Data Page</a>
| + | |
- | <div>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Parts">Data Page</a>
| + | |
- | <a href="http://partsregistry.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2011&group=Washington"> Parts Registry </a>
| + | |
- | </div>
| + | |
- | | + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Protocols">Protocols</a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Outreach">Outreach</a>
| + | |
- | <div>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Outreach">Local Outreach</a>
| + | |
- |
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Outreach/iGEM_Collaborations">iGEM Collaborations</a></div>
| + | |
- | | + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="https://2011.igem.org/Team:Washington/Safety">Safety</a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </html>
| + | |