Team:Uppsala/templateTest
From 2014.igem.org
(12 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/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!!! --> | ||
- | <div id="master"> | + | <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> | </html> | ||
Line 22: | Line 39: | ||
<html> | <html> | ||
+ | |||
<div id="main_frame_lower"> <!-- Master div that contains all other main_frame divs (lower section), should store background image --> | <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="main_content"> <!-- Contains all elements on the content sektion: 3 (check photos) and the tracking system (6,7,9) --> | ||
- | <div id="title"> | + | <div id="title"> <!-- Subheader --> |
<h1>Project</h1> | <h1>Project</h1> | ||
- | </div> | + | </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"> | + | <h2>Read more</h2> |
- | <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 class="panelcontent"> <!-- Everything put inside this div will be hidden inside a collapse effect! --> |
- | + | ||
- | </div> | + | <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_content --> | ||
Line 58: | Line 82: | ||
</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 --> | ||
- | |||
</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.