mason/site/toolbar.mas

   1
   2 <nav class="navbar navbar-default navbar-fixed-top">
   3   <div class="container-fluid">
   4     <div class="navbar-header">
   5       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
   6         <span class="icon-bar"></span>
   7         <span class="icon-bar"></span>
   8         <span class="icon-bar"></span>
   9       </button>
  10       <& toolbar/logo_and_name.mas &>
  11     </div>
  12     <div class="collapse navbar-collapse" id="myNavbar">
  13       <ul class="nav navbar-nav">
  14         <& toolbar/search_menu.mas &>
  15         <& toolbar/maps.mas &>
  16         <& toolbar/genomes.mas &>
  17         <& toolbar/projects.mas &>
  18         <& toolbar/tools.mas &>
  19         <& toolbar/about.mas &>
  20       </ul>
  21       <ul class="nav navbar-nav navbar-right">
  22         <& toolbar/search.mas &>
  23         <& toolbar/login.mas &>
  24       </ul>
  25     </div>
  26   </div>
  27 </nav>
  28 <br>
  29
  30 <style>
  31   li {
  32     margin-bottom:0;
  33   }
  34   body {
  35     padding-top: 30px;
  36   }
  37
  38   @media (min-width: 0px) and (max-width: 768px) {
  39     body {
  40       padding-top: 30px;
  41     }
  42   }
  43
  44   @media (min-width: 768px) and (max-width: 880px) {
  45     body {
  46       padding-top: 90px;
  47     }
  48   }
  49
  50   @media (max-width: 768px) {
  51     .sgn_brand_name {
  52       padding-left: 0px;
  53       padding-right: 0px;
  54     }
  55     .sgn_brand_name {
  56       padding-left: 0px;
  57       padding-right: 0px;
  58     }
  59   }
  60
  61   @media (min-width: 768px) {
  62     .dropdown:hover .dropdown-menu {
  63       display: block;
  64       margin-top: 0;
  65       padding-bottom: 10px;
  66     }
  67     .dropdown-menu > li > a {
  68         line-height: 14px;
  69         font-size: 14px;
  70         margin-top:0px;
  71         padding-top:0px;
  72     }
  73   }
  74
  75 </style>
  76
  77 <script>
  78
  79 jQuery(document).ready(function() {
  80   if (jQuery(document).width() > 768) {
  81     jQuery(".menu_click_dropdown").removeClass("dropdown-toggle");
  82     jQuery(".menu_click_dropdown").removeAttr("data-toggle");
  83   }
  84 });
  85
  86 </script>