|
|
Line 1: |
Line 1: |
- | <!--Main Head from Calgary 2012-->
| |
- | <html>
| |
- |
| |
| <head> | | <head> |
| <!--CSS styles: global--> | | <!--CSS styles: global--> |
Line 98: |
Line 95: |
| /***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>
| |
div#top-section{ /*the div containing the entire top bar*/
height: 20px;
margin-bottom: 0px !important;
border: none;
}
overflow:hidden;
display:none;
background: none;
position: absolute;
top: 170px;
right: 40px;
}
.left-menu, .right-menu{
position: absolute;
background: none;
color: black;
}
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {