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     webkit-transition: all 0.2s;
  71     -moz-transition: all 0.2s;
  72     -ms-transition: all 0.2s;
  73     -o-transition: all 0.2s;
  74     transition: all 0.2s;
  75 }
  76
  77  nav > ul > li > a > .caret,
  78  nav > ul > li > div ul > li > a > .caret {
  79     border-top: 4px solid #aaa;
  80     border-right: 4px solid transparent;
  81     border-left: 4px solid transparent;
  82     content: "";
  83     display: inline-block;
  84     height: 0;
  85     width: 0;
  86     vertical-align: middle;
  87
  88     -webkit-transition: color 0.1s linear;
  89     -moz-transition: color 0.1s linear;
  90     -o-transition: color 0.1s linear;
  91     transition: color 0.1s linear;
  92 }
  93
  94 nav > ul > li > div ul > li > a > .caret {
  95                         border-bottom: 4px solid transparent;
  96                         border-top: 4px solid transparent;
  97                         border-right: 4px solid transparent;
  98                         border-left: 4px solid #f2f2f2;
  99                         margin: 0 0 0 8px;
 100 }
 101
 102 nav > ul > li > a {
 103     color: #aaa;
 104     display: block;
 105     line-height: 56px;
 106     padding: 0 24px;
 107     text-decoration: none;
 108 }
 109
 110 nav > ul > li:hover {
 111     background-color: rgb( 40, 44, 47 );
 112 }
 113
 114 nav > ul > li:hover > a {
 115     color: rgb( 255, 255, 255 );
 116 }
 117
 118 nav > ul > li:hover > a > .caret {
 119     border-top-color: rgb( 255, 255, 255 );
 120 }
 121
 122 nav > ul > li > div ul > li:hover > a > .caret {
 123         border-left-color: rgb(255,255,255);
 124 }
 125
 126 nav > ul > li > div,
 127 nav > ul > li > div ul > li > div {
 128     background-color: rgb( 40, 44, 47 );
 129     border-top: 0;
 130     border-radius: 0 0 4px 4px;
 131     box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
 132     display: none;
 133     margin: 0;
 134     opacity: 0;
 135     position: absolute;
 136     width: 165px;
 137     visibility: hidden;
 138     z-index: 100;
 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
 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