Team:Kyoto/Header
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
- | <div style=" | + | <div style="display:none;"> |
- | + | __NEWSECTIONLINK__ | |
<html> | <html> | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
<!-- | <!-- | ||
- | body{ | + | body |
- | background: | + | { |
+ | background: url(https://static.igem.org/mediawiki/2010/b/b9/KyotoDot.png) fixed center; | ||
+ | background-color: white; | ||
} | } | ||
- | + | #content | |
- | + | { | |
- | + | ||
- | #content{ | + | |
- | + | ||
- | + | ||
overflow-x: hidden; | overflow-x: hidden; | ||
+ | padding: 5px; | ||
} | } | ||
- | # | + | #bodyContent |
- | margin: | + | { |
+ | margin: -1.5em -5px -5px; | ||
} | } | ||
- | + | #footer-box | |
- | + | { | |
- | + | border-top: none; | |
- | + | ||
- | + | ||
} | } | ||
- | #last{ | + | h1.firstHeading |
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | /* Header ******************************************************************/ | ||
+ | #head | ||
+ | { | ||
+ | position: relative; | ||
+ | color: white; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/7/74/KyotoHome.png); | ||
+ | height: 300px; | ||
+ | } | ||
+ | #last | ||
+ | { | ||
position: absolute; | position: absolute; | ||
- | right: | + | right: 30px; |
bottom: 2.5em; | bottom: 2.5em; | ||
- | |||
} | } | ||
- | #menu{ | + | /* Header > Menu ******************************************************************/ |
+ | #menu | ||
+ | { | ||
position: absolute; | position: absolute; | ||
- | right: | + | right: 30px; |
- | bottom: 0em; | + | bottom: 0em;; |
} | } | ||
- | #menu | + | #menu div |
- | + | { | |
float: left; | float: left; | ||
- | + | margin: 0em 0em 0em 0.4em; | |
- | margin: 0em; | + | |
padding: 0.5em 1em; | padding: 0.5em 1em; | ||
+ | color: black; | ||
+ | background: #afb4db; | ||
} | } | ||
- | #menu | + | #menu a |
- | background: | + | { |
- | + | color: inherit; | |
+ | background: transparent; | ||
+ | text-decoration: none; | ||
} | } | ||
- | # | + | #menu .separator |
- | + | { | |
- | + | margin: 0em 0em 0em 0.4em; | |
- | width: | + | padding: 0.5em 0em; |
- | + | width: 2px; | |
- | + | background: #afb4db; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | #toc{ | + | /* Table of Contents ******************************************************************/ |
- | + | #toc | |
- | padding: | + | { |
+ | padding: 0p; | ||
border: none; | border: none; | ||
- | border-bottom: 3px solid # | + | border-bottom: 3px solid #465daa; |
border-spacing: 0px; | border-spacing: 0px; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
+ | background: white; | ||
font-size: 1em; | font-size: 1em; | ||
- | width: | + | width: 100%; |
} | } | ||
- | #toc | + | #toc td |
- | + | { | |
- | + | padding: 0px 30px; | |
- | color: | + | } |
+ | #toc a | ||
+ | { | ||
+ | color: black; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
- | #toc | + | #toc #toctitle, #toc .tocnumber, #toc li |
- | + | { | |
- | + | ||
- | + | ||
display: none; | display: none; | ||
} | } | ||
- | + | #toc ul | |
- | + | { | |
- | # | + | line-height: 2em; |
- | padding: | + | display: inline; |
+ | margin: 0em; | ||
+ | padding: 0em; | ||
} | } | ||
- | #body h2, #body h3, #body h4, #body h5{ | + | #toc li.toclevel-1 |
+ | { | ||
+ | display: inline; | ||
+ | margin: 0em 1em 0em 0em; | ||
+ | padding: 0em; | ||
+ | } | ||
+ | /* Main Body ******************************************************************/ | ||
+ | #body | ||
+ | { | ||
+ | padding: 1em 30px; | ||
+ | border-bottom: 3px solid #465daa; | ||
+ | } | ||
+ | #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 92: | Line 121: | ||
font-weight: normal; | font-weight: normal; | ||
} | } | ||
- | #body h2{ | + | #body h2 |
- | border-bottom: 2px solid # | + | { |
+ | border-bottom: 2px solid #ffdaa2; | ||
font-size: 1.5em; | font-size: 1.5em; | ||
} | } | ||
- | #body h3{ | + | #body h3 |
+ | { | ||
font-size: 1.3em; | font-size: 1.3em; | ||
- | background: # | + | background: #ffdaa2; |
} | } | ||
- | #body h4{ | + | #body h4 |
+ | { | ||
padding: 0.3em 10px 0.3em 5px; | padding: 0.3em 10px 0.3em 5px; | ||
font-size: 1em; | font-size: 1em; | ||
- | border-left: 5px solid # | + | border-left: 5px solid #ffdaa2; |
} | } | ||
- | #body .editsection{ | + | #body img |
+ | { | ||
+ | margin: 0.5em 0em; | ||
+ | } | ||
+ | #body .editsection | ||
+ | { | ||
font-size: small; | font-size: small; | ||
font-weight: normal; | font-weight: normal; | ||
} | } | ||
- | #body . | + | #body div.title |
- | font-size: | + | { |
+ | margin: 1em 0em 0.5em; | ||
+ | text-align: center; | ||
+ | font-size: 200%; | ||
+ | font-weight: bold; | ||
} | } | ||
- | /* List */ | + | #body div.subtitle |
- | #body ul{ | + | { |
+ | text-align: center; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | /* List ***********************************************************************/ | ||
+ | #body dt | ||
+ | { | ||
+ | font-weight: normal; | ||
+ | margin-bottom: -1.5em; | ||
+ | } | ||
+ | #body dd | ||
+ | { | ||
+ | position: relative; | ||
+ | left: 15em; | ||
+ | margin-right: 15em; | ||
+ | } | ||
+ | #body ul | ||
+ | { | ||
list-style-image: none; | list-style-image: none; | ||
list-style-type: disc; | list-style-type: disc; | ||
} | } | ||
- | /* Table */ | + | #body .by |
- | #body table{ | + | { |
+ | font-size: 80%; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | /* Table **********************************************************************/ | ||
+ | #body table | ||
+ | { | ||
margin: 0.5em 0em; | margin: 0.5em 0em; | ||
padding: 0em; | padding: 0em; | ||
Line 145: | Line 209: | ||
background: white !important; | background: white !important; | ||
} | } | ||
- | + | /* References **********************************************************************/ | |
+ | #body .reference h4 | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | /* Other **********************************************************************/ | ||
+ | #body hr | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
--> | --> | ||
</style> | </style> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | <!-- | ||
+ | $(document).ready(function() | ||
+ | { | ||
+ | /* menu script */ | ||
+ | $("#menu div:has(.selflink)") | ||
+ | .css({"color":"black", "background":"white"}) | ||
+ | }); | ||
+ | --> | ||
+ | </script> | ||
</head> | </head> | ||
</html> | </html> | ||
</div> | </div> | ||
<div id="head"> | <div id="head"> | ||
- | |||
<div id="last">LastModified: {{REVISIONYEAR}}-{{REVISIONMONTH}}-{{REVISIONDAY}}</div> | <div id="last">LastModified: {{REVISIONYEAR}}-{{REVISIONMONTH}}-{{REVISIONDAY}}</div> | ||
<div id="menu"> | <div id="menu"> | ||
- | [[Team:Kyoto|Home]] | + | <div>[[Team:Kyoto|Home]]</div> |
- | [[Team:Kyoto/Team|Team]] | + | <div>[[Team:Kyoto/Team|Team]]</div> |
- | [[Team:Kyoto/Project|Project]] | + | <div class="separator"><br /></div> |
- | [[Team:Kyoto/Parts|Parts]] | + | <div>[[Team:Kyoto/Project|Project]]</div> |
- | [[Team:Kyoto/HumanPractice|HumanPractice]] | + | <div>[[Team:Kyoto/Modeling|Modeling]]</div> |
- | [[Team:Kyoto/Safety|Safety]] | + | <div>[[Team:Kyoto/Parts|Parts]]</div> |
+ | <div class="separator"><br /></div> | ||
+ | <div>[[Team:Kyoto/Notebook|Notebook]]</div> | ||
+ | <div>[[Team:Kyoto/Protocols|Protocols]]</div> | ||
+ | <div>[[Team:Kyoto/LearnMore|LearnMore]]</div> | ||
+ | <div class="separator"><br /></div> | ||
+ | <div>[[Team:Kyoto/HumanPractice|HumanPractice]]</div> | ||
+ | <div>[[Team:Kyoto/Safety|Safety]]</div> | ||
</div> | </div> | ||
</div> | </div> | ||
- | |||
__TOC__ | __TOC__ | ||
- | |||
<div id="body"> | <div id="body"> | ||
</includeonly> | </includeonly> |