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

 
(233 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
     <meta name="author" content="">
 
     <meta name="author" content="">
 
     <link rel="icon" href="https://getbootstrap.com/docs/3.3/favicon.ico">
 
     <link rel="icon" href="https://getbootstrap.com/docs/3.3/favicon.ico">
−
 
−
    <title>Fixed Top Navbar Example for Bootstrap</title>
 
  
 
     <!-- Bootstrap core CSS -->
 
     <!-- Bootstrap core CSS -->
Line 28: Line 26:
 
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
     <![endif]-->
 
     <![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>
 
<style>
−
   #sideMenu{
+
 
 +
   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;
 
     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>
 
</style>
  
 
   </head>
 
   </head>
  
−
  <body>
+
    <header>
  
 
     <!-- Fixed navbar -->
 
     <!-- Fixed navbar -->
−
     <nav class="navbar navbar-default navbar-fixed-top">
+
     <nav class="navbar navbar-default navbar-fixed-top" style=" padding-top: 20px;">
−
       <div class="container">
+
       <div class="container-fluid" style="padding-left:5px;">
−
         <div class="navbar-header">
+
         <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">
 
           <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="sr-only">Toggle navigation</span>
Line 49: Line 129:
 
             <span class="icon-bar"></span>
 
             <span class="icon-bar"></span>
 
           </button>
 
           </button>
−
          <div class="logo_2017">
+
          <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>
−
                    <a href="https://2017.igem.org">
+
−
                    <img src="https://static.igem.org/mediawiki/2017/8/8b/HQ_page_logo.jpg" width="100px">
+
−
                    </a>
+
−
          </div>
+
 
         </div>
 
         </div>
 
         <div id="navbar" class="navbar-collapse collapse">
 
         <div id="navbar" class="navbar-collapse collapse">
 
           <ul class="nav navbar-nav navbar-right">
 
           <ul class="nav navbar-nav navbar-right">
−
             <li class="active"><a href="https://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/#">Home</a></li>
+
             <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA" style="font-size:1.0em"><b>Home</b></a></li>
−
            <li><a href="https://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/#about">About</a></li>
+
−
            <li><a href="https://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/#contact">Contact</a></li>
+
 
             <li class="dropdown">
 
             <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">Dropdown <span class="caret"></span></a>
+
               <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">
 
               <ul class="dropdown-menu">
−
                 <li><a href="https://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/#">Action</a></li>
+
                 <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Description">Description</a></li>
−
                 <li><a href="https://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/#">Another action</a></li>
+
                 <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Design">Design</a></li>
−
                 <li><a href="https://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/#">Something else here</a></li>
+
                 <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Parts">Parts</a></li>
−
                <li role="separator" class="divider"></li>
+
                 <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Experiments">Experiments</a></li>
−
                <li class="dropdown-header">Nav header</li>
+
                 <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Results">Results</a></li>
−
                 <li><a href="https://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/#">Separated link</a></li>
+
−
                 <li><a href="https://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/#">One more separated link</a></li>
+
 
               </ul>
 
               </ul>
 
             </li>
 
             </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>
 
           </ul>
 
         </div><!--/.nav-collapse -->
 
         </div><!--/.nav-collapse -->
Line 77: Line 176:
 
     </nav>
 
     </nav>
  
 +
 
 +
 +
    </header>
 
     <!-- Bootstrap core JavaScript
 
     <!-- Bootstrap core JavaScript
 
     ================================================== -->
 
     ================================================== -->
Line 85: Line 187:
 
     <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 
     <!-- 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>
 
     <script src="https://getbootstrap.com/docs/3.3/dist/js/ie10-viewport-bug-workaround.js"></script>
−
 
 
  
−
</body></html>
+
   
 +
</html>

Latest revision as of 01:41, 2 November 2017