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