Difference between revisions of "Team:Aalto-Helsinki/Safety"
m |
(Added nav-bar) |
||
Line 5: | Line 5: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | /* Navbar shows in which page group you are on */ | ||
+ | #communitynav { | ||
+ | color:gray !important; | ||
+ | } | ||
+ | |||
+ | /* Styles for navigation inside a page */ | ||
+ | |||
+ | #sidenav { | ||
+ | float:left; | ||
+ | position: fixed; | ||
+ | left: 0; | ||
+ | width: 15%; | ||
+ | } | ||
+ | .bottom{ | ||
+ | bottom: 2%; | ||
+ | } | ||
+ | #sidenav > li > a { | ||
+ | padding-top: 1px; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | #sidenav > li > a > h3 { | ||
+ | margin-top:0px; | ||
+ | padding-top: 1px; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | #sidenav a:hover, | ||
+ | #sidenav a.active { | ||
+ | color: black !important; | ||
+ | } | ||
+ | |||
+ | /* Let's hide the navbar when the device is small! */ | ||
+ | @media screen and (max-width: 760px) { | ||
+ | #sidenav { display: none; } | ||
+ | } | ||
+ | |||
/* Background pic */ | /* Background pic */ | ||
Line 14: | Line 50: | ||
</style> | </style> | ||
+ | |||
+ | <ul id="sidenav" class="nav nav-stacked bottom"><!-- nav-pills if we want rounded corners --> | ||
+ | <li><a href="#" data-scroll="safelab"><h3>Safe Lab Work</h3></a></li> | ||
+ | <li><a href="#" data-scroll="safeproject"><h3>Safe Project Design</h3></a></li> | ||
+ | <li><a href="#" data-scroll="references"><h3>References</h3></a></li> | ||
+ | <li><a href="#" ><h3 style="border-top:solid;">To the top</h3></a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Community" ><h3>To the Parent Page</h3></a></li> | ||
+ | </ul> | ||
+ | |||
Line 21: | Line 66: | ||
<h2>Safety in iGEM Project</h2> | <h2>Safety in iGEM Project</h2> | ||
+ | |||
+ | <!-- safelab-section below --> | ||
+ | <section id="safelab" class="active" data-anchor="safelab"> | ||
<h3>Safe Lab Work</h3> | <h3>Safe Lab Work</h3> | ||
Line 39: | Line 87: | ||
</p> | </p> | ||
+ | </section> | ||
+ | |||
+ | <!-- safelab-section above --> | ||
+ | |||
+ | <!-- safeproject-section below --> | ||
+ | <section id="safeproject" class="active" data-anchor="safeproject"> | ||
<h3>Safe Project Design</h3> | <h3>Safe Project Design</h3> | ||
Line 69: | Line 123: | ||
<p style="color:red">Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems? This will be filled after we have sent the parts.</p style="color:red"> | <p style="color:red">Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems? This will be filled after we have sent the parts.</p style="color:red"> | ||
+ | |||
+ | </section> | ||
+ | |||
+ | <!-- safeproject-section above --> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- references-section below --> | ||
+ | <section id="references" class="active" data-anchor="references"> | ||
<h3>References</h3> | <h3>References</h3> | ||
Line 80: | Line 143: | ||
2. Anon., Safety Data Sheet: Propane, Airgas, Date of issue 16/10/2014.</p> | 2. Anon., Safety Data Sheet: Propane, Airgas, Date of issue 16/10/2014.</p> | ||
+ | </section> | ||
+ | <!-- references-section above --> | ||
</div><!-- .inner-container --> | </div><!-- .inner-container --> |
Revision as of 15:02, 13 September 2015