Team:Sheffield/WetLabJournal

From 2014.igem.org

(Difference between revisions)
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}}
 

Revision as of 21:17, 7 October 2014

Wet Lab Journal

left
right