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 .clear {
  19         clear: both;
  20         height: 1px;
  21 }
  22
  23 .hidden {
  24         display: none;
  25 }
  26
  27 #header {
  28         min-height: 98px;
  29         background-image: url(header.jpg);
  30         background-repeat: no-repeat;
  31         background-position: left center;
  32         background-color: #557788;
  33         text-align: right;
  34 }
  35
  36 #header .info {
  37         padding: 1em 1em;
  38         font-size: 70%;
  39         line-height: 160%;
  40 }
  41
  42 #header .title {
  43         display: none;
  44 }
  45
  46 .pathbar {
  47         display: none;
  48 }
  49
  50 .mainmenu {
  51         float: left;
  52         width: 100%;
  53 /*      height: 2em;*/
  54         min-height: 1.5em;
  55         background: #000000;
  56         color: #ffffff;
  57 }
  58
  59 .mainmenu div {
  60         float: left;
  61         /*display: inline;*/
  62 }
  63
  64 .mainmenu div ul {
  65         display: none;
  66         position: absolute;
  67         background: #000000;
  68         color: #ffffff;
  69         border-width: 0 1px 1px 1px;
  70         border-style: solid;
  71         border-color: #444444;
  72         list-style-type: none;
  73 }
  74
  75 .mainmenu ul li:hover > ul,
  76 .mainmenu div:hover > ul {
  77         display: block;
  78 }
  79
  80 .mainmenu ul li > ul {
  81 /*      display: none;*/
  82         left: 100%;
  83         margin-top: -1.8em;
  84         border-width: 1px;
  85 }
  86
  87 .modemenu a,
  88 .mainmenu a {
  89         display: block;
  90         padding: 0.5em;
  91         /*width: */
  92         color: #ffffff;
  93         text-decoration: none;
  94         font-size: 80%;
  95 }
  96
  97 .mainmenu .active a,
  98 .modemenu .active a {
  99         color: #ffff00;
 100         font-weight: bold;
 101 }
 102
 103 .mainmenu li:hover > span > a,
 104 .mainmenu div:hover > a {
 105         font-weight: bold;
 106 /*      color: #ffffff;*/
 107 }
 108
 109 .modemenu a:hover,
 110 .modemenu a:focus,
 111 .mainmenu a:hover,
 112 .mainmenu a:focus {
 113         color: #ffff00;
 114         font-weight: bold;
 115 }
 116
 117 .mainmenu div.preactive > a {
 118         color: #ffff00;
 119         font-weight: bold;
 120 }
 121
 122 .modemenu ul {
 123         float: right;
 124         /*max-width: 45%;*/
 125         width: 45%;
 126         margin-top: -1.8em;
 127         background: #000000;
 128         color: #ffffff;
 129         list-style-type: none;
 130 }
 131
 132 .modemenu li {
 133         float: right;
 134 }
 135
 136 .sidebar {
 137 /*      display: none;*/
 138 /*      float: right;*/
 139         position: fixed;
 140         bottom: 0.5em;
 141         right: 0;
 142         width: 19%;
 143         color: #888888;
 144         text-align: center;
 145         font-size: 100%;
 146         font-weight: bold;
 147 }
 148
 149 .sidebar ul {
 150         float: right;
 151         width: 100%;
 152         margin-top: 0.5em;
 153         list-style-type: none;
 154         color: #ffffff;
 155         text-align: right;
 156         font-size: 80%;
 157         font-size: normal;
 158 }
 159
 160 #content {
 161         clear: both;
 162         width: 60%;
 163         /*margin: 2.25em 20% 0 20%;*/
 164         margin: 0 auto;
 165         padding: 0.5em;
 166         background: #f5f5f5;
 167         color: #000000;
 168         border-width: 0 1px 1px 1px;
 169         border-style: solid;
 170         border-color: #444444;
 171         font-size: 80%;
 172 }
 173
 174 #content h1 {
 175         margin: 0.25em 0 0.5em 0;
 176         font-size: 150%;
 177         font-weight: normal;
 178 }
 179
 180 #content h2 {
 181         margin: 0.5em 0;
 182         font-size: 120%;
 183         font-weight: normal;
 184         text-decoration: underline;
 185 }
 186
 187 #content p {
 188 /*      margin: 1em;*/
 189         margin-bottom: 1em;
 190 }
 191
 192 .cbi-section {
 193         margin: 0 1em;
 194 }
 195
 196 .cbi-section h2 {
 197         margin: 0.5em 0 0.5em -0.5em !important;
 198 }
 199
 200 .cbi-section-descr {
 201         margin-bottom: 0.5em;
 202 }
 203
 204 input[type=submit],
 205 input[type=reset],
 206 label {
 207         cursor: pointer;
 208 }
 209
 210 select,
 211 input,
 212 textarea {
 213         background: #dddddd;
 214         color: #000000;
 215         border: 1px solid #000000;
 216 }
 217
 218 select,
 219 input[type=text] {
 220         width: 20em;
 221 }
 222
 223 textarea {
 224         margin-left: -1px;
 225         margin-bottom: 0.5em;
 226 }
 227
 228 form > div > input[type=submit],
 229 form > div > input[type=reset] {
 230         float: right;
 231         margin-left: 0.5em;
 232 }
 233
 234 table.smalltext {
 235         background: #f5f5f5;
 236         border-top: 1px solid #666666;
 237         border-right: 1px solid #666666;
 238         border-bottom: 1px solid #666666;
 239 }
 240
 241 table.smalltext tr th {
 242         padding: 0 0.25em;
 243         border-left: 1px solid #666666;
 244 }
 245
 246 table.smalltext tr td {
 247         padding: 0 0.25em;
 248         border-top: 1px solid #666666;
 249         border-left: 1px solid #666666;
 250 }
 251
 252 .luci {
 253         position: fixed;
 254         bottom: 0;
 255         left: 0;
 256         text-align: right;
 257 }
 258
 259 .luci a {
 260         color: #666666;
 261         text-decoration: none;
 262         font-size: 70%;
 263 }
 264
 265