Template:HokkaidoU Japan
From 2010.igem.org
(Difference between revisions)
(273 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | __NOTOC__ | + | __NOTOC__ |
<html> | <html> | ||
<head> | <head> | ||
+ | <script type="text/javascript" src="http://igemsapporo.com/scripts/smoothscroll.js"></script> | ||
<style> | <style> | ||
- | + | body { | |
+ | height: 100%; | ||
+ | } | ||
+ | |||
#globalWrapper { | #globalWrapper { | ||
padding: 0px; | padding: 0px; | ||
+ | min-height: 100%; | ||
} | } | ||
Line 11: | Line 16: | ||
font-family: Verdana, sans-serif; | font-family: Verdana, sans-serif; | ||
width: 975px; | width: 975px; | ||
+ | min-height: 100%; | ||
padding: 0px; | padding: 0px; | ||
} | } | ||
Line 23: | Line 29: | ||
#bodyContent { | #bodyContent { | ||
- | background:url(https://static.igem.org/mediawiki/2010/ | + | background:url(https://static.igem.org/mediawiki/2010/2/29/HokkaidoU_Japan_bg.png); |
- | background- | + | background-color: #F0ECE0; |
+ | position: relative; | ||
+ | overflow: visible; | ||
+ | min-height: 100%; | ||
+ | height: auto !important; | ||
+ | height: 100%; | ||
} | } | ||
Line 31: | Line 42: | ||
margin-bottom:0px; | margin-bottom:0px; | ||
} | } | ||
+ | |||
+ | #footer-box { | ||
+ | background: url(https://static.igem.org/mediawiki/2010/e/ef/HokkaidoU_Japan_Footer_bg.png); | ||
+ | background-repeat: repeat-y; | ||
+ | } | ||
+ | |||
+ | #footer-box a{ | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | #f-copyrightico { | ||
+ | float: right; | ||
+ | margin-right: 5px; | ||
+ | } | ||
+ | |||
+ | #f-list { | ||
+ | text-align: center; | ||
+ | margin-left: 165px; | ||
+ | } | ||
+ | |||
+ | #f-list li { | ||
+ | margin-left: 10px; | ||
+ | margin-right: 0px; | ||
+ | } | ||
+ | |||
.firstHeading{ | .firstHeading{ | ||
Line 39: | Line 75: | ||
table { | table { | ||
background-color: #F0ECE0; | background-color: #F0ECE0; | ||
+ | border-spacing: 0px; | ||
+ | |||
} | } | ||
+ | #main ul { | ||
+ | list-style-image: url(http://igemsapporo.com/list.gif); | ||
+ | } | ||
+ | |||
+ | |||
+ | div.thumb { | ||
+ | background-color: #F0ECE0; | ||
+ | border-color: #F0ECE0; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | div.thumb div { | ||
+ | background-color: #F0ECE0; | ||
+ | } | ||
+ | |||
+ | div.tright { | ||
+ | border-width: 0px 0px 0.5em 1.4em; | ||
+ | border-color: #F0ECE0; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | div.tleft { | ||
+ | border-width: 0px 1.4em 0.5em 0px; | ||
+ | border-color: #F0ECE0; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | .editsection { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.thumb div.thumbinner { | ||
+ | border: 1px solid #52493e; | ||
+ | } | ||
+ | |||
+ | div.thumb div.thumbinner div.thumbcaption { | ||
+ | border: 1px solid #82796e; | ||
+ | margin-top: 3px; | ||
+ | } | ||
/*-----------------------------------ORIGINAL-----------------------------------*/ | /*-----------------------------------ORIGINAL-----------------------------------*/ | ||
html { | html { | ||
- | + | margin-bottom: 1px; | |
+ | height: 100%; | ||
} | } | ||
#main { | #main { | ||
width: 780px; | width: 780px; | ||
- | padding: | + | overflow: hidden; |
- | float: | + | padding-top: 0px; |
+ | padding-right: 12px; | ||
+ | padding-left: 12px; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | color: #330; | ||
+ | padding-bottom: 0px; | ||
+ | margin-bottom: 0px; | ||
} | } | ||
- | #bottom { | + | #main p { |
- | + | padding: 0px 0px 0px 10px; | |
- | height: | + | text-align: justify; |
- | + | text-justify: newspaper; | |
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #main h1 { | ||
+ | border-bottom: 1px solid #663; | ||
+ | margin-bottom:3px; | ||
+ | padding-left:3px; | ||
+ | } | ||
+ | |||
+ | #main h2 { | ||
+ | border: 0px; | ||
+ | margin-bottom: 3px; | ||
+ | padding-left:3px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #main hr { | ||
+ | background-color: #663; | ||
+ | height:2px; | ||
+ | } | ||
+ | |||
+ | #main a:link, #main a:visited { | ||
+ | color: #52493e; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | #main a:hover { | ||
+ | color: #837666; | ||
+ | text-decoration: none; | ||
} | } | ||
#menu { | #menu { | ||
- | width: | + | background: url(https://static.igem.org/mediawiki/2010/f/f1/HokkaidoU_Japan_menu_bg.png); |
+ | background-repeat: repeat-y; | ||
+ | width: 165x; | ||
+ | height: 100%; | ||
+ | float: left; | ||
+ | padding-bottom: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | #menu .menu_inner { | ||
+ | text-align: center; | ||
+ | width: 150px; | ||
margin-left: 15px; | margin-left: 15px; | ||
- | + | padding-bottom: 50px; | |
} | } | ||
#menu ul{ | #menu ul{ | ||
- | width: | + | width: 150px; |
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
Line 75: | Line 201: | ||
list-style: none; | list-style: none; | ||
text-align: center; | text-align: center; | ||
- | width: | + | width: 150px; |
- | + | ||
line-height: 1.5em; | line-height: 1.5em; | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
- | + | position:relative; | |
} | } | ||
#menu li a{ | #menu li a{ | ||
display: block; | display: block; | ||
- | color: # | + | color: #52493e; |
- | + | text-decoration: none; | |
} | } | ||
- | + | #menu li a:hover{ | |
- | text-decoration: | + | text-decoration: underline; |
- | + | ||
} | } | ||
+ | #menu .menu_title { | ||
+ | width: 149px; | ||
+ | background-color: #DDD7B0; | ||
+ | border-right: 1px solid #996; | ||
+ | border-bottom: 1px solid #996; | ||
+ | border-left: 15px solid #E3DEC0; | ||
+ | font-size: 20px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | |||
+ | .linkbar { | ||
+ | width:100%; | ||
+ | line-height:1.5em; | ||
+ | background-color:#DDD7B0; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | .prev { | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | .next { | ||
+ | float:right; | ||
+ | } | ||
+ | |||
+ | .protocol{ | ||
+ | border-collapse:collapse; | ||
+ | border-color:#996; | ||
+ | margin:10px 0px 10px 20px; | ||
+ | background-color:#E9E5CA; | ||
+ | } | ||
+ | |||
+ | .protocol td { | ||
+ | padding:3px 8px; | ||
+ | } | ||
+ | |||
+ | #acc{ | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | } | ||
+ | |||
+ | #acc > li{ | ||
+ | list-style:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #acc h2{ | ||
+ | text-decoration:underline; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | #acc h2:hover { | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #acc .acc-section { | ||
+ | overflow:hidden; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
+ | <div id="header"> | ||
<a href="https://2010.igem.org/Team:HokkaidoU_Japan"> | <a href="https://2010.igem.org/Team:HokkaidoU_Japan"> | ||
- | <img src="https://static.igem.org/mediawiki/2010/7/ | + | <img src="https://static.igem.org/mediawiki/2010/7/7b/HokkaidoU_Japan_header.png" alt="HokkaidoU_Japan"> |
</a> | </a> | ||
+ | </div><!--header--> | ||
</body> | </body> | ||
</html> | </html> | ||
+ | <div id="menu"> | ||
+ | <div class="menu_title"> | ||
+ | MENU | ||
+ | </div><!--menu_title--> | ||
+ | |||
+ | <div class="menu_inner"> | ||
+ | <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"> | ||
+ | Sponsors | ||
+ | </div><!--menu_title--> | ||
+ | <div class="menu_inner"> | ||
+ | <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> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </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"> |
Latest revision as of 17:04, 27 October 2010