Difference between revisions of "Template:Vanderbilt Header"

 
(190 intermediate revisions by 2 users not shown)
Line 25: 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 -->
−
<link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
 
 
<link href='https://fonts.googleapis.com/css?family=Crimson+Text:700' rel='stylesheet' type='text/css'>
 
<link href='https://fonts.googleapis.com/css?family=Crimson+Text:700' rel='stylesheet' type='text/css'>
 
         <link href='https://fonts.googleapis.com/css?family=UnifrakturMaguntia' rel='stylesheet' type='text/css'>
 
         <link href='https://fonts.googleapis.com/css?family=UnifrakturMaguntia' rel='stylesheet' type='text/css'>
 
         <link href='https://fonts.googleapis.com/css?family=MedievalSharp' rel='stylesheet' type='text/css'>
 
         <link href='https://fonts.googleapis.com/css?family=MedievalSharp' rel='stylesheet' type='text/css'>
 +
        <link href='https://fonts.googleapis.com/css?family=Uncial+Antiqua' rel='stylesheet' type='text/css'>
  
 
<!-- Custom CSS -->
 
<!-- Custom CSS -->
 
<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">
 +
  
 
<!-- 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 44: 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() {
 
−
 
−
              $('.grid').isotope({
 
−
              itemSelector: '.grid-item',
 
−
              percentPosition: true,
 
−
              masonry: {
 
−
                  columnWidth: '.grid-sizer'
 
−
              }
 
−
              });
 
−
 
−
          });
 
−
        </script>
 
  
 
<style>
 
<style>
Line 65: Line 49:
 
}
 
}
  
−
 
+
.span-text
−
.grid {
+
{
−
   background: #DDD;
+
   display: inline-block;
 +
  vertical-align: middle;
 +
  line-height: 100%; /* <-- adjust this */
 +
  margin: 5px;
 
}
 
}
  
−
/* clear fix */
+
.intro-heading {
−
.grid:after {
+
    text-shadow:
−
  content: '';
+
    -1.5px -1.5px 0 #565656,
−
  display: block;
+
    1.5px -1.5px 0 #565656,
−
  clear: both;
+
    -1.5px 1.5px 0 #565656,
 +
    1.5px 1.5px 0 #565656;
 
}
 
}
−
 
−
/* ---- .element-item ---- */
 
−
 
−
/* 5 columns, percentage width */
 
−
.grid-item,
 
−
.grid-sizer {
 
−
  width: 20%;
 
−
  padding: 10%;
 
−
}
 
−
 
−
.grid-item {
 
−
  float: left;
 
−
  height: 300px;
 
−
  background: #0D8;
 
−
  border: 2px solid #333;
 
−
  border-color: hsla(0, 0%, 0%, 0.7);
 
−
}
 
−
 
−
.grid-item--width2 { width: 40%; padding: 10%; }
 
−
.grid-item--height2 { height: 600px; padding: 10%; }
 
−
 
 
</style>
 
</style>
 
</head>
 
</head>
Line 102: Line 69:
  
 
   <!-- Header -->
 
   <!-- Header -->
−
<header class="row">
+
<header id="header" class="row">
 
<div class="container">
 
<div class="container">
 
<div class="intro-text">
 
<div class="intro-text">
−
<div class="intro-heading" style="font-style:normal">Demons in the Code</div>
+
<div class="intro-heading" style="font-style:normal; font-family:Uncial Antiqua; font-size: 2em;">
−
<div class="intro-lead-in" style="font-style:normal">Vanderbilt University</div>
+
                          <font id="header_text" color="#000000">Demons in the Code</font>
 +
                        </div>
 +
                        <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%" class="no-shadow"/>
 
</div>
 
</div>
 
</div>
 
</div>
Line 112: 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>
 +
 
 +
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')";
 +
}
 +
</script>
 +
 
 +
 
 +
<style>
 +
@media (min-width: 979px) {
 +
#header_text {
 +
  font-size: 2em;
 +
}
 +
.intro-heading {
 +
  margin-top: -10%;
 +
}
 +
#vandy_logo {
 +
width: 15%;
 +
}
 +
}
 +
</style>
  
 
</html>
 
</html>

Latest revision as of 20:53, 20 November 2015

Vanderbilt iGEM 2015