|
|
Line 1: |
Line 1: |
- | {{Tsinghua:Common-Style}}
| + | <html> |
- | {{Tsinghua:Navigation-Style}}
| + | <style type="text/css"> |
- | {{Tsinghua:Navigation-Script}}
| + | /* Styles for Wiki*/ |
- | <html><body> | + | #p-logo { |
- | <script type="text/javascript"> | + | height:0px; overflow:hidden; display: none; |
- | window.onload = start;
| + | } |
- | </script>
| + | #top-section { |
- | <div id="main">
| + | background-color: #444444; |
- | <div id="header">
| + | height: 20px; |
- | <div id="team-logo">
| + | border-width:0px; |
- | <img height="100%" src="https://static.igem.org/mediawiki/2013/b/b7/Tsinghua-logo.png"/>
| + | border-top-width:0px; |
- | </div>
| + | } |
- | <div id="title-box">
| + | #content { |
- | <div id="title-bar">
| + | width: 975px; |
- | <img height="100%" src="https://static.igem.org/mediawiki/2013/1/1d/Tsinghua-left-diamond.png"/>
| + | border-left-width:0px; |
- | <span id="page-title">Main Page</span>
| + | border-right-width:0px; |
- | <img height="100%" src="https://static.igem.org/mediawiki/2013/3/37/Tsinghua-right-diamond.png"/>
| + | padding:0px; |
- | </div>
| + | } |
- | </div>
| + | |
- | </div>
| + | |
- | <div id="lefter">
| + | #contentSub { |
- | <div id="left-three-box">
| + | display: none; |
- | <img src="https://static.igem.org/mediawiki/2013/9/92/Tsinghua-left-three-box.png" width="100%"/>
| + | } |
- | </div>
| + | |
- | <div id="menu">
| + | .firstHeading { |
- | <div class="menu-item">
| + | display: none; |
- | <span onclick="selectMenu(this.parentElement, 'Main Page')">Main Page</span>
| + | } |
- | </div>
| + | div#catlinks { |
- | <div class="menu-item">
| + | visibility: hidden; |
- | <span onclick="selectMenu(this.parentElement, 'Introduction')">Introduction</span>
| + | height: 0px; |
- | <div class="sub-menu">
| + | } |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Introduction - Background')">
| + | #searchInput |
- | Background
| + | { |
- | </div>
| + | position:relative; |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Introduction - Challenge')">
| + | height:0px; |
- | Challenge
| + | margin-bottom:0em; |
- | </div>
| + | visibility:hidden; |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Introduction - Our Idea')">
| + | } |
- | Our Idea
| + | input.searchButton |
- | </div>
| + | { |
- | </div>
| + | height:0px; |
- | </div>
| + | margin-bottom:0em; |
- | <div class="menu-item">
| + | visibility:hidden; |
- | <span onclick="selectMenu(this.parentElement, 'Project')">Project</span>
| + | } |
- | <div class="sub-menu">
| + | |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Overview')">
| + | div#bodyContent > p:first-child { |
- | Overview
| + | display:none; |
- | </div>
| + | } |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Part1: Sensor')">
| + | |
- | Part1: Sensor
| + | /* Styles for contents */ |
- | </div>
| + | body { |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Part2: Reporter')">
| + | font-family: "Arial", sans-serif; |
- | Part2: Reporter
| + | } |
- | </div>
| + | |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Part3: Switching System')">
| + | /* Normal text style */ |
- | Part3: Switching System
| + | .normal { |
- | </div>
| + | margin-left: auto; |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Product')">
| + | margin-right: auto; |
- | Product
| + | font-size: 14px; |
- | </div>
| + | text-align: justify; |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Project - Summary')">
| + | } |
- | Summary
| + | |
- | </div>
| + | .center { |
- | </div>
| + | text-align: center; |
- | </div>
| + | } |
- | <div class="menu-item">
| + | |
- | <span onclick="selectMenu(this.parentElement, 'Modelling')"><a href="Modeling.html">Modelling</a></span>
| + | img.center { |
- | </div>
| + | display:block; |
- | <div class="menu-item">
| + | margin-left: auto; |
- | <span onclick="selectMenu(this.parentElement, 'Outreach')">Outreach</span>
| + | margin-right: auto; |
- | <div class="sub-menu">
| + | } |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Outreach - Human practice')">
| + | |
- | Human practice
| + | table,td,th { |
- | </div>
| + | border-color: gray; |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Outreach - Safety')">
| + | } |
- | Safety
| + | |
- | </div>
| + | table.center { |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Outreach - Collaboration')">
| + | margin-left: auto; |
- | Collaboration
| + | margin-right: auto; |
- | </div>
| + | } |
- | </div>
| + | |
- | </div>
| + | .center td { |
- | <div class="menu-item">
| + | text-align: left; |
- | <span onclick="selectMenu(this.parentElement, 'Achievement')">Achievement</span>
| + | } |
- | <div class="sub-menu">
| + | |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Achievement - BioBricks')">
| + | td,th { |
- | BioBricks
| + | padding-left: 1em; |
- | </div>
| + | padding-right: 1em; |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Achievement - Judging Criteria')">
| + | } |
- | Judging Criteria
| + | |
- | </div>
| + | .math { |
- | </div>
| + | font-style: italic; |
- | </div>
| + | } |
- | <div class="menu-item">
| + | |
- | <span onclick="selectMenu(this.parentElement, 'Notebook')">Notebook</span>
| + | .legend { |
- | <div class="sub-menu">
| + | font-size: 14px; |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Notebook - Protocol')">
| + | font-weight: bold; |
- | Protocol
| + | text-align: center; |
- | </div>
| + | } |
- | <div class="sub-menu-item" onclick="selectSubMenu(this, 'Notebook - Lablog')">
| + | |
- | Lablog
| + | .figure { |
- | </div>
| + | |
- | </div>
| + | } |
- | </div>
| + | |
- | <div class="menu-item">
| + | h1.normal { |
- | <span onclick="selectMenu(this.parentElement, 'Team')">Team</span>
| + | font-size: 24px; |
- | </div>
| + | font-weight: bold; |
- | <div class="menu-item">
| + | text-align: center; |
- | <span onclick="selectMenu(this.parentElement, 'Acknowledgement')">Acknowledgement</span>
| + | } |
- | </div>
| + | |
- | </div>
| + | h2.normal { |
- | </div>
| + | font-size: 20px; |
- | <div id="mycontent">
| + | font-weight: bold; |
- | <div class="normal">
| + | margin-bottom: 5px; |
- | <p> </p>
| + | margin-top: 5px; |
- | </div>
| + | } |
- | </div>
| + | |
- | </div>
| + | h3.normal { |
- | </body></html>
| + | font-size: 16px; |
| + | font-weight: bold; |
| + | } |
| + | |
| + | table { |
| + | border-collapse: collapse; |
| + | } |
| + | </style> |
| + | </html> |