Difference between revisions of "Template:Freiburg/Menubar"

(local fonts add)
 
(9 intermediate revisions by 3 users not shown)
Line 114: 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){
 
@media screen and (max-width : 560px){
/*Make dropdown links appear inline*/
+
 
+
    .menu-wrap {
/*Create vertical spacing*/
+
        display:none;
.menu li {
+
    }
margin-bottom: 1px;
+
 
}
+
    .menuSmall{
/*Make all menu links full width*/
+
        display: block;
.menu ul li, li a {
+
    }
width: 100%;
+
 
}
+
}
 +
 
 
      
 
      
 
@font-face {
 
@font-face {
     font-family: Londrina Sketch;
+
     font-family: 'Londrina Sketch';
 
     src: url(https://static.igem.org/mediawiki/2016/a/a5/T--Freiburg--Font_LondrinaSketch.ttf)  format('truetype');
 
     src: url(https://static.igem.org/mediawiki/2016/a/a5/T--Freiburg--Font_LondrinaSketch.ttf)  format('truetype');
 
     font-weight: bold;
 
     font-weight: bold;
Line 135: Line 140:
  
 
@font-face {
 
@font-face {
     font-family: Gloria Hallelujah;
+
     font-family: 'Gloria Hallelujah';
 
     src: url(https://static.igem.org/mediawiki/2016/f/f1/T--Freiburg--Font-Gloria_Hallelujah.ttf)  format('truetype');
 
     src: url(https://static.igem.org/mediawiki/2016/f/f1/T--Freiburg--Font-Gloria_Hallelujah.ttf)  format('truetype');
 
     font-weight: bold;
 
     font-weight: bold;
Line 142: Line 147:
  
 
@font-face {
 
@font-face {
     font-family: Baloo Paaji;
+
     font-family: 'Baloo Paaji';
 
     src: url(https://static.igem.org/mediawiki/2016/b/b1/T--Freiburg--Fonts_BalooPaani.ttf)  format('truetype');
 
     src: url(https://static.igem.org/mediawiki/2016/b/b1/T--Freiburg--Fonts_BalooPaani.ttf)  format('truetype');
 
     font-weight: bold;
 
     font-weight: bold;
Line 149: Line 154:
  
 
@font-face {
 
@font-face {
     font-family: Farsan;
+
     font-family: 'Farsan';
 
     src: url(https://static.igem.org/mediawiki/2016/6/61/T--Freiburg--Font-Farsan.ttf)  format('truetype');
 
     src: url(https://static.igem.org/mediawiki/2016/6/61/T--Freiburg--Font-Farsan.ttf)  format('truetype');
 
     font-weight: bold;
 
     font-weight: bold;
Line 156: Line 161:
  
 
@font-face {
 
@font-face {
     font-family: Days One;
+
     font-family: 'Days One';
 
     src: url(https://static.igem.org/mediawiki/2016/5/52/T--Freiburg--Fonts_DaysOne.ttf)  format('truetype');
 
     src: url(https://static.igem.org/mediawiki/2016/5/52/T--Freiburg--Fonts_DaysOne.ttf)  format('truetype');
 
     font-weight: bold;
 
     font-weight: bold;
 
     font-style: italic;
 
     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 -->
 +
 +
<div class="menuSmall">
 +
    <h5> <a href=" https://2016.igem.org/Team:Freiburg/sitemap">  Menu  </a> </h5>
 +
</div>
  
 
<div class="menu-wrap">
 
<div class="menu-wrap">
Line 176: 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>
Line 196: 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 214: Line 227:
 
                         <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