Template:HokkaidoU Japan

From 2011.igem.org

(Difference between revisions)
(Created page with "__NOTOC__ <html> <head> <style> body { height: 100%; } #globalWrapper { padding: 0px; min-height: 100%; } #content { font-family: Verdana, sans-serif; width: 975...")
Line 1: Line 1:
-
__NOTOC__
 
<html>
<html>
 +
<head>
<head>
<style>
<style>
-
body {
 
-
  height: 100%;
 
-
}
 
-
#globalWrapper {
+
h1, h2, h3, h4, h5, p, a{
-
  padding: 0px;
+
text-decoration: none;
-
  min-height: 100%;
+
border: 0;
 +
font-family: Arial;
}
}
-
#content {
+
#sidetext a, #sidetext p, #sidetext li a{
-
  font-family: Verdana, sans-serif;
+
color: white;
-
  width: 975px;
+
font-family: Arial;
-
  min-height: 100%;
+
-
  padding: 0px;
+
}
}
-
#contentSub {
 
-
  display: none;
 
-
}
 
-
#siteSub {
 
-
  display: none;
 
-
}
 
-
#bodyContent {
+
div#top-section{ /*the div containing the entire top bar*/
-
  background:url(https://static.igem.org/mediawiki/2010/2/29/HokkaidoU_Japan_bg.png);
+
height: 20px;
-
  background-color: #F0ECE0;
+
margin-left: auto;
-
  position: relative;
+
margin-right: auto;
-
  overflow: visible;
+
margin-bottom: 0px !important;
-
  min-height: 100%;
+
margin-top: -14px;
-
  height: auto !important;
+
padding:0px 0px 0px 0px;;
-
  height: 100%;
+
border: none;
 +
width: 100%;
 +
background: none;
 +
color: black;
 +
position:absolute;
}
}
-
#bodyContent p {
+
#p-logo { /*the header image*/
-
    margin-top:0px;
+
height:0px;
-
    margin-bottom:0px;
+
overflow:hidden;
 +
border:none;
}
}
-
#footer-box {
+
#content{
-
  background: url(https://static.igem.org/mediawiki/2010/e/ef/HokkaidoU_Japan_Footer_bg.png);
+
margin-top: 14px;
-
  background-repeat: repeat-y;
+
}
}
-
#footer-box a{
+
#search-controls {
-
  color: #fff;
+
overflow:hidden;
-
}
+
display:none;
 +
background: none;
 +
position: absolute;
 +
top: 170px;
 +
right: 40px;
 +
}  
-
#f-copyrightico {
 
-
  float: right;
 
-
  margin-right: 5px;
 
-
}
 
-
#f-list {
+
div#header {
-
  text-align: center;
+
width: 975px;
-
  margin-left: 165px;
+
text-align: left;
 +
margin-left: auto;
 +
margin-right: auto;
 +
margin-bottom: 0px !important;
 +
} 
 +
 
 +
#menubar {
 +
position: absolute;
 +
background: none;
 +
color: black;
}
}
-
#f-list li {
+
.left-menu, .right-menu{
-
  margin-left: 10px;
+
position: absolute;
-
  margin-right: 0px;
+
background: none;
 +
color: white;
}
}
-
 
+
.left-menu li, .right-menu li a {
-
.firstHeading{
+
color: transparent !important;
-
  padding: 0px;
+
-
  display: none;
+
}
}
-
table {
 
-
  background-color: #F0ECE0;
 
-
  border-spacing: 0px;
 
 +
.left-menu ul li, .right-menu ul li a{
 +
background: none;
 +
color: white;
}
}
-
#main ul {
+
.right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
-
  list-style-image: url(http://igemsapporo.com/list.gif);
+
    color: white !important;
}
}
-
div.thumb {
+
/***Now for our own stuff: personalized header images and navbar***/
-
  background-color: #F0ECE0;
+
-
  border-color: #F0ECE0;
+
-
  margin: 0px;
+
-
}
+
-
div.thumb div {
+
#headerbar{
-
  background-color: #F0ECE0;
+
margin-left: -5px;
}
}
-
div.tright {
+
/*div containing menu bar*/
-
  border-width: 0px 0px 0.5em 1.4em;
+
ul#topnav{
-
  border-color: #F0ECE0;
+
margin: 0; padding: 0;
-
  padding: 0px;
+
float: left;
 +
width: 975px;
 +
height: 35px;
 +
list-style: none;
 +
position: relative;
 +
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*/
}
}
-
div.tleft {
+
ul#topnav a.navtext{
-
  border-width: 0px 1.4em 0.5em 0px;
+
float: left;
-
  border-color: #F0ECE0;
+
display: block;
-
  padding: 0px;
+
height: 35px;
 +
text-indent: -99999px;
 +
background-position: left top;
}
}
-
.editsection {
+
ul#topnav li{
-
  display:none;
+
float: left;
 +
margin: 0;
 +
padding: 0;
}
}
-
 
+
ul#topnav li a{
-
div.thumb div.thumbinner {
+
padding: 0;
-
  border: 1px solid #52493e;
+
display: block;
 +
color: #f0f0f0;
 +
text-decoration: none;
}
}
-
div.thumb div.thumbinner div.thumbcaption {
+
ul#topnav li:hover{
-
  border: 1px solid #82796e;
+
background-position: left bottom;
-
  margin-top: 3px;
+
}
}
-
/*-----------------------------------ORIGINAL-----------------------------------*/
+
ul#topnav a:hover{
-
html {
+
background-position: left bottom;
-
  margin-bottom: 1px;
+
-
  height: 100%;
+
}
}
-
#main {
+
/*Subnavigation*/
-
  width: 780px;
+
ul#topnav li ul{
-
  overflow: hidden;
+
float: left;
-
  padding-top: 0px;
+
padding: 5px 0;
-
  padding-right: 12px;
+
position: absolute;
-
  padding-left: 12px;
+
left: -22px; top: 31px;
-
  float: left;
+
display: none; /*Default hidden*/
-
  position: relative;
+
width: 975px;
-
  color: #330;
+
background-image: url(https://static.igem.org/mediawiki/2011/6/69/UCalgary_SubNavRepeater.png);
-
  padding-bottom: 0px;
+
background-repeat: repeat-x;
-
  margin-bottom: 0px;
+
color: black;
 +
list-style: none;
}
}
-
#main p {
+
/*Establish sprites for each individual button*/
-
  padding: 0px 0px 0px 10px;
+
#homebutton a{
-
  text-align: justify;
+
margin-left: 60px; /*to center the bar*/
-
  text-justify: newspaper;
+
background-image: url(https://static.igem.org/mediawiki/2011/2/21/UCalgary_ButtonHome.png);
-
  position: relative;
+
width: 112px;
}
}
-
#main h1 {
+
#teambutton a{
-
  border-bottom: 1px solid #663;
+
background-image: url(https://static.igem.org/mediawiki/2011/1/1e/UCalgary_ButtonTeam.png);
-
  margin-bottom:3px;
+
width: 103px;
-
  padding-left:3px;
+
}
}
-
#main h2 {
+
#projectbutton a{
-
  border: 0px;
+
background-image: url(https://static.igem.org/mediawiki/2011/9/90/UCalgary_ButtonProject.png);
-
  margin-bottom: 3px;
+
width: 118px;
-
  padding-left:3px;
+
-
 
+
}
}
-
#main hr {
+
#partsbutton a{
-
  background-color: #663;
+
background-image: url(https://static.igem.org/mediawiki/2011/c/c5/UCalgary_ButtonParts.png);
-
  height:2px;
+
width: 100px;
}
}
-
#main a:link, #main a:visited {
+
#notebookbutton a{
-
  color: #52493e;
+
background-image: url(https://static.igem.org/mediawiki/2011/e/eb/UCalgary_ButtonNotebook.png);
-
  text-decoration: underline;
+
width: 143px;
}
}
-
#main a:hover {
+
#outreachbutton a{
-
  color: #837666;
+
background-image: url(https://static.igem.org/mediawiki/2011/5/52/UCalgary_ButtonOutreach.png);
-
  text-decoration: none;
+
width: 140px;
}
}
-
#menu {
+
#sponsorsbutton a{
-
  background: url(https://static.igem.org/mediawiki/2010/f/f1/HokkaidoU_Japan_menu_bg.png);
+
background-image: url(https://static.igem.org/mediawiki/2011/b/b3/UCalgary_ButtonSponsors.png);
-
  background-repeat: repeat-y;
+
width: 138px;
-
  width: 165x;
+
-
  height: 100%;
+
-
  float: left;
+
-
  padding-bottom: 0px;
+
-
  margin-bottom: 0px;
+
}
}
-
#menu .menu_inner {
+
/*Correction of subnavigation menu backgrounds*/
-
  text-align: center;
+
ul#topnav li#teambutton ul li a,
-
  width: 150px;
+
ul#topnav li#projectbutton ul li a,
-
  margin-left: 15px;
+
ul#topnav li#partsbutton ul li a,
-
  padding-bottom: 50px;
+
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;
}
}
-
#menu ul{
+
ul#topnav li ul li a{
-
  width: 150px;
+
display: inline; /*correction of previous link style*/
-
  margin: 0px;
+
background-image: url(https://static.igem.org/mediawiki/2011/6/69/UCalgary_SubNavRepeater.png);
-
  padding: 0px;
+
background-repeat: repeat-x;
-
  font-size: 20px;
+
padding-left: 12px;
 +
padding-right: 12px;
}
}
-
#menu li{
+
/*Rollover settings*/
-
  list-style: none;
+
ul#topnav li:hover ul{
-
  text-align: center;
+
display: block;
-
  width: 150px;
+
z-index: 999;
-
  line-height: 1.5em;
+
-
  margin: 0px;
+
-
  padding: 0px;
+
-
  position:relative;
+
}
}
-
#menu li a{
+
ul#topnav li ul li a:hover{
-
  display: block;
+
text-decoration: underline;
-
  color: #52493e;
+
-
  text-decoration: none;
+
}
}
-
#menu li a:hover{
+
/*Active state settings*/
-
  text-decoration: underline;
+
#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;
}
}
-
#menu .menu_title {
+
/*Active subnav showing*/
-
  width: 149px;
+
#team li#teambutton ul,
-
  background-color: #DDD7B0;
+
#project li#projectbutton ul,
-
  border-right: 1px solid #996;
+
#parts li#partsbutton ul,
-
  border-bottom: 1px solid #996;
+
#notebook li#notebookbutton ul,
-
  border-left: 15px solid #E3DEC0;
+
#outreach li#outreachbutton ul,
-
  font-size: 20px;
+
#sponsors li#sponsorsbutton ul{
-
  text-align: center;
+
display: block;
}
}
 +
/***End menu stuff. Onto the rest of the header!***/
-
.linkbar {
+
#headbanner{
-
  width:100%;
+
margin-left: -5px;
-
  line-height:1.5em;
+
margin-top: -38px;
-
  background-color:#DDD7B0;
+
-
  text-align:center;
+
}
}
-
.prev {
+
#fb-button{
-
  float:left;
+
position: absolute;
 +
margin-left: 872px;
 +
margin-top: -170px;
}
}
-
.next {
+
#twitter-button{
-
  float:right;
+
position: absolute;
 +
margin-left: 898px;
 +
margin-top: -170px;
}
}
-
.protocol{
+
#backhome{
-
  border-collapse:collapse;
+
color: #07304f;
-
  border-color:#996;
+
font-family: Arial;
-
  margin:10px 0px 10px 20px;
+
font-size: 1em;
-
  background-color:#E9E5CA;
+
position: absolute;
 +
margin-left: 755px;
 +
margin-top: -190px;
}
}
-
.protocol td {
+
#backhome:hover{
-
  padding:3px 8px;
+
text-decoration: none;
-
}
+
}
-
#acc{
+
/*...Not much, was there.*/
-
  margin:0px;
+
-
  padding:0px;
+
-
}
+
-
#acc > li{
 
-
  list-style:none;
 
-
}
 
 +
</style>
-
#acc h2{
 
-
  text-decoration:underline;
 
-
  cursor:pointer;
 
-
}
 
-
 
-
#acc h2:hover {
 
-
  text-decoration:none;
 
-
}
 
-
 
-
#acc .acc-section {
 
-
  overflow:hidden;
 
-
}
 
-
</style>
 
</head>
</head>
-
<body>
 
-
<div id="header">
 
-
<a href="https://2010.igem.org/Team:HokkaidoU_Japan">
 
-
<img src="https://static.igem.org/mediawiki/2010/7/7b/HokkaidoU_Japan_header.png" alt="HokkaidoU_Japan">
 
-
</a>
 
-
</div><!--header-->
 
-
</body>
 
-
</html>
 
-
<div id="menu">
 
-
<div class="menu_title">
 
-
MENU
 
-
</div><!--menu_title-->
 
-
<div class="menu_inner">
+
<body id="</html>{{{1}}}<html>">
-
<ul>
+
-
<li>[[Team:HokkaidoU_Japan|Home]]</li>
+
-
<li>[[Team:HokkaidoU_Japan/Projects|Projects]]</li>
+
-
<li>[[Team:HokkaidoU_Japan/Team|Team]]</li>
+
-
<li>[[Team:HokkaidoU_Japan/Notebook|Notebook]]</li>
+
-
<li>[[Team:HokkaidoU_Japan/Protocols|Protocols]]</li>
+
-
<li>[[Team:HokkaidoU_Japan/Parts|Parts]]</li>
+
-
<li>[[Team:HokkaidoU_Japan/Safety|Safety]]</li>
+
-
</ul>
+
-
</div><!--menu_inner-->
+
-
<div class="menu_title">
+
<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>
-
Sponsors
+
<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>
-
</div><!--menu_title-->
+
<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>
-
<div class="menu_inner">
+
<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>
-
<html>
+
-
<a href="http://www.hokudai.ac.jp/" target="_blank"><img src="https://static.igem.org/mediawiki/2010/f/f1/HokkaidoU_Japan_hokudailogo.png" style="margin-top: 5px;" alt="Hokkaido University"></a><br>
+
-
<a href="http://www.aminoup.co.jp/e/index.php" target="_blank"><img src="https://static.igem.org/mediawiki/2010/0/0f/HokkaidoU_Japan_auc_logo.png" style="margin-top: 5px;" alt="Amino Up Chemical"></a><br>
+
-
<a href="http://www.econixe.co.jp/" target="_blank"><img src="https://static.igem.org/mediawiki/2010/6/66/HokkaidoU_Japan_econixe.png"  style="margin-top: 5px;" alt="ECONIXE"></a><br>
+
-
<a href="http://www.cosmobio.co.jp/" target="_blank"><img src="
+
-
https://static.igem.org/mediawiki/2010/8/86/HokkaidoU_Japan_cosmobio.png"  style="margin-top: 5px;" alt="Cosmo Bio"></a><br>
+
-
<a href="http://mendel-science.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2010/9/90/HokkaidoU_Japan_mendel.png"  style="margin-top: 5px;" alt="Mendel Workshop"></a><br>
+
 +
<div id="headerbar">
 +
<ul id="topnav">
 +
<li id="homebutton"><a class="navtext" href="https://2011.igem.org/Team:Calgary">Home</a></li>
 +
<li id="teambutton">
 +
<a class="navtext" href="https://2011.igem.org/Team:Calgary/Team">Team</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:Calgary/Team/Biographies">Biographies</a> | </li>
 +
<li><a href="https://2011.igem.org/Team:Calgary/Team/Facilitators">Facilitators</a> | </li>
 +
<li><a href="#">The University</a> | </li>
 +
<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>
 +
</body>
</html>
</html>
-
</div><!--menu_inner-->
 
-
 
-
<div class="menu_title">
 
-
Visitors
 
-
</div><!--menu_title-->
 
-
<div class="menu_inner">
 
-
<html>
 
-
<a href="http://www3.clustrmaps.com/counter/maps.php?url=https://2010.igem.org/Team:HokkaidoU_Japan" target="_blank"><img src="http://www3.clustrmaps.com/counter/index2.php?url=https://2010.igem.org/Team:HokkaidoU_Japan" alt="Locations of visitors to this page" width="140px" height="95px" style="margin-top: 5px;">
 
-
</a><br>
 
-
since 13 Jul 2010<br><br>
 
-
<a href="http://s07.flagcounter.com/more/u0hh"><img src="http://s07.flagcounter.com/count/u0hh/bg=D7D0A1/txt=000000/border=696969/columns=1/maxflags=12/viewers=0/labels=1/pageviews=1/" alt="flag counter" border="0"></a><br>
 
-
since 1 Aug 2010
 
-
</html>
 
-
</div><!--menu_inner-->
 
-
</div><!--menu-->
 
-
 
-
<div id="main">
 

Revision as of 05:15, 3 September 2011

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