"
Team:UPO-Sevilla/header
From 2010.igem.org
(Difference between revisions)
(New page: <html> <head> <script type="text/javascript" language="javascript"> <!-- --> </script> <style type="text/css"> .firstHeading...) |
|||
| (144 intermediate revisions not shown) | |||
| Line 3: | Line 3: | ||
<script type="text/javascript" language="javascript"> | <script type="text/javascript" language="javascript"> | ||
<!-- | <!-- | ||
| + | function current(actual,banner){ | ||
| + | document.getElementById(actual).setAttribute("class", "current"); | ||
| + | document.getElementById("headerBanner").setAttribute("src",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;"); | ||
| + | } | ||
--> | --> | ||
</script> | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | /*--------------------------Original mod-------------------------------*/ | ||
.firstHeading { | .firstHeading { | ||
display:none; | display:none; | ||
} | } | ||
| - | + | #content{ | |
| - | padding:0px; | + | background: transparent; |
| + | padding: 0px; | ||
margin:0 auto; | margin:0 auto; | ||
| - | + | border: none; | |
} | } | ||
| + | #globalWrapper{ | ||
| + | background: url(https://static.igem.org/mediawiki/2010/e/e3/BackgroundBacterialCrowding.png) repeat #a4b101; | ||
| + | } | ||
| + | |||
| + | #footer{ | ||
| + | padding: 2em auto; | ||
| + | } | ||
| + | |||
| + | |||
| + | /*--------------------------Content-------------------------------*/ | ||
| + | |||
| + | .globalBC{ | ||
| + | background: white; | ||
| + | } | ||
| + | |||
| + | .contentBC{ | ||
| + | background: white; | ||
| + | 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; | ||
| + | } | ||
| + | |||
| + | h1{ | ||
| + | padding: 0.5em; | ||
| + | color: #576d07; | ||
| + | font: 900 20px "Arial", Helvetica, sans-serif; | ||
| + | } | ||
| + | |||
| + | h2{ | ||
| + | padding: 0.8em; | ||
| + | color: #999; | ||
| + | font: 900 15px "Arial", Helvetica, sans-serif; | ||
| + | } | ||
| + | |||
| + | h3{ | ||
| + | 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.caption{ | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | div.clear{ | ||
| + | clear:both; | ||
| + | } | ||
/*--------------------------Header-------------------------------*/ | /*--------------------------Header-------------------------------*/ | ||
.header{ | .header{ | ||
| - | height: | + | background: url(https://static.igem.org/mediawiki/2010/7/7b/BackgroundHeaderBacterialCrowding.jpg) repeat-x; |
| + | margin:0 auto; | ||
| + | height: 18em; | ||
} | } | ||
| Line 37: | 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 li { | + | 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_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 47: | 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 55: | 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 62: | 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: # | + | 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; | ||
| + | } | ||
| + | |||
| + | /*--------------------------Buttons----------------------*/ | ||
| + | a.return_button{ | ||
| + | margin: 1.5em 10px 0 -10px; | ||
| + | padding: 1px 8px 5px 6em; | ||
| + | float:left; | ||
| + | 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 right; | ||
| + | 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> | ||
| Line 74: | Line 369: | ||
</head> | </head> | ||
<body> | <body> | ||
| - | |||
<div class="header"> | <div class="header"> | ||
| - | <img class="logo" src="https://static.igem.org/mediawiki/2010/1/19/LogoBacterialCrowding.png" alt="Bacterial Crowding Logo" /> | + | <a href="https://static.igem.org/mediawiki/2010/1/19/LogoBacterialCrowding.png"><img id="logo" class="logo" src="https://static.igem.org/mediawiki/2010/1/19/LogoBacterialCrowding.png" alt="Bacterial Crowding Logo" /></a> |
| - | <img class="headerBanner" src=" | + | <a id="linkHeaderBanner" href=""><img id="headerBanner" class="headerBanner" src="" alt="Home Banner" /></a> |
<ul class="green"> | <ul class="green"> | ||
| - | <li><a 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 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 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 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 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/Notebook" title="Notebook"><span>Notebook</span></a></li> | + | <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Team/Gallery" title="Gallery"><span>Gallery</span></a></li> |
| - | <li><a href="https://2010.igem.org/Team:UPO-Sevilla/Safety" title="Safety"><span>Safety</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="safety" href="https://2010.igem.org/Team:UPO-Sevilla/Safety" title="Safety"><span>Safety</span></a></li> | ||
</ul> | </ul> | ||
| - | |||
</div> | </div> | ||
| - | |||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 18:49, 26 October 2010
