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 #header {
  32         min-height: 98px;
  33         background-image: url(header.jpg);
  34         background-repeat: no-repeat;
  35         background-position: left center;
  36         background-color: #557788;
  37         text-align: right;
  38 }
  39
  40 #header .info {
  41         padding: 1em 1em;
  42         font-size: 70%;
  43         line-height: 160%;
  44 }
  45
  46 #header .title {
  47         display: none;
  48 }
  49
  50 .pathbar {
  51         display: none;
  52 }
  53
  54 .mainmenu {
  55         float: left;
  56         width: 100%;
  57         min-height: 1.8em;
  58         background: #000000;
  59         color: #ffffff;
  60 }
  61
  62 * html .mainmenu {
  63         height: 1.8em;
  64 }
  65
  66 .mainmenu div {
  67         float: left;
  68         /*display: inline;*/
  69 }
  70
  71 .mainmenu div ul {
  72         display: none;
  73         position: absolute;
  74         background: #000000;
  75         color: #ffffff;
  76         border-width: 0 1px 1px 1px;
  77         border-style: solid;
  78         border-color: #444444;
  79         list-style-type: none;
  80 }
  81
  82 .mainmenu ul li:hover > ul,
  83 .mainmenu div:hover > ul {
  84         display: block;
  85 }
  86
  87 .mainmenu ul li > ul {
  88 /*      display: none;*/
  89         left: 100%;
  90         margin-top: -1.8em;
  91         border-width: 1px;
  92 }
  93
  94 .modemenu a,
  95 .mainmenu a {
  96         display: block;
  97         padding: 0.5em;
  98         /*width: */
  99         color: #ffffff;
 100         text-decoration: none;
 101         font-size: 80%;
 102 }
 103
 104 .mainmenu .active a,
 105 .modemenu .active a {
 106         color: #ffff00;
 107         font-weight: bold;
 108 }
 109
 110 .mainmenu li:hover > span > a,
 111 .mainmenu div:hover > a {
 112         font-weight: bold;
 113 /*      color: #ffffff;*/
 114 }
 115
 116 .modemenu a:hover,
 117 .modemenu a:focus,
 118 .mainmenu a:hover,
 119 .mainmenu a:focus {
 120         color: #ffff00;
 121         font-weight: bold;
 122 }
 123
 124 .mainmenu div.preactive > a {
 125         color: #ffff00;
 126         font-weight: bold;
 127 }
 128
 129 .modemenu ul {
 130         float: right;
 131         /*max-width: 45%;*/
 132         width: 45%;
 133         margin-top: -1.8em;
 134         background: #000000;
 135         color: #ffffff;
 136         list-style-type: none;
 137 }
 138
 139 .modemenu li {
 140         float: right;
 141 }
 142
 143 .sidebar {
 144 /*      display: none;*/
 145 /*      float: right;*/
 146         position: fixed;
 147         bottom: 0.5em;
 148         right: 0;
 149         width: 19%;
 150         color: #888888;
 151         text-align: center;
 152         font-size: 100%;
 153         font-weight: bold;
 154 }
 155
 156 .sidebar ul {
 157         float: right;
 158         width: 100%;
 159         margin-top: 0.5em;
 160         list-style-type: none;
 161         color: #ffffff;
 162         text-align: right;
 163         font-size: 80%;
 164         font-size: normal;
 165 }
 166
 167 #content {
 168         clear: both;
 169         width: 60%;
 170         /*margin: 2.25em 20% 0 20%;*/
 171         margin: 0 auto;
 172         padding: 0.5em;
 173         background: #f5f5f5;
 174         color: #000000;
 175         border-width: 0 1px 1px 1px;
 176         border-style: solid;
 177         border-color: #444444;
 178         font-size: 80%;
 179 }
 180
 181 #content h1 {
 182         margin: 0.25em 0 0.5em 0;
 183         font-size: 150%;
 184         font-weight: normal;
 185 }
 186
 187 #content h2 {
 188         margin: 0.5em 0;
 189         font-size: 120%;
 190         font-weight: normal;
 191         text-decoration: underline;
 192 }
 193
 194 #content p {
 195 /*      margin: 1em;*/
 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: 1.2em;
 212         margin-top: -1.2em;
 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: #dddddd;
 229         color: #000000;
 230         border: 1px solid #000000;
 231 }
 232
 233 select,
 234 input[type=text] {
 235         width: 20em;
 236 }
 237
 238 textarea {
 239         margin-left: -1px;
 240         margin-bottom: 0.5em;
 241 }
 242
 243 form > div > input[type=submit],
 244 form > div > input[type=reset] {
 245         float: right;
 246         margin-left: 0.5em;
 247 }
 248
 249 table.smalltext {
 250         background: #f5f5f5;
 251         border-top: 1px solid #666666;
 252         border-right: 1px solid #666666;
 253         border-bottom: 1px solid #666666;
 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         border-bottom: 1px dotted #AAAAAA;
 270 }
 271
 272 div.cbi-value:last-child {
 273         border: none;
 274 }
 275
 276 div.cbi-value-title {
 277         width: 30%;
 278         float: left;
 279         margin: 0.5em 0;
 280 }
 281
 282 div.cbi-value-field {
 283         width: 68%;
 284         float: left;
 285         margin: 0.5em 0;
 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 }
 303
 304 div.cbi-section-remove input {
 305         border-color: #AAAAAA;
 306         border-bottom: none;
 307 }
 308
 309 div.cbi-section-node {
 310         border: 1px solid #AAAAAA;
 311         padding: 0.25em;
 312         padding-bottom: 0;
 313 }
 314
 315 .right {
 316         text-align: right;
 317 }
 318
 319 .luci {
 320         position: fixed;
 321         bottom: 0;
 322         left: 0;
 323         text-align: right;
 324 }
 325
 326 .luci a {
 327         color: #666666;
 328         text-decoration: none;
 329         font-size: 70%;
 330 }
 331
 332