Template:Team:Calgary/Test

From 2013.igem.org

(Difference between revisions)
 
(53 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() {
-
$('#slides').superslides({
+
$('#Banner').css('display', 'block');
-
pagination: false,
+
$('#Page').css({'position' : 'relative', top : '19px'});
-
animation: 'fade'
+
$('#TopBar').css('position', 'static');
-
});
+
$('#Content').css('top', '0');
-
NavSizing();
+
/*if (window.pageYOffset < 89) {
-
DescriptionLinksSpacing();
+
$('#Banner').css('height', '100px');
 +
}
 +
else {
 +
$('#Banner').css('height', '89px');
 +
}*/
-
$(window).resize(function() {
+
if (window.pageYOffset < 180) {
-
NavSizing();
+
$('#TopBar').css('position', 'static');
-
DescriptionLinksSpacing();
+
-
});
+
-
});
+
-
 
+
-
function NavSizing() {
+
-
if ($('body').width() > 868) {
+
-
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2));
+
-
$('#LogoItem').css('display', 'block');
+
}
}
-
else if ($('body').width() <= 868) {
+
else {
-
if ($('body').width() > 744) {
+
$('#TopBar').css('position', 'fixed');
-
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 744) / 2));
+
}
-
$('#LogoItem').css('display', 'none');
+
 +
$(window).scroll(function() {
 +
/*if (window.pageYOffset < 89) {
 +
$('#Banner').css('height', '100px');
}
}
-
}
+
else {
-
}
+
$('#Banner').css('height', '89px');
-
 
+
}*/
-
function DescriptionLinksSpacing() {
+
-
var ScreenWidth = $('body').width();
+
-
if (ScreenWidth > 1007) {
+
-
var Margins = Math.floor(ScreenWidth * .086666);
+
-
var ElementWidth = Math.floor(ScreenWidth * .37);
+
-
$('#SectionLinks').css('padding-left', Margins);
+
if(window.pageYOffset < 180) {
-
$('#SectionLinks').css('padding-top', Margins);
+
$('#TopBar').css('position', 'static');
-
$('#SectionLinks .DescriptionLink').css('margin-right', Margins);
+
$('#Content').css('top', '0');
-
$('#SectionLinks .DescriptionLink').css('margin-bottom', Margins);
+
}
-
$('#SectionLinks .DescriptionLink').css('width', ElementWidth);
+
else {
-
}
+
$('#TopBar').css('position', 'fixed');
-
}
+
$('#Content').css('top', '94px');
 +
}
 +
});
 +
});
</script>
</script>
-
 
+
</html>
-
</head>
+
-
</html
+

Latest revision as of 04:24, 24 September 2013

Retrieved from "http://2013.igem.org/Template:Team:Calgary/Test"