Team:Buenos Aires/Template/
From 2013.igem.org
(Difference between revisions)
(35 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | ||
+ | <title> Project: Luxilla - Pontificia Universidad Católica de Chile, iGEM 2012</title> | ||
+ | |||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Buenos_Aires/css/templatecss?action=raw&ctype=text/css" /> | ||
+ | |||
+ | |||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
+ | <script src="https://2012.igem.org/Team:UC_Chile/Templates/droplinemenu?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2012.igem.org/Team:UC_Chile/Templates/nivosliderpack?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2012.igem.org/Team:UC_Chile/Templates/hoverintent?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2012.igem.org/Team:UC_Chile/Templates/galleriffic?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2012.igem.org/Team:UC_Chile/Templates/js/opacityrollover?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2012.igem.org/Team:UC_Chile/Templates/js/jqueryhistory?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2011.igem.org/Team:Johns_Hopkins/Templates/js/profile?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> | ||
+ | <script type="text/javascript" src="https://2012.igem.org/Team:UC_Chile/Templates/js/nivoslider?action=raw&ctype=text/js"></script> | ||
+ | <script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/superfishjs?action=raw&ctype=text/js"></script> | ||
+ | <script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/magnifier?action=raw&ctype=text/js"> | ||
+ | <script type="text/javascript" src="https://2012.igem.org/Team:UC_Chile/Templates/js/nivoslider?action=raw&ctype=text/js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | /*********************************************** | ||
+ | * jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) | ||
+ | * This notice MUST stay intact for legal use | ||
+ | * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more | ||
+ | ***********************************************/ | ||
+ | |||
+ | var $ = jQuery; | ||
+ | jQuery.imageMagnify.zIndexcounter = 1000; | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | $("sup").click(function () { | ||
+ | if ($(this).html().substr(0,1)=="[") | ||
+ | { | ||
+ | if ($('.technology').length>0) | ||
+ | { | ||
+ | ddaccordion.expandone('technology', $('.technology').length-1) | ||
+ | setTimeout("window.scrollBy(0,50000)",200) | ||
+ | } | ||
+ | else window.scrollBy(0,50000) | ||
+ | } | ||
+ | }); | ||
+ | $("sup").mouseover(function () { | ||
+ | if ($(this).html().substr(0,1)=="[") $(this).css('cursor', 'pointer'); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | $('ul.sf-menu').superfish({ | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="text/css" /> <!-- Font --> | ||
+ | |||
<style> | <style> | ||
+ | |||
+ | /* Wiki Hacks - START */ | ||
+ | /* Author: Pieter van Boheemen */ | ||
+ | /* Team: TU Delft */ | ||
+ | #catlinks{display:none;} | ||
+ | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;} | ||
+ | #content { border: none; padding: 20px; overflow: auto; height:100%; width:90%;} | ||
+ | #top-section {display: block;position:fixed; border:3px; height:3px; width:100%;z-index:999;} | ||
+ | #p-logo {display: none;} | ||
+ | #search-controls {display: none;} | ||
+ | #footer-box {display: none;} | ||
+ | .visualClear { display: none; } | ||
+ | #footer { border: none; width: 100%; margin: 0 auto; padding: 0;} | ||
+ | .firstHeading { display: none;} | ||
+ | #f-list a { color: #333; font-size: 10px;} | ||
+ | #f-list a:hover { color: #666;} | ||
+ | .printfooter { display: none; } | ||
+ | #search-controls { display:none; } | ||
+ | h3#siteSub { display: none;} | ||
+ | #contentSub {display: none;} | ||
+ | p:first-child { display: none;} | ||
+ | /* Wiki Hacks - END */ | ||
+ | |||
+ | |||
+ | |||
#navigation { | #navigation { | ||
+ | font-size: 16px; | ||
+ | min-width: 1024px; | ||
+ | font-family: 'PT Sans Narrow', Arial, sans-serif; | ||
margin: 0; | margin: 0; | ||
padding: 0 1em; | padding: 0 1em; | ||
- | background: # | + | margin-bottom:40px; |
- | height: | + | margin-top:20px; |
+ | background: #003399; | ||
+ | height: 5em; | ||
list-style: none; | list-style: none; | ||
+ | opacity: 0.8; | ||
+ | border:3px solid #000; | ||
+ | border-radius: 25px; | ||
} | } | ||
Line 15: | Line 110: | ||
margin-right: 0.5em; | margin-right: 0.5em; | ||
padding: 0 1em; | padding: 0 1em; | ||
+ | } | ||
+ | |||
+ | #navigation > li:first-child > a { | ||
+ | border-right:3px dotted #FFF; | ||
+ | background: url('https://static.igem.org/mediawiki/igem.org/f/f2/Igemfooterlogo.png') no-repeat; | ||
+ | padding-right:10px; | ||
+ | padding-top: 20px; | ||
} | } | ||
Line 20: | Line 122: | ||
float: left; | float: left; | ||
height: 100%; | height: 100%; | ||
- | color: # | + | color: #FFF; |
text-decoration: none; | text-decoration: none; | ||
- | line-height: | + | line-height: 5; |
font-weight: bold; | font-weight: bold; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
Line 28: | Line 130: | ||
#navigation > li > a:hover { | #navigation > li > a:hover { | ||
- | color: | + | color: lightblue; |
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
Line 40: | Line 142: | ||
width: 10em; | width: 10em; | ||
margin: 0; | margin: 0; | ||
- | padding: | + | padding: 1.5em 0; |
list-style: none; | list-style: none; | ||
- | background: # | + | background: #003399; |
position: absolute; | position: absolute; | ||
top: -1000em; | top: -1000em; | ||
+ | border-radius: 0px 0px 25px 25px; | ||
} | } | ||
Line 62: | Line 165: | ||
#navigation > li.sub ul li a:hover { | #navigation > li.sub ul li a:hover { | ||
- | background: # | + | background: #003399; |
text-decoration: underline; | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | #navigation > li.sub:hover ul { | ||
+ | top: 3em; | ||
} | } | ||
</style> | </style> | ||
+ | |||
</head> | </head> | ||
<ul id="navigation"> | <ul id="navigation"> | ||
- | + | <li> | |
- | + | <!-- first child --> | |
- | + | <a href="#">Buenos aires</a> | |
- | + | </li> | |
- | + | ||
- | + | <li class="sub"> | |
- | + | ||
- | + | <a href="#">Team</a> | |
- | + | ||
- | + | <ul> | |
- | + | ||
- | + | <li><a href="#">Students</a></li> | |
- | + | <li><a href="#">Advisors</a></li> | |
- | + | <li><a href="#">Instructors</a></li> | |
- | + | ||
- | + | </ul> | |
- | + | ||
- | + | </li> | |
+ | |||
+ | <li class="sub"> | ||
+ | <a href="#">Project</a> | ||
+ | <ul> | ||
+ | |||
+ | <li><a href="#">Abstract</a></li> | ||
+ | <li><a href="#">Motivation</a></li> | ||
+ | <li><a href="#">The Device</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <!-- Model --> | ||
+ | <li class="sub"> | ||
+ | <a href="#">Model</a> | ||
+ | <ul> | ||
+ | |||
+ | <li><a href="#">Abstract</a></li> | ||
+ | <li><a href="#">Motivation</a></li> | ||
+ | <li><a href="#">The Device</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <!-- Results --> | ||
+ | <li class="sub"> | ||
+ | <a href="#">Results</a> | ||
+ | <ul> | ||
+ | |||
+ | <li><a href="#">mRFP Quantification</a></li> | ||
+ | <li><a href="#">Response of GFP</a></li> | ||
+ | <li><a href="#">Discenibility</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
</ul> | </ul> | ||
</html> | </html> |
Latest revision as of 02:07, 23 September 2013