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
  18 #menu > h1 {
  19   float: left;
  20 }
  21
  22 #menu:after,
  23 #menu > ul:after {
  24   content: ".";
  25   display: block;
  26   clear: both;
  27   visibility: hidden;
  28   line-height: 0;
  29   height: 0;
  30 }
  31 #menu {
  32   width: auto;
  33 /*  font-family: 'Open Sans', sans-serif;*/
  34   line-height: 1;
  35   background: #ffffff;
  36 }
  37 #menu > ul > li {
  38   float: left;
  39 }
  40 #menu.align-center > ul {
  41   font-size: 0;
  42   text-align: center;
  43 }
  44 #menu.align-center > ul > li {
  45   display: inline-block;
  46   float: none;
  47 }
  48 #menu > ul > li > a {
  49   padding: 20px;
  50   font-size: 12px;
  51   text-decoration: none;
  52   text-transform: uppercase;
  53   color: #000000;
  54   -webkit-transition: color .2s ease;
  55   -moz-transition: color .2s ease;
  56   -ms-transition: color .2s ease;
  57   -o-transition: color .2s ease;
  58   transition: color .2s ease;
  59 }
  60 #menu > ul > li:hover > a,
  61 #menu > ul > li.active > a {
  62   color: #009ae1;
  63 }
  64 @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) {
  65   #menu {
  66     width: 100%;
  67   }
  68   #menu ul {
  69     width: 100%;
  70     display: none;
  71   }
  72   #menu.align-center > ul {
  73     text-align: left;
  74   }
  75   #menu ul li {
  76     width: 100%;
  77     height: auto;
  78     border-top: 1px solid rgba(120, 120, 120, 0.15);
  79   }
  80   #menu ul li a {
  81     width: 100%;
  82   }
  83   #menu > ul > li,
  84   #menu.align-center > ul > li {
  85     float: none;
  86     display: block;
  87   }
  88 }
  89
  90 .footnote {
  91   text-align:right;
  92   font-size: 12px;
  93   float: right;
  94 }
  95
  96 hr {
  97   clear: both;
  98 }
  99
 100 table, th, td {
 101   border: 1px solid black;
 102   padding: 1px;
 103   border-spacing: 0px;
 104 }
 105
 106
 107 .statusOK {
 108   background-color: lightgreen;
 109   font-size: 18px;
 110 }
 111
 112 .statusERR {
 113   background-color: tomato;
 114   font-size: 18px;
 115 }
 116