Template:Stockholm/Top7

From 2010.igem.org

(Difference between revisions)
m (New page: <html> <style type="text/css"> td { vertical-align: top } A:link {text-decoration: none; color:#3671A1;} A:visited {text-decoration: none; color:#3671A1;} A:active {text-decoration: no...)
m
Line 1: Line 1:
-
<html>
+
<body>
 +
<head>
-
<style type="text/css">
 
-
td { vertical-align: top }
 
-
A:link {text-decoration: none; color:#3671A1;}
 
-
A:visited {text-decoration: none; color:#3671A1;}
 
-
A:active {text-decoration: none; font-weight:bold; color:#3671A1;}
 
-
A:hover {text-decoration: none; opacity:0.75;}
 
-
body
+
<style type="text/css">
-
{
+
-
font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
+
-
//font-size: 12px;
+
-
color: #888888;
+
-
margin: 0;
+
-
        background-color: #FFF;
+
-
}
+
.indented1
-
 
+
-
#top-section
+
{
{
-
width:965px;
+
padding-left: 25pt;
-
border: 0;
+
-
border-bottom: 1px solid #888888;
+
-
height: 20px;
+
-
overflow: visible;
+
}
}
-
#menubar
+
.indented2
-
{
+
-
position: absolute;
+
-
top: 0px;
+
-
display:block;
+
-
float:left;
+
-
border: none;
+
-
 
+
-
}
+
-
#menubar li a
+
{
{
-
color: #888888;
+
padding-left:75pt;
}
}
-
#menubar.right-menu
+
.menutitle{
-
{
+
cursor:pointer;
-
position: absolute;
+
border-right:1px dotted #CCCCCC;
-
right: 20px;
+
display:inline;
-
        font-size: 10px;
+
margin-left:5px;
-
}
+
padding-right:5px;
-
#menubar.left-menu
+
align="center";
-
{
+
color:#3671A1;
-
position: absolute;
+
-
left: 20px;
+
-
        font-size: 10px;
+
}
}
-
#search-controls
+
.submenu{
-
{
+
margin-bottom: 0.5em;
-
display: none
+
border-right:1px dotted #CCCCCC;
 +
display:inline;
 +
margin-left:5px;
 +
padding-right:5px;
 +
align="center";
}
}
 +
A:link {text-decoration: none; color:#3671A1;}
 +
A:visited {text-decoration: none; color:#3671A1;}
 +
A:active {text-decoration: none; font-weight:bold; color:#3671A1;}
 +
A:hover {text-decoration: none; opacity:0.75;}
 +
font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
-
#p-logo a
 
-
{
 
-
display: none;
 
-
}
 
-
#p-logo
+
</style>
-
{
+
-
position: relative;
+
-
top: 50px;
+
-
width: 965px;
+
-
        margin-left: auto;
+
-
margin-right: auto;
+
-
// background: url("https://static.igem.org/mediawiki/2010/5/58/Spot_on_Treatment.png");
+
-
background: url("https://static.igem.org/mediawiki/2010/6/6e/Spot_on_Treatment_SU.gif");
+
-
background-repeat: no-repeat;
+
-
background-position: left top;
+
-
+
-
}
+
-
#content
+
<script type="text/javascript">
-
{
+
-
position: relative;
+
-
top: 130px;
+
-
border: 0;
+
-
+
-
}
+
 +
/***********************************************
 +
* Switch Menu script- by Martial B of http://getElementById.com/
 +
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
 +
* Visit http://www.dynamicdrive.com/ for full source code
 +
***********************************************/
 +
var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
 +
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only
-
#footer
+
if (document.getElementById){ //DynamicDrive.com change
-
{
+
document.write('<style type="text/css">\n')
-
width: 965px;
+
document.write('.submenu{display: none;}\n')
-
margin: 0;
+
document.write('</style>\n')
-
line-height: 0;
+
-
 
+
-
        font-size: 10px;
+
-
font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
+
-
 
+
}
}
-
#footer-box
+
function SwitchMenu(obj){
-
{
+
if(document.getElementById){
-
position: relative;
+
var el = document.getElementById(obj);
-
top: 160px;
+
var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
-
height: 35px;
+
if(el.style.display != "block"){ //DynamicDrive.com change
-
        border:0;
+
for (var i=0; i<ar.length; i++){
-
border-top: 1px solid #888888;
+
if (ar[i].className=="submenu") //DynamicDrive.com change
-
        width: 965px;
+
ar[i].style.display = "none";
-
 
+
}
 +
el.style.display = "block";
 +
}else{
 +
el.style.display = "none";
 +
}
 +
}
}
}
-
#footer a
+
function get_cookie(Name) {  
-
{
+
var search = Name + "="
-
color: #888888;
+
var returnvalue = "";
-
 
+
if (document.cookie.length > 0) {
-
font-family:sans-serif;
+
offset = document.cookie.indexOf(search)
-
font-size:95%;
+
if (offset != -1) {
-
white-space:nowrap;
+
offset += search.length
-
text-align:left;
+
end = document.cookie.indexOf(";", offset);
-
text-transform:lowercase;
+
if (end == -1) end = document.cookie.length;
 +
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
-
#footer a:hover
 
-
{
 
-
color:black;
 
}
}
-
 
+
return returnvalue;
-
#footer .selected a
+
-
{
+
-
color:black;
+
}
}
-
#menubar .selected a
+
function onloadfunction(){
-
{
+
if (persistmenu=="yes"){
-
color:black;
+
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
 +
var cookievalue=get_cookie(cookiename)
 +
if (cookievalue!="")
 +
document.getElementById(cookievalue).style.display="block"
}
}
-
#menubar li a:hover
 
-
{
 
-
color:black;
 
}
}
-
.firstHeading
+
function savemenustate(){
-
{
+
var inc=1, blockid=""
-
display: none;
+
while (document.getElementById("sub"+inc)){
 +
if (document.getElementById("sub"+inc).style.display=="block"){
 +
blockid="sub"+inc
 +
break
}
}
-
 
+
inc++
-
.navbar
+
-
{
+
-
align:center;
+
}
}
-
 
+
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
-
.navbar td
+
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
-
{
+
document.cookie=cookiename+"="+cookievalue
-
border-right:1px dotted #CCCCCC;
+
-
display:inline;
+
-
margin-left:5px;
+
-
padding-right:5px;
+
-
align="center";
+
}
}
-
</style>
 
-
</html>
 
-
<div class="navbar">
 
-
{|
 
-
|[[Team:Stockholm|Home]]
 
-
|[[Team:Stockholm/News|News]]
 
-
|[[Team:Stockholm/Team|Team]]
 
-
|[[Team:Stockholm/Project|Project]]
 
-
|[[Team:Stockholm/Planning|Planning]]
 
-
|[[Team:Stockholm/Modelling|Modelling]]
 
-
|[[Team:Stockholm/Notebook|Notebook]]
 
-
|[[Team:Stockholm/Protocols|Protocols]]
 
-
|[[Team:Stockholm/Pictures|Pictures]]
 
-
|[[Team:Stockholm/Safety|Safety]]
 
-
<!---  |[[Team:Stockholm/Journalclub|Journal club]] --->
 
-
|[[Team:Stockholm/Sponsors|Sponsors]]
 
-
|<html>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</html>'''Follow us on''' <html><a href="http://twitter.com/igemstockholm"><img src="https://static.igem.org/mediawiki/2010/7/78/Twitter_16.png"></a></html> '''and''' <html><a href="http://www.facebook.com/home.php?#!/group.php?gid=111421565556518"><img src="https://static.igem.org/mediawiki/2010/e/e4/Facebook_16.png"></a></html>
 
-
|}
 
-
</div>
 
 +
if (window.addEventListener)
 +
window.addEventListener("load", onloadfunction, false)
 +
else if (window.attachEvent)
 +
window.attachEvent("onload", onloadfunction)
 +
else if (document.getElementById)
 +
window.onload=onloadfunction
-
<html>
+
if (persistmenu=="yes" && document.getElementById)
-
<!--- start google analytics igem.se --->
+
window.onunload=savemenustate
-
<script type="text/javascript">
 
-
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
 
-
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
 
</script>
</script>
-
<script type="text/javascript">
 
-
try {
 
-
var pageTracker = _gat._getTracker("UA-16294882-1");
 
-
pageTracker._trackPageview();
 
-
} catch(err) {}</script>
 
-
<!--- end google analytics igem.se --->
+
 
 +
</head>
 +
<body>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!-- Keep all menus within masterdiv-->
 +
<div id="masterdiv">
 +
<div class="menutitle"><a href="https://2010.igem.org/Team:Stockholm">Home</a></div>
 +
<div class="menutitle" onclick="SwitchMenu('sub1')">Project idea</div>
 +
<div class="menutitle" onclick="SwitchMenu('sub2')">Lab work</div>
 +
<div class="menutitle" onclick="SwitchMenu('sub3')">Results</div>
 +
<div class="menutitle" onclick="SwitchMenu('sub4')">Modelling</div>
 +
<div class="menutitle" onclick="SwitchMenu('sub5')">Team</div>
 +
<div class="menutitle"><a href="https://2010.igem.org/Team:Stockholm/Sponsors">Sponsors</a></div>
 +
 
 +
<html>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</html>'''Follow us on''' <html><a href="http://twitter.com/igemstockholm"><img src="https://static.igem.org/mediawiki/2010/7/78/Twitter_16.png"></a></html> '''and''' <html><a href="http://www.facebook.com/home.php?#!/group.php?gid=111421565556518"><img src="https://static.igem.org/mediawiki/2010/e/e4/Facebook_16.png"></a></html>
 +
 
 +
 
 +
<div class="indented1">
 +
<span class="submenu" id="sub1">
 +
&#8627;&nbsp;&nbsp; <a href="new.htm">Introduction</a>
 +
<a href="hot.htm">Pre-study</a>
 +
<a href="revised.htm">Proteins</a>
 +
<a href="morezone/">Future work</a>
 +
</span>
 +
</div>
 +
 
 +
<div class="indented2">
 +
<span class="submenu" id="sub2">
 +
&#8627;&nbsp;&nbsp; <a href="new.htm">Introduction</a>
 +
<a href="hot.htm">Pre-study</a>
 +
<a href="revised.htm">Proteins</a>
 +
<a href="morezone/">Future work</a>
 +
</span>
 +
</div>
 +
 
 +
<div class="indented3">
 +
<span class="submenu" id="sub3">
 +
&#8627;&nbsp;&nbsp; <a href="new.htm">Introduction</a>
 +
<a href="hot.htm">Pre-study</a>
 +
<a href="revised.htm">Proteins</a>
 +
<a href="morezone/">Future work</a>
 +
</span>
 +
</div>
 +
 
 +
<div class="indented4">
 +
<span class="submenu" id="sub4">
 +
&#8627;&nbsp;&nbsp; <a href="new.htm">Introduction</a>
 +
<a href="hot.htm">Pre-study</a>
 +
<a href="revised.htm">Proteins</a>
 +
<a href="morezone/">Future work</a>
 +
</span>
 +
</div>
 +
 
 +
<div class="indented5">
 +
<span class="submenu" id="sub5">
 +
&#8627;&nbsp;&nbsp; <a href="new.htm">Introduction</a>
 +
<a href="hot.htm">Pre-study</a>
 +
<a href="revised.htm">Proteins</a>
 +
<a href="morezone/">Future work</a>
 +
</span>
 +
</div>
 +
 
 +
 
 +
 
 +
</div>
-
<!---  start google analytics https://2010.igem.org/Team:Stockholm --->
 
-
<script type="text/javascript">
 
-
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
 
-
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
 
-
</script>
 
-
<script type="text/javascript">
 
-
try {
 
-
var pageTracker = _gat._getTracker("UA-16294882-2");
 
-
pageTracker._trackPageview();
 
-
} catch(err) {}</script>
 
-
<!---  end google analytics https://2010.igem.org/Team:Stockholm --->
+
</body>
</html>
</html>

Revision as of 13:01, 23 October 2010

<body> <head>



<style type="text/css">

.indented1 { padding-left: 25pt; }

.indented2 { padding-left:75pt; }

.menutitle{ cursor:pointer; border-right:1px dotted #CCCCCC; display:inline; margin-left:5px; padding-right:5px; align="center"; color:#3671A1; }

.submenu{ margin-bottom: 0.5em; border-right:1px dotted #CCCCCC; display:inline; margin-left:5px; padding-right:5px; align="center"; }


A:link {text-decoration: none; color:#3671A1;} A:visited {text-decoration: none; color:#3671A1;} A:active {text-decoration: none; font-weight:bold; color:#3671A1;} A:hover {text-decoration: none; opacity:0.75;}

font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;


</style>

<script type="text/javascript">

/***********************************************

var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc) var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){ //DynamicDrive.com change document.write('<style type="text/css">\n') document.write('.submenu{display: none;}\n') document.write('</style>\n') }

function SwitchMenu(obj){ if(document.getElementById){ var el = document.getElementById(obj); var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change if(el.style.display != "block"){ //DynamicDrive.com change for (var i=0; i<ar.length; i++){ if (ar[i].className=="submenu") //DynamicDrive.com change ar[i].style.display = "none"; } el.style.display = "block"; }else{ el.style.display = "none"; } } }

function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; }

function onloadfunction(){ if (persistmenu=="yes"){ var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=get_cookie(cookiename) if (cookievalue!="") document.getElementById(cookievalue).style.display="block" } }

function savemenustate(){ var inc=1, blockid="" while (document.getElementById("sub"+inc)){ if (document.getElementById("sub"+inc).style.display=="block"){ blockid="sub"+inc break } inc++ } var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid document.cookie=cookiename+"="+cookievalue }

if (window.addEventListener) window.addEventListener("load", onloadfunction, false) else if (window.attachEvent) window.attachEvent("onload", onloadfunction) else if (document.getElementById) window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById) window.onunload=savemenustate

</script>


</head> <body>



     Follow us on and


↳   <a href="new.htm">Introduction</a> <a href="hot.htm">Pre-study</a> <a href="revised.htm">Proteins</a> <a href="morezone/">Future work</a>

↳   <a href="new.htm">Introduction</a> <a href="hot.htm">Pre-study</a> <a href="revised.htm">Proteins</a> <a href="morezone/">Future work</a>

↳   <a href="new.htm">Introduction</a> <a href="hot.htm">Pre-study</a> <a href="revised.htm">Proteins</a> <a href="morezone/">Future work</a>

↳   <a href="new.htm">Introduction</a> <a href="hot.htm">Pre-study</a> <a href="revised.htm">Proteins</a> <a href="morezone/">Future work</a>

↳   <a href="new.htm">Introduction</a> <a href="hot.htm">Pre-study</a> <a href="revised.htm">Proteins</a> <a href="morezone/">Future work</a>




</body> </html>