css/styles.css

   1 /* vim: set ts=4 tw=0 sw=4 noet: */
   2
   3 .h1 {
   4     text-align: center;
   5     color: navy;
   6 }
   7
   8
   9 .user {
  10     float: right;
  11     font-family: Verdana, Arial, Helvetica, sans-serif;
  12     font-size: 0.8em;
  13     margin-bottom: 10px;
  14 }
  15
  16 .bg_odd {
  17     background: lightgray;
  18 }
  19
  20 .bg_even {
  21     background: white;
  22 }
  23
  24 table {
  25     border-collapse: collapse;
  26     width: 100%;
  27 }
  28
  29 table, th, td {
  30     border: 1px solid green;
  31 }
  32
  33 th {
  34     background: navy;
  35     color: white;
  36     font-weight: bold;
  37 }
  38
  39 td {
  40     padding: 2px 6px;
  41 }
  42
  43 html body {
  44     background-color: #EBE8E4;
  45     color: #222;
  46     font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  47     font-weight: 300;
  48     font-size: 15px;
  49 }
  50
  51 nav {
  52     background-color: #fff;
  53     border: 1px solid #dedede;
  54     border-radius: 4px;
  55     box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
  56     color: #888;
  57     display: block;
  58     margin: 8px 22px 8px 22px;
  59     overflow: hidden;
  60     width: 90%;
  61 }
  62
  63 nav ul {
  64     margin: 0;
  65     padding: 0;
  66 }
  67
  68 nav ul li {
  69     display: inline-block;
  70     list-style-type: none;
  71
  72     -webkit-transition: all 0.2s;
  73     -moz-transition: all 0.2s;
  74     -ms-transition: all 0.2s;
  75     -o-transition: all 0.2s;
  76     transition: all 0.2s;
  77 }
  78
  79 nav > ul > li > a > .caret,
  80 nav > ul > li > div ul > li > a > .caret {
  81     border-top: 4px solid #aaa;
  82     border-right: 4px solid transparent;
  83     border-left: 4px solid transparent;
  84     content: "";
  85     display: inline-block;
  86     height: 0;
  87     width: 0;
  88     vertical-align: middle;
  89
  90     -webkit-transition: color 0.1s linear;
  91       -moz-transition: color 0.1s linear;
  92     -o-transition: color 0.1s linear;
  93       transition: color 0.1s linear;
  94 }
  95
  96 nav > ul > li > div ul > li > a > .caret {
  97     border-bottom: 4px solid transparent;
  98     border-top: 4px solid transparent;
  99     border-right: 4px solid transparent;
 100     border-left: 4px solid #f2f2f2;
 101     margin: 0 0 0 8px;
 102 }
 103
 104 nav > ul > li > a {
 105     color: #aaa;
 106     display: block;
 107     line-height: 56px;
 108     padding: 0 24px;
 109     text-decoration: none;
 110 }
 111
 112 nav > ul > li:hover {
 113     background-color: rgb( 40, 44, 47 );
 114 }
 115
 116 nav > ul > li:hover > a {
 117     color: rgb( 255, 255, 255 );
 118 }
 119
 120 nav > ul > li:hover > a > .caret {
 121     border-top-color: rgb( 255, 255, 255 );
 122 }
 123
 124 nav > ul > li > div ul > li:hover > a > .caret {
 125     border-left-color: rgb(255,255,255);
 126 }
 127
 128 nav > ul > li > div,
 129 nav > ul > li > div ul > li > div {
 130     background-color: rgb( 40, 44, 47 );
 131     border-top: 0;
 132     border-radius: 0 0 4px 4px;
 133     box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
 134     display: none;
 135     margin: 0;
 136     opacity: 0;
 137     position: absolute;
 138     width: 165px;
 139     visibility: hidden;
 140
 141     -webkit-transiton: opacity 0.2s;
 142     -moz-transition: opacity 0.2s;
 143     -ms-transition: opacity 0.2s;
 144     -o-transition: opacity 0.2s;
 145     -transition: opacity 0.2s;
 146 }
 147
 148 nav > ul > li > div ul > li > div {
 149     background-color: rgb( 40, 44, 47 );
 150     border-radius: 0 4px 4px 4px;
 151     box-shadow: inset 2px 0 5px rgba(0,0,0,.15);
 152     margin-top: -42px;
 153     right: -165px;
 154 }
 155
 156 nav > ul > li:hover > div,
 157 nav > ul > li > div ul > li:hover > div {
 158     display: block;
 159     opacity: 1;
 160     visibility: visible;
 161 }
 162
 163 nav > ul > li > div ul > li,
 164 nav > ul > li > div ul > li > div ul > li {
 165     display: block;
 166     position: relative;
 167 }
 168
 169 nav > ul > li > div ul > li > a,
 170 nav > ul > li > div ul > li > div ul > li > a {
 171     color: #fff;
 172     display: block;
 173     padding: 12px 24px;
 174     text-decoration: none;
 175 }
 176
 177 nav > ul > li > div ul > li:hover > a {
 178     background-color: rgba( 255, 255, 255, 0.1);
 179 }
 180
 181 .total-rows {
 182     color: red;
 183     font-size: 0.8em;
 184     margin: 0 auto 5px;
 185     display: table;
 186 }
 187
 188 .page-nav {
 189     float: right;
 190     margin-top: 5px;
 191 }
 192
 193 .mail-purge {
 194     margin-top: 5px;
 195 }
 196
 197 #container, #footer {
 198     width: 100%;
 199 }
 200
 201 #footer{
 202     font-size: 0.7em;
 203     background: #ECECAC;
 204     color: black;
 205     text-align: center;
 206     height: 14px;
 207 }
 208
 209 .whitefooter {
 210     color: green;
 211 }
 212
 213 img {
 214     border: 0;
 215 }
 216
 217 .nav-img {
 218     width: 16px;
 219     height: 16px;
 220     border: 0;
 221     text-align: center;
 222 }
 223
 224 .nav-action {
 225     text-align: center;
 226     width: 58px;
 227 }
 228
 229 .label {
 230     color: black;
 231     background: lightgray;
 232     font-weight: bold;
 233     width: 10%;
 234 }
 235
 236 .value {
 237     color: black;
 238     background: white;
 239     font-size: 0.8em;
 240 }
 241
 242 .ruler {
 243     color: white;
 244     background: black;
 245     font-size: 1.4em;
 246     font-weight: bold;
 247     text-align: center;
 248 }
 249
 250 .button-menu {
 251     width: 100%;
 252     border: 0;
 253     margin-bottom: 10px;
 254 }
 255
 256 .button {
 257     text-align: center;
 258     border: 0 solid white;
 259     background: white;
 260     width: 25%;
 261 }
 262
 263 input.btn-input {
 264     width: 150px;
 265 }
 266
 267 .time {
 268     float: right;
 269     color: white;
 270     background: green;
 271     font-size: 0.7em;
 272 }
 273