Team:Waterloo

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
"
+
{{Team:Waterloo/CSS/baseWiki}}
-
page discussion view source history teams
+
{{Team:Waterloo/CSS/WaterlooTeam}}
-
Log in
+
{{Team:Waterloo/TopBar}}
-
   
+
-
Team:Waterloo/TemplatePage
+
-
for Team:Waterloo/TemplatePage
+
-
You do not have permission to edit this page, for the following reason:
+
-
The action you have requested is limited to users in one of the groups: Users, Administrators.
+
-
You can view and copy the source of this page:
+
-
Templates used on this page:
+
<html>
-
Template:Team:Waterloo/CSS/WaterlooTeam (view source)
+
<title>Waterloo iGem 2014 Team</title>
-
Template:Team:Waterloo/CSS/baseWiki (view source)
+
<meta charset="UTF-8">
-
Template:Team:Waterloo/Footbar (view source)
+
<style>
-
Template:Team:Waterloo/JS/WaterlooTeam (view source)
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
-
Template:Team:Waterloo/JS/baseWiki (view source)
+
</style>
-
Template:Team:Waterloo/TopBar (view source)
+
<!--Back to top button-->
-
Return to Team:Waterloo/TemplatePage.
+
<a href="#TOP"><img id="toTop" src="https://static.igem.org/mediawiki/2014/a/ad/Waterloo_to-top-button.png"></a>
-
Powered by MediaWikiAttribution 3.0 Unported
+
 
-
Recent changes What links here Related changes Special pages My preferences
+
<h1>Heading</h1>
-
Privacy policy Disclaimers
+
 
 +
<!--Slideshow or image here-->
 +
<div id="imgBox">
 +
 +
</div>
 +
<!--Content below images-->
 +
<div class="content">
 +
<ul class="tabs">
 +
<li><a href="#view0">Instructions Tab</a></li>
 +
<li><a href="#view1">Tab 1</a></li>
 +
<li><a href="#view2">Tab 2</a></li>
 +
<li><a href="#view3">Tab 3</a></li>
 +
</ul>
 +
<div class="tabcontents">
 +
                        <div class="anchor" id="view0" style="padding-top:50px;">
 +
<div class="subheading">Instructions for Tabs<br><br></div>
 +
In the file, use the 'find' function to search for "Content below images." Below this line, the code for the different tabs begin.
 +
Between the 'ul' tags, there is a list with the tab names. Change the tabs to list them in order. Under the '/ul' tag and within the 'tabcontents' div, include other divs with the ids in the list of tabs. Between these divs, add the information that you would like displayed when the corresponding tab is selected.
 +
 
 +
Note: The epidemiology map is shown in 'Tab 1'
 +
</div>
 +
<div class="anchor" id="view1">
 +
<div class="subheading">Tab 1<br><br></div>
 +
content 1 <br>
 +
content 1 <br>
 +
<iframe src="http://mapsengine.google.com/map/embed?mid=ztrZ1qkPPbZo.kq_MwB1YDonc" width="640" height="480"></iframe>
 +
content 1 <br>
 +
content 1 <br>
 +
content 1 <br>
 +
content 1 <br>
 +
content 1 <br>
 +
content 1 <br>
 +
content 1 <br>
 +
content 1 <br>
 +
</div>
 +
<div class="anchor" id="view2">
 +
<div class="subheading">Tab2<br><br></div>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
content 2 <br>
 +
</div>
 +
<div class="anchor" id="view3">
 +
<div class="subheading">Tab 3<br><br></div>
 +
content 3 <br>
 +
content 3 <br>
 +
content 3 <br>
 +
content 3 <br>
 +
content 3 <br>
 +
content 3 <br>
 +
content 3 <br>
 +
content 3 <br>
 +
content 3 <br>
 +
content 3 <br>
 +
content 3 <br>
 +
content 3 <br>
 +
</div>
 +
</div>
 +
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
 
 +
//Align headings
 +
function alignHeadings(){
 +
  var remainingWidth = $("div#topbar").width();
 +
    var allheadings = $("ul#headings >li");
 +
    allheadings.css("display", "block");
 +
    $("ul#shortheadings >li").css("display", "none");
 +
    allheadings.width(remainingWidth / (allheadings.length + 0.5))
 +
      .css({"text-align":"center","line-height":"150%"});
 +
}
 +
 
 +
$(document).ready(alignHeadings);
 +
$(window).resize(alignHeadings);
 +
</script>
 +
 
 +
</html>
 +
{{Template:Team:Waterloo/Footbar}}
 +
{{Template:Team:Waterloo/JS/WaterlooTeam}}
 +
{{Template:Team:Waterloo/JS/baseWiki}}

Revision as of 20:23, 16 October 2014

Waterloo iGem 2014 Team

Heading

Instructions for Tabs

In the file, use the 'find' function to search for "Content below images." Below this line, the code for the different tabs begin. Between the 'ul' tags, there is a list with the tab names. Change the tabs to list them in order. Under the '/ul' tag and within the 'tabcontents' div, include other divs with the ids in the list of tabs. Between these divs, add the information that you would like displayed when the corresponding tab is selected. Note: The epidemiology map is shown in 'Tab 1'
Tab 1

content 1
content 1
content 1
content 1
content 1
content 1
content 1
content 1
content 1
content 1
Tab2

content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
Tab 3

content 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3

Retrieved from "http://2014.igem.org/Team:Waterloo"