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         width: 58%;
 290         font-size: 90%;
 291 }
 292
 293 div.cbi-section-create {
 294         clear: left;
 295 }
 296
 297 div.cbi-map-descr {
 298         margin-bottom: 1em;
 299 }
 300
 301 div.cbi-optionals {
 302         margin: 0.5em 0;
 303         padding: 0 0.25em;
 304 }
 305
 306 div.cbi-section-remove {
 307         float: right;
 308 }
 309
 310 div.cbi-section-remove input {
 311         border-color: #bbbbbb;
 312         border-bottom: none;
 313 }
 314
 315 div.cbi-section-node {
 316         clear: both;
 317         border: 1px dotted #bbbbbb;
 318         padding-bottom: 0;
 319 }
 320
 321 table.cbi-section-table {
 322         width: 100%;
 323         font-size: 95%;
 324 }
 325
 326 table.cbi-section-table th,
 327 table.cbi-section-table td {
 328         text-align: center;
 329 }
 330
 331 tr.cbi-section-table-descr th {
 332         font-weight: normal;
 333         font-size: 90%;
 334 }
 335
 336 td.cbi-section-table-optionals {
 337         text-align: left !important;
 338         padding-top: 1em;
 339 }
 340
 341 .right {
 342         text-align: right;
 343 }
 344
 345 .luci {
 346         position: fixed;
 347         bottom: 0;
 348         left: 0;
 349         text-align: right;
 350 }
 351
 352 .luci a {
 353         color: #666666;
 354         text-decoration: none;
 355         font-size: 70%;
 356 }
 357
 358
 359 /* obligatory IE6 Voodoo Code */
 360 * html body {
 361         behavior:url(/luci/csshover_htc/void.htc);
 362         padding-left: 50% !important;
 363 }
 364
 365 * html div#header {
 366         margin-left: -100% !important;
 367 }
 368
 369 * html div.menubar {
 370         margin-left: -100% !important;
 371         width: 200% !important;
 372 }
 373
 374 * html div#content {
 375         margin-left: -80% !important;
 376         width: 160% !important;
 377 }
 378
 379 * html div.mainmenu div.hover ul,
 380 * html div.mainmenu div li.hover ul,
 381 * html div.mainmenu div li li.hover ul,
 382 * html div.mainmenu div li li li.hover ul,
 383 * html div.mainmenu div li li li li.hover ul {
 384         display: block !important;
 385         margin-left: 3em;
 386 }
 387
 388 * html div.mainmenu div.hover ul {
 389         margin-left: 0;
 390 }
 391
 392 * html div.mainmenu .hover ul ul,
 393 * html div.mainmenu .hover ul ul ul,
 394 * html div.mainmenu .hover ul ul ul ul,
 395 * html div.mainmenu .hover ul ul ul ul ul {
 396         display: none !important;
 397 }
 398
 399 * html div.mainmenu li {
 400         height: 1em !important;
 401         width: 10em !important;
 402 }
 403
 404 * html .mainmenu {
 405         height: 1.8em;
 406 }
 407
 408 * html div.cbi-value-description {
 409         margin-left: 40%;
 410 }