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/manage.mas &>
  16           <& toolbar/analyze.mas &>
  17         <& toolbar/about.mas &>
  18       </ul>
  19       <ul class="nav navbar-nav navbar-right">
  20         <& toolbar/search.mas &>
  21         <& toolbar/login.mas &>
  22       </ul>
  23     </div>
  24   </div>
  25 </nav>
  26 <br>
  27
  28 <style>
  29   li {
  30     margin-bottom:0;
  31   }
  32   body {
  33     padding-top: 30px;
  34   }
  35
  36   @media (min-width: 0px) and (max-width: 768px) {
  37     body {
  38       padding-top: 30px;
  39     }
  40   }
  41
  42   @media (min-width: 768px) and (max-width: 880px) {
  43     body {
  44       padding-top: 90px;
  45     }
  46   }
  47
  48   @media (max-width: 768px) {
  49     .sgn_brand_name {
  50       padding-left: 0px;
  51       padding-right: 0px;
  52     }
  53     .sgn_brand_name {
  54       padding-left: 0px;
  55       padding-right: 0px;
  56     }
  57   }
  58
  59   @media (min-width: 768px) {
  60     .dropdown:hover .dropdown-menu {
  61       display: block;
  62       margin-top: 0;
  63       padding-bottom: 10px;
  64     }
  65     .dropdown-menu > li > a {
  66         line-height: 14px;
  67         font-size: 14px;
  68         margin-top:0px;
  69         padding-top:0px;
  70     }
  71   }
  72
  73 </style>
  74
  75 <script>
  76
  77 jQuery(document).ready(function() {
  78   if (jQuery(document).width() > 768) {
  79     jQuery(".menu_click_dropdown").removeClass("dropdown-toggle");
  80     jQuery(".menu_click_dropdown").removeAttr("data-toggle");
  81   }
  82 });
  83
  84 </script>