Template:HokkaidoU Japan

From 2011.igem.org

(Difference between revisions)
Line 3: Line 3:
<head>
<head>
<style>
<style>
 +
/***Master styling of text components, because we like consistency***/
h1, h2, h3, h4, h5, p, a{
h1, h2, h3, h4, h5, p, a{
Line 16: Line 17:
 +
/***End master styling***/
 +
 +
/***
 +
Minimal header: removes the search bar and header image and readjusts font colours in the menus.
 +
 +
Thanks a lot to the 2011 Brown-Stanford iGEM team for snippets of their code!
 +
Check out their wiki at https://2011.igem.org/Team:Brown-Stanford
 +
***/
div#top-section{ /*the div containing the entire top bar*/
div#top-section{ /*the div containing the entire top bar*/
Line 84: Line 93:
     color: white !important;
     color: white !important;
}
}
 +
 +
/***End minimal header***/
/***Now for our own stuff: personalized header images and navbar***/
/***Now for our own stuff: personalized header images and navbar***/
-
#headerbar{
 
-
margin-left: -5px;
 
-
}
 
-
/*div containing menu bar*/
+
ul#menu{
-
ul#topnav{
+
margin: 0; padding: 0;
margin: 0; padding: 0;
float: left;
float: left;
Line 101: Line 108:
position: relative;
position: relative;
font-size: 1.2em;
font-size: 1.2em;
-
background-image: url(https://static.igem.org/mediawiki/2011/7/7b/UCalgary_NavRepeater.png);
 
-
background-repeat: repeat-x;
 
-
margin-top: -60px; /*moves the bar up into the header image*/
 
}
}
-
ul#topnav a.navtext{
+
#menu a{
float: left;
float: left;
display: block;
display: block;
height: 35px;
height: 35px;
-
text-indent: -99999px;
 
background-position: left top;
background-position: left top;
}
}
-
ul#topnav li{
+
#menu li{
float: left;
float: left;
 +
width: 130px;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
}
}
-
ul#topnav li a{
+
#menu li a{
padding: 0;
padding: 0;
display: block;
display: block;
Line 126: Line 130:
text-decoration: none;
text-decoration: none;
}
}
-
 
-
ul#topnav li:hover{
 
-
background-position: left bottom;
 
-
}
 
-
 
-
ul#topnav a:hover{
 
-
background-position: left bottom;
 
-
}
 
-
 
-
/*Subnavigation*/
 
-
ul#topnav li ul{
 
-
float: left;
 
-
padding: 5px 0;
 
-
position: absolute;
 
-
left: -22px; top: 31px;
 
-
display: none; /*Default hidden*/
 
-
width: 975px;
 
-
background-image: url(https://static.igem.org/mediawiki/2011/6/69/UCalgary_SubNavRepeater.png);
 
-
background-repeat: repeat-x;
 
-
color: black;
 
-
list-style: none;
 
-
}
 
-
 
-
/*Establish sprites for each individual button*/
 
-
#homebutton a{
 
-
margin-left: 60px; /*to center the bar*/
 
-
background-image: url(https://static.igem.org/mediawiki/2011/2/21/UCalgary_ButtonHome.png);
 
-
width: 112px;
 
-
}
 
-
 
-
#teambutton a{
 
-
background-image: url(https://static.igem.org/mediawiki/2011/1/1e/UCalgary_ButtonTeam.png);
 
-
width: 103px;
 
-
}
 
-
 
-
#projectbutton a{
 
-
background-image: url(https://static.igem.org/mediawiki/2011/9/90/UCalgary_ButtonProject.png);
 
-
width: 118px;
 
-
}
 
-
 
-
#partsbutton a{
 
-
background-image: url(https://static.igem.org/mediawiki/2011/c/c5/UCalgary_ButtonParts.png);
 
-
width: 100px;
 
-
}
 
-
 
-
#notebookbutton a{
 
-
background-image: url(https://static.igem.org/mediawiki/2011/e/eb/UCalgary_ButtonNotebook.png);
 
-
width: 143px;
 
-
}
 
-
 
-
#outreachbutton a{
 
-
background-image: url(https://static.igem.org/mediawiki/2011/5/52/UCalgary_ButtonOutreach.png);
 
-
width: 140px;
 
-
}
 
-
 
-
#sponsorsbutton a{
 
-
background-image: url(https://static.igem.org/mediawiki/2011/b/b3/UCalgary_ButtonSponsors.png);
 
-
width: 138px;
 
-
}
 
-
 
-
/*Correction of subnavigation menu backgrounds*/
 
-
ul#topnav li#teambutton ul li a,
 
-
ul#topnav li#projectbutton ul li a,
 
-
ul#topnav li#partsbutton ul li a,
 
-
ul#topnav li#notebookbutton ul li a,
 
-
ul#topnav li#outreachbutton ul li a,
 
-
ul#topnav li#sponsorsbutton ul li a{
 
-
height: 35px;
 
-
background-image: none;
 
-
color: #3c3d3d;
 
-
font-family: Arial;
 
-
font-size: 1.1em;
 
-
font-weight: 300;
 
-
}
 
-
 
-
ul#topnav li ul li a{
 
-
display: inline; /*correction of previous link style*/
 
-
background-image: url(https://static.igem.org/mediawiki/2011/6/69/UCalgary_SubNavRepeater.png);
 
-
background-repeat: repeat-x;
 
-
padding-left: 12px;
 
-
padding-right: 12px;
 
-
}
 
-
 
-
/*Rollover settings*/
 
-
ul#topnav li:hover ul{
 
-
display: block;
 
-
z-index: 999;
 
-
}
 
-
 
-
ul#topnav li ul li a:hover{
 
-
text-decoration: underline;
 
-
}
 
-
 
-
/*Active state settings*/
 
-
#home li#homebutton a,
 
-
#team li#teambutton a,
 
-
#project li#projectbutton a,
 
-
#parts li#partsbutton a,
 
-
#notebook li#notebookbutton a,
 
-
#outreach li#outreachbutton a,
 
-
#sponsors li#sponsorsbutton a{
 
-
background-position: left bottom;
 
-
}
 
-
 
-
/*Active subnav showing*/
 
-
#team li#teambutton ul,
 
-
#project li#projectbutton ul,
 
-
#parts li#partsbutton ul,
 
-
#notebook li#notebookbutton ul,
 
-
#outreach li#outreachbutton ul,
 
-
#sponsors li#sponsorsbutton ul{
 
-
display: block;
 
-
}
 
-
 
-
/***End menu stuff. Onto the rest of the header!***/
 
-
 
-
#headbanner{
 
-
margin-left: -5px;
 
-
margin-top: -38px;
 
-
}
 
-
 
-
#fb-button{
 
-
position: absolute;
 
-
margin-left: 872px;
 
-
margin-top: -170px;
 
-
}
 
-
 
-
#twitter-button{
 
-
position: absolute;
 
-
margin-left: 898px;
 
-
margin-top: -170px;
 
-
}
 
-
 
-
#backhome{
 
-
color: #07304f;
 
-
font-family: Arial;
 
-
font-size: 1em;
 
-
position: absolute;
 
-
margin-left: 755px;
 
-
margin-top: -190px;
 
-
}
 
-
 
-
#backhome:hover{
 
-
text-decoration: none;
 
-
}
 
-
 
-
/*...Not much, was there.*/
 
Line 279: Line 136:
</head>
</head>
-
<body id="</html>{{{1}}}<html>">
+
<body>
-
 
+
-
<a href="https://2011.igem.org/Team:Calgary"><img id="headbanner" src="https://static.igem.org/mediawiki/2011/2/25/UCalgary_HeaderImage.png"></img></a>
+
-
<a href="https://www.facebook.com/pages/Calgary-iGEM/215971681759173"><img id="fb-button" src="https://static.igem.org/mediawiki/2011/d/d8/UCalgary_FacebookF.png"></img></a>
+
-
<a href="http://www.twitter.com/iGEMCalgary"><img id="twitter-button" src="https://static.igem.org/mediawiki/2011/4/4e/UCalgary_TwitterT.png"></img></a>
+
-
<a id="backhome" href="https://2011.igem.org"><img src="https://static.igem.org/mediawiki/2011/b/b3/UCalgary_IGEM_official_logo.png"></img></a>
+
-
 
+
<div id="headerbar">
<div id="headerbar">
-
<ul id="topnav">
+
<ul id="menu">
-
<li id="homebutton"><a class="navtext" href="https://2011.igem.org/Team:Calgary">Home</a></li>
+
<li><a href="https://2011.igem.org/Team:Calgary">Home</a></li>
-
<li id="teambutton">
+
<li><a href="https://2011.igem.org/Team:Calgary/Team">Team</a></li>
-
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Team">Team</a>
+
<li><a href="https://2011.igem.org/Team:Calgary/Project">Project</a></li>
-
<ul>
+
<li><a href="https://2011.igem.org/Team:Calgary/Parts">Parts</a></li>
-
<li><a href="https://2011.igem.org/Team:Calgary/Team/Biographies">Biographies</a> | </li>
+
<li><a href="https://2011.igem.org/Team:Calgary/Notebook">Notebook</a></li>
-
<li><a href="https://2011.igem.org/Team:Calgary/Team/Facilitators">Facilitators</a> | </li>
+
<li><a href="https://2011.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
-
<li><a href="#">The University</a> | </li>
+
</ul>
-
<li><a href="https://igem.org/Team.cgi?id=640">Official Profile</a> | </li>
+
-
</ul>
+
-
</li>
+
-
<li id="projectbutton">
+
-
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Project">Project</a>
+
-
<ul>
+
-
<li><a href="#">Overview</a> | </li>
+
-
<li><a href="#">Project Pseudomonas</a> | </li>
+
-
<li><a href="#">Project Electro</a> | </li>
+
-
<li><a href="#">Project Algae</a> | </li>
+
-
<li><a href="#">Software Tools</a> | </li>
+
-
<li><a href="#">Future Directions</a> | </li>
+
-
</ul>
+
-
</li>
+
-
<li id="partsbutton">
+
-
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Parts">Parts</a>
+
-
<ul>
+
-
<li><a href="#">Parts Submitted</a> | </li>
+
-
<li><a href="#">Characterization</a> | </li>
+
-
</ul>
+
-
</li>
+
-
<li id="notebookbutton">
+
-
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Notebook">Notebook</a>
+
-
<ul>
+
-
<li><a href="#">Calendar</a> | </li>
+
-
<li><a href="#">Protocols</a> | </li>
+
-
<li><a href="https://2011.igem.org/Team:Calgary/Safety">Safety</a> | </li>
+
-
</ul>
+
-
</li>
+
-
<li id="outreachbutton">
+
-
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Outreach">Outreach</a>
+
-
<ul>
+
-
<li><a href="#">Human Practices</a> | </li>
+
-
<li><a href="#">Conferences</a> | </li>
+
-
<li><a href="#">Forum</a> | </li>
+
-
<li><a href="#">Follow Us!</a> | </li>
+
-
</ul>
+
-
</li>
+
-
<li id="sponsorsbutton">
+
-
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Sponsors">Sponsors</a>
+
-
<ul>
+
-
<li><a href="#">Sponsors</a> | </li>
+
-
<li><a href="#">Acknowledgements</a> | </li>
+
-
</ul>
+
-
</li>
+
-
 
+
-
</ul>
+
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 05:50, 3 September 2011

Retrieved from "http://2011.igem.org/Template:HokkaidoU_Japan"