Difference between revisions of "Template:Freiburg/Menubar"

Line 16: Line 16:
 
     .menu-wrap {
 
     .menu-wrap {
 
         /*width:100%;*/
 
         /*width:100%;*/
        box-shadow:0px 1px 3px rgba(255, 197, 0, 0.2);
+
/*        box-shadow:0px 1px 3px rgba(255, 197, 0, 0.2);*/
 
         color: #3e0a11;
 
         color: #3e0a11;
 
     }
 
     }
Line 22: Line 22:
 
     .menu {
 
     .menu {
 
         /*width:1000px;*/
 
         /*width:1000px;*/
 
+
       
 +
       
 
         margin:0px auto;
 
         margin:0px auto;
 
     }
 
     }
  
 
     .menu li {
 
     .menu li {
         margin:0px;
+
         margin:5px;
 
         list-style:none;
 
         list-style:none;
 
     }
 
     }
  
 
     .menu a {
 
     .menu a {
 +
        font-size:14px;
 +
        font-family: 'Bad Script', cursive;
 +
        font-weight: bold;
 +
        letter-spacing: 3px;
 
         transition:all linear 0.15s;
 
         transition:all linear 0.15s;
         color:#919191;
+
         color:white;
         background-color: black;
+
         background-color: #bca8ab;
 +
        text-decoration:none;
 +
/*        -webkit-border-radius: 10px 10px 10px 10px;*/
 +
        border-radius: 15px 15px 15px 15px;
 
     }
 
     }
  
Line 53: Line 61:
 
         position:relative;
 
         position:relative;
 
         font-size:12px;
 
         font-size:12px;
        color: black;
+
/*        color: black;*/
 
          
 
          
 
     }
 
     }
Line 60: Line 68:
 
         padding:4px 14px;
 
         padding:4px 14px;
 
         display:inline-block;
 
         display:inline-block;
        text-shadow:0px 1px 0px rgba(0,0,0,0.4);
+
/*        text-shadow:0px 1px 0px rgba(0,0,0,0.4);*/
  
 
          
 
          
Line 67: Line 75:
  
 
     .menu > ul > li:hover > a, .menu > ul > .current-item > a {
 
     .menu > ul > li:hover > a, .menu > ul > .current-item > a {
        background:#2e2728;
+
/*        background:#2e2728;*/
 
         margin-bottom:-5px;
 
         margin-bottom:-5px;
 
     }
 
     }
Line 78: Line 86:
  
 
     .sub-menu {
 
     .sub-menu {
         width:200%;
+
         width:180px;
 
         padding:5px 0px;
 
         padding:5px 0px;
 
         position:absolute;
 
         position:absolute;
Line 86: Line 94:
 
         opacity:0;
 
         opacity:0;
 
         transition:opacity linear 0.15s;
 
         transition:opacity linear 0.15s;
        box-shadow:0px 2px 3px rgba(0,0,0,0.2);
+
/*        box-shadow:0px 2px 3px rgba(0,0,0,0.2);*/
        background:#2e2728;
+
/*        background:#2e2728;*/
 
     }
 
     }
  
 
     .sub-menu li {
 
     .sub-menu li {
 
         display:block;
 
         display:block;
        font-size:14px;
+
/*        font-size:14px;*/
 
     }
 
     }
  
Line 101: Line 109:
  
 
     .sub-menu li a:hover, .sub-menu .current-item a {
 
     .sub-menu li a:hover, .sub-menu .current-item a {
        background:#3e3436;
+
/*        background:#3e3436;*/
 
     }
 
     }
  
Line 118: Line 126:
 
<head>
 
<head>
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <link href="https://fonts.googleapis.com/css?family=Bad+Script" rel="stylesheet">
 
</head>
 
</head>
  
Line 129: Line 138:
 
         <ul class="clearfix">
 
         <ul class="clearfix">
  
             <li class="menu_item"> <a href="https://2016.igem.org/Team:Freiburg">HOME </a> </li>
+
             <li class="menu_item"> <a href="https://2016.igem.org/Team:Freiburg">Home </a> </li>
  
  
 
             <li class="menu_item" >
 
             <li class="menu_item" >
                 <a href="#"> TEAM <span class="arrow"> &#9660; </span></a>
+
                 <a href="#"> Team <span class="arrow"></span></a>
 
                 <ul class="sub-menu">
 
                 <ul class="sub-menu">
 
                     <li> <a href=" https://2016.igem.org/Team:Freiburg/Team"> Team  </a> </li>
 
                     <li> <a href=" https://2016.igem.org/Team:Freiburg/Team"> Team  </a> </li>
Line 144: Line 153:
  
 
             <li class="menu_item">
 
             <li class="menu_item">
                 <a href="#">  PROJECT <span class="arrow">&#9660;</span> </a>
+
                 <a href="#">  Project <span class="arrow"></span> </a>
 
                 <ul class="sub-menu">
 
                 <ul class="sub-menu">
 
                     <li> <a href="https://2016.igem.org/Team:Freiburg/Overview"> Overview </a></li>
 
                     <li> <a href="https://2016.igem.org/Team:Freiburg/Overview"> Overview </a></li>
Line 156: Line 165:
  
 
             <li class="menu_item">
 
             <li class="menu_item">
                 <a href="#"> LAB <span class="arrow">&#9660;</span></a>
+
                 <a href="#"> Lab <span class="arrow"></span></a>
 
                 <ul class="sub-menu">
 
                 <ul class="sub-menu">
 
                     <li> <a href="https://2016.igem.org/Team:Freiburg/B_subtilis"> B. subtilis </a></li>
 
                     <li> <a href="https://2016.igem.org/Team:Freiburg/B_subtilis"> B. subtilis </a></li>
Line 166: Line 175:
  
 
             <li class="menu_item">
 
             <li class="menu_item">
                 <a href="#"> PARTS <span class="arrow">&#9660;</span></a>
+
                 <a href="#"> Parts <span class="arrow"></span></a>
 
                 <ul class="sub-menu">
 
                 <ul class="sub-menu">
 
                     <li> <a href="https://2016.igem.org/Team:Freiburg/Biobricks"> Biobricks </a></li>
 
                     <li> <a href="https://2016.igem.org/Team:Freiburg/Biobricks"> Biobricks </a></li>
Line 175: Line 184:
  
 
             <li class="menu_item">
 
             <li class="menu_item">
                 <a href="#"> SAFETY <span class="arrow">&#9660;</span></a>
+
                 <a href="#"> Safety <span class="arrow"></span></a>
 
                 <ul class="sub-menu">
 
                 <ul class="sub-menu">
 
                     <li> <a href="https://2016.igem.org/Team:Freiburg/General"> Biobricks </a></li>
 
                     <li> <a href="https://2016.igem.org/Team:Freiburg/General"> Biobricks </a></li>
Line 186: Line 195:
  
 
             <li class="menu_item">
 
             <li class="menu_item">
                 <a href="#"> HUMAN PRACTICES <span class="arrow">&#9660;</span> </a>
+
                 <a href="#"> Human Practices <span class="arrow"></span> </a>
 
                 <ul class="sub-menu">
 
                 <ul class="sub-menu">
 
                     <li> <a href="https://2016.igem.org/Team:Freiburg/Human_Practices"> Human Practices </a></li>
 
                     <li> <a href="https://2016.igem.org/Team:Freiburg/Human_Practices"> Human Practices </a></li>

Revision as of 17:11, 21 August 2016