Difference between revisions of "Template:Freiburg/Menubar"

 
(27 intermediate revisions by 3 users not shown)
Line 16: Line 16:
 
         display: flex;
 
         display: flex;
 
         justify-content: center;
 
         justify-content: center;
−
         background-color:  grey;    /*this is the color behind menu buttons */
+
         background-color:  #893939;    /*this is the color behind menu buttons */
 
     }
 
     }
 
      
 
      
Line 41: Line 41:
 
       /*  color: #aba5aa; this is the color of menu text */
 
       /*  color: #aba5aa; this is the color of menu text */
 
         color: #be740d;   
 
         color: #be740d;   
−
         background-color: #050449;    /*this is the color of menu buttons */
+
         background-color: #893939;    /*this is the color of menu buttons */
 
         text-decoration: none;
 
         text-decoration: none;
 
/*      border-radius: 15px 15px 15px 15px;*/
 
/*      border-radius: 15px 15px 15px 15px;*/
Line 101: Line 101:
 
      
 
      
 
     .sub-menu li a {
 
     .sub-menu li a {
−
         font-family: 'Farsan', cursive;
+
         /*font-family: 'Farsan', cursive;*/
 
         font-size: 16px;
 
         font-size: 16px;
 
         padding: 4px;
 
         padding: 4px;
 
         display: block;
 
         display: block;
−
         background: black;
+
         background: #893939;                 /* color of submenu */
 +
      /* background: #1b8b91; */
 
     }
 
     }
 
     li li{
 
     li li{
Line 113: Line 114:
 
     .sub-menu li a:hover,
 
     .sub-menu li a:hover,
 
     .sub-menu .current-item a {}
 
     .sub-menu .current-item a {}
 +
 +
    .menuSmall{
 +
        display: none;
 +
    }
 +
 +
@media screen and (max-width : 560px){
 +
 
 +
    .menu-wrap {
 +
        display:none;
 +
    }
 +
 +
    .menuSmall{
 +
        display: block;
 +
    }
 +
 +
}
 +
 +
   
 +
@font-face {
 +
    font-family: 'Londrina Sketch';
 +
    src: url(https://static.igem.org/mediawiki/2016/a/a5/T--Freiburg--Font_LondrinaSketch.ttf)  format('truetype');
 +
    font-weight: bold;
 +
    font-style: italic;
 +
}
 +
 +
@font-face {
 +
    font-family: 'Gloria Hallelujah';
 +
    src: url(https://static.igem.org/mediawiki/2016/f/f1/T--Freiburg--Font-Gloria_Hallelujah.ttf)  format('truetype');
 +
    font-weight: bold;
 +
    font-style: italic;
 +
}
 +
 +
@font-face {
 +
    font-family: 'Baloo Paaji';
 +
    src: url(https://static.igem.org/mediawiki/2016/b/b1/T--Freiburg--Fonts_BalooPaani.ttf)  format('truetype');
 +
    font-weight: bold;
 +
    font-style: italic;
 +
}
 +
 +
@font-face {
 +
    font-family: 'Farsan';
 +
    src: url(https://static.igem.org/mediawiki/2016/6/61/T--Freiburg--Font-Farsan.ttf)  format('truetype');
 +
    font-weight: bold;
 +
    font-style: italic;
 +
}
 +
 +
@font-face {
 +
    font-family: 'Days One';
 +
    src: url(https://static.igem.org/mediawiki/2016/5/52/T--Freiburg--Fonts_DaysOne.ttf)  format('truetype');
 +
    font-weight: bold;
 +
    font-style: italic;
 +
}
 +
 +
 
</style>
 
</style>
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<!-- This tells the browser that your page is responsive -->
 
<!-- This tells the browser that your page is responsive -->
  
−
<head>
+
<div class="menuSmall">
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
     <h5> <a href=" https://2016.igem.org/Team:Freiburg/sitemap"> Menu  </a> </h5>
−
     <link href="https://fonts.googleapis.com/css?family=Londrina+Sketch" rel="stylesheet">  
+
</div>
−
    <link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah" rel="stylesheet"> 
+
−
    <link href="https://fonts.googleapis.com/css?family=Baloo+Paaji" rel="stylesheet">  
+
−
    <link href="https://fonts.googleapis.com/css?family=Farsan" rel="stylesheet">  
+
−
    <link href="https://fonts.googleapis.com/css?family=Days+One" rel="stylesheet">  
+
−
</head>
+
  
 
<div class="menu-wrap">
 
<div class="menu-wrap">
Line 135: Line 185:
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Achievements">  Achievements </a> </li>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Achievements">  Achievements </a> </li>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Pictures">  Pictures </a> </li>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Pictures">  Pictures </a> </li>
 +
                        <li> <a href="https://2016.igem.org/Team:Freiburg/GiantJamboree"> Giant Jamboree </a> </li>
 +
 +
 +
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
−
             <li class="menu_item"> <a href="https://2016.igem.org/Team:Freiburg/Description"> Project </a>
+
             <li class="menu_item"> <a href="https://2016.igem.org/Team:Freiburg/Overview"> Project </a>
 
                 <ul class="sub-menu">
 
                 <ul class="sub-menu">
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Motivation"> Motivation </a></li>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Motivation"> Motivation </a></li>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Goals_Approach"> Approach </a></li>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Goals_Approach"> Approach </a></li>
−
                         <li> <a href="https://2016.igem.org/Team:Freiburg/B_subtilis"> Probiotics </a>
+
                         <li> <a href="https://2016.igem.org/Team:Freiburg/B_subtilis"> B. subtilis </a>
−
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Surface_Display"> Microbial cell surface display
+
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Surface_Display"> Microbial surface display
 
  </a>
 
  </a>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Targeted Drug Delivery"> Targeted Drug Delivery</a> </ul>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Targeted Drug Delivery"> Targeted Drug Delivery</a> </ul>
Line 155: Line 209:
 
                     <ul class="sub-menu">
 
                     <ul class="sub-menu">
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Proof"> Proof of Concept </a></li>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Proof"> Proof of Concept </a></li>
−
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Targeting"> Targeting </a></li>
+
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Binding"> Binding </a></li>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Delivery"> Delivery </a></li>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Delivery"> Delivery </a></li>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Production_Nanocillus"> Nanocillus </a></li>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Production_Nanocillus"> Nanocillus </a></li>
Line 170: Line 224:
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/PR"> Public relations </a>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/PR"> Public relations </a>
 
                     <ul class="sub-menu">
 
                     <ul class="sub-menu">
−
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Human_Practices"> General </a></li>
+
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Human_Practices"> Human Practice </a></li>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Integrated_Practices"> Integrated </a></li>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Integrated_Practices"> Integrated </a></li>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Collaborations"> Collaborations </a></li>
 
                         <li> <a href="https://2016.igem.org/Team:Freiburg/Collaborations"> Collaborations </a></li>
 +
                        <li> <a href="https://2016.igem.org/Team:Freiburg/Poster"> Poster </a></li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>

Latest revision as of 10:35, 3 November 2016

Menu