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