"
Team:UPO-Sevilla/header
From 2010.igem.org
(Difference between revisions)
| (89 intermediate revisions not shown) | |||
| Line 7: | Line 7: | ||
document.getElementById("headerBanner").setAttribute("src",banner); | document.getElementById("headerBanner").setAttribute("src",banner); | ||
document.getElementById("linkHeaderBanner").setAttribute("href",banner); | document.getElementById("linkHeaderBanner").setAttribute("href",banner); | ||
| + | } | ||
| + | |||
| + | function showTweets(){ | ||
| + | var twitter = document.getElementById("twitter"); | ||
| + | twitter.setAttribute("onclick","closeTweets()"); | ||
| + | |||
| + | var twitterContent = document.createElement("div"); | ||
| + | |||
| + | twitterContent.setAttribute("id","twitter_content"); | ||
| + | var twitter_list = document.createElement("ul"); | ||
| + | twitter_list.setAttribute("id","twitter_update_list"); | ||
| + | |||
| + | twitterContent.appendChild(twitter_list); | ||
| + | |||
| + | var script1 = document.createElement("script"); | ||
| + | script1.setAttribute("id","script1"); | ||
| + | script1.setAttribute("type","text/javascript"); | ||
| + | script1.setAttribute("src","http://twitter.com/javascripts/blogger.js"); | ||
| + | |||
| + | var script2 = document.createElement("script"); | ||
| + | script2.setAttribute("id","script2"); | ||
| + | script2.setAttribute("type","text/javascript"); | ||
| + | script2.setAttribute("src","http://twitter.com/statuses/user_timeline/iGEMupoSevilla.json?callback=twitterCallback2&count=5"); | ||
| + | |||
| + | twitter.appendChild(twitterContent); | ||
| + | twitter.appendChild(script1); | ||
| + | twitter.appendChild(script2); | ||
| + | } | ||
| + | |||
| + | function closeTweets(){ | ||
| + | var twitter = document.getElementById("twitter"); | ||
| + | var twitterContent = document.getElementById("twitter_content"); | ||
| + | var script1 = document.getElementById("script1"); | ||
| + | var script2 = document.getElementById("script2"); | ||
| + | twitter.setAttribute("onclick","showTweets()"); | ||
| + | twitter.removeChild(twitterContent); | ||
| + | twitter.removeChild(script1); | ||
| + | twitter.removeChild(script2); | ||
| + | |||
| + | } | ||
| + | |||
| + | function showMenuTeam(idListMenu){ | ||
| + | var listMenu = document.getElementById(idListMenu); | ||
| + | listMenu.setAttribute("style","display: block; position: absolute; top: 1.8em; left: 5em; width:14.4em; z-index:1;"); | ||
| + | } | ||
| + | |||
| + | 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); | ||
| + | listMenu.setAttribute("style","display: none;"); | ||
| + | } | ||
| + | |||
| + | function showMenuBiobricks(idListMenu){ | ||
| + | var listMenu = document.getElementById(idListMenu); | ||
| + | listMenu.setAttribute("style","display: block; position: absolute; top: 1.8em; left: 21em; width:7em; z-index:1;"); | ||
| + | } | ||
| + | |||
| + | function closeMenuBiobricks(idListMenu){ | ||
| + | var listMenu = document.getElementById(idListMenu); | ||
| + | listMenu.setAttribute("style","display: none;"); | ||
} | } | ||
--> | --> | ||
| Line 12: | Line 91: | ||
<style type="text/css"> | <style type="text/css"> | ||
/*--------------------------Original mod-------------------------------*/ | /*--------------------------Original mod-------------------------------*/ | ||
| - | |||
.firstHeading { | .firstHeading { | ||
display:none; | display:none; | ||
| Line 42: | 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 51: | Line 158: | ||
h2{ | h2{ | ||
| - | padding: 0. | + | padding: 0.8em; |
color: #999; | color: #999; | ||
font: 900 15px "Arial", Helvetica, sans-serif; | font: 900 15px "Arial", Helvetica, sans-serif; | ||
} | } | ||
| - | img.center{ | + | h3{ |
| - | text-align: | + | padding: 0.4em; |
| + | color: #CF9126; | ||
| + | font: 900 15px "Arial", Helvetica, sans-serif; | ||
| + | } | ||
| + | |||
| + | img.center{ | ||
| + | padding: 0px; | ||
| + | margin: 2em auto 0.3em; | ||
| + | display:block; | ||
| + | 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; | ||
| + | } | ||
| + | |||
| + | img.device{ | ||
| + | padding: 0px; | ||
| + | margin: 2em auto 0.3em; | ||
| + | display:block; | ||
| + | width: 60em; | ||
| + | } | ||
| + | |||
| + | img.circuit{ | ||
| + | padding: 0px; | ||
| + | margin: 2em auto 0.3em; | ||
| + | display:block; | ||
| + | width: 65em; | ||
| + | } | ||
| + | |||
| + | p, li { | ||
| + | text-align: justify; | ||
| + | margin: 0.6em auto; | ||
} | } | ||
| - | p{ | + | p.caption{ |
| - | text-align: | + | text-align: center; |
} | } | ||
| Line 90: | Line 269: | ||
margin: 10px auto; | margin: 10px auto; | ||
list-style: none; | list-style: none; | ||
| - | width: | + | width: 56em; |
clear: both; | clear: both; | ||
| + | position: relative; | ||
| + | z-index:0; | ||
| + | } | ||
| + | |||
| + | ul.green_sub { | ||
| + | background: url(https://static.igem.org/mediawiki/2010/a/a7/BacterialCrowdingBibackground.png) #E0FFAF; | ||
| + | border: solid 1px #BACD08; | ||
| + | padding: 5px; | ||
| + | margin: 10px auto; | ||
| + | list-style: none; | ||
| + | width: 58em; | ||
| + | clear: both; | ||
| + | position: relative; | ||
| + | z-index:0; | ||
} | } | ||
| - | ul.green li { | + | ul.green_sub li, ul.green li { |
float: left; | float: left; | ||
display: inline; /*For ignore double margin in IE6*/ | display: inline; /*For ignore double margin in IE6*/ | ||
| Line 100: | Line 293: | ||
} | } | ||
| - | ul.green li a { | + | ul.green_sub li a, ul.green li a { |
text-decoration: none; | text-decoration: none; | ||
float:left; | float:left; | ||
| Line 108: | Line 301: | ||
} | } | ||
| - | ul.green li a span { | + | ul.green_sub li a span,ul.green li a span { |
margin: 0 10px 0 -10px; | margin: 0 10px 0 -10px; | ||
padding: 1px 8px 5px 18px; | padding: 1px 8px 5px 18px; | ||
| Line 115: | Line 308: | ||
} | } | ||
| - | ul.green li a.current, ul.green li a:hover { | + | ul.green_sub li a.current, ul.green_sub li a:hover,ul.green li a.current, ul.green li a:hover { |
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; | ||
} | } | ||
| - | ul.green li a.current span, ul.green li a:hover span { | + | ul.green_sub li a.current span, ul.green_sub li a:hover span, ul.green li a.current span, ul.green li a:hover span { |
background: url(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top left; | background: url(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top left; | ||
} | } | ||
| Line 126: | 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 134: | 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{ | ||
| + | position: fixed; | ||
| + | margin: 11em 0 0 -10em; | ||
| + | } | ||
| + | |||
| + | #twitter_content{ | ||
| + | background:url('https://static.igem.org/mediawiki/2010/2/29/TwitterBackgroundBacterialCrowding.gif') #EFFAFE; | ||
| + | width:400px; | ||
| + | background-repeat:no-repeat; | ||
| + | border:#5AA5BC 1px solid; | ||
| + | font-family:Arial, Helvetica, sans-serif; | ||
| + | font-size:0.9em; | ||
| + | margin-top:10px; | ||
| + | padding-top:30px; | ||
| + | padding-right:5px; | ||
| + | padding-left:5px} | ||
| + | |||
| + | #twitter_content ul li{ | ||
| + | color:#0C93BA; | ||
| + | border-bottom-style:solid; | ||
| + | border-bottom-width:1px; | ||
| + | border-bottom-color:#A1E8F7 | ||
| + | } | ||
</style> | </style> | ||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
| Line 148: | Line 376: | ||
<ul class="green"> | <ul class="green"> | ||
<li><a id="home" href="https://2010.igem.org/Team:UPO-Sevilla" title="home"><span>Home</span></a></li> | <li><a id="home" href="https://2010.igem.org/Team:UPO-Sevilla" title="home"><span>Home</span></a></li> | ||
| - | <li><a id="team" href="https://2010.igem.org/Team:UPO-Sevilla/Team" title="team"><span>Team</span></a></li> | + | <li onmouseover="showMenuTeam('teamList')" onmouseout="closeMenuTeam('teamList')"><a id="team" href="https://2010.igem.org/Team:UPO-Sevilla/Team" title="team"><span>Team</span></a> |
| - | <li><a id="project" href="https://2010.igem.org/Team:UPO-Sevilla/Project" title="Project"><span>Project</span></a></li> | + | <ul class="green_sub" id="teamList" style="display: none;"> |
| - | <li><a id="parts" href="https://2010.igem.org/Team:UPO-Sevilla/Parts" title="Parts"><span>Parts</span></a></li> | + | <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Team/Members" title="Members"><span>Members & Contact</span></a></li> |
| - | <li><a id="modeling" href="https://2010.igem.org/Team:UPO-Sevilla/Modeling" title="Modeling"><span>Modeling</span></a></li> | + | <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Team/Acknowledgments" title="Acknowledgments"><span>Acknowledgments</span></a></li> |
| + | <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Team/Gallery" title="Gallery"><span>Gallery</span></a></li> | ||
| + | </ul> | ||
| + | </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> | ||
| + | <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;"> | ||
| + | <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/Devices" title="Devices"><span>Devices</span></a></li> | ||
| + | <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Biobricks/Parts" title="Parts"><span>Parts</span></a></li> | ||
| + | </ul> | ||
| + | </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
