Difference between revisions of "Team:Austin UTexas LASA/Templates/header"

(Team:Austin_UTexas_LASA/Templates/header)
 
 
(240 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<html lang="en"><head>
+
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
−
</head>
+
   
−
<body>
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
</body>
+
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
    <link rel="icon" href="https://getbootstrap.com/docs/3.3/favicon.ico">
 +
 
 +
    <!-- Bootstrap core CSS -->
 +
    <link href="https://getbootstrap.com/docs/3.3/dist/css/bootstrap.min.css" rel="stylesheet">
 +
 
 +
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 +
    <link href="https://getbootstrap.com/docs/3.3/dist/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
 +
 
 +
    <!-- Custom styles for this template -->
 +
    <link href="https://getbootstrap.com/docs/3.3/dist/css/navbar-fixed-top.css" rel="stylesheet">
 +
 
 +
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
 +
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
 +
    <script src="https://getbootstrap.com/docs/3.3/dist/css/ie-emulation-modes-warning.js.download"></script>
 +
 
 +
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 +
    <!--[if lt IE 9]>
 +
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 +
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
 
 +
    <link href="https://fonts.googleapis.com/css?family=News+Cycle" rel="stylesheet">
 +
    <link href="https://fonts.googleapis.com/css?family=Coda" rel="stylesheet">
 +
    <link href="https://fonts.googleapis.com/css?family=Antic" rel="stylesheet">
 +
 
 +
<style>
 +
 
 +
  body,
 +
  html{
 +
  padding:0;
 +
  overflow-x: hidden;
 +
  position: relative;
 +
  }
 +
 
 +
  #content {
 +
  width: 100%;
 +
  height: 100%;
 +
  border:0;
 +
  margin: 0px;
 +
  padding:0px;
 +
  background-color:#F6F2EA;
 +
  background-image: url("https://static.igem.org/mediawiki/2017/b/bb/T--Austin_UTexas_LASA--backgroundTrans.png") ;
 +
  background-repeat: no-repeat; 
 +
  }
 +
 
 +
  h1,h2,h3, h4, h5 {
 +
    /* font-family: 'News Cycle', sans-serif !important; */
 +
    font-family: 'Antic', sans-serif !important;
 +
  }
 +
 
 +
  h1 {
 +
    text-align: left;
 +
    background-color: #7D5E7F;
 +
    color: white;
 +
    padding-top:40px;
 +
    padding-left:20px;
 +
    height: 100px;
 +
  }
 +
 
 +
  .page_title {
 +
    font-family: 'News Cycle', sans-serif;
 +
  }
 +
 
 +
  #top_title, #sideMenu{
 +
    display: none;
 +
  }
 +
 
 +
 
 +
  /* for making menu open on hover */
 +
@media (min-width: 979px) {
 +
  ul.nav li.dropdown:hover > ul.dropdown-menu {
 +
    display: block;
 +
  }
 +
 
 +
}
 +
 
 +
.navbar-default {
 +
    /* background-color: #7D5E7F; */
 +
    background-color: #2B1C26;
 +
    border-color: transparent;
 +
}
 +
 
 +
.navbar-default .navbar-nav > li > a {
 +
    /* background-color: #7D5E7F; */
 +
    background-color: #2B1C26;
 +
    color: white
 +
}
 +
 
 +
.navbar-default .navbar-nav > li > a:hover,
 +
.navbar-default .navbar-nav > li > a:focus {
 +
    color: #C5C5C5;
 +
}
 +
 
 +
.nav a{
 +
    font-family: 'Coda', cursive, sans-serif !important;
 +
    font-size: 1.2em;
 +
    }
 +
 
 +
#HQ_page p {
 +
    /* font-family: "Arial",Helvetica,sans-serif; */
 +
    font-family: 'Antic', sans-serif;
 +
    font-size: 20px;
 +
    text-align: justify;
 +
}
 +
 
 +
 
 +
 
 +
</style>
 +
 
 +
  </head>
 +
 
 +
    <header>
 +
 
 +
    <!-- Fixed navbar -->
 +
    <nav class="navbar navbar-default navbar-fixed-top" style=" padding-top: 20px;">
 +
      <div class="container-fluid" style="padding-left:5px;">
 +
        <div class="navbar-header navbar-left">
 +
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 +
            <span class="sr-only">Toggle navigation</span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
          </button>
 +
          <a  href="https://2017.igem.org/Team:Austin_UTexas_LASA"><img src="https://static.igem.org/mediawiki/2017/2/2f/T--Austin_UTexas_LASA--logoblack.jpg" style="height:53px;width:150px"></a>
 +
        </div>
 +
        <div id="navbar" class="navbar-collapse collapse">
 +
          <ul class="nav navbar-nav navbar-right">
 +
            <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA" style="font-size:1.0em"><b>Home</b></a></li>
 +
            <li class="dropdown">
 +
              <a href="https://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="font-size:1.0em"><b>Project</b><span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Description">Description</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Design">Design</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Parts">Parts</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Experiments">Experiments</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Results">Results</a></li>
 +
              </ul>
 +
            </li>
 +
 
 +
            <li class="dropdown">
 +
              <a href="https://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="font-size:1.0em"><b>Practices</b><span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Notebook">Notebook</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Safety">Safety</a></li>
 +
              </ul>
 +
            </li>
 +
 
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="font-size:1.0em"><b>Other Aspects</b><span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Contribution">Contributions</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Collaborations">Collaborations</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Engagement">Public Engagement</a></li>
 +
              </ul>
 +
            </li>
 +
 
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="font-size:1.0em"><b>Team & iGEM</b><span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Team">Team</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Attributions">Attributions</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Medals">Medal Criteria</a></li>
 +
              </ul>
 +
            </li>
 +
 
 +
          </ul>
 +
        </div><!--/.nav-collapse -->
 +
      </div>
 +
    </nav>
 +
 
 +
 
 +
 
 +
    </header>
 +
    <!-- Bootstrap core JavaScript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 +
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
 +
    <script src="https://getbootstrap.com/docs/3.3/dist/js/bootstrap.min.js"></script>
 +
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 +
    <script src="https://getbootstrap.com/docs/3.3/dist/js/ie10-viewport-bug-workaround.js"></script>
 +
 
 +
   
 
</html>
 
</html>

Latest revision as of 01:41, 2 November 2017