Difference between revisions of "Template:Vanderbilt"
Line 2: | Line 2: | ||
<head> | <head> | ||
− | + | <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"> | |
− | + | <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"></link> | |
− | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> | |
− | + | <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 --> | <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | ||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | ||
Line 32: | Line 20: | ||
<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> | ||
+ | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
− | + | .firstHeading { | |
− | + | display: none; | |
− | + | } | |
− | + | ||
− | + | p, h1, h2, h3, h4, h5, h6, div { | |
− | + | position: relative; | |
+ | width: inherit; | ||
+ | } | ||
+ | |||
+ | body, html, #content, #globalWrapper { | ||
+ | font-family: 'Architects Daughter'; | ||
+ | <!-- needed for scrollspy (data-spy="scroll")--> | ||
+ | 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 { | ||
+ | padding-bottom: 60px; | ||
+ | padding-top: 60px; | ||
+ | } | ||
+ | #top_menu_inside { | ||
+ | margin: 0%; | ||
+ | font-family: 'Architects Daughter'; | ||
+ | } | ||
+ | |||
+ | a.no-change:link, a.no-change:visited, a.no-change:hover, a.no-change:active { | ||
+ | text-decoration: none; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 979px) { | ||
+ | body { | ||
+ | padding-top: 0px; | ||
+ | padding-bottom:0px; | ||
+ | } | ||
+ | } | ||
+ | .affix { | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | z-index: 9999 !important; | ||
+ | } | ||
+ | |||
+ | .navbar { | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | .affix ~ .container-fluid { | ||
+ | position:relative; | ||
+ | top: 50px; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | background-color:#ABC333; | ||
+ | } | ||
+ | |||
+ | #globalWrapper { | ||
+ | background-color:#333CBA; | ||
+ | } | ||
+ | |||
+ | </style> | ||
</head> | </head> | ||
+ | |||
<body id="page-top" class="index"> | <body id="page-top" class="index"> | ||
Line 55: | Line 116: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div id="header" data-spy="scroll" data-target=".navbar" data-offset="50"> | ||
+ | |||
+ | <!-- title --> | ||
+ | <div class="container-fluid" style="background-color:#F44336;color:#fff;height:200px;"> | ||
+ | <h1><a class="no-change" href="#">Vanderbilt iGEM</a></h1> | ||
+ | </div> | ||
+ | |||
+ | <!-- the navigation bar --> | ||
+ | <nav class="navbar navbar-inverse" data-spy="affix" data-offset-top="197"> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu"> | ||
+ | <!-- makes the horizontal lines that is a menu icon--> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div class="collapse navbar-collapse" id="menu"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Team">Team</a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:Vanderbilt/Project">Project<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Project/Description">Description</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Project/Experiment">Experiment & Protocols </a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Results">Results</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Design">Design</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:Vanderbilt/Parts">Parts<span class="caret"></span></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Parts/Team">Team Parts</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Parts/Basic">Basic Parts </a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Parts/Composite">Composite Parts</a></li> | ||
+ | <li><a href="#https://2015.igem.org/Team:Vanderbilt/Parts/Collection">Part Collection</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Human_Practices">Policy and Practice</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Safety">Safety</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Modeling">Modeling</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Measuring">Measurement</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Vanderbilt/Software">Software</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | |||
+ | <div id="test" class="container-fluid"> | ||
+ | <h1> Test </h1> | ||
+ | <p> | ||
+ | test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test | ||
+ | </p> | ||
+ | |||
+ | <p> | ||
+ | test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test | ||
+ | </p> | ||
+ | |||
+ | |||
+ | </div> | ||
</header> | </header> | ||
</html> | </html> |
Revision as of 06:03, 27 August 2015
Test
test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test
test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test