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 * html .mainmenu {
  79         height: 1.8em;
  80 }
  81
  82 .mainmenu div {
  83         float: left;
  84 }
  85
  86 .mainmenu li {
  87         white-space: nowrap;
  88 }
  89
  90 .mainmenu div ul {
  91         display: none;
  92         position: absolute;
  93         background: #000000;
  94         color: #ffffff;
  95         border-width: 0 1px 1px 1px;
  96         border-style: solid;
  97         border-color: #444444;
  98         list-style-type: none;
  99 }
 100
 101 .mainmenu ul li:hover > ul,
 102 .mainmenu div:hover > ul {
 103         display: block;
 104 }
 105
 106 .mainmenu ul li > ul {
 107         left: 100%;
 108         margin-top: -1.8em;
 109         border-width: 1px;
 110 }
 111
 112 .modemenu a,
 113 .mainmenu a {
 114         display: block;
 115         padding: 0.5em;
 116         color: #ffffff;
 117         text-decoration: none;
 118         font-size: 80%;
 119 }
 120
 121 .mainmenu .active a,
 122 .modemenu .active a {
 123         color: #ffff00;
 124         font-weight: bold;
 125 }
 126
 127 .mainmenu li:hover > span > a,
 128 .mainmenu div:hover > a {
 129         font-weight: bold;
 130 }
 131
 132 .modemenu a:hover,
 133 .modemenu a:focus,
 134 .mainmenu a:hover,
 135 .mainmenu a:focus {
 136         color: #ffff00;
 137         font-weight: bold;
 138 }
 139
 140 .mainmenu div.preactive > a {
 141         color: #ffff00;
 142         font-weight: bold;
 143 }
 144
 145 .modemenu ul {
 146         width: auto;
 147         background: #000000;
 148         color: #ffffff;
 149         list-style-type: none;
 150 }
 151
 152 .modemenu li {
 153         float: right;
 154 }
 155
 156 #content {
 157         clear: both;
 158         width: 60%;
 159         margin: 0 auto;
 160         padding: 0.5em;
 161         background: #f5f5f5;
 162         color: #000000;
 163         border-width: 0 1px 1px 1px;
 164         border-style: solid;
 165         border-color: #444444;
 166         font-size: 80%;
 167 }
 168
 169 #content h1 {
 170         margin: 0.25em 0 0.5em 0;
 171         font-size: 150%;
 172         font-weight: normal;
 173 }
 174
 175 #content h2 {
 176         margin: 0.5em 0;
 177         font-size: 120%;
 178         font-weight: normal;
 179         text-decoration: underline;
 180 }
 181
 182 #content p {
 183         margin-bottom: 1em;
 184 }
 185
 186 .cbi-section {
 187         margin-bottom: 0.5em;
 188         padding: 0.5em 1em;
 189         border: 1px dotted #555555;
 190         background-color: #ffffff;
 191 }
 192
 193 .cbi-section h2 {
 194         margin: 0em 0 0.5em -0.5em !important;
 195 }
 196
 197 .cbi-section h3 {
 198         height: 1em;
 199         font-size: 120%;
 200 }
 201
 202 .cbi-section-descr {
 203         margin-bottom: 0.5em;
 204 }
 205
 206 input[type=submit],
 207 input[type=reset],
 208 label {
 209         cursor: pointer;
 210 }
 211
 212 select,
 213 input,
 214 textarea {
 215         background: #eeeeee;
 216         color: #000000;
 217         border: 1px solid #000000;
 218 }
 219
 220 input:focus,
 221 textarea:focus {
 222         background: #ffffff;
 223 }
 224
 225 select,
 226 input[type=text],
 227 input[type=password] {
 228         width: 20em;
 229 }
 230
 231 td select,
 232 td input[type=text],
 233 td input[type=password] {
 234         width: 99%;
 235 }
 236
 237 textarea {
 238         margin-left: -1px;
 239         margin-bottom: 0.5em;
 240 }
 241
 242 form > div > input[type=submit],
 243 form > div > input[type=reset] {
 244         float: right;
 245         margin-left: 0.5em;
 246 }
 247
 248 table.smalltext {
 249         background: #f5f5f5;
 250         border-top: 1px solid #666666;
 251         border-right: 1px solid #666666;
 252         border-bottom: 1px solid #666666;
 253         font-size: 90%;
 254 }
 255
 256 table.smalltext tr th {
 257         padding: 0 0.25em;
 258         border-left: 1px solid #666666;
 259 }
 260
 261 table.smalltext tr td {
 262         padding: 0 0.25em;
 263         border-top: 1px solid #666666;
 264         border-left: 1px solid #666666;
 265 }
 266
 267 div.cbi-value {
 268         clear: left;
 269         padding: 0.25em;
 270         border-bottom: 1px dotted #bbbbbb;
 271 }
 272
 273 div.cbi-value:hover {
 274         background: #f8f8f8;
 275 }
 276
 277 div.cbi-value:last-child {
 278         border: none;
 279 }
 280
 281 .cbi-value-title {
 282         float: left;
 283         width: 30%;
 284         margin: 0.25em 0;
 285 }
 286
 287 div.cbi-value-field {
 288         width: 68%;
 289         margin: 0.25em 0 0.25em 30%;
 290 }
 291
 292 div.cbi-value-description {
 293         font-size: 90%;
 294 }
 295
 296 div.cbi-section-create {
 297         clear: left;
 298 }
 299
 300 div.cbi-map-descr {
 301         margin-bottom: 1em;
 302 }
 303
 304 div.cbi-optionals {
 305         margin: 0.5em 0;
 306         padding: 0 0.25em;
 307 }
 308
 309 div.cbi-section-remove {
 310         float: right;
 311 }
 312
 313 div.cbi-section-remove input {
 314         border-color: #bbbbbb;
 315         border-bottom: none;
 316 }
 317
 318 div.cbi-section-node {
 319         clear: both;
 320         border: 1px dotted #bbbbbb;
 321         padding-bottom: 0;
 322 }
 323
 324 table.cbi-section-table {
 325         width: 100%;
 326         font-size: 95%;
 327 }
 328
 329 table.cbi-section-table th,
 330 table.cbi-section-table td {
 331         text-align: center;
 332 }
 333
 334 tr.cbi-section-table-descr th {
 335         font-weight: normal;
 336         font-size: 90%;
 337 }
 338
 339 td.cbi-section-table-optionals {
 340         text-align: left !important;
 341         padding-top: 1em;
 342 }
 343
 344 .right {
 345         text-align: right;
 346 }
 347
 348 .luci {
 349         position: fixed;
 350         bottom: 0;
 351         left: 0;
 352         text-align: right;
 353 }
 354
 355 .luci a {
 356         color: #666666;
 357         text-decoration: none;
 358         font-size: 70%;
 359 }
 360
 361
 362 /* obligatory IE6 Voodoo Code */
 363 * html body {
 364         behavior:url(/luci/csshover_htc/void.htc);
 365         padding-left: 50% !important;
 366 }
 367
 368 * html div#header {
 369         margin-left: -100% !important;
 370 }
 371
 372 * html div.menubar {
 373         margin-left: -100% !important;
 374         width: 200% !important;
 375 }
 376
 377 * html div#content {
 378         margin-left: -60% !important;
 379         width: 120% !important;
 380 }
 381
 382 * html div.mainmenu div.hover ul,
 383 * html div.mainmenu div li.hover ul,
 384 * html div.mainmenu div li li.hover ul,
 385 * html div.mainmenu div li li li.hover ul,
 386 * html div.mainmenu div li li li li.hover ul {
 387         display: block !important;
 388         margin-left: 3em;
 389 }
 390
 391 * html div.mainmenu div.hover ul {
 392         margin-left: 0;
 393 }
 394
 395 * html div.mainmenu .hover ul ul,
 396 * html div.mainmenu .hover ul ul ul,
 397 * html div.mainmenu .hover ul ul ul ul,
 398 * html div.mainmenu .hover ul ul ul ul ul {
 399         display: none !important;
 400 }
 401
 402 * html div.mainmenu li {
 403         height: 1em !important;
 404         width: 10em !important;
 405 }