Team:Uppsala/templateTest

From 2014.igem.org

(Difference between revisions)
 
(34 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
 +
<head>
 +
 +
<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/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!!! -->
 +
 +
<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!!! -->
 +
 +
<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!!! -->
 +
 +
<link href="https://2014.igem.org/Team:Uppsala/navbar.css?action=raw&ctype=text/css" type="text/css"
 +
rel="stylesheet"> <!-- STYLESHEET THAT CONTAINS THE NAVBAR CSS, MUST BE INCLUDED!!! -->
 +
 +
<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!!! -->
 +
 +
 +
 +
 +
 +
<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!!! -->
 +
 +
 +
</head>
 +
 +
 +
<div id="master"> <!-- Master div that contains all other divs except footer -->
 +
 +
<!-- Media wiki template for the whole header section, templates needs to be placed outside <html> tags  -->
 +
 +
</html>
 +
{{:Team:Uppsala/Templates/Header}}
{{:Team:Uppsala/Templates/Header}}
 +
 +
<html>
 +
 +
<div id="main_frame_lower"> <!-- Master div that contains all other main_frame divs (lower section), should store background image -->
 +
 +
<div id="main_content"> <!-- Contains all elements on the content sektion: 3 (check photos) and the tracking system (6,7,9) -->
 +
 +
<div id="title">    <!-- Subheader -->
 +
 +
<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>
 +
 +
<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 -->
 +
 +
 +
 +
</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"