Template:Team:UNIK Copenhagen/Labbook

From 2014.igem.org

(Difference between revisions)
(Created page with "{{Team:UNIK Copenhagen/template}} <html> <style type="text/css"> #wrapper{ height: 1290px; } #indent_content{ margin: 30px; padding: 0px; width: 900px; } #all_content p, #al...")
 
(5 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:UNIK Copenhagen/template}}
+
{{Team:UNIK Copenhagen/template}}
-
 
+
<html>
<html>
 +
<style type="text/css">
<style type="text/css">
#wrapper{
#wrapper{
Line 15: Line 15:
}
}
#all_content{
#all_content{
-
font-family: "Helvetica";
+
font-family: "Courier New";
margin: 30px;
margin: 30px;
padding: 0px;
padding: 0px;
Line 21: Line 21:
width: 900px;
width: 900px;
height: 570px;
height: 570px;
-
background-color: #FBF8EF;
+
background-color: #173B0B;
-moz-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-border-radius: 8px;
Line 31: Line 31:
background-color: #FBF8EF;
background-color: #FBF8EF;
background-size: 50%;
background-size: 50%;
-
border: none;
+
border: 1px solid grey;
padding: 10px;
padding: 10px;
margin: 0px;
margin: 0px;
 +
text-align: justify;
}
}
.content img{
.content img{
Line 133: Line 134:
}
}
</style>
</style>
 +
 +
<script type="text/javascript">
<script type="text/javascript">
Line 144: Line 147:
</script>
</script>
-
<script type="text/javascript">
+
 
-
// Popup window code
+
-
function newPopup(url) {
+
-
popupWindow = window.open( url,'popUpWindow','height=700,width=800,left=30,top=20,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
+
-
}
+
-
</script>
+
Line 157: Line 155:
<div id="tabs">
<div id="tabs">
<div id="items">
<div id="items">
 +
<div id="content1" class="content">
 +
<div class="left_page">
 +
<p>Content1 (left)</p>
 +
</div>
 +
<div class="right_page">
 +
<p>Content1 (right).</p>
-
<div id="content1" class="content">
+
</div>
-
<div class="left_page">
+
</div>
-
Insert content (left).
+
-
</div>
+
-
<div class="right_page">
+
<div id="content2" class="content">
-
Insert content (right).
+
<div class="left_page">
-
</div>
+
<p>Content2 (left)</p>
-
</div>
+
</div>
 +
<div class="right_page">
 +
<p>Content2 (right)</p>
 +
</div>
 +
</div>
 +
<div id="content3" class="content">
 +
<div class="left_page">
 +
<p>Content3 (left)</p>
 +
</div>
 +
<div class="right_page">
 +
<p>Content3 (right)</p>
 +
</div>
 +
</div>
-
<div id="content2" class="content">
+
<div id="content4" class="content">
 +
<div class="left_page">
 +
<p>Content4 (left)</p>
 +
</div>
 +
<div class="right_page">
 +
<p>Content4 (right)</p>
 +
</div>
 +
</div>
-
<div class="left_page">
+
<div id="content5" class="content">
-
Insert content (left).
+
<div class="left_page">
-
</div>
+
<p>Content5 (left)</p>
 +
</div>
 +
<div class="right_page">
 +
<p>Content5 (right)</p>
 +
</div>
 +
</div>
-
<div class="right_page">
+
<div id="content6" class="content">
-
Insert content (right).
+
<div class="left_page">
-
</div>
+
<p>Content6 (left)</p>
-
</div>
+
</div>
 +
<div class="right_page">
 +
<p>Content6 (right)</p>
 +
</div>
 +
</div>
-
<div id="content3" class="content">
+
<div id="content7" class="content">
-
<div class="left_page">
+
<div class="left_page">
-
Insert content (left).
+
<p>Content7 (left)</p>
-
</div>
+
-
<div class="right_page">
+
</div>
-
Insert content (right).
+
<div class="right_page">
-
</div>
+
<p>Content7 (right)</p>
-
</div>
+
</div>
 +
</div>
-
<div id="content4" class="content">
+
<div id="content8" class="content">
-
<div class="left_page">
+
<div class="left_page">
-
Insert content (left).
+
<p>Content8 (left)</p>
-
</div>
+
</div>
 +
<div class="right_page">
 +
<p>Content8 (right)</p>
 +
</div>
 +
</div>
-
<div class="right_page">
+
<div id="content9" class="content">
-
Insert content (right).
+
<div class="left_page">
-
</div>
+
<p>Content9 (left)</p>
-
</div>
+
</div>
 +
<div class="right_page">
 +
<p>Content9 (right)</p>
 +
</div>
 +
</div>
 +
<div id="content10" class="content">
 +
<div class="left_page">
 +
<p>Content10 (left)</p>
 +
</div>
 +
<div class="right_page">
 +
<p>Content10 (right)</p>
 +
</div>
 +
</div>
-
<div id="content6" class="content">
 
-
<div class="left_page">
 
-
Insert content (left).
 
-
</div>
 
-
<div class="right_page">
 
-
Insert content (right).
 
</div>
</div>
</div>
</div>
-
<div id="content6" class="content">
 
-
<div class="left_page">
 
-
Insert content (left).
 
-
</div>
 
-
 
-
<div class="right_page">
 
-
Insert content (right).
 
-
</div>
 
-
</div>
 
-
 
-
 
-
<div id="content7" class="content">
 
-
<div class="left_page">
 
-
Insert content (left).
 
-
</div>
 
-
 
-
<div class="right_page">
 
-
Insert content (right).
 
-
</div>
 
-
</div>
 
-
 
-
 
-
<div id="content8" class="content">
 
-
<div class="left_page">
 
-
Insert content (left).
 
-
</div>
 
-
 
-
<div class="right_page">
 
-
Insert content (right).
 
-
</div>
 
-
</div>
 
-
 
-
 
-
<div id="content9" class="content">
 
-
<div class="left_page">
 
-
Insert content (left).
 
-
</div>
 
-
 
-
<div class="right_page">
 
-
Insert content (right).
 
-
</div>
 
-
</div>
 
-
 
-
 
-
 
-
<div id="content10" class="content">
 
-
<div class="left_page">
 
-
Insert content (left).
 
-
</div>
 
-
 
-
<div class="right_page">
 
-
Insert content (right).
 
-
</div>
 
-
</div>
 
-
 
-
 
-
</div>
 
<div id="items">
<div id="items">
-
<ul id="tabs">
+
<ul id="tabs">  
     <li><a href="javascript:ThisTab('tab1', 'content1');" id="tab1" class="active">1</a></li>   
     <li><a href="javascript:ThisTab('tab1', 'content1');" id="tab1" class="active">1</a></li>   
     <li><a href="javascript:ThisTab('tab2', 'content2');" id="tab2">2</a></li>   
     <li><a href="javascript:ThisTab('tab2', 'content2');" id="tab2">2</a></li>   
Line 281: Line 264:
     <li><a href="javascript:ThisTab('tab9', 'content9');" id="tab9">9</a></li>
     <li><a href="javascript:ThisTab('tab9', 'content9');" id="tab9">9</a></li>
     <li><a href="javascript:ThisTab('tab10', 'content10');" id="tab10">10</a></li>
     <li><a href="javascript:ThisTab('tab10', 'content10');" id="tab10">10</a></li>
 +
</ul>
</ul>
</div>
</div>

Latest revision as of 10:13, 31 July 2014




Content1 (left)

Content1 (right).

Content2 (left)

Content2 (right)

Content3 (left)

Content3 (right)

Content4 (left)

Content4 (right)

Content5 (left)

Content5 (right)

Content6 (left)

Content6 (right)

Content7 (left)

Content7 (right)

Content8 (left)

Content8 (right)

Content9 (left)

Content9 (right)

Content10 (left)

Content10 (right)