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

 
(165 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, #top_title{
+
 
 +
  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 */
 
   /* for making menu open on hover */
Line 43: Line 83:
  
 
.navbar-default {
 
.navbar-default {
−
     background-color: #7D5E7F;
+
     /* background-color: #7D5E7F; */
−
     border-color: #E7E7E7;
+
     background-color: #2B1C26;
 +
    border-color: transparent;
 
}
 
}
  
 
.navbar-default .navbar-nav > li > a {
 
.navbar-default .navbar-nav > li > a {
−
     background-color: #7D5E7F;
+
     /* background-color: #7D5E7F; */
 +
    background-color: #2B1C26;
 
     color: white
 
     color: white
 
}
 
}
Line 54: Line 96:
 
.navbar-default .navbar-nav > li > a:hover,
 
.navbar-default .navbar-nav > li > a:hover,
 
.navbar-default .navbar-nav > li > a:focus {
 
.navbar-default .navbar-nav > li > a:focus {
−
     color: #EFEFF7;
+
     color: #C5C5C5;
 
}
 
}
  
 
.nav a{
 
.nav a{
−
     font-size: 1.1em !important;
+
    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>
Line 65: Line 117:
 
   </head>
 
   </head>
  
−
  <body>
+
    <header>
  
 
     <!-- Fixed navbar -->
 
     <!-- Fixed navbar -->
Line 77: Line 129:
 
             <span class="icon-bar"></span>
 
             <span class="icon-bar"></span>
 
           </button>
 
           </button>
−
           <a  href="https://2017.igem.org"><img src="https://static.igem.org/mediawiki/2017/b/bf/HQ_menu_logo.jpg" style="height:53px;width:150px"></a>
+
           <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>
 
         <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><a href="#">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 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">PROJECT<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="#">Description</a></li>
+
                 <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Description">Description</a></li>
−
                 <li><a href="#">Design</a></li>
+
                 <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Design">Design</a></li>
−
                 <li><a href="#">Experimentation</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>
 
               </ul>
 
             </li>
 
             </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">EXPERIMENT<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>Practices</b><span class="caret"></span></a>
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
−
                 <li><a href="#">Notebook</a></li>
+
                 <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Notebook">Notebook</a></li>
−
                 <li><a href="#">Safety</a></li>
+
                 <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Safety">Safety</a></li>
−
                <li><a href="#">Model</a></li>
+
 
               </ul>
 
               </ul>
 
             </li>
 
             </li>
  
 
             <li class="dropdown">
 
             <li class="dropdown">
−
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">RESULTS<span class="caret"></span></a>
+
               <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">
 
               <ul class="dropdown-menu">
−
                 <li><a href="#">Model</a></li>
+
                 <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>
 
               </ul>
 
             </li>
 
             </li>
−
 
−
            <li><a href="#">PARTS</a></li>
 
  
 
             <li class="dropdown">
 
             <li class="dropdown">
−
               <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM<span class="caret"></span></a>
+
               <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">
 
               <ul class="dropdown-menu">
−
                 <li><a href="#">Our Team</a></li>
+
                 <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Team">Team</a></li>
−
                 <li><a href="#">Collaboration</a></li>
+
                 <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Attributions">Attributions</a></li>
−
                 <li><a href="#">Attribution</a></li>
+
                 <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Medals">Medal Criteria</a></li>
−
                <li><a href="#">Human Practice</a></li>  
+
 
               </ul>
 
               </ul>
 
             </li>
 
             </li>
Line 124: Line 176:
 
     </nav>
 
     </nav>
  
 +
 
 +
 +
    </header>
 
     <!-- Bootstrap core JavaScript
 
     <!-- Bootstrap core JavaScript
 
     ================================================== -->
 
     ================================================== -->
Line 132: 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