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 div#content ul {
  19         margin-left: 2em;
  20 }
  21
  22 .clear {
  23         clear: both;
  24         height: 1px;
  25 }
  26
  27 .hidden {
  28         display: none;
  29 }
  30
  31 .error {
  32         color: #ff0000;
  33 }
  34
  35 #header {
  36         min-height: 98px;
  37         background-image: url(header.jpg);
  38         background-repeat: no-repeat;
  39         background-position: left center;
  40         background-color: #557788;
  41         text-align: right;
  42 }
  43
  44 #header .info {
  45         padding: 1em 1em;
  46         font-size: 70%;
  47         line-height: 160%;
  48 }
  49
  50 #header .title {
  51         display: none;
  52 }
  53
  54 .pathbar {
  55         display: none;
  56 }
  57
  58 .menubar {
  59         width: 100%;
  60         min-height: 1.8em;
  61         background: #000000;
  62         color: #ffffff;
  63 }
  64
  65 .mainmenu {
  66         float: left;
  67         width: auto;
  68         min-height: 1.8em;
  69         background: #000000;
  70         color: #ffffff;
  71 }
  72
  73 * html .mainmenu {
  74         height: 1.8em;
  75 }
  76
  77 .mainmenu div {
  78         float: left;
  79 }
  80
  81 .mainmenu div ul {
  82         display: none;
  83         position: absolute;
  84         background: #000000;
  85         color: #ffffff;
  86         border-width: 0 1px 1px 1px;
  87         border-style: solid;
  88         border-color: #444444;
  89         list-style-type: none;
  90 }
  91
  92 .mainmenu ul li:hover > ul,
  93 .mainmenu div:hover > ul {
  94         display: block;
  95 }
  96
  97 .mainmenu ul li > ul {
  98         left: 100%;
  99         margin-top: -1.8em;
 100         border-width: 1px;
 101 }
 102
 103 .modemenu a,
 104 .mainmenu a {
 105         display: block;
 106         padding: 0.5em;
 107         color: #ffffff;
 108         text-decoration: none;
 109         font-size: 80%;
 110 }
 111
 112 .mainmenu .active a,
 113 .modemenu .active a {
 114         color: #ffff00;
 115         font-weight: bold;
 116 }
 117
 118 .mainmenu li:hover > span > a,
 119 .mainmenu div:hover > a {
 120         font-weight: bold;
 121 }
 122
 123 .modemenu a:hover,
 124 .modemenu a:focus,
 125 .mainmenu a:hover,
 126 .mainmenu a:focus {
 127         color: #ffff00;
 128         font-weight: bold;
 129 }
 130
 131 .mainmenu div.preactive > a {
 132         color: #ffff00;
 133         font-weight: bold;
 134 }
 135
 136 .modemenu ul {
 137         width: auto;
 138         background: #000000;
 139         color: #ffffff;
 140         list-style-type: none;
 141 }
 142
 143 .modemenu li {
 144         float: right;
 145 }
 146
 147 .sidebar {
 148         position: absolute;
 149         top: -50px;
 150         right: 0;
 151         width: 18%;
 152         color: #888888;
 153         text-align: center;
 154         font-size: 100%;
 155         font-weight: bold;
 156         z-index: -1;
 157 }
 158
 159 .sidebar ul {
 160         width: 100%;
 161         margin-top: 16em;
 162         list-style-type: none;
 163         color: #ffffff;
 164         text-align: left;
 165         font-size: 80%;
 166         font-size: normal;
 167 }
 168
 169 #content {
 170         clear: both;
 171         width: 60%;
 172         margin: 0 auto;
 173         padding: 0.5em;
 174         background: #f5f5f5;
 175         color: #000000;
 176         border-width: 0 1px 1px 1px;
 177         border-style: solid;
 178         border-color: #444444;
 179         font-size: 80%;
 180 }
 181
 182 #content h1 {
 183         margin: 0.25em 0 0.5em 0;
 184         font-size: 150%;
 185         font-weight: normal;
 186 }
 187
 188 #content h2 {
 189         margin: 0.5em 0;
 190         font-size: 120%;
 191         font-weight: normal;
 192         text-decoration: underline;
 193 }
 194
 195 #content p {
 196         margin-bottom: 1em;
 197 }
 198
 199 .cbi-section {
 200         margin-bottom: 0.5em;
 201         padding: 0.5em 1em;
 202         border: 1px dotted #555555;
 203         background-color: #ffffff;
 204 }
 205
 206 .cbi-section h2 {
 207         margin: 0em 0 0.5em -0.5em !important;
 208 }
 209
 210 .cbi-section h3 {
 211         height: 1em;
 212         font-size: 120%;
 213 }
 214
 215 .cbi-section-descr {
 216         margin-bottom: 0.5em;
 217 }
 218
 219 input[type=submit],
 220 input[type=reset],
 221 label {
 222         cursor: pointer;
 223 }
 224
 225 select,
 226 input,
 227 textarea {
 228         background: #eeeeee;
 229         color: #000000;
 230         border: 1px solid #000000;
 231 }
 232
 233 input:focus,
 234 textarea:focus {
 235         background: #ffffff;
 236 }
 237
 238 select,
 239 input[type=text],
 240 input[type=password] {
 241         width: 20em;
 242 }
 243
 244 textarea {
 245         margin-left: -1px;
 246         margin-bottom: 0.5em;
 247 }
 248
 249 form > div > input[type=submit],
 250 form > div > input[type=reset] {
 251         float: right;
 252         margin-left: 0.5em;
 253 }
 254
 255 table.smalltext {
 256         background: #f5f5f5;
 257         border-top: 1px solid #666666;
 258         border-right: 1px solid #666666;
 259         border-bottom: 1px solid #666666;
 260         font-size: 90%;
 261 }
 262
 263 table.smalltext tr th {
 264         padding: 0 0.25em;
 265         border-left: 1px solid #666666;
 266 }
 267
 268 table.smalltext tr td {
 269         padding: 0 0.25em;
 270         border-top: 1px solid #666666;
 271         border-left: 1px solid #666666;
 272 }
 273
 274 div.cbi-value {
 275         clear: left;
 276         padding: 0.25em;
 277         border-bottom: 1px dotted #bbbbbb;
 278 }
 279
 280 div.cbi-value:hover {
 281         background: #f8f8f8;
 282 }
 283
 284 div.cbi-value:last-child {
 285         border: none;
 286 }
 287
 288 .cbi-value-title {
 289         float: left;
 290         width: 30%;
 291         margin: 0.25em 0;
 292 }
 293
 294 div.cbi-value-field {
 295         width: 68%;
 296         margin: 0.25em 0 0.25em 30%;
 297 }
 298
 299 div.cbi-value-description {
 300         font-size: 90%;
 301 }
 302
 303 div.cbi-section-create {
 304         clear: left;
 305 }
 306
 307 div.cbi-map-descr {
 308         margin-bottom: 1em;
 309 }
 310
 311 div.cbi-optionals {
 312         margin: 0.5em 0;
 313         padding: 0 0.25em;
 314 }
 315
 316 div.cbi-section-remove {
 317         float: right;
 318 }
 319
 320 div.cbi-section-remove input {
 321         border-color: #bbbbbb;
 322         border-bottom: none;
 323 }
 324
 325 div.cbi-section-node {
 326         clear: both;
 327         border: 1px dotted #bbbbbb;
 328         padding-bottom: 0;
 329 }
 330
 331 .right {
 332         text-align: right;
 333 }
 334
 335 .luci {
 336         position: fixed;
 337         bottom: 0;
 338         left: 0;
 339         text-align: right;
 340 }
 341
 342 .luci a {
 343         color: #666666;
 344         text-decoration: none;
 345         font-size: 70%;
 346 }
 347
 348