Template:Team:Calgary/Test

From 2013.igem.org

(Difference between revisions)
Line 35: Line 35:
<script>
<script>
$(document).ready(function() {
$(document).ready(function() {
-
$('#slides').superslides({
 
-
pagination: false,
 
-
animation: 'fade'
 
-
});
 
-
 
-
NavSizing();
 
-
DescriptionLinksSpacing();
 
-
 
-
$(window).resize(function() {
 
-
NavSizing();
 
-
DescriptionLinksSpacing();
 
-
});
 
-
});
 
-
 
-
function NavSizing() {
 
if ($('body').width() > 868) {
if ($('body').width() > 868) {
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2));
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2));
Line 60: Line 45:
}
}
}
}
-
}
+
-
 
+
$(window).resize(function() {
-
function DescriptionLinksSpacing() {
+
if ($('body').width() > 868) {
-
var ScreenWidth = $('body').width();
+
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2));
-
if (ScreenWidth > 1007) {
+
$('#LogoItem').css('display', 'block');
-
var Margins = Math.floor(ScreenWidth * .086666);
+
}
-
var ElementWidth = Math.floor(ScreenWidth * .37);
+
else if ($('body').width() <= 868) {
-
+
if ($('body').width() > 744) {
-
$('#SectionLinks').css('padding-left', Margins);
+
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 744) / 2));
-
$('#SectionLinks').css('padding-top', Margins);
+
$('#LogoItem').css('display', 'none');
-
$('#SectionLinks .DescriptionLink').css('margin-right', Margins);
+
}
-
$('#SectionLinks .DescriptionLink').css('margin-bottom', Margins);
+
}
-
$('#SectionLinks .DescriptionLink').css('width', ElementWidth);
+
});
-
}
+
});
-
}
+
</script>
</script>
</head>
</head>
</html
</html

Revision as of 22:24, 13 August 2013

Home