|
|
Line 1: |
Line 1: |
| + | {{Team:Sheffield/NavigationBar}} |
| + | |
| <html> | | <html> |
| <head> | | <head> |
| + | <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> |
| + | <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'> |
| <style> | | <style> |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/ | + | .headerImage { |
- | | + | |
- | #menubar.left-menu.noprint ul li:last-child {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | | + | |
- | #top-section {
| + | |
- | border: 0 none;
| + | |
- | height: 14px;
| + | |
- | z-index: 100;
| + | |
- | top: 0;
| + | |
- | position: fixed;
| + | |
- | width: 975px;
| + | |
- | left: 50%;
| + | |
- | margin-left: -487px;
| + | |
- | }
| + | |
- | | + | |
- | #globalWrapper, #content {
| + | |
- | position: fixed;
| + | |
- | top: 0;
| + | |
- | width: 100%;
| + | |
- | height: 100%;
| + | |
- | border: 0px;
| + | |
- | background-color: transparent;
| + | |
- | margin: 0px;
| + | |
- | padding: 0px;
| + | |
- | }
| + | |
- | | + | |
- | html, body, .wrapper {
| + | |
- | width: 100%;
| + | |
- | height: 100%;
| + | |
- | background-color: transparent;
| + | |
- | }
| + | |
- | | + | |
- | #pageContent, #bodyContent {
| + | |
- | position: fixed;
| + | |
- | width: 100%;
| + | |
- | height: 100%;
| + | |
- | top: 0;
| + | |
- | }
| + | |
- | | + | |
- | .pageContent {
| + | |
| position: fixed; | | position: fixed; |
| top: 0px; | | top: 0px; |
- | height: 100%;
| |
- | width: 100%;
| |
- | z-index: -1;
| |
- | overflow: scroll;
| |
- | }
| |
- |
| |
- | .headerImage {
| |
- | position: absolute;
| |
| width: 100%; | | width: 100%; |
| height: 200px; | | height: 200px; |
| overflow: hidden; | | overflow: hidden; |
| + | z-index: -1; |
| } | | } |
| | | |
| .headerImage img { | | .headerImage img { |
- | position: absolute;
| |
- | right: 0px;
| |
| width: 100%; | | width: 100%; |
- | z-index: -1;
| |
| } | | } |
| | | |
Line 82: |
Line 35: |
| } | | } |
| | | |
- | .pageData { | + | .sectionHeading { |
| + | cursor: pointer; |
| + | min-height: 50px; |
| width: 960px; | | width: 960px; |
| margin-left: auto; | | margin-left: auto; |
Line 89: |
Line 44: |
| } | | } |
| | | |
- | #inPageMenu, #inPageMenu ul { | + | .sectionContent { |
- | margin: 0 auto; | + | width: 960px; |
- | padding: 0; | + | margin-left: auto; |
| + | margin-right: auto; |
| + | padding: 10px 10px 10px 10px; |
| + | font-family: 'Lato', sans-serif; |
| + | font-size: 16px; |
| + | display:none; |
| } | | } |
| | | |
- | #inPageMenu { | + | h2 { |
- | display: table-row; | + | font-family: 'Oswald', sans-serif; |
- | list-style: none; | + | font-size: 30px; |
| + | border: none; |
| } | | } |
| | | |
- | #inPageMenu li { | + | h3 { |
- | display: table-cell; | + | font-weight: bold; |
- | min-width: 40px;
| + | font-size: 18px; |
- | float: left;
| + | |
- | text-align: center; | + | |
| } | | } |
| | | |
- | #inPageMenu li a { | + | .pageSection1 { |
- | display: block; | + | background-color: #FFFFFF; |
- | white-space: nowrap;
| + | |
- | color: white;
| + | |
- | color: #000000;
| + | |
| } | | } |
| | | |
- | #inPageMenu li a:hover { | + | .pageSection2 { |
- | color: #FBA917; | + | background-color: #EBEBEB; |
| } | | } |
| | | |
- | .pageData { | + | .mainPage { |
- | width: 960px; | + | background-color: white; |
- | margin-left: auto; | + | } |
- | margin-right: auto; | + | |
| + | .leftHalf { |
| + | float: left; |
| + | overflow: scroll; |
| + | height: 100%; |
| + | width: 50%; |
| + | background-color: rgb(255, 0, 0); |
| + | } |
| + | |
| + | .rightHalf { |
| + | float: right; |
| + | overflow: scroll; |
| + | height: 100%; |
| + | width: 50%; |
| + | background-color: rgb(0, 255, 0); |
| } | | } |
| </style> | | </style> |
| + | <script> |
| + | $(document).ready(function() { |
| + | $('.sectionHeading').click(function() { |
| + | $(this).next('.sectionContent').slideToggle(500); |
| + | }); |
| + | }); |
| + | </script> |
| </head> | | </head> |
| <body> | | <body> |
- | <div class="pageContent"> | + | <div class="headerImage"><img src="https://static.igem.org/mediawiki/2014/3/34/LabProtocols.jpg"></div> |
- | <div class="headerImage">
| + | <h1 class="pageTitle">Wet Lab Journal</h1> |
- | <img src="https://static.igem.org/mediawiki/2014/2/29/HeaderWetLab.JPG">
| + | <div class="gap5px"></div> |
| + | |
| + | <div class="mainPage"> |
| + | <div class="leftHalf"> |
| + | left |
| </div> | | </div> |
- | <h1 class="pageTitle">Wet Lab Journal</h1>
| + | <div class="rightHalf"> |
- | <div class="gap5px"></div> | + | right |
- | <div class="pageData">
| + | |
- | <ul id="inPageMenu"> | + | |
- | <li>Week: </li>
| + | |
- | <li><a href="#week1">1</a></li>
| + | |
- | <li><a href="#week2">2</a></li>
| + | |
- | <li><a href="#week3">3</a></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | <div class="pageSection1" id="week1">
| + | |
- | <div class="pageData">
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="pageSection2" id="week2">
| + | |
- | <div class="pageData">
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="pageSection1" id="week3">
| + | |
- | <div class="pageData">
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | some text here<br/>
| + | |
- | </div>
| + | |
| </div> | | </div> |
| </div> | | </div> |
| + | |
| </body> | | </body> |
| </html> | | </html> |
- |
| |
- | {{Team:Sheffield/NavigationBar}}
| |