Difference between revisions of "Template:Manchester/Navbar"

Line 1: Line 1:
  
−
{{Manchester}}
 
−
{{Manchester/mobilenav}}
 
 
<html>
 
<html>
 
<head>
 
<head>
Line 33: Line 31:
  
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
−
nav .navbar {
 
−
display: table !important;
 
−
}
 
−
 
−
@media only screen and (max-width:800px) {
 
−
  /* For tablets: */
 
−
  .main {
 
−
    width: 80%;
 
−
    padding: 0;
 
−
  }
 
−
  .right {
 
−
    width: 100%;
 
−
  }
 
−
}
 
−
@media only screen and (max-width:500px) {
 
−
  /* For mobile phones: */
 
−
  .menu, .main, .right {
 
−
    width: 100%;
 
−
  }
 
−
}
 
−
 
  
 
body, html {
 
body, html {
−
 
+
  cursor: url(https://static.igem.org/mediawiki/2017/9/97/T--Manchester--Bee_Cursor.png), auto;
 
   margin: 0!important;
 
   margin: 0!important;
 
   padding: 0!important;
 
   padding: 0!important;
Line 74: Line 51:
  
  
 +
a {
 +
  cursor: url(https://static.igem.org/mediawiki/2017/d/df/T--Manchester--Bee_Cursor_sting.png), auto;
 +
}
  
 
#sideMenu,
 
#sideMenu,
Line 158: Line 138:
 
.dropdown10 {
 
.dropdown10 {
 
   display: block!important;
 
   display: block!important;
−
   width: 16vw!important;
+
   width: 10vw!important;
 
}
 
}
  
 
.dropdown13 {
 
.dropdown13 {
 
   display: block!important;
 
   display: block!important;
−
   width: 16vw!important;
+
   width: 13vw!important;
 
}
 
}
  
 
.dropdown7 {
 
.dropdown7 {
 
   display: block!important;
 
   display: block!important;
−
   width: 16vw!important;
+
   width: 7vw!important;
 
}
 
}
  
Line 177: Line 157:
 
}
 
}
  
−
 
+
.bmc-bg {
 +
  background-image: url(https://static.igem.org/mediawiki/2017/d/d4/T--Manchester--Navbackground.png);
 +
  background-position: center;
 +
  background-repeat: repeat-x;
 +
}
  
 
/********************************* CONTENT OF THE PAGE ********************************/
 
/********************************* CONTENT OF THE PAGE ********************************/
Line 246: Line 230:
 
   overflow: visible;
 
   overflow: visible;
 
   text-align: right
 
   text-align: right
−
 
 
}
 
}
  
Line 254: Line 237:
  
 
a[href="#verytop"] {
 
a[href="#verytop"] {
−
   color: #5bc7d8!important
+
   color: #B266B2!important
 
}
 
}
  
Line 282: Line 265:
 
   padding: 5px 15px;
 
   padding: 5px 15px;
 
   border-bottom: 0px;
 
   border-bottom: 0px;
−
   color: #72C489;
+
   color: #72c9b6;
 
}
 
}
  
Line 300: Line 283:
 
   padding: 0px 15px;
 
   padding: 0px 15px;
 
   font-size: 13px;
 
   font-size: 13px;
−
   font-family: 'Proxima-nova', sans-serif;
+
   font-family: 'Roboto', sans-serif;
 
}
 
}
  
Line 309: Line 292:
 
   font-weight: bold;
 
   font-weight: bold;
 
   text-decoration: underline;
 
   text-decoration: underline;
−
   text-decoration-color: #72C489;
+
   text-decoration-color: #72c9b6;
 
   color: #72c9b6;
 
   color: #72c9b6;
 
   -webkit-transition: all 0.4s ease;
 
   -webkit-transition: all 0.4s ease;
Line 382: Line 365:
 
   text-align: center;
 
   text-align: center;
 
   font-weight: bold;
 
   font-weight: bold;
−
   background-color: #72C489;
+
   background-color: #72c9b6;
−
   cursor: url(https://static.igem.org/mediawiki/2018/0/04/T--MichiganState--Endophyte2.png), auto;
+
   cursor: url(https://static.igem.org/mediawiki/2017/d/df/T--Manchester--Bee_Cursor_sting.png), auto;
 
   -webkit-transition: all 0.4s ease;
 
   -webkit-transition: all 0.4s ease;
 
   -moz-transition: all 0.4s ease;
 
   -moz-transition: all 0.4s ease;
Line 396: Line 379:
 
.button_click:hover {
 
.button_click:hover {
 
   background-color: #000000;
 
   background-color: #000000;
−
   color: #5bc7d8;
+
   color: #72c9b6;
 
}
 
}
  
Line 411: Line 394:
 
}
 
}
  
−
nav .navbar {
 
−
display: table !important;
 
−
}
 
−
 
−
.navigation-bar {
 
−
background-color: #000000;
 
−
}
 
−
@media (max-width: 980px) {
 
−
.navigation-bar {
 
−
background-color: #FFFFFF;
 
−
}
 
−
}
 
 
/********************************* RESPONSIVE STYLING ********************************/
 
/********************************* RESPONSIVE STYLING ********************************/
  
Line 440: Line 411:
  
 
<div class="logo-center logoheader">
 
<div class="logo-center logoheader">
−
       <a class="navbar-left" href="https://2018.igem.org/Team:Manchester">
+
       <a class="navbar-left" href="https://2017.igem.org/Team:Manchester">
−
         <a class="navbar-logo" href="https://2018.igem.org/Team:Manchester">
+
         <a class="navbar-logo" href="https://2017.igem.org/Team:Manchester">
−
           <img style="float: left; display: block" src="https://static.igem.org/mediawiki/2018/c/c6/T--Manchester--NAVBARLOGOCLEAR.PNG" width="200%">
+
           <img style="float: left; display: block" src="https://static.igem.org/mediawiki/2017/b/b1/T--Manchester--igemspinninglogo.gif" width="45%">
 +
          <h2 style="font-size: 1em!important; float: left; letter-spacing: 1px; padding-top: 10px!important; margin-top: 20px!important; width: 0px!important; overflow: visible!important">PHOSPHOSTORE</h2>
 
         </a>
 
         </a>
 
       </a>
 
       </a>
Line 450: Line 422:
 
         <ul class="nav navbar-nav navbar-right" style="margin-top: 10px;">
 
         <ul class="nav navbar-nav navbar-right" style="margin-top: 10px;">
  
−
           <li class="dropdown dropdown8">
+
           <li class="dropdown dropdown10">
−
             <a class="dropdown-toggle active dropdowntextcenter" href="https://2018.igem.org/Team:Manchester/Description">Project<span class="caret"></span></a>
+
             <a class="dropdown-toggle active dropdowntextcenter" href="https://2017.igem.org/Team:Manchester/Description">Project<span class="caret"></span></a>
 
             <ul class="dropdown-menu" style="left:0;">
 
             <ul class="dropdown-menu" style="left:0;">
−
               <li><a href="https://2018.igem.org/Team:Manchester/Description">Project Description</a></li>
+
               <li><a href="https://2017.igem.org/Team:Manchester/Description">Overview</a></li>
−
               <li><a href="https://2018.igem.org/Team:Manchester/Results">Results</a></li>
+
              <li><a href="https://2017.igem.org/Team:Manchester/Description1">Description</a></li>
−
               <li><a href="https://2018.igem.org/Team:Manchester/Collaborations">Collaborations</a></li>
+
               <li><a href="https://2017.igem.org/Team:Manchester/Results">Results</a></li>
−
               <li><a href="https://2018.igem.org/Team:Manchester/Improve">Improve</a></li>
+
               <li><a href="https://2017.igem.org/Team:Manchester/Demonstrate">Demonstration</a></li>
−
               <li><a href="https://2018.igem.org/Team:Manchester/Demonstrate">Demonstrate</a><li>
+
               <li><a href="https://2017.igem.org/Team:Manchester/Medals">Medal Criteria</a></li>
 +
               <li><a href="https://2017.igem.org/Team:Manchester/Achievement">Achievement</a></li>
 +
      <li><a href="https://igem.org/2017_Judging_Form?team=Manchester">☆JUDGING FORM☆</a></li>
 
             </ul>
 
             </ul>
 
           </li>
 
           </li>
  
−
           <li class="dropdown dropdown1">
+
           <li class="dropdown dropdown10">
−
             <a class="dropdown-toggle active dropdowntextcenter" href="https://2018.igem.org/Team:Manchester/Parts">PARTS<span class="caret"></span></a>
+
             <a class="dropdown-toggle active dropdowntextcenter" href="https://2017.igem.org/Team:Manchester/Model">Modelling<span class="caret"></span></a>
 
             <ul class="dropdown-menu" style="left:0;">
 
             <ul class="dropdown-menu" style="left:0;">
−
               <li><a href="https://2018.igem.org/Team:Manchester/Parts">Parts Overview</a></li>
+
               <li><a href="https://2017.igem.org/Team:Manchester/Model">Overview</a></li>
−
               <li><a href="https://2018.igem.org/Team:Manchester/Basic_Part">Basic Parts</a></li>
+
               <li><a href="https://2017.igem.org/Team:Manchester/Model/DoE">D. o. Experiment</a></li>
−
               <li><a href="https://2018.igem.org/Team:Manchester/Composite_Part">Composite parts</a></li>
+
               <li><a href="https://2017.igem.org/Team:Manchester/Model/Continuous_Culture">Cont. Culture</a></li>
−
               <li><a href="https://2018.igem.org/Team:Manchester/Part_Collection">Part collection</a></li>
+
               <li><a href="https://2017.igem.org/Team:Manchester/Model/PSO">PHO Operon</a></li>
 
             </ul>
 
             </ul>
 
           </li>
 
           </li>
  
−
           <li class="dropdown dropdown5">
+
           <li class="dropdown dropdown10">
−
             <a class="dropdown-toggle active dropdowntextcenter" href="https://2018.igem.org/Team:Manchester/Experiments">WET LAB<span class="caret"></span></a>
+
             <a class="dropdown-toggle active dropdowntextcenter" href="https://2017.igem.org/Team:Manchester/Parts">Parts<span class="caret"></span></a>
 
             <ul class="dropdown-menu" style="left:0;">
 
             <ul class="dropdown-menu" style="left:0;">
−
              <li><a href="https://2018.igem.org/Team:Manchester/InterLab">InterLab</a></li>
+
              <li><a href="https://2017.igem.org/Team:Manchester/Parts">Overview</a></li>
−
              <li><a href="https://2018.igem.org/Team:Manchester/Protocols">Protocols</a><li>
+
              <li><a href="https://2017.igem.org/Team:Manchester/Basic_Part">Basic Parts</a></li>
−
              <li><a href="https://2018.igem.org/Team:Manchester/Experiments">Lab Book</a></li>
+
              <li><a href="https://2017.igem.org/Team:Manchester/Composite_Part">Composite Parts</a></li>
−
              <li><a href="https://2018.igem.org/Team:Manchester/Safety">Safety</a></li>
+
              <li><a href="https://2017.igem.org/Team:Manchester/Improve">Improved Parts</a></li>
−
              <li><a href="https://2018.igem.org/Team:Manchester/Cheesemaking">Cheese Making</a><li>
+
              <li><a href="https://2017.igem.org/Team:Manchester/Part_Collection">Part Collection</a></li>
 
             </ul>
 
             </ul>
 
           </li>
 
           </li>
  
 +
          <li class="dropdown dropdown10">
 +
            <a class="dropdown-toggle active dropdowntextcenter" href="https://2017.igem.org/Team:Manchester/Notebook">Notebook<span class="caret"></span></a>
 +
            <ul class="dropdown-menu" style="left:0;">
 +
              <li><a href="https://2017.igem.org/Team:Manchester/Diary">Diary</a></li>
 +
              <li><a href="https://2017.igem.org/Team:Manchester/Experiments">Protocols</a></li>
 +
              <li><a href="https://2017.igem.org/Team:Manchester/Notebook">Lab book</a></li>
 +
              <li><a href="https://2017.igem.org/Team:Manchester/InterLab">InterLab</a></li>
 +
              <li><a href="https://2017.igem.org/Team:Manchester/Measurement">Measurement</a></li>
 +
            </ul>
 +
          </li>
  
 
           <li class="dropdown dropdown13">
 
           <li class="dropdown dropdown13">
−
             <a class="dropdown-toggle active dropdowntextcenter" href="https://2018.igem.org/Team:Manchester/Model">DRY LAB<span class="caret"></span></a>
+
             <a class="dropdown-toggle active dropdowntextcenter" href="https://2017.igem.org/Team:Manchester/HP/Silver">Human Practices<span class="caret"></span></a>
 
             <ul class="dropdown-menu">
 
             <ul class="dropdown-menu">
−
                <li> <a href="#">Promoter Quantification</a></li>
+
              <li><a href="https://2017.igem.org/Team:Manchester/HP/Silver">Human Practices</a></li>
−
                <li> <a href="https://2018.igem.org/Team:Manchester/Model">Experimental Model</a><li>
+
              <li><a href="https://2017.igem.org/Team:Manchester/HP/Gold_Integrated">Integrated Practices</a></li>
 +
              <li><a href="https://2017.igem.org/Team:Manchester/Engagement">Public Engagement</a></li>
 +
              <li><a href="https://2017.igem.org/Team:Manchester/HP/Water_Industry">Water Industry</a></li>
 +
              <li><a href="https://2017.igem.org/Team:Manchester/HP/Intellectual_Property">Intellectual Property</a></li>
 +
              <li><a href="https://2017.igem.org/Team:Manchester/Entrepreneurship">Entrepreneurship</a></li>
 
             </ul>
 
             </ul>
 
           </li>
 
           </li>
  
−
           <li class="dropdown dropdown5">
+
           <li class="dropdown dropdown7">
−
             <a class="dropdown-toggle active dropdowntextcenter" href="">HUMAN PRACTICES<span class="caret"></span></a>
+
             <a class="dropdown-toggle active dropdowntextcenter" href="https://2017.igem.org/Team:Manchester/Team">Team<span class="caret"></span></a>
−
             <ul class="dropdown-menu" style="text-align: right;"></li>
+
             <ul class="dropdown-menu" style="text-align: right;">
−
            <li> <a href="https://2018.igem.org/Team:Manchester/Human_Practices">Integrated Human Practices</a></li>
+
              <li><a href="https://2017.igem.org/Team:Manchester/Team">Team</a></li>
−
               <li><a href="#">The Cost of Listeria</a></li>
+
               <li><a href="https://2017.igem.org/Team:Manchester/Collaborations">Collaborations</a></li>
−
              <li><a href="#">GMO's and Brexit</a></li>
+
               <li><a href="https://2017.igem.org/Team:Manchester/Attributions">Attributions</a></li>
−
               <li><a href="https://2018.igem.org/Team:Manchester/Public_Engagement">Outreach</a></li>
+
 
             </ul>
 
             </ul>
 
           </li>
 
           </li>
−
 
−
          <li class="dropdown dropdown10">
 
−
            <a class="dropdown-toggle active dropdowntextcenter" href="https://2018.igem.org/Team:Manchester/Team">TEAM<span class="caret"></span></a>
 
−
            <ul class="dropdown-menu" style="left:0;">
 
−
                <li><a href="https://2018.igem.org/Team:Manchester/Team">The Team</a></li>
 
−
                <li><a href="https://2018.igem.org/Team:Manchester/Attributions">Attributions</a></li>
 
−
                <li><a href="https://2018.igem.org/Team:Manchester/Notebook">Calendar</a><li>
 
−
              <li><a href="#">Gallery</a><li>
 
−
            </ul>
 
−
          </li>
 
−
 
−
            </ul>
 
−
          </li>
 
−
 
 
         </ul>
 
         </ul>
 
       </div>
 
       </div>

Revision as of 16:05, 20 September 2018