Template:UCSF/MainHeader

From 2013.igem.org

(Difference between revisions)
 
(47 intermediate revisions not shown)
Line 5: Line 5:
<!--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!
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 194: Line 186:
#nav li ul {
#nav li ul {
position: absolute;
position: absolute;
-
width: 200px;
+
width: auto;
display: none;
display: none;
}
}
Line 202: Line 194:
/*sub-submenu*/
/*sub-submenu*/
#nav li ul ul{
#nav li ul ul{
-
margin-left: 230px;
+
margin-left: 255px;
margin-top: -15px;
margin-top: -15px;
}
}
Line 221: Line 213:
}
}
#nav ul li > a{
#nav ul li > a{
-
width: 200px;
+
width: 225px;
}
}
/*color change after rollover*/
/*color change after rollover*/
Line 235: Line 227:
/*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.8em;
+
font-size: 1.7em;
}
}
#nav li li a.drop:after{
#nav li li a.drop:after{
Line 275: 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 573: Line 351:
<div id="nav-wrap">
<div id="nav-wrap">
<ul id="nav">
<ul id="nav">
-
<li><a href="https://2013.igem.org/Team:UCSF/lily2" 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 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 href="https://2013.igem.org/Team:UCSF/Mentors&Instructors">Mentors</a></li>
+
-
                        <li><a href="https://igem.org/Team.cgi?year=2013&team_name=UCSF">Profile</a></li>
+
-
                        <li><a href="https://2013.igem.org/Team:UCSF/ContactUs">Contact Us</a></li>
+
-
</ul>
+
<li><a class="drop" id="projectlink">Project</a>
-
</li>
+
-
<li><a class="drop" id="outreachlink">Project</a>
+
<ul>
<ul>
<li>
<li>
-
<a href="https://2013.igem.org/Team:UCSF/Project/Background">Background</a></li>
+
<a class="dropheader" href="https://2013.igem.org/Team:UCSF/Project/Background">Background</a></li>
                            
                            
</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">Design</a></li>
+
                                                             <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>
                                                             <li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Data">Data</a></li>
                                                       </ul>
                                                       </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">Design</a></li>
+
                                                             <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/Circuit/Data">Data</a></li>
+
<li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Promoter">Promoter Engineering</a></li>
-
                                                      </ul>
+
                                                             <li><a class="dropheader" href="https://2013.igem.org/Team:UCSF/Project/Circuit/Data">Data</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" 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>
Line 624: Line 403:
-
<li><a class="drop" href="https://2013.igem.org/Team:UCSF/Protocols" id="notebooklink">Protocols</a>
+
<li><a class="drop" id="notebooklink">Protocols</a>
<ul>
<ul>
      <li><a href="https://2013.igem.org/Team:UCSF/Protocols">General Protocols</a></li>
      <li><a href="https://2013.igem.org/Team:UCSF/Protocols">General Protocols</a></li>
Line 640: Line 419:
                                 <li><a href="https://2013.igem.org/Team:UCSF/Project/Attribute">Attributions</a></li>
                                 <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/Accomplish">Accomplishments</a></li>
-
                                 <li><a href="https://2013.igem.org/Team:UCSF/Project/DataPage">Data Page</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/Parts">Parts</a></li>
                                 <li><a href="https://2013.igem.org/Team:UCSF/Safety">Safety</a></li>
                                 <li><a href="https://2013.igem.org/Team:UCSF/Safety">Safety</a></li>
</ul>
</ul>
</li>
</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>
<li><a href="https://2013.igem.org" target="_blank">iGEM</a></li>
</ul>
</ul>
Line 650: Line 444:
</div>
</div>
</header>
</header>
-
 
-
 
</body>
</body>
</html>
</html>

Latest revision as of 23:59, 28 October 2013