Team:Kyoto/Header
From 2010.igem.org
(Difference between revisions)
(133 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<div style="display:none;"> | <div style="display:none;"> | ||
- | |||
<html> | <html> | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
<!-- | <!-- | ||
- | body | + | body{ |
- | { | + | background: white url(/wiki/images/b/b9/KyotoDot.png) fixed center; |
- | background: url( | + | line-height: 150%; |
- | + | padding-bottom: 1000px; | |
} | } | ||
- | + | h1.firstHeading, hr, #contentSub{ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | h1.firstHeading | + | |
- | { | + | |
display: none; | display: none; | ||
} | } | ||
- | + | /* Header */ | |
- | + | #head{ | |
- | + | ||
- | + | ||
- | /* Header | + | |
- | #head | + | |
- | { | + | |
position: relative; | position: relative; | ||
- | + | margin: 0em -5px -5px; | |
- | + | ||
- | + | ||
} | } | ||
- | #last | + | #last{ |
- | { | + | |
position: absolute; | position: absolute; | ||
- | right: | + | right: 1em; |
bottom: 2.5em; | bottom: 2.5em; | ||
+ | color: #ffffff; | ||
} | } | ||
- | + | #menu{ | |
- | #menu | + | |
- | { | + | |
position: absolute; | position: absolute; | ||
- | right: | + | right: 1em; |
- | bottom: 0em | + | bottom: 0em; |
} | } | ||
- | #menu | + | #menu a, #menu strong.selflink{ |
- | { | + | display: block; |
float: left; | float: left; | ||
- | margin: 0em | + | color: #ffffff; |
- | padding: 0.5em | + | margin: 0em; |
- | + | padding: 0.5em 0.6em; | |
- | + | font-size: 95%; | |
} | } | ||
- | #menu | + | #menu strong.selflink{ |
- | { | + | background: #ffffff; |
- | + | color: #000000; | |
- | background: | + | |
- | + | ||
} | } | ||
- | + | #logo{ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | #logo | + | |
- | { | + | |
position: absolute; | position: absolute; | ||
- | + | right: 5px; | |
- | + | top: 5px; | |
- | z-index: | + | z-index: 100; |
} | } | ||
- | #toc | + | #toc{ |
- | { | + | background: transparent; |
+ | margin: 5px -5px 0px; | ||
border: none; | border: none; | ||
- | border- | + | border-bottom: 3px solid #2f509f; |
border-spacing: 0px; | border-spacing: 0px; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
font-size: 1em; | font-size: 1em; | ||
- | width:975px | + | width: 975px; |
- | + | ||
} | } | ||
- | #toc | + | #toc *, .toc *, #toc ul ul{ |
- | { | + | display: inline; |
- | + | line-height: 2em; | |
- | + | color: #000000; | |
- | + | ||
- | + | ||
- | color: | + | |
text-decoration: none; | text-decoration: none; | ||
+ | margin: 0em; | ||
+ | padding: 0em; | ||
} | } | ||
- | #toc #toctitle, #toc .tocnumber, #toc li | + | #toc div#toctitle, #toc span.tocnumber, #toc li.toclevel-1 a{ |
- | { | + | |
display: none; | display: none; | ||
} | } | ||
- | #toc | + | #toc li.toclevel-2 a{ |
- | + | ||
- | + | ||
display: inline; | display: inline; | ||
- | + | padding: 0.5em 0em 0.5em 1em; | |
- | padding: 0em; | + | |
} | } | ||
- | #toc li.toclevel- | + | #toc li.toclevel-3 a{ |
- | { | + | display: none; |
- | display: | + | |
- | + | ||
- | + | ||
} | } | ||
- | /* | + | /* Body */ |
- | #body | + | #body{ |
- | { | + | padding: 0px 10px; |
- | + | ||
- | + | ||
- | padding: | + | |
} | } | ||
- | #body h2, #body h3, #body h4, #body h5 | + | /* Heading */ |
- | { | + | #body h2, #body h3, #body h4, #body h5{ |
margin: 1em 0em 0.5em; | margin: 1em 0em 0.5em; | ||
padding: 0.3em 10px; | padding: 0.3em 10px; | ||
Line 140: | Line 86: | ||
font-weight: normal; | font-weight: normal; | ||
} | } | ||
- | #body h2 | + | #body h2{ |
- | { | + | font-size: 1.8em; |
- | border-bottom: | + | border-top: 5px solid #fddea5; |
+ | border-bottom: 5px solid #fddea5; | ||
+ | } | ||
+ | #body h3{ | ||
font-size: 1.5em; | font-size: 1.5em; | ||
+ | border-right: 1px solid #aaa; | ||
+ | border-bottom: 1px solid #aaa; | ||
+ | background: #fddea5; | ||
} | } | ||
- | #body | + | #body h4{ |
- | { | + | |
font-size: 1.3em; | font-size: 1.3em; | ||
- | + | border-bottom: 3px solid #fddea5; | |
} | } | ||
- | #body | + | #body h5{ |
- | { | + | |
- | + | ||
font-size: 1em; | font-size: 1em; | ||
- | + | font-weight: bold; | |
+ | padding: 0em; | ||
+ | margin: 1em 0em 0em; | ||
} | } | ||
- | + | #body .editsection{ | |
- | + | ||
- | + | ||
- | + | ||
- | #body .editsection | + | |
- | { | + | |
font-size: small; | font-size: small; | ||
font-weight: normal; | font-weight: normal; | ||
} | } | ||
- | #body | + | #body .by{ |
- | { | + | font-size: 80%; |
- | + | ||
- | + | ||
- | font-size: | + | |
- | + | ||
} | } | ||
- | #body div. | + | /* Image */ |
- | { | + | #body div.thumbright div.thumbinner{ |
- | + | width: auto !important; | |
- | + | } | |
+ | #body div.thumbright a.image{ | ||
+ | display: block; | ||
+ | float: left; | ||
} | } | ||
- | /* List | + | /* List */ |
- | #body dt | + | #body dt{ |
- | { | + | |
font-weight: normal; | font-weight: normal; | ||
- | margin | + | margin: 0em 0em -1.5em; |
} | } | ||
- | #body dd | + | #body dd{ |
- | { | + | |
position: relative; | position: relative; | ||
- | left: | + | left: 20em; |
- | + | ||
} | } | ||
- | #body ul | + | #body ul{ |
- | { | + | |
list-style-image: none; | list-style-image: none; | ||
list-style-type: disc; | list-style-type: disc; | ||
} | } | ||
- | + | /* Table */ | |
- | + | #body table{ | |
- | + | ||
- | + | ||
- | + | ||
- | /* Table | + | |
- | #body table | + | |
- | { | + | |
margin: 0.5em 0em; | margin: 0.5em 0em; | ||
padding: 0em; | padding: 0em; | ||
Line 208: | Line 143: | ||
width: 100%; | width: 100%; | ||
} | } | ||
- | #body td, #body th | + | #body caption{ |
- | { | + | font-size: 120%; |
+ | } | ||
+ | #body td, #body th{ | ||
margin: 0em; | margin: 0em; | ||
- | padding: 0. | + | padding: 0.3em 0.5em !important; |
text-align: center; | text-align: center; | ||
border: 1px solid gray; | border: 1px solid gray; | ||
} | } | ||
- | #body table.electrophoresis | + | #body table.electrophoresis{ |
- | { | + | |
width: 600px; | width: 600px; | ||
} | } | ||
- | #body # | + | #body table.materials{ |
- | { | + | border: none; |
+ | border-bottom: 1px solid gray; | ||
+ | } | ||
+ | #body table.materials th{ | ||
+ | white-space: nowrap; | ||
+ | border-left: none; | ||
+ | border-right: none; | ||
+ | } | ||
+ | #body table.materials td{ | ||
+ | border: none; | ||
+ | padding: 0.4em 0.5em !important; | ||
+ | text-align: left; | ||
+ | line-height: 120%; | ||
+ | } | ||
+ | #body table.list{ | ||
+ | border: none; | ||
+ | } | ||
+ | #body table.list th{ | ||
+ | border: none; | ||
+ | text-align: left; | ||
+ | vertical-align: top; | ||
+ | font-weight: normal; | ||
+ | width: 10em; | ||
+ | } | ||
+ | #body table.list td{ | ||
+ | border: none; | ||
+ | text-align: left; | ||
+ | } | ||
+ | #body table.small{ | ||
+ | width: 450px; | ||
+ | float: left; | ||
+ | margin: 0px 10px; | ||
+ | } | ||
+ | #body table.small{ | ||
+ | padding: 0.1em 0.3em !important; | ||
+ | } | ||
+ | #body #groupparts{ | ||
width: 100% !important; | width: 100% !important; | ||
} | } | ||
- | #body #groupparts * | + | #body #groupparts *{ |
- | { | + | |
font: 100% sans-serif !important; | font: 100% sans-serif !important; | ||
background: white !important; | background: white !important; | ||
} | } | ||
- | /* | + | /* Title */ |
- | #body . | + | #body span.title{ |
- | { | + | font-size: 120%; |
- | + | ||
} | } | ||
- | /* Other | + | /* Other */ |
- | #body | + | #body p{ |
- | { | + | margin-bottom: 1em; |
- | + | ||
} | } | ||
--> | --> | ||
</style> | </style> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</head> | </head> | ||
</html> | </html> | ||
- | |||
- | |||
- | |||
</div> | </div> | ||
<div id="head"> | <div id="head"> | ||
+ | <div><html><a href="https://2010.igem.org/Team:Kyoto"><img src="/wiki/images/7/74/KyotoHome.png" /></a></html></div> | ||
<div id="last">LastModified: {{REVISIONYEAR}}-{{REVISIONMONTH}}-{{REVISIONDAY}}</div> | <div id="last">LastModified: {{REVISIONYEAR}}-{{REVISIONMONTH}}-{{REVISIONDAY}}</div> | ||
<div id="menu"> | <div id="menu"> | ||
- | + | [[Team:Kyoto/Project|Project]] | |
- | + | [[Team:Kyoto/Parts|Parts]] | |
- | + | [[Team:Kyoto/Modeling|Modeling]] | |
- | + | [[Team:Kyoto/Notebook|Notebook]] | |
- | + | [[Team:Kyoto/HumanPractice|HumanPractice]] | |
- | + | [[Team:Kyoto/Safety|Safety]] | |
- | + | [[Team:Kyoto/Team|Team]] | |
- | + | [[Team:Kyoto/Criteria|Criteria]] | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
+ | <div id="logo"><html><a href="https://2010.igem.org/Team:Kyoto"><img src="/wiki/images/thumb/5/59/KyotoLogoLysisbox.png/150px-KyotoLogoLysisbox.png" /></a></html></div> | ||
</div> | </div> | ||
- | + | __TOC____NEWSECTIONLINK__ | |
- | + | ||
- | + | ||
- | + | ||
<div id="body"> | <div id="body"> | ||
</includeonly> | </includeonly> |