Difference between revisions of "Template:Vanderbilt Header"

(Created page with "<html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <lin...")
 
 
(237 intermediate revisions by 2 users not shown)
Line 2: Line 2:
  
 
<head>
 
<head>
−
<meta charset="utf-8">
+
<meta charset="utf-8">
−
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 user-scalable=no">
 +
    <title>Vanderbilt iGEM 2015</title>
  
−
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"></link>
+
<!-- latest compiled and minified CSS -->
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"></link>
−
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+
−
<script src="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css"></script>
+
−
 
+
−
<!-- get the Google font -->
+
−
<link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
+
 
 
−
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
<!-- jQuery (bootstrap's javscript plugins need) -->
−
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
−
  <!--[if lt IE 9]>
+
−
  <script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+
−
  <script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+
−
  <![endif]-->
+
 
 
−
<script>
+
<!-- latest compiled and minified JavaScript -->
−
</script>
+
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
 
−
<style type="text/css">
+
<!-- Normalize JS -->
−
 
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css"></script>
−
.firstHeading {
+
−
display: none;
+
−
}
+
 
 
−
p, h1, h2, h3, h4, h5, h6, div {
+
<!-- Scrolling navigation CSS -->
−
position: relative;
+
        <link href="css/scrolling-nav.css" rel="stylesheet">
−
width: inherit;
+
−
}
+
 
 
−
body, html, #content, #globalWrapper {
+
        <!-- Scrolling Nav JavaScript -->
−
font-family: 'Architects Daughter';
+
        <script src="js/jquery.easing.min.js"></script>
−
<!-- needed for scrollspy (data-spy="scroll")-->
+
        <script src="js/scrolling-nav.js"></script>
−
position: relative;
+
−
outline: 0;
+
−
min-height: 100%;
+
−
min-height: 100vh;
+
−
min-width: 100%;
+
−
+
−
background-color: transparent;
+
−
border: 0px;
+
−
margin:0px;
+
−
padding:0px;
+
−
+
−
display: flex;
+
−
align-items: center;
+
−
justify-content: center;
+
−
flex-direction: column;
+
−
}
+
 
 
−
body {
+
<!-- get the Google font -->
−
padding-bottom: 60px;
+
<link href='https://fonts.googleapis.com/css?family=Crimson+Text:700' rel='stylesheet' type='text/css'>
−
padding-top: 60px;
+
        <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=Uncial+Antiqua' rel='stylesheet' type='text/css'>
  
−
#top_menu_inside {
+
<!-- Custom CSS -->
−
margin: 0%;
+
<link href="https://2015.igem.org/Template:Vanderbilt_Formatting?action=raw&ctype=text/css" rel="stylesheet">
−
font-family: 'Architects Daughter';
+
 
−
}
+
 
−
+
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
−
a.no-change:link, a.no-change:visited, a.no-change:hover, a.no-change:active {
+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
−
text-decoration: none;
+
<!--[if lt IE 9]>
−
color: #FFF;
+
<script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
−
}
+
<script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
−
+
<![endif]-->
−
@media (max-width: 979px) {
+
 
−
body {
+
<style>
−
padding-top: 0px;
+
#page-top, .intro-text {
−
padding-bottom:0px;
+
    width: 100%;
−
}
+
    margin: 0px;
−
}
+
}
−
.affix {
+
 
−
top: 0;
+
.span-text
−
width: 100%;
+
{
−
z-index: 9999 !important;
+
  display: inline-block;
−
}
+
  vertical-align: middle;
−
+
  line-height: 100%; /* <-- adjust this */
−
.navbar {
+
  margin: 5px;
−
margin-bottom: 0px;
+
}
−
}
+
 
−
+
.intro-heading {
−
.affix ~ .container-fluid {
+
    text-shadow:
−
position:relative;
+
    -1.5px -1.5px 0 #565656,
−
top: 50px;
+
    1.5px -1.5px 0 #565656,
−
}
+
    -1.5px 1.5px 0 #565656,
−
+
    1.5px 1.5px 0 #565656;
−
#content {
+
}
−
background-color:#ABC333;
+
−
}
+
−
+
−
#globalWrapper {
+
−
background-color:#333CBA;
+
−
}
+
−
+
 
</style>
 
</style>
 
</head>
 
</head>
  
  
−
<body  id="page-top" class="index">
 
−
  <!-- Background Canvas -->
 
−
  <div id = "background-canvas"></div>
 
 
   <!-- 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-lead-in">Welcome To Our Website!</div>
+
<div class="intro-heading" style="font-style:normal; font-family:Uncial Antiqua; font-size: 2em;">
−
        <div class="intro-heading"> Vanderbilt University </div>
+
                          <font id="header_text" color="#000000">Demons in the Code</font>
−
      </div>
+
                        </div>
−
    </div>
+
                        <img id="vandy_logo" src="https://static.igem.org/mediawiki/2015/5/52/Vanderbilt_2015_igemlogo_visibility.png"
−
  </header>
+
                            alt="vanderbilt's igem logo" width="30%" class="no-shadow"/>
 +
</div>
 +
</div>
 +
</header> 
 +
 
 +
<!-- MAIN 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