Difference between revisions of "Template:Vanderbilt Header"

 
(26 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
−
 
  
 
<head>
 
<head>
Line 26: Line 25:
 
         <script src="js/jquery.easing.min.js"></script>
 
         <script src="js/jquery.easing.min.js"></script>
 
         <script src="js/scrolling-nav.js"></script>
 
         <script src="js/scrolling-nav.js"></script>
−
 
−
        <!-- isotope -->
 
−
        <script src="/path/to/isotope.pkgd.min.js"></script>
 
 
 
 
<!-- get the Google font -->
 
<!-- get the Google font -->
Line 39: Line 35:
 
<link href="https://2015.igem.org/Template:Vanderbilt_Formatting?action=raw&ctype=text/css" rel="stylesheet">
 
<link href="https://2015.igem.org/Template:Vanderbilt_Formatting?action=raw&ctype=text/css" rel="stylesheet">
  
−
        <!-- DNA strand animation -->
 
−
        <script href="https://2015.igem.org/Template:Vanderbilt/dna_strand.js?action=raw&ctype=text/javascript"></script>
 
  
 
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
Line 48: Line 42:
 
<script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 
<script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 
<![endif]-->
 
<![endif]-->
−
 
−
        <script>
 
−
          $(document).ready(function() {
 
−
              var grid = document.querySelector('.grid');
 
−
              var iso;
 
−
 
−
              imagesLoaded( grid, function() {
 
−
                  // init Isotope after all images have loaded
 
−
                  iso = new Isotope( grid, {
 
−
                  itemSelector: '.grid-item',
 
−
                  percentPosition: true,
 
−
                  masonry: {
 
−
                      columnWidth: '.grid-sizer'
 
−
                  }
 
−
                  });
 
−
              });
 
−
          });
 
−
 
−
        </script>
 
  
 
<style>
 
<style>
Line 72: Line 47:
 
     width: 100%;
 
     width: 100%;
 
     margin: 0px;
 
     margin: 0px;
−
}
 
−
 
−
.grid {
 
−
  background-color: #5f212c;
 
−
}
 
−
 
−
/* clear fix */
 
−
.grid:after {
 
−
  content: '';
 
−
  display: block;
 
−
  clear: both;
 
 
}
 
}
  
Line 108: Line 72:
 
<div class="container">
 
<div class="container">
 
<div class="intro-text">
 
<div class="intro-text">
−
<div class="intro-heading" style="font-style:normal; font-family:Uncial Antiqua; font-size: 2em; border: 5px solid green;">
+
<div class="intro-heading" style="font-style:normal; font-family:Uncial Antiqua; font-size: 2em;">
 
                           <font id="header_text" color="#000000">Demons in the Code</font>
 
                           <font id="header_text" color="#000000">Demons in the Code</font>
 
                         </div>
 
                         </div>
 
                         <img id="vandy_logo" src="https://static.igem.org/mediawiki/2015/5/52/Vanderbilt_2015_igemlogo_visibility.png"
 
                         <img id="vandy_logo" src="https://static.igem.org/mediawiki/2015/5/52/Vanderbilt_2015_igemlogo_visibility.png"
−
                             alt="vanderbilt's igem logo" width="30%"/>
+
                             alt="vanderbilt's igem logo" width="30%" class="no-shadow"/>
 
</div>
 
</div>
 
</div>
 
</div>
Line 118: Line 82:
  
 
<!-- MAIN CONTAINER -->
 
<!-- MAIN CONTAINER -->
−
<div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" class="index container">
+
<div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" class="index container" style="margin: 0; padding: 0; width: 100%; background-color: #3e0812">
  
 
<script>
 
<script>
Line 124: Line 88:
 
if(window.location.href !== "https://2015.igem.org/Team:Vanderbilt") {
 
if(window.location.href !== "https://2015.igem.org/Team:Vanderbilt") {
 
     document.getElementById("header").style.backgroundImage =    "url('https://static.igem.org/mediawiki/2015/9/9b/Vanderbilt_2015_plain_sequence_background.png')";
 
     document.getElementById("header").style.backgroundImage =    "url('https://static.igem.org/mediawiki/2015/9/9b/Vanderbilt_2015_plain_sequence_background.png')";
−
    document.getElementById("header").style.height = "300px";
 
−
    document.getElementById("ih").style.marginTop = "-20%";
 
−
    document.getElementById("vandy_logo").style.width = "15%";
 
 
}
 
}
 
</script>
 
</script>
Line 137: Line 98:
 
}
 
}
 
.intro-heading {
 
.intro-heading {
−
   margin-top: -20%;
+
   margin-top: -10%;
 
}
 
}
 
#vandy_logo {
 
#vandy_logo {

Latest revision as of 20:53, 20 November 2015

Vanderbilt iGEM 2015