Template:UCSF/MainHeader

From 2013.igem.org

(Difference between revisions)
(Undo revision 87496 by Wyjilily (talk))
 
(70 intermediate revisions not shown)
Line 1: Line 1:
<!--Main Head from Calgary 2012-->
<!--Main Head from Calgary 2012-->
<html>
<html>
 +
<head>
<head>
<!--CSS styles: global-->
<!--CSS styles: global-->
<style type="text/css">
<style type="text/css">
-
    /***
+
/***
Minimal header: removes the search bar and header image and readjusts font colours in the menus.
Minimal header: removes the search bar and header image and readjusts font colours in the menus.
-
 
Thanks a lot to the 2011 Brown-Stanford, 2012 Lethbridge iGEM and 2012 Calgary teams for snippets of their code!
Thanks a lot to the 2011 Brown-Stanford, 2012 Lethbridge iGEM and 2012 Calgary teams for snippets of their code!
Check out their wikis at:
Check out their wikis at:
Line 34: Line 34:
div#top-section{ /*the div containing the entire top bar*/
div#top-section{ /*the div containing the entire top bar*/
height: 20px;
height: 20px;
-
margin-bottom: 0px;
+
margin-bottom: 0px !important;
border: none;
border: none;
}
}
Line 80: Line 80:
.left-menu ul li, .right-menu ul li a{
.left-menu ul li, .right-menu ul li a{
background: none;
background: none;
-
color: #000 !important;
+
color: #ffffff !important;
}
}
Line 106: Line 106:
border: 0;
border: 0;
font-weight: 400;
font-weight: 400;
-
}
 
-
p, div.thumb div div.thumbcaption{
 
-
font-family: Georgia, Serif;
 
-
font-size: 1.1em;
 
-
font-weight: normal;
 
-
color: black;
 
-
margin-bottom: 10px;
 
-
padding-left: 5px;
 
}
}
Line 138: Line 130:
<!--desktop-->
<!--desktop-->
<style type="text/css">
<style type="text/css">
-
    /*======
+
/*======
Desktop Styling
Desktop Styling
Thanks a lot to the 2012 Calgary team for snippets of their code!
Thanks a lot to the 2012 Calgary team for snippets of their code!
Check out their wiki at:
Check out their wiki at:
https://2012.igem.org/Team:Calgary
https://2012.igem.org/Team:Calgary
-
 
======*/
======*/
Line 167: Line 158:
 +
}
 +
 +
/*To be moved to JQ block*/
 +
#menu-icon{
 +
display: none;
}
}
Line 180: Line 176:
position: relative;
position: relative;
}
}
-
#nav > li a{
+
#nav > li a{
-
padding: 0 15px;
+
padding: 0 15px;
-
}
+
}
-
#nav > li{
+
#nav > li{
-
background: transparent;
+
background: transparent;
-
}
+
}
/*submenu*/
/*submenu*/
#nav li ul {
#nav li ul {
position: absolute;
position: absolute;
-
width: 200px;
+
width: auto;
display: none;
display: none;
}
}
-
#nav li:hover ul {
+
#nav li:hover ul {
-
display: block;
+
display: block;
-
}
+
}
-
 
+
/*sub-submenu*/
/*sub-submenu*/
#nav li ul ul{
#nav li ul ul{
-
margin-left: 230px;
+
margin-left: 255px;
margin-top: -15px;
margin-top: -15px;
}
}
-
#nav li:hover ul ul{
+
#nav li:hover ul ul{
-
display: none;
+
display: none;
-
}
+
}
#nav li:hover ul, #nav li li:hover ul{
#nav li:hover ul, #nav li li:hover ul{
-
    display: block;
+
display: block;
}
}
#nav a{
#nav a{
Line 213: Line 208:
color: white;
color: white;
}
}
-
#nav li a{
+
#nav li a{
-
line-height: 1.4em; /*centers the text vertically*/
+
line-height: 1.4em; /*centers the text vertically*/
-
font-size: 2em;
+
font-size: 2em;
-
}
+
}
-
#nav ul li > a{
+
#nav ul li > a{
-
width: 200px;
+
width: 225px;
-
}
+
}
-
 
+
/*color change after rollover*/
-
/*color change after rollover*/
+
#nav li a:hover, #nav li li a.drop:hover::after{
-
#nav li a:hover, #nav li li a.drop:hover::after{
+
display: block;
-
display: block;
+
text-decoration: none;
-
text-decoration: none;
+
color: #4e9600;
-
color: #4e9600;/*I've changed from #43bbff to #4e9600*/
+
}
-
}
+
#nav li ul li ul{
#nav li ul li ul{
margin-top: -32px;
margin-top: -32px;
position: absolute;
position: absolute;
}
}
-
 
+
/*submenu and sub-submenu*/
-
/*submenu and sub-submenu*/
+
#nav li ul li ul li a, #nav li ul li a{
-
#nav li ul li ul li a, #nav li ul li a{
+
font-size: 1.7em;
-
font-size: 1.8em;
+
}
-
}
+
#nav li li a.drop:after{
#nav li li a.drop:after{
-
content: '>';
+
content: '>';
-
padding-left: 20px;
+
padding-left: 20px;
-
color: #BBB;
+
color: #BBB;
-
display: inline;
+
display: inline;
-
float: right;
+
float: right;
-
}
+
}
/***End nav styling***/
/***End nav styling***/
Line 274: Line 267:
}
}
-
/***Body styling***/
 
-
h1{
 
-
font-size: 2.3em;
 
-
line-height: 1em;
 
-
}
 
-
h2{
 
-
font-size: 1.8em;
 
-
line-height: 1.2em;
 
-
}
 
-
h3{
 
-
font-size: 1.6em;
 
-
margin: 0px 15px;
 
-
font-weight: bold;
 
-
}
 
-
h4{
 
-
font-size: 1.4em;
 
-
color: #333333;
 
-
margin: 0px 20px;
 
-
font-weight: bold;
 
-
}
 
-
#bodycontainer p{
 
-
font-size: 1.2em;
 
-
}
 
-
#pagetitle{
 
-
border-bottom: 2px solid black;
 
-
padding-bottom: 10px;
 
-
padding-left: 10px;
 
-
}
 
-
#bodycontainer h2{
 
-
margin-left: 10px;
 
-
margin-right: 10px;
 
-
}
 
-
#bodycontainer p{
 
-
margin-left: 20px;
 
-
margin-right: 10px;
 
-
}
 
-
#bodycontainer{
 
-
margin-left: 220px;
 
-
}
 
-
#bodycontainer ul{
 
-
margin-left: 5.0em;
 
-
}
 
-
#bodycontainer li{
 
-
font-family: Georgia, Serif;
 
-
}
 
-
#sidebar{
 
-
position: absolute;
 
-
width: 210px;
 
-
z-index: 0;
 
-
}
 
-
/*
 
-
#sidebarimg{
 
-
width: 214px;
 
-
height: 144px;
 
-
background: #43bbff;
 
-
margin: 5px 0px;
 
-
border: 3px solid #333333;
 
-
}
 
-
*/
 
-
 
-
#sidebar #list{
 
-
background: #333333;
 
-
}
 
-
#sidebar h2{
 
-
color: white;
 
-
padding: 20px 15px 0px 15px;
 
-
font-size: 2.0em;
 
-
}
 
-
#sidebar ul{
 
-
list-style: none;
 
-
margin: 0px 15px;
 
-
}
 
-
#sidebar #list > ul{
 
-
padding-bottom: 20px;
 
-
}
 
-
#sidebar a{
 
-
color: white;
 
-
font-family: Georgia, Serif;
 
-
font-size: 1.4em;
 
-
display: block;
 
-
line-height: 1.4em;
 
-
}
 
-
#sidebar a:hover{
 
-
text-decoration: none;
 
-
color: #43BBFF;
 
-
}
 
-
 
-
 
-
/* thumbnails */
 
-
div.thumb {
 
-
    margin-bottom: .5em;
 
-
    border-style: solid;
 
-
    border-color: transparent;
 
-
    width: auto;
 
-
}
 
-
div.thumb div {
 
-
    border: 0px;
 
-
    padding: 3px !important;
 
-
    font-size: 94%;
 
-
    text-align: center;
 
-
    overflow: hidden;
 
-
background: transparent;
 
-
}
 
-
div.thumb div a img {
 
-
    border: none;
 
-
}
 
-
div.thumb div div.thumbcaption {
 
-
    border: none;
 
-
    text-align: left;
 
-
    line-height: 1.4em;
 
-
    padding: .3em 0 .1em 0;
 
-
 
-
}
 
-
div.magnify {
 
-
    float: right;
 
-
    border: none !important;
 
-
    background: none !important;
 
-
}
 
-
div.magnify a, div.magnify img {
 
-
    display: block;
 
-
    border: none !important;
 
-
    background: none !important;
 
-
}
 
-
div.tright {
 
-
    clear: right;
 
-
    float: right;
 
-
    border-width: .5em 0 .8em 1.4em;
 
-
}
 
-
div.tleft {
 
-
    float: left;
 
-
    margin-right: .5em;
 
-
    border-width: .5em 1.4em .8em 0;
 
-
}
 
-
 
-
/*colouring*/
 
-
/*oranges: current page and all sidebar rollovers*/
 
-
#home header #homelink, #home #sidebar #list a:hover, #home #nav li a:hover, #home #nav li a.drop:hover::after,
 
-
#team header #teamlink, #team #sidebar #list a:hover, #team #nav li a:hover, #team #nav li a.drop:hover::after,
 
-
#proj_hp header #projectlink, #proj_hp #sidebar #list a:hover, #proj_hp #nav li a:hover, #proj_hp #nav li a.drop:hover::after,
 
-
#parts header #partslink, #parts #sidebar #list a:hover, #parts #nav li a:hover, #parts #nav li a.drop:hover::after,
 
-
#notebook header #notebooklink, #notebook #sidebar #list a:hover, #notebook #nav li a:hover, #notebook #nav li a.drop:hover::after,
 
-
#outreach header #outreachlink, #outreach #sidebar #list a:hover, #outreach #nav li a:hover, #outreach #nav li a.drop:hover::after,
 
-
#sponsors header #sponsorslink, #sponsors #sidebar #list a:hover, #sponsors #nav li a:hover, #sponsors #nav li a.drop:hover::after{
 
-
color: #F6A82D;
 
-
}
 
-
/*oranges: sidebar border*/
 
-
#home #sidebar #list,
 
-
#team #sidebar #list,
 
-
#proj_hp #sidebar #list,
 
-
#parts #sidebar #list,
 
-
#notebook #sidebar #list,
 
-
#outreach #sidebar #list,
 
-
#sponsors #sidebar #list{
 
-
border-left: 10px solid #F6A82D;
 
-
}
 
-
/*oranges: links*/
 
-
#team #bodycontainer a,
 
-
#proj_hp #bodycontainer a,
 
-
#parts #bodycontainer a,
 
-
#notebook #bodycontainer a,
 
-
#outreach #bodycontainer a,
 
-
#sponsors #bodycontainer a{
 
-
color: #FF7A00;
 
-
}
 
-
#team #bodycontainer a:visited,
 
-
#proj_hp #bodycontainer a:visited,
 
-
#parts #bodycontainer a:visited,
 
-
#notebook #bodycontainer a:visited,
 
-
#outreach #bodycontainer a:visited,
 
-
#sponsors #bodycontainer a:visited{
 
-
color: #C40;
 
-
}
 
-
 
-
/*blues: current page, all rollover links in nav, all sidebar hovers and dropdown menus*/
 
-
#proj_o header #projectlink, #proj_o #sidebar #list a:hover, #proj_o #nav li a:hover, #proj_o #nav li a.drop:hover::after,
 
-
#note_o header #notebooklink, #note_o #sidebar #list a:hover, #note_o #nav li a:hover, #note_o #nav li a.drop:hover::after{
 
-
color: #43BBFF;
 
-
}
 
-
/*blues: sidebar border*/
 
-
#proj_o #sidebar #list,
 
-
#note_o #sidebar #list{
 
-
border-left: 10px solid #43BBFF;
 
-
}
 
-
/*blues: links*/
 
-
#proj_o #bodycontainer a,
 
-
#note_o #bodycontainer a{
 
-
color: #1088CC;
 
-
}
 
-
#proj_o #bodycontainer a:visited,
 
-
#note_o #bodycontainer a:visited{
 
-
color: #05B;
 
-
}
 
-
 
-
/*greens: current page, all rollover links in nav, all sidebar hovers, and dropdown menus*/
 
-
#proj_f header #projectlink, #proj_f #sidebar #list a:hover, #proj_f #nav li a:hover, #proj_f #nav li a.drop:hover::after,
 
-
#note_f header #notebooklink, #note_f #sidebar #list a:hover, #note_f #nav li a:hover, #note_f #nav li a.drop:hover::after{
 
-
color: #58CD45;
 
-
}
 
-
/*greens: sidebar border*/
 
-
#proj_f #sidebar #list,
 
-
#note_f #sidebar #list{
 
-
border-left: 10px solid #58CD45;
 
-
}
 
-
/*greens: links*/
 
-
#proj_f #bodycontainer a,
 
-
#proj_f #bodycontainer a{
 
-
color: #159900;
 
-
}
 
-
/*greens: links*/
 
-
#proj_f #bodycontainer a:visited,
 
-
#proj_f #bodycontainer a:visited{
 
-
color: #06660B;
 
-
}
 
-
 
/*hub page CSS*/
/*hub page CSS*/
a.hublink{
a.hublink{
Line 562: Line 341:
<body>
<body>
 +
 +
<header>
<!--
<!--
<a id="css-full" href="#default">Full View</a>
<a id="css-full" href="#default">Full View</a>
Line 571: Line 352:
<ul id="nav">
<ul id="nav">
<li><a href="https://2013.igem.org/Team:UCSF" id="homelink">Home</a></li>
<li><a href="https://2013.igem.org/Team:UCSF" id="homelink">Home</a></li>
-
<li><a class="drop" id="team">Team</a>
+
 
-
<ul>
+
<li><a class="drop" id="projectlink">Project</a>
-
                        <li><a href="https://2012.igem.org/Team:UCSF/Background">Team Background</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UCSF/Team">Members</a></li>
+
-
                        <li><a herf="https://2013.igem.org/Team:UCSF/TeamAttribution">Attribution</a><li>
+
-
<li><a href="https://2012.igem.org/Team:UCSF/Advisors">Advisors</a></li>
+
-
                        <li><a href="https://2012.igem.org/Team:UCSF/Mentors&Instructors">Mentors</a></li>
+
-
                        <li><a href="https://igem.org/Team.cgi?year=2013">Profile</a></li>
+
-
                        <li><a href="https://2013.igem.org/Team:UCSF/ContactUs">Contact Us</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a class="drop" href="https://2013.igem.org/Team:UCSF/Project" id="projectlink">Project</a>
+
<ul>
<ul>
<li>
<li>
-
<a class="drop" href="https://2012.igem.org/Team:Calgary/Project">Overview</a>
+
<a class="dropheader" href="https://2013.igem.org/Team:UCSF/Project/Background">Background</a></li>
-
<ul>
+
                         
-
                                <li><a href="https://2013.igem.org/Team:UCSF/Project/Accomplish">Accomplishments</a></li>
+
-
                                <li><a href="https://2013.igem.org/Team:UCSF/Project/DataPage">Data Page</a></li>
+
-
                                <li><a href="https://2012.igem.org/Team:Calgary/Parts">Parts</a></li>
+
-
                                <li><a href="https://2013.igem.org/Team:UCSF/Safety">Safety</a></li>
+
-
                                <!--<li><a href="https://2012.igem.org/Team:Calgary/Project/Post-Regionals">Post-Regionals</a></li>-->
+
-
</ul>
+
</li>
</li>
<li>
<li>
-
<a class="drop" href="https://2013.igem.org/Team:UCSF/Project/Conjugation">Conjugation</a>
+
<a class="drop" id="projectlink">CRISPRi Conjugation</a>
-
                            <!--
+
                                                        <ul>                                                      
-
<ul>
+
                                                            <li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Design">Project Design</a></li>
-
<li><a href="https://2012.igem.org/Team:Calgary/Project/FRED/Detecting">Toxin Sensing</a></li>
+
 
-
<li><a href="https://2012.igem.org/Team:Calgary/Project/FRED/Reporting">Electroreporting</a></li>
+
                                                            <li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Data">Data</a></li>
-
<li><a href="https://2012.igem.org/Team:Calgary/Project/FRED/Modelling">Modelling</a></li>
+
                                                      </ul>
-
<li><a href="https://2012.igem.org/Team:Calgary/Project/FRED/Prototype">Device Prototype</a></li>
+
-
</ul>
+
-
                            -->
+
</li>
</li>
<li>
<li>
-
<a class="drop" href="https://2013.igem.org/Team:UCSF/Project/Circuit">Synthetic Circuit</a>
+
<a class="drop" id="projectlink">CRISPRi Circuit</a>
-
                            <!--
+
                                                        <ul>                                                      
-
<ul>
+
                                                            <li><a href="https://2013.igem.org/Team:UCSF/Project/Circuit/Design">Circuit Design</a></li>
-
<li><a href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Decarboxylation">Decarboxylation</a></li>
+
<li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Promoter">Promoter Engineering</a></li>
-
<li><a href="https://2012.igem.org/Team:Calgary/Project/OSCAR/CatecholDegradation">Decatecholization</a></li>
+
                                                            <li><a class="dropheader" href="https://2013.igem.org/Team:UCSF/Project/Circuit/Data">Data</a></li>
-
<li><a href="https://2012.igem.org/Team:Calgary/Project/OSCAR/FluxAnalysis">Flux Analysis</a></li>
+
                                             
-
<li><a href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Bioreactor">Bioreactor</a></li>
+
        </ul>
-
<li><a href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Upgrading">Upgrading</a></li>
+
-
<li><a style="margin:0 -1em 0 1em;"href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Desulfurization">Desulfurization</a></li>
+
-
<li><a style="margin:0 -1em 0 1em;"href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Denitrogenation">Denitrogenation</a></li>
+
-
</ul>
+
-
                            -->
+
</li>
</li>
-
<li><a href="https://2013.igem.org/Team:UCSF/Project/References">References</a></li>
+
</ul>
</ul>
</li>
</li>
-
                 <li><a class="drop" href="https://2013.igem.org/Team:UCSF/Modeling" id="Modeling">Modeling</a></li>
+
-
                <li><a class="drop" href="https://2013.igem.org/Team:UCSF/HumanPractice" id="HumanPractive">Human Practice</a></li>
+
 
-
<li><a class="drop" href="https://2013.igem.org/Team:UCSF/Notebook" id="notebooklink">Notebook</a>
+
                 <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>
<ul>
-
<li><a href="https://2012.igem.org/Team:UCSF/Bootcamp">Bootcamp</a></li>
+
      <li><a href="https://2013.igem.org/Team:UCSF/Protocols">General Protocols</a></li>
-
                        <li><a herf="https://2013.igem.org/Team:UCSF/Notebook">Notebook</a></li>
+
                                <li><a href="https://2013.igem.org/Team:UCSF/Protocols2">Project Protocols</a></li>
-
                        <li><a class="drop"> Protocols</a>
+
<ul>
<ul>
                                 <li><a href="https://2012.igem.org/Team:UCSF/Protocols">General Protocols</a></li>
                                 <li><a href="https://2012.igem.org/Team:UCSF/Protocols">General Protocols</a></li>
Line 636: Line 414:
</ul>
</ul>
</li>
</li>
-
<li><a class="drop" id="outreachlink">Gallery</a>
+
<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>
<ul>
-
<li><a href="https://2012.igem.org/Team:UCSF/Video">Videos</a></li>
+
                        <li><a class="dropheader" href="https://2013.igem.org/Team:UCSF/About Us">About Us</a></li>
-
<li><a href="https://2012.igem.org/Team:UCSF/Photos">Photos</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>
</ul>
</li>
</li>
 +
 +
<li><a href="https://2013.igem.org" target="_blank">iGEM</a></li>
<li><a href="https://2013.igem.org" target="_blank">iGEM</a></li>
</ul>
</ul>
</div>
</div>
 +
</header>
</body>
</body>
</html>
</html>

Latest revision as of 23:59, 28 October 2013

Retrieved from "http://2013.igem.org/Template:UCSF/MainHeader"