themes/openwrt.org/htdocs/luci-static/openwrt.org/cascade.css

   1 * {
   2         margin: 0;
   3         padding: 0;
   4 }
   5
   6 body {
   7         background-color: #4a6b7c;
   8         background-image: url(bg.jpg);
   9         background-position: bottom center;
  10         background-attachment: fixed;
  11         background-repeat: repeat-x;
  12         color: #ffffff;
  13         font-family: Verdana, Arial, sans-serif;
  14         font-size: 100%;
  15         line-height: 100%;
  16 }
  17
  18 code {
  19         font-family: monospace;
  20         white-space: pre;
  21 }
  22
  23 div#content ul {
  24         margin-left: 2em;
  25 }
  26
  27 .clear {
  28         clear: both;
  29         height: 1px;
  30 }
  31
  32 .hidden {
  33         display: none;
  34 }
  35
  36 .error {
  37         color: #ff0000;
  38 }
  39
  40 #header {
  41         min-height: 98px;
  42         background-image: url(header.jpg);
  43         background-repeat: no-repeat;
  44         background-position: left center;
  45         background-color: #557788;
  46         text-align: right;
  47 }
  48
  49 #header .info {
  50         padding: 1em 1em;
  51         font-size: 70%;
  52         line-height: 160%;
  53 }
  54
  55 #header .title {
  56         display: none;
  57 }
  58
  59 .pathbar {
  60         display: none;
  61 }
  62
  63 .menubar {
  64         width: 100%;
  65         min-height: 1.8em;
  66         background: #000000;
  67         color: #ffffff;
  68 }
  69
  70 .mainmenu {
  71         float: left;
  72         width: auto;
  73         min-height: 1.8em;
  74         background: #000000;
  75         color: #ffffff;
  76 }
  77
  78 .mainmenu div {
  79         float: left;
  80 }
  81
  82 .mainmenu li {
  83         white-space: nowrap;
  84 }
  85
  86 .mainmenu div ul {
  87         display: none;
  88         position: absolute;
  89         background: #000000;
  90         color: #ffffff;
  91         border-width: 0 1px 1px 1px;
  92         border-style: solid;
  93         border-color: #444444;
  94         list-style-type: none;
  95 }
  96
  97 .mainmenu ul li:hover > ul,
  98 .mainmenu div:hover > ul {
  99         display: block;
 100 }
 101
 102 .mainmenu ul li > ul {
 103         left: 100%;
 104         margin-top: -1.8em;
 105         border-width: 1px;
 106 }
 107
 108 .modemenu a,
 109 .mainmenu a {
 110         display: block;
 111         padding: 0.5em;
 112         color: #ffffff;
 113         text-decoration: none;
 114         font-size: 80%;
 115 }
 116
 117 .mainmenu .active a,
 118 .modemenu .active a {
 119         color: #ffff00;
 120         font-weight: bold;
 121 }
 122
 123 .mainmenu li:hover > span > a,
 124 .mainmenu div:hover > a {
 125         font-weight: bold;
 126 }
 127
 128 .modemenu a:hover,
 129 .modemenu a:focus,
 130 .mainmenu a:hover,
 131 .mainmenu a:focus {
 132         color: #ffff00;
 133         font-weight: bold;
 134 }
 135
 136 .mainmenu div.preactive > a {
 137         color: #ffff00;
 138         font-weight: bold;
 139 }
 140
 141 .modemenu ul {
 142         width: auto;
 143         background: #000000;
 144         color: #ffffff;
 145         list-style-type: none;
 146 }
 147
 148 .modemenu li {
 149         float: right;
 150 }
 151
 152 #content {
 153         clear: both;
 154         width: 80%;
 155         margin: 0 auto;
 156         padding: 0.5em;
 157         background: #f5f5f5;
 158         color: #000000;
 159         border-width: 0 1px 1px 1px;
 160         border-style: solid;
 161         border-color: #444444;
 162         font-size: 80%;
 163 }
 164
 165 #content h1 {
 166         margin: 0.25em 0 0.5em 0;
 167         font-size: 150%;
 168         font-weight: normal;
 169 }
 170
 171 #content h2 {
 172         margin: 0.5em 0;
 173         font-size: 120%;
 174         font-weight: normal;
 175         text-decoration: underline;
 176 }
 177
 178 #content p {
 179         margin-bottom: 1em;
 180 }
 181
 182 .cbi-section {
 183         margin-bottom: 0.5em;
 184         padding: 0.5em 1em;
 185         border: 1px dotted #555555;
 186         background-color: #ffffff;
 187 }
 188
 189 .cbi-section h2 {
 190         margin: 0em 0 0.5em -0.5em !important;
 191 }
 192
 193 .cbi-section h3 {
 194         height: 1em;
 195         font-size: 120%;
 196 }
 197
 198 .cbi-section-descr {
 199         margin-bottom: 0.5em;
 200 }
 201
 202 input[type=submit],
 203 input[type=reset],
 204 label {
 205         cursor: pointer;
 206 }
 207
 208 select,
 209 input,
 210 textarea {
 211         background: #eeeeee;
 212         color: #000000;
 213         border: 1px solid #000000;
 214 }
 215
 216 input:focus,
 217 textarea:focus {
 218         background: #ffffff;
 219 }
 220
 221 select,
 222 input[type=text],
 223 input[type=password] {
 224         width: 20em;
 225 }
 226
 227 td select,
 228 td input[type=text],
 229 td input[type=password] {
 230         width: 99%;
 231 }
 232
 233 textarea {
 234         margin-left: -1px;
 235         margin-bottom: 0.5em;
 236 }
 237
 238 form > div > input[type=submit],
 239 form > div > input[type=reset] {
 240         float: right;
 241         margin-left: 0.5em;
 242 }
 243
 244 table.smalltext {
 245         background: #f5f5f5;
 246         border-top: 1px solid #666666;
 247         border-right: 1px solid #666666;
 248         border-bottom: 1px solid #666666;
 249         font-size: 90%;
 250 }
 251
 252 table.smalltext tr th {
 253         padding: 0 0.25em;
 254         border-left: 1px solid #666666;
 255 }
 256
 257 table.smalltext tr td {
 258         padding: 0 0.25em;
 259         border-top: 1px solid #666666;
 260         border-left: 1px solid #666666;
 261 }
 262
 263 div.cbi-value {
 264         clear: left;
 265         padding: 0.25em;
 266         border-bottom: 1px dotted #bbbbbb;
 267 }
 268
 269 div.cbi-value:hover {
 270         background: #f8f8f8;
 271 }
 272
 273 div.cbi-value:last-child {
 274         border: none;
 275 }
 276
 277 .cbi-value-title {
 278         float: left;
 279         width: 40%;
 280         margin: 0.25em 0;
 281 }
 282
 283 div.cbi-value-field {
 284         width: 58%;
 285         margin: 0.25em 0 0.25em 40%;
 286 }
 287
 288 div.cbi-value-description {
 289         font-size: 90%;
 290 }
 291
 292 div.cbi-section-create {
 293         clear: left;
 294 }
 295
 296 div.cbi-map-descr {
 297         margin-bottom: 1em;
 298 }
 299
 300 div.cbi-optionals {
 301         margin: 0.5em 0;
 302         padding: 0 0.25em;
 303 }
 304
 305 div.cbi-section-remove {
 306         float: right;
 307 }
 308
 309 div.cbi-section-remove input {
 310         border-color: #bbbbbb;
 311         border-bottom: none;
 312 }
 313
 314 div.cbi-section-node {
 315         clear: both;
 316         border: 1px dotted #bbbbbb;
 317         padding-bottom: 0;
 318 }
 319
 320 table.cbi-section-table {
 321         width: 100%;
 322         font-size: 95%;
 323 }
 324
 325 table.cbi-section-table th,
 326 table.cbi-section-table td {
 327         text-align: center;
 328 }
 329
 330 tr.cbi-section-table-descr th {
 331         font-weight: normal;
 332         font-size: 90%;
 333 }
 334
 335 td.cbi-section-table-optionals {
 336         text-align: left !important;
 337         padding-top: 1em;
 338 }
 339
 340 .right {
 341         text-align: right;
 342 }
 343
 344 .luci {
 345         position: fixed;
 346         bottom: 0;
 347         left: 0;
 348         text-align: right;
 349 }
 350
 351 .luci a {
 352         color: #666666;
 353         text-decoration: none;
 354         font-size: 70%;
 355 }
 356
 357 .inline {
 358         display: inline;
 359 }
 360
 361 #memorybar {
 362         width:200px;
 363         height:8px;
 364         border:1px solid #bbb;
 365         background-color:red
 366 }
 367
 368 #memfree, #membuffers, #memcached {
 369         float:right;
 370         border:1px solid #bbb;
 371         height:6px;
 372 }
 373
 374 #memfree {
 375         background-color:green;
 376 }
 377
 378 #membuffers {
 379         background-color:yellow;
 380 }
 381
 382 #memcached {
 383         background-color:orange;
 384 }
 385
 386
 387 /* obligatory IE6 Voodoo Code */
 388 * html body {
 389         padding-left: 50% !important;
 390 }
 391
 392 * html div#header {
 393         margin-left: -100% !important;
 394 }
 395
 396 * html div.menubar {
 397         margin-left: -100% !important;
 398         width: 200% !important;
 399 }
 400
 401 * html div#content {
 402         margin-left: -80% !important;
 403         width: 160% !important;
 404 }
 405
 406 * html div.mainmenu div.hover ul,
 407 * html div.mainmenu div li.hover ul,
 408 * html div.mainmenu div li li.hover ul,
 409 * html div.mainmenu div li li li.hover ul,
 410 * html div.mainmenu div li li li li.hover ul {
 411         display: block !important;
 412         margin-left: 3em;
 413 }
 414
 415 * html div.mainmenu div.hover ul {
 416         margin-left: 0;
 417 }
 418
 419 * html div.mainmenu .hover ul ul,
 420 * html div.mainmenu .hover ul ul ul,
 421 * html div.mainmenu .hover ul ul ul ul,
 422 * html div.mainmenu .hover ul ul ul ul ul {
 423         display: none !important;
 424 }
 425
 426 * html div.mainmenu li {
 427         height: 1em !important;
 428         width: 10em !important;
 429 }
 430
 431 * html .mainmenu {
 432         height: 1.8em;
 433 }
 434
 435 * html div.cbi-value-description {
 436         margin-left: 40%;
 437 }
 438