Template:Team:Calgary/MainHeader

From 2012.igem.org

(Difference between revisions)
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;
 
-
}
 
-
}
 
-
 
-
 
-
</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 106: 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");
 
-
}
 
-
 
});
});

Revision as of 21:54, 29 September 2012