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