style.css

   1 /*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/
   2 #menu,
   3 #menu ul,
   4 #menu ul li,
   5 #menu ul li a {
   6   margin: 0;
   7   padding: 0;
   8   border: 0;
   9   list-style: none;
  10   line-height: 1;
  11   display: block;
  12   position: relative;
  13   -webkit-box-sizing: border-box;
  14   -moz-box-sizing: border-box;
  15   box-sizing: border-box;
  16 }
  17 #menu:after,
  18 #menu > ul:after {
  19   content: ".";
  20   display: block;
  21   clear: both;
  22   visibility: hidden;
  23   line-height: 0;
  24   height: 0;
  25 }
  26 #menu {
  27   width: auto;
  28 /*  font-family: 'Open Sans', sans-serif;*/
  29   line-height: 1;
  30   background: #ffffff;
  31 }
  32 #menu > ul > li {
  33   float: left;
  34 }
  35 #menu.align-center > ul {
  36   font-size: 0;
  37   text-align: center;
  38 }
  39 #menu.align-center > ul > li {
  40   display: inline-block;
  41   float: none;
  42 }
  43 #menu > ul > li > a {
  44   padding: 20px;
  45   font-size: 12px;
  46   text-decoration: none;
  47   text-transform: uppercase;
  48   color: #000000;
  49   -webkit-transition: color .2s ease;
  50   -moz-transition: color .2s ease;
  51   -ms-transition: color .2s ease;
  52   -o-transition: color .2s ease;
  53   transition: color .2s ease;
  54 }
  55 #menu > ul > li:hover > a,
  56 #menu > ul > li.active > a {
  57   color: #009ae1;
  58 }
  59 @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  60   #menu {
  61     width: 100%;
  62   }
  63   #menu ul {
  64     width: 100%;
  65     display: none;
  66   }
  67   #menu.align-center > ul {
  68     text-align: left;
  69   }
  70   #menu ul li {
  71     width: 100%;
  72     height: auto;
  73     border-top: 1px solid rgba(120, 120, 120, 0.15);
  74   }
  75   #menu ul li a {
  76     width: 100%;
  77   }
  78   #menu > ul > li,
  79   #menu.align-center > ul > li {
  80     float: none;
  81     display: block;
  82   }
  83 }