Team:Uppsala/templateTest

From 2014.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 5: Line 5:
<link rel="stylesheet" type="text/css" href="style.css"> <!-- Link that works localy, does NOT work in mediawiki -->
<link rel="stylesheet" type="text/css" href="style.css"> <!-- Link that works localy, does NOT work in mediawiki -->
-
<link href="https://2014.igem.org/Team:Uppsala/stylesheet.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
 
-
</head>
 
-
<body>
 
 +
<link href="https://2014.igem.org/Team:Uppsala/sponsors.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> <!-- STYLESHEET THAT CONTAINS THE CSS SPONSORS, MUST BE INCLUDED!!! -->
 +
<link href="https://2014.igem.org/Team:Uppsala/css_reset.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> <!-- STYLESHEET THAT CONTAINS THE CSS RESET, MUST BE INCLUDED!!! -->
-
<div id="master">
+
<link href="https://2014.igem.org/Team:Uppsala/mediawiki_remove.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> <!-- STYLESHEET THAT CONTAINS THE MEDIAWIKI REMOVAL, MUST BE INCLUDED!!! -->
-
<div id="navbar"> <!-- Contains the navbar, NOT side borders! -->
+
<link href="https://2014.igem.org/Team:Uppsala/stylesheet.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> <!-- STYLESHEET THAT CONTAINS THE MAINCONTENT SECTION AND GENERAL STYLES, MUST BE INCLUDED!!! -->
-
<nav>
+
<link href="https://2014.igem.org/Team:Uppsala/navbar.css?action=raw&ctype=text/css" type="text/css"  
-
<ul>
+
rel="stylesheet"> <!-- STYLESHEET THAT CONTAINS THE NAVBAR CSS, MUST BE INCLUDED!!! -->
-
<li><a href="#">Home</a></li>
+
-
<li><a href="#">Project</a>
+
-
<ul>
+
-
<li><a href="#"><pre>Chassi        >>></pre></a>
+
-
<ul>
+
-
<li><a href="#">Chassi</a></li>
+
-
<li><a href="#">Chassi</a></li>
+
-
<li><a href="#">Chassi</a></li>
+
-
<li><a href="#">Chassi</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Metabolic engineering</a></li>
+
<link href="https://2014.igem.org/Team:Uppsala/style/collapse.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> <!-- STYLESHEET FOR COLLAPSE EFFECTS ONLY!!! -->
-
<li><a href="#">Miraculin</a></li>
+
-
<li><a href="#">Chromoproteins</a></li>
+
-
<li><a href="#">Safety experiment</a></li>
+
-
<li><a href="#">Results</a></li>
+
-
</ul>
+
-
+
-
</li>
+
-
<li><a href="#">Modelling</a>
+
-
<ul>
+
-
<li><a href="#">Kinetic model</a></li>
+
-
<li><a href="#">Modeling tutorial</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Parts</a></li>
+
-
<li><a href="#">Team</a>
 
-
<ul>
 
-
<li><a href="#">Resveratrol group</a></li>
 
-
<li><a href="#">Carotenoid group</a></li>
 
-
<li><a href="#">Chassi group</a></li>
 
-
<li><a href="#">Advisors</a></li>
 
-
</ul>
 
-
</li>
 
-
<li><a href="#">Human practice</a>
 
-
<ul>
 
-
<li><a href="#">Yoghurt</a></li>
 
-
<li><a href="#">SynBioDay</a></li>
 
-
<li><a href="#">Biosafety and ethics</a></li>
 
-
<li><a href="#">Public opinion</a></li>
 
-
<li><a href="#">High school and media</a></li>
 
-
<li><a href="#">Bioart</a></li>
 
-
<li><a href="#">A LactoWorld</a></li>
 
-
<li><a href="#">Killswtiches</a></li>
 
-
<li><a href="#">Patent</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a href="#">Attribution</a></li>
 
-
 
-
<li><a href="#">Notebook</a>
 
-
<ul>
 
-
<li><a href="#">Safety form</a></li>
 
-
<li><a href="#">Protocols</a></li>
 
-
</ul>
 
-
</li>
 
-
</ul>
 
-
</nav>
 
-
</div> <!-- Ends navbar -->
 
 +
<script src="https://2014.igem.org/Team:Uppsala/jscript/collapse.js?action=raw&ctype=text/javascript" type="text/javascript"></script> <!-- SCRIPT FOR COLLAPSE EFFECTS ONLY!!! -->
-
<div id="main_frame_upper"> <!-- Master div that contains all other header divs (upper section), should store background image etc. -->
 
-
<div id="header"> <!-- Header that contains all elements in the header -->  
+
</head>
-
<div id="left_content_header"> <!-- Store x on the left side of header -->
 
-
<img class="logo" src="https://static.igem.org/mediawiki/2013/e/e0/Uppsala2013_IGEMlogo.png">
+
<div id="master"> <!-- Master div that contains all other divs except footer -->
-
</div> <!-- Ends left_content_header -->
+
<!-- Media wiki template for the whole header section, templates needs to be placed outside <html> tags  -->
-
<div id="right_content_header"> <!-- Store x on the right side of header -->
+
</html>
-
+
{{:Team:Uppsala/Templates/Header}}
-
</div> <!-- Ends right_content_header -->
+
-
</div> <!-- Ends main_header -->
+
<html>
-
<div id="border">
+
<div id="main_frame_lower"> <!-- Master div that contains all other main_frame divs (lower section), should store background image -->
-
</div>
+
<div id="main_content"> <!-- Contains all elements on the content sektion: 3 (check photos) and the tracking system (6,7,9) -->
-
</div> <!-- Ends main_frame_upper -->
+
<div id="title">   <!-- Subheader -->
-
<div id="main_frame_lower"> <!-- Master div that contains all other main_frame divs (lower section), should store background image -->
+
<h1>Project</h1>
 +
           
 +
</div> <!-- Ends subheader -->
-
+
            <div id="tracking_system"> <!-- Masterdiv for the tracking system, all other elements for tracking should be put here! -->
 +
                       
 +
            <h2>TRACKING</h2>
 +
 +
            </div>   <!-- Ends tracking_system -->
 +
                   
 +
            <div class="panel">        <!-- This div and class contains the collapse effect -->
 +
 
 +
  <h2>Read more</h2>
 +
 
 +
  <div class="panelcontent">  <!-- Everything put inside this div will be hidden inside a collapse effect! -->
 +
 +
<p class="test-float">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
 +
<p class="test-float-right">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
 
 +
  </div> <!-- Ends the hidden effect div -->
 +
 +
</div>   <!-- Ends the collapse effect div -->
 +
 
 +
<!-- Content for the page should be put here, 3 on the picture (Mainpage) -->
 +
<div>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
</div>
 +
 
 +
                     
 +
 
 +
</div> <!-- Ends main_content -->
 +
</div> <!-- Ends main_frame_lower -->
</div> <!-- Ends main_frame_lower -->
-
</div>
+
</div>
 +
 
 +
<div id="custom_footer"> <!-- Contains footer and spons elements -->
 +
 
 +
<table class="sponsorTable">
 +
<tr class="sponsors">
 +
<td class="centerThis"><a href="http://www.clcbio.com/"><img class="sponsors" src="https://static.igem.org/mediawiki/2013/a/a4/Uppsala_Clc.png"></a></td>
 +
<td><a href="http://www.teknat.uu.se/"><img class="sponsors" src="https://static.igem.org/mediawiki/2013/5/55/Uppsala_TekNat.png"></a></td>
 +
<td><a href="http://www.analytik-jena.de/"><img class="sponsors" src="https://static.igem.org/mediawiki/2013/1/14/Uppsala_Analytik_Jena.png"></a></td>
 +
<td><a href="http://www.uu.se/"><img class="sponsors" src="https://static.igem.org/mediawiki/2013/6/69/Uppsala_UU_logo.png"></a></td>
 +
</tr>
 +
</table>
 +
 
 +
</div> <!-- Ends footer -->
 +
 
-
</body>
 
</html>
</html>

Latest revision as of 09:21, 23 June 2014

Project

TRACKING

Read more

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Retrieved from "http://2014.igem.org/Team:Uppsala/templateTest"