Template:Nevada/Main
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
+ | <!--Main Head from Calgary 2012--> | ||
+ | <html> | ||
+ | |||
<head> | <head> | ||
<!--CSS styles: global--> | <!--CSS styles: global--> | ||
Line 95: | Line 98: | ||
/***End minimal header***/ | /***End minimal header***/ | ||
+ | /*Base styles*/ | ||
+ | #content{ | ||
+ | border: none; | ||
+ | } | ||
+ | h1, h2, h3, h4, #css-full, #css-mobi{ | ||
+ | font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif; | ||
+ | border: 0; | ||
+ | font-weight: 400; | ||
+ | } | ||
+ | |||
+ | #css-full, #css-mobi{ | ||
+ | position: absolute; | ||
+ | float: right; | ||
+ | color: black; | ||
+ | font-size: 1.3em; | ||
+ | top: 0px; | ||
+ | right: 15px; | ||
+ | display: block; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | #jsnotice{ | ||
+ | background-color: #4ED92F; | ||
+ | } | ||
+ | |||
+ | #table{ | ||
+ | margin: 10px; | ||
+ | } | ||
</style> | </style> | ||
+ | |||
+ | <!--desktop--> | ||
+ | <style type="text/css"> | ||
+ | /*====== | ||
+ | Desktop Styling | ||
+ | Thanks a lot to the 2012 Calgary team for snippets of their code! | ||
+ | Check out their wiki at: | ||
+ | https://2012.igem.org/Team:Calgary | ||
+ | ======*/ | ||
+ | |||
+ | /***Nav styling***/ | ||
+ | header{ | ||
+ | position: relative; | ||
+ | top: -45px; | ||
+ | z-index: 999; | ||
+ | } | ||
+ | |||
+ | #nav-wrap{ | ||
+ | height: 0px; | ||
+ | margin-top: -45px; | ||
+ | } | ||
+ | |||
+ | #nav, #nav ul{ | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 965px; | ||
+ | height: 100%; | ||
+ | display: table; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | /*To be moved to JQ block*/ | ||
+ | #menu-icon{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /*menu*/ | ||
+ | #nav li{ | ||
+ | height: auto; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | float: left; | ||
+ | width: auto; | ||
+ | margin: 0; | ||
+ | background: #333333; | ||
+ | position: relative; | ||
+ | } | ||
+ | #nav > li a{ | ||
+ | padding: 0 15px; | ||
+ | } | ||
+ | #nav > li{ | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | /*submenu*/ | ||
+ | #nav li ul { | ||
+ | position: absolute; | ||
+ | width: auto; | ||
+ | display: none; | ||
+ | } | ||
+ | #nav li:hover ul { | ||
+ | display: block; | ||
+ | } | ||
+ | /*sub-submenu*/ | ||
+ | #nav li ul ul{ | ||
+ | margin-left: 255px; | ||
+ | margin-top: -15px; | ||
+ | } | ||
+ | #nav li:hover ul ul{ | ||
+ | display: none; | ||
+ | } | ||
+ | #nav li:hover ul, #nav li li:hover ul{ | ||
+ | display: block; | ||
+ | } | ||
+ | #nav a{ | ||
+ | display: block; | ||
+ | font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif; | ||
+ | color: white; | ||
+ | } | ||
+ | #nav li a{ | ||
+ | line-height: 1.4em; /*centers the text vertically*/ | ||
+ | font-size: 2em; | ||
+ | } | ||
+ | #nav ul li > a{ | ||
+ | width: 225px; | ||
+ | } | ||
+ | /*color change after rollover*/ | ||
+ | #nav li a:hover, #nav li li a.drop:hover::after{ | ||
+ | display: block; | ||
+ | text-decoration: none; | ||
+ | color: #4e9600; | ||
+ | } | ||
+ | #nav li ul li ul{ | ||
+ | margin-top: -32px; | ||
+ | position: absolute; | ||
+ | } | ||
+ | /*submenu and sub-submenu*/ | ||
+ | #nav li ul li ul li a, #nav li ul li a{ | ||
+ | font-size: 1.7em; | ||
+ | } | ||
+ | #nav li li a.drop:after{ | ||
+ | content: '>'; | ||
+ | padding-left: 20px; | ||
+ | color: #BBB; | ||
+ | display: inline; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | /***End nav styling***/ | ||
+ | |||
+ | /***Headerimage***/ | ||
+ | #headerimage{ | ||
+ | width: 968px; | ||
+ | position: relative; | ||
+ | margin-left: 0px; | ||
+ | margin-bottom: 10px; | ||
+ | top: 0px; | ||
+ | } | ||
+ | #css-full{ | ||
+ | display: none; | ||
+ | } | ||
+ | #css-mobi{ | ||
+ | display: block; | ||
+ | top: 0px; | ||
+ | } | ||
+ | |||
+ | /***Logo styling***/ | ||
+ | #logo{ | ||
+ | position: absolute; | ||
+ | top: 10px; | ||
+ | right: 20px; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | #logo img{ | ||
+ | width: 260px; | ||
+ | } | ||
+ | |||
+ | /*hub page CSS*/ | ||
+ | a.hublink{ | ||
+ | text-decoration: none; | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | } | ||
+ | div.hubbox{ | ||
+ | margin-left: 15px; | ||
+ | } | ||
+ | div.hubbox img{ | ||
+ | float: left; | ||
+ | padding: 15px; | ||
+ | } | ||
+ | div.hubbox h2{ | ||
+ | color: white; | ||
+ | padding: 15px 15px 0px 15px; | ||
+ | font-size: 2.0em; | ||
+ | margin-left: 120px !important; | ||
+ | } | ||
+ | div.hubbox p{ | ||
+ | color: white; | ||
+ | padding: 0px 15px 15px 15px; | ||
+ | margin-left: 120px !important; | ||
+ | } | ||
+ | div.hubbox b{ | ||
+ | font-size: 1.1em; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | jQuery(document).ready(function ($) { | ||
+ | |||
+ | //eliminate jsnotice | ||
+ | $('#jsnotice').hide(); | ||
+ | |||
+ | //prepend menu icon | ||
+ | $('#nav-wrap').prepend('<div id="menu-icon">Menu</div>'); | ||
+ | |||
+ | //toggle nav | ||
+ | $("#menu-icon").click(function () { | ||
+ | $("#nav").slideToggle('fast'); | ||
+ | $(this).toggleClass("active"); | ||
+ | |||
+ | }); | ||
+ | |||
+ | //hide url bar | ||
+ | window.scrollTo(0, 1); | ||
+ | |||
+ | |||
+ | |||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <!--switching function: thanks to http://www.digital-web.com/articles/strategies_for_css_switching/--> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | var _gaq = _gaq || []; | ||
+ | _gaq.push(['_setAccount', 'UA-32774032-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> | ||
</head> | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <header> | ||
+ | <!-- | ||
+ | <a id="css-full" href="#default">Full View</a> | ||
+ | <a id="css-mobi" href="#mobile">Mobile View</a> | ||
+ | --> | ||
+ | <div id="headerimage"><img src="https://static.igem.org/mediawiki/2013/b/b8/Leaf1.png"></img></div> | ||
+ | <a id="logo" href="https://2013.igem.org/Team:UCSF"></html>{{{1|<html><img src="https://static.igem.org/mediawiki/2013/b/be/Ucsf_sig_rgb_1.png"></img></html>}}}<html></a> | ||
+ | <div id="nav-wrap"> | ||
+ | <ul id="nav"> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF" id="homelink">Home</a></li> | ||
+ | |||
+ | <li><a class="drop" id="projectlink">Project</a> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a class="dropheader" href="https://2013.igem.org/Team:UCSF/Project/Background">Background</a></li> | ||
+ | |||
+ | </li> | ||
+ | <li> | ||
+ | <a class="drop" id="projectlink">CRISPRi Conjugation</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Design">Project Design</a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Data">Data</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a class="drop" id="projectlink">CRISPRi Circuit</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Project/Circuit/Design">Circuit Design</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Promoter">Promoter Engineering</a></li> | ||
+ | <li><a class="dropheader" href="https://2013.igem.org/Team:UCSF/Project/Circuit/Data">Data</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><a class="drop" id="projectlink">Modeling</a> | ||
+ | <ul> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Modeling2">Conjugation Modeling</a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Modeling">Circuit Modeling</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><a class="drop" id="outreachlink">Human Practices</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Exploratorium">Exploratorium</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF/ALHS Project">Lincoln High</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Materials">Materials</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Collaborations">Collaborations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | |||
+ | <li><a class="drop" id="notebooklink">Protocols</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Protocols">General Protocols</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Protocols2">Project Protocols</a></li> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:UCSF/Protocols">General Protocols</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:UCSF/Protocols2">Project Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a class="drop" id="outreachlink">Judging</a> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Project/Attribute">Attributions</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Project/Accomplish">Accomplishments</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Project/Implications">Implications</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Parts">Parts</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a class="drop" id="team">Team</a> | ||
+ | <ul> | ||
+ | <li><a class="dropheader" href="https://2013.igem.org/Team:UCSF/About Us">About Us</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Team">Members</a></li> | ||
+ | |||
+ | <li><a href="https://2013.igem.org/Team:UCSF/Advisors">Advisors</a></li> | ||
+ | <li><a class="dropheader" href="https://2013.igem.org/Team:UCSF/Mentors&Instructors">Mentors</a></li> | ||
+ | <li><a class="dropheader" href="https://igem.org/Team.cgi?year=2013&team_name=UCSF">Profile</a></li> | ||
+ | <li><a class="dropheader" href="https://2013.igem.org/Team:UCSF/ContactUs">Contact Us</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li><a href="https://2013.igem.org" target="_blank">iGEM</a></li> | ||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | </header> | ||
+ | </body> | ||
+ | </html> |
Revision as of 23:09, 17 July 2014