Template:HokkaidoU Japan
From 2010.igem.org
(Difference between revisions)
Line 3: | Line 3: | ||
<head> | <head> | ||
<script type="text/javascript" src="http://igemsapporo.com/scripts/smoothscroll.js"></script> | <script type="text/javascript" src="http://igemsapporo.com/scripts/smoothscroll.js"></script> | ||
- | < | + | <style> |
+ | body { | ||
+ | height: 100%; | ||
+ | } | ||
+ | #globalWrapper { | ||
+ | padding: 0px; | ||
+ | min-height: 100%; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | font-family: Verdana, sans-serif; | ||
+ | width: 975px; | ||
+ | min-height: 100%; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | #contentSub { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #siteSub { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #bodyContent { | ||
+ | background:url(https://static.igem.org/mediawiki/2010/2/29/HokkaidoU_Japan_bg.png); | ||
+ | background-color: #F0ECE0; | ||
+ | position: relative; | ||
+ | overflow: visible; | ||
+ | min-height: 100%; | ||
+ | height: auto !important; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | #bodyContent p { | ||
+ | margin-top: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{ | ||
+ | padding: 0px; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | 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 { | ||
+ | } | ||
+ | |||
+ | |||
+ | div.thumb div.thumbinner { | ||
+ | border: 1px solid #52493e; | ||
+ | } | ||
+ | |||
+ | div.thumb div.thumbinner div.thumbcaption { | ||
+ | border: 1px solid #82796e; | ||
+ | margin-top: 3px; | ||
+ | } | ||
+ | |||
+ | /*-----------------------------------ORIGINAL-----------------------------------*/ | ||
+ | html { | ||
+ | margin-bottom: 1px; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | #main { | ||
+ | width: 780px; | ||
+ | overflow: hidden; | ||
+ | padding-top: 0px; | ||
+ | padding-right: 15px; | ||
+ | padding-left: 15px; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | color: #330; | ||
+ | padding-bottom: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | #main p { | ||
+ | padding: 0px; | ||
+ | text-align: justify; | ||
+ | text-justify: newspaper; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #main h1 { | ||
+ | border-bottom: 2px solid #663; | ||
+ | margin-bottom:3px; | ||
+ | } | ||
+ | |||
+ | #main h2 { | ||
+ | border: 0px; | ||
+ | margin-bottom: 3px; | ||
+ | } | ||
+ | |||
+ | #main hr { | ||
+ | border-color: 1px solid #663; | ||
+ | } | ||
+ | |||
+ | #main a:link, #main a:visited { | ||
+ | color: #52493e; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | #main a:hover { | ||
+ | color: #837666; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #menu { | ||
+ | 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; | ||
+ | padding-bottom: 50px; | ||
+ | } | ||
+ | |||
+ | #menu ul{ | ||
+ | width: 150px; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | |||
+ | #menu li{ | ||
+ | list-style: none; | ||
+ | text-align: center; | ||
+ | width: 150px; | ||
+ | line-height: 1.5em; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #menu li a{ | ||
+ | display: block; | ||
+ | color: #52493e; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #menu li a:hover{ | ||
+ | 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> | ||
</head> | </head> | ||
<body> | <body> | ||
Line 15: | Line 283: | ||
</html> | </html> | ||
<div id="menu"> | <div id="menu"> | ||
- | |||
<div class="menu_title"> | <div class="menu_title"> | ||
MENU | MENU | ||
Line 30: | Line 297: | ||
</ul> | </ul> | ||
</div><!--menu_inner--> | </div><!--menu_inner--> | ||
- | |||
<div class="menu_title"> | <div class="menu_title"> |
Revision as of 19:25, 26 October 2010