Difference between revisions of "Template:US AFRL CarrollHS NavBar"

Revision as of 18:54, 29 June 2017

Home

@@ Line 210: / Line 210: @@
-</style>
-</head>
-<body>
-<head>
-<style>
-ul {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
-    background-color: #333;
-}
-li {
-    float: left;
-}
-li a, .dropbutton {
-    display: inline-block;
-    color: white;
-    text-align: center;
-    padding: 14px 16px;
-    text-decoration: none;
-}
-li a:hover, .navbar:hover .dropbutton {
-    background-color: red;
-}
-li.navbar {
-    display: inline-block;
-}
-.navbar-content {
-    display: none;
-    position: absolute;
-    background-color: #f9f9f9;
-    min-width: 160px;
-    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-    z-index: 1;
-}
-.navbar-content a {
-    color: black;
-    padding: 12px 16px;
-    text-decoration: none;
-    display: block;
-    text-align: left;
-}
-.navbar-content a:hover {background-color: #f1f1f1}
-.navbar:hover .navbar-content {
-    display: block;
-}
 </style>
@@ Line 272: / Line 216: @@
 <ul>
-  <li><a href="https://2017.igem.org/Team:US_AFRL_CarrollHS">Home</a></li>
-	<li class="navbar">
+	 <a href="javascript:void(0)" class="dropbutton">Home</a>
+    <div class="navbar-content">
+	<a href= "https://2017.igem.org/Team:US_AFRL_CarrollHS">Home Page</a>
      <a href="javascript:void(0)" class="dropbutton">Team</a>
@@ Line 301: / Line 247: @@
        <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Part_Collection">Part Collection</a>
-      <li><a href="https://2017.igem.org/Team:US_AFRL_CarrollHS">Safety</a></li>
+        <div class="navbar-content">  <li class="navbar">
-	<li class="navbar">
+    <a href="javascript:void(0)" class="dropbutton">Safety</a>
+    <div class="navbar-content">
+      <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS">Safety Steps</a>
         <div class="navbar-content">  <li class="navbar">
@@ Line 311: / Line 260: @@
        <a href="https://2017.igem.org/Team:US_AFRL_CarrollHS/Engagement">Public Engagement</a>
-        <li><a href="https://igem.org/2017_Judging_Form?team=US_AFRL_CarrollHS">Judging Form</a></li>
+      <div class="navbar-content">  <li class="navbar">
-	<li class="navbar">
+    <a href="javascript:void(0)" class="dropbutton">Judging</a>
+    <div class="navbar-content">
+      <a href="https://igem.org/2017_Judging_Form?team=US_AFRL_CarrollHS">Judging Form</a>
      </div>