Difference between revisions of "Template:Freiburg/MenubarTest"

 
(15 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
         <title>""</title>
 
         <title>""</title>
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
         <style>
 
         <style>
 
/* ============= BEGIN: Stylesheet for navigation menu ============= */
 
/* ============= BEGIN: Stylesheet for navigation menu ============= */
Line 363: Line 364:
 
#notebook-sub{
 
#notebook-sub{
 
     display: none;
 
     display: none;
−
     left: 77.6%;
+
     left: 76%;
 +
    width: 120px;
 
}
 
}
  
Line 409: Line 411:
  
 
.navsub2 {
 
.navsub2 {
−
     background-color: #0051a2;
+
     background-color: #1962AB;
 
     opacity: 1;
 
     opacity: 1;
 
}
 
}
  
 
.navsub2before {
 
.navsub2before {
−
     background-color: #0051A2;
+
     background-color: #1962AB;
 
     border-top-right-radius: 8px;
 
     border-top-right-radius: 8px;
 
     opacity: 0.6;
 
     opacity: 0.6;
Line 446: Line 448:
 
         opacity: 0;
 
         opacity: 0;
 
     }
 
     }
 +
 +
/* avoid space to content box */
 +
    .content_background_wrapper{
 +
        padding-top: 20px;
 +
    }
 +
 
}
 
}
  
Line 463: Line 471:
 
}
 
}
  
−
 
−
/* ==== classes for icons ==== */
 
−
#home_small {
 
−
    background: url(https://static.igem.org/mediawiki/2015/8/81/Freiburg_icon_home.png) no-repeat;
 
−
    height: 60px;;
 
−
    background-position: center;
 
−
}
 
−
 
−
#home_small a {
 
−
    color: #FFF;
 
−
}
 
−
 
−
#project_small {
 
−
    background: url(https://static.igem.org/mediawiki/2015/6/67/Freiburg_icon_project.png) no-repeat;
 
−
    height: 60px;
 
−
    background-position: center;
 
−
}
 
−
 
−
#project_small a {
 
−
    color: #FFF;
 
−
}
 
−
 
−
#team_small {
 
−
    background: url(https://static.igem.org/mediawiki/2015/3/38/Freiburg_icon_team.png) no-repeat;
 
−
    height: 60px;
 
−
    background-position: center;
 
−
}
 
−
 
−
#team_small a {
 
−
    color: #FFF;
 
−
}
 
−
 
−
#results_small {
 
−
    background: url(https://static.igem.org/mediawiki/2015/2/2d/Freiburg_icon_results.png) no-repeat;
 
−
    height: 60px;
 
−
    background-position: center;
 
−
}
 
−
 
−
#results_small a {
 
−
    color: #FFF;
 
−
}
 
−
 
−
#policy_small {
 
−
    background: url(https://static.igem.org/mediawiki/2015/3/3c/Freiburg_icon_policy.png) no-repeat;
 
−
    height: 60px;
 
−
    background-position: center;
 
−
}
 
−
 
−
#policy_small a {
 
−
    color: #FFF;
 
−
}
 
−
 
−
#notebook_small {
 
−
    background: url(https://static.igem.org/mediawiki/2015/e/e6/Freiburg_icon_notebook.png) no-repeat;
 
−
    height: 60px;
 
−
    background-position: center;
 
−
}
 
−
 
−
#notebook_small a {
 
−
    color: #FFF;
 
−
}
 
−
/* ==== End classes for icons ==== */
 
  
 
/* Basic Styles */
 
/* Basic Styles */
Line 612: Line 558:
 
     #smallnav a#pull:after {
 
     #smallnav a#pull:after {
 
         content:"";
 
         content:"";
−
         background: url('#smallnav-icon.png') no-repeat;
+
         background: url('https://static.igem.org/mediawiki/2015/e/e0/Freiburg_menu_button_white.png') no-repeat;
 +
        background-size: auto 90%;
 
         width: 30px;
 
         width: 30px;
 
         height: 30px;
 
         height: 30px;
Line 618: Line 565:
 
         position: absolute;
 
         position: absolute;
 
         right: 15px;
 
         right: 15px;
−
         top: 10px;
+
         top: 5px;
 
     }
 
     }
 +
 +
 +
/* ==== classes for icons ==== */
 +
#home_small {
 +
    background-color: #3673AF;
 +
 
}
 
}
 +
 +
#home_small a {
 +
    background: url(https://static.igem.org/mediawiki/2015/1/15/Freiburg_icon_home_white_03.png) no-repeat;
 +
    background-position: left;
 +
    background-size: auto 100%;
 +
    background-repeat: no-repeat;
 +
    padding-left: 40px;
 +
    color: #FFF;
 +
}
 +
 +
#project_small {
 +
    background-color: #3673AF;
 +
 +
}
 +
 +
#project_small a {
 +
    background: url(https://static.igem.org/mediawiki/2015/7/76/Freiburg_icon_project_white_03.png) no-repeat;
 +
    background-position: left;
 +
    background-size: auto 90%;
 +
    background-repeat: no-repeat;
 +
    padding-left: 40px;
 +
    color: #FFF;
 +
}
 +
 +
#team_small {
 +
    background-color: #3673AF;
 +
 +
}
 +
 +
#team_small a {
 +
    background: url(https://static.igem.org/mediawiki/2015/4/42/Freiburg_icon_team_white_03.png) no-repeat;
 +
    background-position: left;
 +
    background-size: auto 90%;
 +
    background-repeat: no-repeat;
 +
    padding-left: 40px;
 +
    color: #FFF;
 +
}
 +
 +
#results_small {
 +
    background-color: #3673AF;
 +
 +
}
 +
 +
#results_small a {
 +
    background: url(https://static.igem.org/mediawiki/2015/1/1e/Freiburg_icon_results_white_03.png) no-repeat;
 +
    background-position: left;
 +
    background-size: auto 90%;
 +
    background-repeat: no-repeat;
 +
    padding-left: 40px;
 +
    color: #FFF;
 +
}
 +
 +
#policy_small {
 +
    background-color: #3673AF;
 +
}
 +
 +
#policy_small a {
 +
    color: #FFF;
 +
    padding-left: 40px;
 +
    background-image: url(https://static.igem.org/mediawiki/2015/f/f9/Freiburg_icon_policy_white_03.png);
 +
    background-position: left;
 +
    background-size: auto 90%;
 +
    background-repeat: no-repeat;
 +
}
 +
 +
#notebook_small {
 +
    background-color: #3673AF;
 +
}
 +
 +
#notebook_small a {
 +
    background: url(https://static.igem.org/mediawiki/2015/9/99/Freibur_icon_notebook_white_03.png) no-repeat;
 +
    background-position: left;
 +
    background-size: auto 90%;
 +
    background-repeat: no-repeat;
 +
    padding-left: 40px;
 +
    color: #FFF;
 +
}
 +
/* ==== End classes for icons ==== */
 +
 +
 +
}/* end media query
  
 
/*Smartphone*/
 
/*Smartphone*/
Line 793: Line 827:
  
 
             });
 
             });
−
 
+
/*Fix for when a link targets an id -> check the position on pageload*/
 +
$(window).scroll();
  
 
         });
 
         });
Line 846: Line 881:
 
                         <li class="chip_gap"><a href="https://2015.igem.org/Team:Freiburg/Project/Overview"></a></li>
 
                         <li class="chip_gap"><a href="https://2015.igem.org/Team:Freiburg/Project/Overview"></a></li>
 
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Project/Overview">Introduction</a></li>
 
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Project/Overview">Introduction</a></li>
−
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Project/System">System Overview</a></li>
+
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Project/System">Overview</a></li>
 
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Project/Diagnostics">Diagnostics today</a></li>
 
                         <li><a class="navsub1" href="https://2015.igem.org/Team:Freiburg/Project/Diagnostics">Diagnostics today</a></li>
 
                         <li><a class="navsub1 subsubmenu" href="#">The DiaCHIP</a>
 
                         <li><a class="navsub1 subsubmenu" href="#">The DiaCHIP</a>
Line 898: Line 933:
 
                             <ul>
 
                             <ul>
 
                                 <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/Classic_vs_Gibson">Gibson</a></li>
 
                                 <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/Classic_vs_Gibson">Gibson</a></li>
−
                                 <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/Coli_Strains"><i>E.coli</i> Strains</a></li>
+
                                 <li><a class="navsub2" href="https://2015.igem.org/Team:Freiburg/Project/Coli_Strains">E.coli Strains</a></li>
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
Line 922: Line 957:
 
         <div class="clearfix" id="smallnav">
 
         <div class="clearfix" id="smallnav">
 
             <ul class="clearfix">
 
             <ul class="clearfix">
−
                 <li id="home_small"><a href="#">Home</a></li>
+
                 <li id="home_small"><a href="https://2015.igem.org/Team:Freiburg/Home">Home</a></li>
−
                 <li id="project_small"><a href="#">Project</a></li>
+
                 <li id="project_small"><a href="https://2015.igem.org/Team:Freiburg/Project/Overview">Project</a></li>
−
                 <li id="results_small"><a href="#">Results</a></li>
+
                 <li id="results_small"><a href="https://2015.igem.org/Team:Freiburg/Results">Results</a></li>
−
                 <li id="team_small"><a href="#">Team</a></li>
+
                 <li id="team_small"><a href="https://2015.igem.org/Team:Freiburg/Team">Team</a></li>
−
                 <li id="policy_small"><a href="#">Practice</a></li>
+
                 <li id="policy_small"><a href="https://2015.igem.org/Team:Freiburg/Practices">Practice</a></li>
−
                 <li id="notebook_small"><a href="#">Notebook</a></li>   
+
                 <li id="notebook_small"><a href="https://2015.igem.org/Team:Freiburg/Notebook">Notebook</a></li>   
 
             </ul>
 
             </ul>
 
             <a href="#" id="pull">Menu</a>
 
             <a href="#" id="pull">Menu</a>

Latest revision as of 22:07, 16 September 2015

""