|
|
| (44 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | + | {{Team:Calgary/Main}} |
| | <html> | | <html> |
| - | <head>
| |
| - | <title>Home</title>
| |
| - |
| |
| - | <!-- Reset for BodyContent -->
| |
| - | <style>
| |
| - | #content{
| |
| - | width: 100%;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | background-color:transparent;
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | #bodyContent{
| |
| - | width: 100%;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | background-color:transparent;
| |
| - | border: none;
| |
| - | }
| |
| - | </style>
| |
| - |
| |
| - | <!-- Fonts -->
| |
| - | <link href='http://fonts.googleapis.com/css?family=Roboto:300,400,500' rel='stylesheet' type='text/css'>
| |
| - | <link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
| |
| - | <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:700' rel='stylesheet' type='text/css'>
| |
| - | <link href='http://fonts.googleapis.com/css?family=Cabin:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
| |
| - |
| |
| - | <!-- CSS Stylesheets -->
| |
| - | <link href="https://2013.igem.org/Team:Calgary/StyleSheets/Reset?action=raw&ctype=text/css" rel="stylesheet">
| |
| - | <link href="https://2013.igem.org/Team:Calgary/TestPageNavCSS?action=raw&ctype=text/css" rel="stylesheet">
| |
| - | <link href="https://2013.igem.org/Team:Calgary/TestPageCSS?action=raw&ctype=text/css" rel="stylesheet">
| |
| - | <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
| |
| | <script> | | <script> |
| | $(document).ready(function() { | | $(document).ready(function() { |
| - | if ($('body').width() > 868) { | + | $('#Banner').css('display', 'block'); |
| - | $('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2));
| + | $('#Page').css({'position' : 'relative', top : '19px'}); |
| - | $('#LogoItem').css('display', 'block'); | + | $('#TopBar').css('position', 'static'); |
| | + | $('#Content').css('top', '0'); |
| | + | |
| | + | /*if (window.pageYOffset < 89) { |
| | + | $('#Banner').css('height', '100px'); |
| | } | | } |
| - | else if ($('body').width() <= 868) { | + | else { |
| - | if ($('body').width() > 744) {
| + | $('#Banner').css('height', '89px'); |
| - | $('#TopBar').css('padding-left', Math.floor(($('body').width() - 744) / 2));
| + | }*/ |
| - | $('#LogoItem').css('display', 'none');
| + | |
| - | }
| + | if (window.pageYOffset < 180) { |
| | + | $('#TopBar').css('position', 'static'); |
| | + | } |
| | + | else { |
| | + | $('#TopBar').css('position', 'fixed'); |
| | } | | } |
| | | | |
| - | $(window).resize(function() { | + | $(window).scroll(function() { |
| - | if ($('body').width() > 868) { | + | /*if (window.pageYOffset < 89) { |
| - | $('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2)); | + | $('#Banner').css('height', '100px'); |
| - | $('#LogoItem').css('display', 'block'); | + | } |
| | + | else { |
| | + | $('#Banner').css('height', '89px'); |
| | + | }*/ |
| | + | |
| | + | if(window.pageYOffset < 180) { |
| | + | $('#TopBar').css('position', 'static'); |
| | + | $('#Content').css('top', '0'); |
| | } | | } |
| - | else if ($('body').width() <= 868) { | + | else { |
| - | if ($('body').width() > 744) { | + | $('#TopBar').css('position', 'fixed'); |
| - | $('#TopBar').css('padding-left', Math.floor(($('body').width() - 744) / 2));
| + | $('#Content').css('top', '94px'); |
| - | $('#LogoItem').css('display', 'none');
| + | |
| - | }
| + | |
| | } | | } |
| | }); | | }); |
| | }); | | }); |
| | </script> | | </script> |
| - | | + | </html> |
| - | </head>
| + | |
| - | </html
| + | |
"
