Template:Team:Calgary/MainHeader

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <!-- Currently unable to implement the CSS switching due to the stupidity of the wiki. Will work on other things instead. New header structure --> <head> <!-- <meta name=...")
 
(36 intermediate revisions not shown)
Line 6: Line 6:
-->
-->
<head>
<head>
-
<!--
 
-
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
 
-
-->
 
-
<meta name="HandheldFriendly" content="True" />
 
-
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
 
-
 
-
 
<!--CSS styles: global-->
<!--CSS styles: global-->
<link rel='stylesheet' type='text/css' href="https://2012.igem.org/Team:Calgary/static/basicpageglobal.css?action=raw&ctype=text/css" />
<link rel='stylesheet' type='text/css' href="https://2012.igem.org/Team:Calgary/static/basicpageglobal.css?action=raw&ctype=text/css" />
-
<!--Start with mobile first; change to desktop with JS-->
 
-
<!--
 
-
<link rel='stylesheet' type='text/css' id="pagestyle" href="https://2012.igem.org/Team:Calgary/static/basicpagemobile.css?action=raw&ctype=text/css" />
 
-
-->
 
<!--desktop-->
<!--desktop-->
-
<!--
 
-
<link rel='stylesheet' type='text/css' media="only screen and (min-device-width:481px)" href='https://2012.igem.org/Team:Calgary/static/basicpagedesktop.css?action=raw&ctype=text/css' />
 
 +
<link rel='stylesheet' type='text/css' href='https://2012.igem.org/Team:Calgary/static/basicpagedesktop.css?action=raw&ctype=text/css' />
-
<!--mobile-->
 
-
<!--
 
-
<link rel='stylesheet' title="mobile sheet" type='text/css'
 
-
media="only screen and (-webkit-min-device-pixel-ratio: 1.5),
 
-
only screen and (-o-min-device-pixel-ratio: 3/2),
 
-
only screen and (min--moz-device-pixel-ratio: 1.5),
 
-
only screen and (min-device-pixel-ratio: 1.5),
 
-
only screen and (max-device-width: 480px)"
 
-
href='https://2012.igem.org/Team:Calgary/static/basicpagemobile.css?action=raw&ctype=text/css' />
 
-
-->
 
-
 
-
<style>
 
-
 
-
@media only screen and (max-device-width: 481px){
 
-
/*specific iPhone/iPod touch text*/
 
-
h1{
 
-
position: relative;
 
-
margin-top: 20px;
 
-
font-size: 2.1em;
 
-
}
 
-
h2{
 
-
position: relative;
 
-
font-size: 1.8em;
 
-
}
 
-
p{
 
-
position: relative;
 
-
font-size: 1.2em;
 
-
}
 
-
}
 
-
 
-
/*======
 
-
Desktop Styling
 
-
======*/
 
-
 
-
/***Nav styling***/
 
-
header{
 
-
position: relative;
 
-
top: -45px;
 
-
z-index: 999;
 
-
}
 
-
 
-
#nav-wrap{
 
-
height: 0px;
 
-
margin-top: -45px;
 
-
}
 
-
 
-
#nav, #nav ul{
 
-
list-style: none;
 
-
margin: 0;
 
-
padding: 0;
 
-
width: 965px;
 
-
height: 100%;
 
-
display: table;
 
-
 
-
 
-
}
 
-
 
-
/*To be moved to JQ block*/
 
-
#menu-icon{
 
-
display: none;
 
-
}
 
-
 
-
/*menu*/
 
-
#nav li{
 
-
height: auto;
 
-
padding: 0;
 
-
list-style: none;
 
-
float: left;
 
-
width: auto;
 
-
margin: 0;
 
-
background: #333333;
 
-
position: relative;
 
-
}
 
-
#nav > li a{
 
-
padding: 0 15px;
 
-
}
 
-
#nav > li{
 
-
background: transparent;
 
-
}
 
-
 
-
/*submenu*/
 
-
#nav li ul {
 
-
position: absolute;
 
-
width: 200px;
 
-
display: none;
 
-
}
 
-
#nav li:hover ul {
 
-
display: block;
 
-
}
 
-
/*sub-submenu*/
 
-
#nav li ul ul{
 
-
margin-left: 230px;
 
-
margin-top: -15px;
 
-
}
 
-
#nav li:hover ul ul{
 
-
display: none;
 
-
}
 
-
#nav li:hover ul, #nav li li:hover ul{
 
-
display: block;
 
-
}
 
-
#nav a{
 
-
display: block;
 
-
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
 
-
color: white;
 
-
}
 
-
#nav li a{
 
-
line-height: 1.4em; /*centers the text vertically*/
 
-
font-size: 2em;
 
-
}
 
-
#nav ul li > a{
 
-
width: 200px;
 
-
}
 
-
/*color change after rollover*/
 
-
#nav li a:hover, #nav li li a.drop:hover::after{
 
-
display: block;
 
-
text-decoration: none;
 
-
color: #43bbff;
 
-
}
 
-
#nav li ul li ul{
 
-
margin-top: -35px;
 
-
position: absolute;
 
-
}
 
-
/*submenu and sub-submenu*/
 
-
#nav li ul li ul li a, #nav li ul li a{
 
-
font-size: 1.8em;
 
-
}
 
-
#nav li li a.drop:after{
 
-
content: '>';
 
-
padding-left: 20px;
 
-
color: #BBB;
 
-
display: inline;
 
-
float: right;
 
-
}
 
-
 
-
/***End nav styling***/
 
-
 
-
/***Headerimage***/
 
-
#headerimage{
 
-
width: 968px;
 
-
position: relative;
 
-
margin-left: 0px;
 
-
margin-bottom: 10px;
 
-
top: 0px;
 
-
}
 
-
#css-full{
 
-
display: none;
 
-
}
 
-
#css-mobi{
 
-
display: block;
 
-
top: 0px;
 
-
}
 
-
 
-
/***Logo styling***/
 
-
#logo{
 
-
position: absolute;
 
-
top: 10px;
 
-
right: 20px;
 
-
float: right;
 
-
}
 
-
 
-
#logo img{
 
-
width: 260px;
 
-
}
 
-
 
-
/***Body styling***/
 
-
h1{
 
-
font-size: 2.3em;
 
-
}
 
-
h2{
 
-
font-size: 1.8em;
 
-
}
 
-
h3{
 
-
font-size: 1.6em;
 
-
}
 
-
h4{
 
-
font-size: 1.4em;
 
-
color: #333333;
 
-
}
 
-
#bodycontainer p{
 
-
font-size: 1.1em;
 
-
}
 
-
#pagetitle{
 
-
border-bottom: 2px solid black;
 
-
padding-bottom: 10px;
 
-
padding-left: 10px;
 
-
}
 
-
#bodycontainer h2, #bodycontainer p{
 
-
margin-left: 10px;
 
-
margin-right: 10px;
 
-
}
 
-
#bodycontainer{
 
-
margin-left: 225px;
 
-
}
 
-
#sidebar{
 
-
position: absolute;
 
-
width: 220px;
 
-
z-index: 0;
 
-
}
 
-
/*
 
-
#sidebarimg{
 
-
width: 214px;
 
-
height: 144px;
 
-
background: #43bbff;
 
-
margin: 5px 0px;
 
-
border: 3px solid #333333;
 
-
}
 
-
*/
 
-
 
-
#sidebar #list{
 
-
background: #333333;
 
-
}
 
-
#sidebar h2{
 
-
color: white;
 
-
padding: 20px 15px 0px 15px;
 
-
width: 100%;
 
-
}
 
-
#sidebar ul{
 
-
list-style: none;
 
-
margin: 0px 15px;
 
-
}
 
-
#sidebar #list > ul{
 
-
padding-bottom: 20px;
 
-
}
 
-
#sidebar a{
 
-
color: white;
 
-
font-family: Georgia, Serif;
 
-
font-size: 1.4em;
 
-
display: block;
 
-
line-height: 1.4em;
 
-
}
 
-
#sidebar a:hover{
 
-
text-decoration: none;
 
-
color: #43BBFF;
 
-
}
 
-
 
-
 
-
/* thumbnails */
 
-
div.thumb {
 
-
    margin-bottom: .5em;
 
-
    border-style: solid;
 
-
    border-color: transparent;
 
-
    width: auto;
 
-
}
 
-
div.thumb div {
 
-
    border: 0px;
 
-
    padding: 3px !important;
 
-
    font-size: 94%;
 
-
    text-align: center;
 
-
    overflow: hidden;
 
-
}
 
-
div.thumb div a img {
 
-
    border: 1px solid #333;
 
-
}
 
-
div.thumb div div.thumbcaption {
 
-
    border: 1px solid #333;
 
-
    text-align: left;
 
-
    line-height: 1.4em;
 
-
    padding: .3em 0 .1em 0;
 
-
 
-
}
 
-
div.magnify {
 
-
    float: right;
 
-
    border: none !important;
 
-
    background: none !important;
 
-
}
 
-
div.magnify a, div.magnify img {
 
-
    display: block;
 
-
    border: none !important;
 
-
    background: none !important;
 
-
}
 
-
div.tright {
 
-
    clear: right;
 
-
    float: right;
 
-
    border-width: .5em 0 .8em 1.4em;
 
-
}
 
-
div.tleft {
 
-
    float: left;
 
-
    margin-right: .5em;
 
-
    border-width: .5em 1.4em .8em 0;
 
-
}
 
-
 
-
 
-
</style>
 
-
 
-
<!--Mobile nav from http://webdesignerwall.com/tutorials/mobile-navigation-design-tutorial-->
 
<script type="text/javascript">
<script type="text/javascript">
-
/*from annakata on StackOverflow: http://stackoverflow.com/questions/486896/adding-a-parameter-to-the-url-with-javascript*/
 
-
/*unusable
 
-
function insertParam(key, value)
 
-
{
 
-
    key = escape(key); value = escape(value);
 
-
 
-
    var kvp = document.location.search.substr(1).split('&');
 
-
 
-
    var i=kvp.length; var x; while(i--)
 
-
    {
 
-
        x = kvp[i].split('=');
 
-
 
-
        if (x[0]==key)
 
-
        {
 
-
                x[1] = value;
 
-
                kvp[i] = x.join('=');
 
-
                break;
 
-
        }
 
-
    }
 
-
 
-
    if(i<0) {kvp[kvp.length] = [key,value].join('=');}
 
-
 
-
    //this will reload the page, it's likely better to store this until finished
 
-
    document.location.search = kvp.join('&');
 
-
}
 
-
*/
 
jQuery(document).ready(function($){
jQuery(document).ready(function($){
Line 357: Line 34:
window.scrollTo(0, 1);
window.scrollTo(0, 1);
-
/*Set stylesheet properly*/
 
-
/*Current unusable
 
-
if($(window).width() > 0){
 
-
$("#pagestyle").attr("href", 'https://2012.igem.org/Team:Calgary/static/basicpagedesktop.css?action=raw');
 
-
$("#pagestyle").href += (/\?/.test(this.href) ? '&' : '?') + 'ctype=text/css';
 
-
}
 
-
 
-
$('#css-full').click(function(){
 
-
 
-
});
 
-
*/
 
-
//figure box positioning
 
-
if($('.figurebox div.params p.position:contains("left")').length > 0){
 
-
$(this).closest('.figurebox').css("float", "left");
 
-
}
 
-
 
});
});
Line 380: Line 41:
<!--switching function: thanks to http://www.digital-web.com/articles/strategies_for_css_switching/-->
<!--switching function: thanks to http://www.digital-web.com/articles/strategies_for_css_switching/-->
 +
 +
<script type="text/javascript">
 +
 +
  var _gaq = _gaq || [];
 +
  _gaq.push(['_setAccount', 'UA-32774032-1']);
 +
  _gaq.push(['_trackPageview']);
 +
 +
  (function() {
 +
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
  })();
 +
 +
</script>
</head>
</head>
-
<body class="</html>{{{1}}}<html>">
+
<body>
<header>
<header>
Line 391: Line 66:
-->
-->
<div id="headerimage"><img src="https://static.igem.org/mediawiki/2012/f/fc/UCalgary2012_MainHeaderImage.png"></img></div>
<div id="headerimage"><img src="https://static.igem.org/mediawiki/2012/f/fc/UCalgary2012_MainHeaderImage.png"></img></div>
-
<a id="logo" href="https://2012.igem.org/Team:Calgary"><img src="https://static.igem.org/mediawiki/2012/4/48/UCalgary2012_White_Low-Res_Official_Logo.png"></img></a>
+
<a id="logo" href="https://2012.igem.org/Team:Calgary"></html>{{{1|<html><img src="https://static.igem.org/mediawiki/2012/4/48/UCalgary2012_White_Low-Res_Official_Logo.png"></img></html>}}}<html></a>
<div id="nav-wrap">
<div id="nav-wrap">
<ul id="nav">
<ul id="nav">
-
<li><a href="https://2012.igem.org/Team:Calgary">Home</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary" id="homelink">Home</a></li>
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Team</a>
+
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Team" id="teamlink">Team</a>
<ul>
<ul>
-
<li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Team">Members</a></li>
-
<a class="drop" href="#">Members</a>
+
-
<ul>
+
-
<li><a href="#">Undergraduates</a></li>
+
-
<li><a href="#">Advisors</a></li>
+
-
<li><a href="#">Supervisors</a></li>
+
-
</ul>
+
-
</li>
+
<li><a class="dropheader" href="http://ung.igem.org/Team.cgi?id=902">Official Profile</a></li>
<li><a class="dropheader" href="http://ung.igem.org/Team.cgi?id=902">Official Profile</a></li>
-
<li><a class="dropheader" href="#">The University</a></li>
+
<li><a class="dropheader" href="https://2012.igem.org/Team:Calgary/Team/AbouttheUniversity">The University</a></li>
 +
<li><a class="dropheader" href="https://2012.igem.org/Team:Calgary/Team/Outtakes">Outtakes</a></li>
 +
<li><a class="dropheader" href="https://2012.igem.org/Team:Calgary/ContactUs">Contact Us</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Project</a>
+
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Project" id="projectlink">Project</a>
<ul>
<ul>
<li>
<li>
-
<a class="drop" href="https://2012.igem.org/Team:Calgary#">Overview</a>
+
<a class="drop" href="https://2012.igem.org/Team:Calgary/Project">Overview</a>
<ul>
<ul>
-
<li><a href="#">Data Page</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Project/DataPage">Data Page</a></li><li><a href="https://2012.igem.org/Team:Calgary/Project/Accomplish">Accomplishments</a></li>
 +
<li><a href="https://2012.igem.org/Team:Calgary/Project/Post-Regionals">Post-Regionals</a></li>
</ul>
</ul>
</li>
</li>
<li>
<li>
-
<a class="drop" href="https://2012.igem.org/Team:Calgary#">Human Practices</a>
+
<a class="drop" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices">Human Practices</a>
<ul>
<ul>
-
<li><a href="#">Design</a></li>
+
  <li><a href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Collaborations">Initiative</a></li>
-
<li><a href="#">Killswitch</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Interviews">Interviews</a></li>
 +
<li><a href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Design">Design</a></li>
 +
<li><a href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Killswitch">Killswitch</a></li>
 +
<li><a style="margin:0 -1em 0 1em;" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Killswitch/Regulation">Regulation</a></li>
 +
<li><a style="margin:0 -1em 0 1em;" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Killswitch/KillGenes">Kill Genes</a></li>
<li><a href="https://2012.igem.org/Team:Calgary/Safety">Safety</a></li>
<li><a href="https://2012.igem.org/Team:Calgary/Safety">Safety</a></li>
</ul>
</ul>
</li>
</li>
<li>
<li>
-
<a class="drop" href="https://2012.igem.org/Team:Calgary#">FRED</a>
+
<a class="drop" href="https://2012.igem.org/Team:Calgary/Project/FRED">FRED</a>
<ul>
<ul>
-
<li><a href="#">Sensing NAs</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Project/FRED/Detecting">Toxin Sensing</a></li>
-
<li><a href="#">Electroreporting</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Project/FRED/Reporting">Electroreporting</a></li>
-
<li><a href="#">Modelling</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Project/FRED/Modelling">Modelling</a></li>
-
<li><a href="#">Device Prototype</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Project/FRED/Prototype">Device Prototype</a></li>
</ul>
</ul>
</li>
</li>
<li>
<li>
-
<a class="drop" href="https://2012.igem.org/Team:Calgary#">OSCAR</a>
+
<a class="drop" href="https://2012.igem.org/Team:Calgary/Project/OSCAR">OSCAR</a>
<ul>
<ul>
-
<li><a href="#">Decarboxylation</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Decarboxylation">Decarboxylation</a></li>
-
<li><a href="#">Desulfurization</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Project/OSCAR/CatecholDegradation">Decatecholization</a></li>
-
<li><a href="#">Denitrogenation</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Project/OSCAR/FluxAnalysis">Flux Analysis</a></li>
-
<li><a href="#">Decatecholization</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Bioreactor">Bioreactor</a></li>
-
<li><a href="#">Bioreactor Design</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Upgrading">Upgrading</a></li>
-
<li><a href="#">Flux Analysis</a></li>
+
<li><a style="margin:0 -1em 0 1em;"href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Desulfurization">Desulfurization</a></li>
 +
<li><a style="margin:0 -1em 0 1em;"href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Denitrogenation">Denitrogenation</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a href="https://2012.igem.org/Team:Calgary/Project/FutureDirections">Future Directions</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Project/Synergy">Synergy</a></li>
 +
<li><a href="https://2012.igem.org/Team:Calgary/Project/References">References</a></li>
 +
<li><a href="https://2012.igem.org/Team:Calgary/Project/Attributions">Attributions</a></li>
 +
 
</ul>
</ul>
</li>
</li>
-
<li><a href="https://2012.igem.org/Team:Calgary/Parts">Parts</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Parts" id="partslink">Parts</a></li>
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Notebook</a>
+
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Notebook" id="notebooklink">Notebook</a>
<ul>
<ul>
-
<li><a href="#">Journal</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Notebook">Journal</a></li>
-
<li><a href="#">Protocols</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Notebook/Protocols">Protocols</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a class="drop" href="https://2012.igem.org/Team:Calgary#">Outreach</a>
+
<li><a class="drop" href="https://2012.igem.org/Team:Calgary/Outreach" id="outreachlink">Outreach</a>
<ul>
<ul>
-
<li><a href="#">Video Game</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Outreach/VideoGame">LAB ESCAPE!</a></li>
-
<li><a href="#">Spark Science</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Outreach/Spark">Spark Science</a></li>
-
<li><a href="#">Minds in Motion</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Outreach/MindsInMotion">Minds in Motion</a></li>
-
<li><a href="#">Blog Posts</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Outreach/Blog">Blog Posts</a></li>
-
<li><a href="#">TEDxCalgary</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Outreach/TEDxCalgary">TEDxCalgary</a></li>
-
<li><a href="#">Follow Us!</a></li>
+
<li><a href="http://twitter.com/iGEMCalgary" target="_blank">Follow Us!</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a href="https://2012.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
+
<li><a href="https://2012.igem.org/Team:Calgary/Sponsors" id="sponsorslink">Sponsors</a></li>
<li><a href="https://2012.igem.org" target="_blank">iGEM</a></li>
<li><a href="https://2012.igem.org" target="_blank">iGEM</a></li>
</ul>
</ul>

Latest revision as of 21:40, 23 June 2013