Team:UPO-Sevilla/header
From 2010.igem.org
(Difference between revisions)
(41 intermediate revisions not shown) | |||
Line 54: | Line 54: | ||
function closeMenuTeam(idListMenu){ | function closeMenuTeam(idListMenu){ | ||
+ | var listMenu = document.getElementById(idListMenu); | ||
+ | listMenu.setAttribute("style","display: none;"); | ||
+ | } | ||
+ | |||
+ | function showMenuProject(idListMenu){ | ||
+ | var listMenu = document.getElementById(idListMenu); | ||
+ | listMenu.setAttribute("style","display: block; position: absolute; top: 1.8em; left: 13.5em; width:9em; z-index:1;"); | ||
+ | } | ||
+ | |||
+ | function closeMenuProject(idListMenu){ | ||
+ | var listMenu = document.getElementById(idListMenu); | ||
+ | listMenu.setAttribute("style","display: none;"); | ||
+ | } | ||
+ | |||
+ | function showMenuModeling(idListMenu){ | ||
+ | var listMenu = document.getElementById(idListMenu); | ||
+ | listMenu.setAttribute("style","display: block; position: absolute; top: 1.8em; left: 29em; width:9em; z-index:1;"); | ||
+ | } | ||
+ | |||
+ | function closeMenuModeling(idListMenu){ | ||
var listMenu = document.getElementById(idListMenu); | var listMenu = document.getElementById(idListMenu); | ||
listMenu.setAttribute("style","display: none;"); | listMenu.setAttribute("style","display: none;"); | ||
Line 100: | Line 120: | ||
background: white; | background: white; | ||
padding: 0 1em; | padding: 0 1em; | ||
+ | } | ||
+ | |||
+ | .main{ | ||
+ | float: left; | ||
+ | display: inline; | ||
+ | width: 55em; | ||
+ | } | ||
+ | |||
+ | .left{ | ||
+ | border-right: 4px groove #656f04; | ||
+ | float: left; | ||
+ | display: inline; | ||
+ | margin: 0 1em 0 0; | ||
+ | padding: 0 1em 0 0; | ||
+ | width: 15em; | ||
+ | } | ||
+ | |||
+ | .imgRight{ | ||
+ | float: right; | ||
+ | display: inline; | ||
+ | margin: 0 1em; | ||
+ | width: 20em; | ||
+ | } | ||
+ | |||
+ | .imgLeft{ | ||
+ | float: left; | ||
+ | display: inline; | ||
+ | margin: 0 1em; | ||
+ | width: 20em; | ||
} | } | ||
Line 109: | Line 158: | ||
h2{ | h2{ | ||
- | padding: 0. | + | padding: 0.8em; |
color: #999; | color: #999; | ||
+ | font: 900 15px "Arial", Helvetica, sans-serif; | ||
+ | } | ||
+ | |||
+ | h3{ | ||
+ | padding: 0.4em; | ||
+ | color: #CF9126; | ||
font: 900 15px "Arial", Helvetica, sans-serif; | font: 900 15px "Arial", Helvetica, sans-serif; | ||
} | } | ||
Line 119: | Line 174: | ||
display:block; | display:block; | ||
width: 35em; | width: 35em; | ||
+ | } | ||
+ | |||
+ | img.centerVerySmall{ | ||
+ | padding: 0px; | ||
+ | margin: 2em auto 0.3em; | ||
+ | display:block; | ||
+ | width: 10em; | ||
+ | } | ||
+ | |||
+ | img.centerSmall{ | ||
+ | padding: 0px; | ||
+ | margin: 2em auto 0.3em; | ||
+ | display:block; | ||
+ | width: 20em; | ||
+ | } | ||
+ | |||
+ | img.centerMedium{ | ||
+ | padding: 0px; | ||
+ | margin: 2em auto 0.3em; | ||
+ | display:block; | ||
+ | width: 25em; | ||
+ | } | ||
+ | |||
+ | img.centerBig{ | ||
+ | padding: 0px; | ||
+ | margin: 2em auto 0.3em; | ||
+ | display:block; | ||
+ | width: 60em; | ||
+ | } | ||
+ | |||
+ | img.right{ | ||
+ | margin: 0 auto; | ||
+ | width: 20em; | ||
+ | } | ||
+ | |||
+ | img.ileft{ | ||
+ | margin: 0 auto; | ||
+ | width: 20em; | ||
+ | } | ||
+ | img.subBanner{ | ||
+ | padding: 0px; | ||
+ | margin: 0.5em 1em; | ||
+ | display:inline; | ||
+ | width: 20em; | ||
} | } | ||
Line 126: | Line 225: | ||
display:block; | display:block; | ||
width: 60em; | width: 60em; | ||
+ | } | ||
+ | |||
+ | img.circuit{ | ||
+ | padding: 0px; | ||
+ | margin: 2em auto 0.3em; | ||
+ | display:block; | ||
+ | width: 65em; | ||
} | } | ||
Line 170: | Line 276: | ||
ul.green_sub { | ul.green_sub { | ||
- | background: #E0FFAF; | + | background: url(https://static.igem.org/mediawiki/2010/a/a7/BacterialCrowdingBibackground.png) #E0FFAF; |
border: solid 1px #BACD08; | border: solid 1px #BACD08; | ||
padding: 5px; | padding: 5px; | ||
Line 213: | Line 319: | ||
/*--------------------------Buttons----------------------*/ | /*--------------------------Buttons----------------------*/ | ||
a.return_button{ | a.return_button{ | ||
- | margin: | + | margin: 1.5em 10px 0 -10px; |
padding: 1px 8px 5px 6em; | padding: 1px 8px 5px 6em; | ||
float:left; | float:left; | ||
Line 221: | Line 327: | ||
background: url(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top right; | background: url(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top right; | ||
color: #576d07; | color: #576d07; | ||
- | } | + | } |
+ | |||
+ | |||
+ | a.next_button{ | ||
+ | margin: 1.5em -10px 0 10px; | ||
+ | padding: 1px 6em 5px 8px; | ||
+ | float:right; | ||
+ | text-decoration: none; | ||
+ | cursor: pointer; | ||
+ | font: 900 14px/22px "Arial", Helvetica, sans-serif; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top left; | ||
+ | color: #576d07; | ||
+ | } | ||
/*--------------------------Twitter----------------------*/ | /*--------------------------Twitter----------------------*/ | ||
Line 265: | Line 383: | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a id="project" href="https://2010.igem.org/Team:UPO-Sevilla/Project" title="Project"><span>Project</span></a></li> | + | <li onmouseover="showMenuProject('projectList')" onmouseout="closeMenuProject('projectList')"><a id="project" href="https://2010.igem.org/Team:UPO-Sevilla/Project" title="Project"><span>Project</span></a> |
- | <li | + | <ul class="green_sub" id="projectList" style="display: none;"> |
+ | <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Project/Abstract" title="Abstract"><span>Abstract</span></a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Project/Sensing" title="Sensing"><span>Sensing</span></a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Project/Chemotaxis" title="Chemotaxis"><span>Chemotaxis</span></a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Project/Assays" title="Assays"><span>Assays</span></a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Project/Results" title="Results"><span>Results</span></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li onmouseover="showMenuBiobricks('biobricksList')" onmouseout="closeMenuBiobricks('biobricksList')"><a id="parts" href="https://2010.igem.org/Team:UPO-Sevilla/Biobricks" title="Biobricks"><span>Biobricks</span></a> | ||
<ul class="green_sub" id="biobricksList" style="display: none;"> | <ul class="green_sub" id="biobricksList" style="display: none;"> | ||
<li><a href="https://2010.igem.org/Team:UPO-Sevilla/Biobricks/Circuits" title="Circuits"><span>Circuits</span></a></li> | <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Biobricks/Circuits" title="Circuits"><span>Circuits</span></a></li> | ||
Line 273: | Line 399: | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a id="modeling" href="https://2010.igem.org/Team:UPO-Sevilla/Modeling" title="Modeling"><span>Modeling</span></a></li> | + | <li onmouseover="showMenuModeling('modelingList')" onmouseout="closeMenuModeling('modelingList')"><a id="modeling" href="https://2010.igem.org/Team:UPO-Sevilla/Modeling" title="Modeling"><span>Modeling</span></a> |
+ | <ul class="green_sub" id="modelingList" style="display: none;"> | ||
+ | <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Modeling/Chemotaxis" title="Chemotaxis"><span>Chemotaxis</span></a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Modeling/Signaling" title="Signaling"><span>Signaling</span></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
<li><a id="notebook" href="https://2010.igem.org/Team:UPO-Sevilla/Notebook" title="Notebook"><span>Notebook</span></a></li> | <li><a id="notebook" href="https://2010.igem.org/Team:UPO-Sevilla/Notebook" title="Notebook"><span>Notebook</span></a></li> | ||
<li><a id="safety" href="https://2010.igem.org/Team:UPO-Sevilla/Safety" title="Safety"><span>Safety</span></a></li> | <li><a id="safety" href="https://2010.igem.org/Team:UPO-Sevilla/Safety" title="Safety"><span>Safety</span></a></li> |
Latest revision as of 18:49, 26 October 2010