Difference between revisions of "Template:NYU-AD"

 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
 
<html>
 
<html>
 
<head>
 
<head>
Line 5: Line 6:
  
 
          
 
          
 +
<!-- Bootstrap CSS and javascript -->
 
<link rel="stylesheet" href="https://2016.igem.org/Team:NYU-AD/libraries/bootstrap-3_3_6?action=raw&amp;ctype=text/css">
 
<link rel="stylesheet" href="https://2016.igem.org/Team:NYU-AD/libraries/bootstrap-3_3_6?action=raw&amp;ctype=text/css">
 
 
 
 
<link rel="stylesheet" href="https://2016.igem.org/Team:NYU-AD/libraries/CSSstylesheet?action=raw&amp;ctype=text/css">
 
 
 
<script type="text/javascript" src="https://2016.igem.org/Team:NYU-AD/libraries/Bootstrap-js?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2016.igem.org/Team:NYU-AD/libraries/Bootstrap-js?action=raw&amp;ctype=text/javascript"></script>
     
 
  
 +
    <!-- font awesome css -->
 +
<link rel="stylesheet" href="https://2016.igem.org/Team:NYU-AD/libraries/css/font-awesome_min_css?action=raw&ctype=text/css" type="text/css" />
  
 +
<!-- jquery javascript -->
 +
<script type="text/javascript" src="https://2016.igem.org/Team:NYU-AD/libraries/jquery-1_12_4_min_js?action=raw&amp;ctype=text/javascript">
 +
</script>
  
  
        <style>
+
<!-- My own CSS stylesheet -->
 +
<link rel="stylesheet" href="https://2016.igem.org/Team:NYU-AD/libraries/NYUAD_CSSstylesheet?action=raw&amp;ctype=text/css">
  
.logo_2016{ display: none;}
+
$(document).ready(function(){
#firstHeading{ display: none;}
+
  
#project_description{ margin-top: 72px;}
+
$(window).scroll(function() {
 +
if ($(document).scrollTop() > 50) {
 +
// alert('you');
 +
$('nav').addClass('shrink');
 +
$('#nyuad-logo').css("height","44px");
 +
 +
} else {
 +
$('nav').removeClass('shrink');
 +
$('#nyuad-logo').css("height","66px");
 +
}
 +
});
 +
});
 +
</script>     
  
  
#nyuad-logo {
 
height: 66px;
 
width: auto;
 
}
 
#sideMenu{display: none;}
 
  
  
 
 
 
 
nav.shrink a.navbar-left {
 
    height: 20px !important;
 
}
 
nav.shrink {
 
    min-height: 20px;
 
}
 
nav.shrink li a {
 
  padding-top: 20px !important;
 
  padding-bottom: 0px !important;
 
  min-height: 100% !important;
 
}
 
nav.shrink li li a {
 
  padding-top: 0px !important;
 
  padding-bottom: 0px !important;
 
  min-height: 100% !important;
 
}
 
 
 
 
 
 
 
 
 
 
 
 
 
.navbar  {
 
    margin-top: 16px;
 
    position: fixed;
 
    font-size: 13px;
 
    background-color: white;
 
    margin-bottom: 0;
 
}
 
 
.navbar-right li {
 
    font-family: "Avenir",sans-serif;
 
    color: #2800D7;
 
}
 
 
.navbar-nav > li > a {
 
    padding-left: 10px;
 
    padding-right: 10px;
 
}
 
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav> .active > a:hover {
 
    background-color: #fff;
 
    color:#2800D7;
 
}
 
 
.navbar-default .navbar-nav > .active {
 
    background-color: red;
 
 
}
 
 
.navbar-default .navbar-brand {
 
    font-weight: bold;
 
    color: #2800D7;
 
    /*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7));
 
    -webkit-background-clip: text;
 
    -webkit-text-fill-color: transparent;*/
 
}
 
 
.navbar-default .navbar-brand:hover {
 
    font-weight: bold;
 
    color: #fa1e64;
 
    /*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7));
 
    -webkit-background-clip: text;
 
    -webkit-text-fill-color: transparent;*/
 
}
 
</style>
 
  
 
</head>
 
</head>
Line 203: Line 135:
 
</div>
 
</div>
 
</nav>
 
</nav>
 +
 +
<script type="text/javascript">
 +
 +
$(document).ready(function(){
 +
 +
$(window).scroll(function() {
 +
if ($(document).scrollTop() > 50) {
 +
// alert('you');
 +
$('nav').addClass('shrink');
 +
$('#nyuad-logo').css("height","44px");
 +
 +
} else {
 +
$('nav').removeClass('shrink');
 +
$('#nyuad-logo').css("height","66px");
 +
}
 +
});
 +
});
 +
</script>

Latest revision as of 20:27, 5 October 2016

iGEM NYUAD Wiki $(document).ready(function(){ $(window).scroll(function() { if ($(document).scrollTop() > 50) { // alert('you'); $('nav').addClass('shrink'); $('#nyuad-logo').css("height","44px"); } else { $('nav').removeClass('shrink'); $('#nyuad-logo').css("height","66px"); } }); });