openwrt/package/webif/files/www/webif.css

   1 /* layout */
   2
   3 * {
   4         margin: 0;
   5         padding: 0;
   6 }
   7
   8 html, body {
   9         width: inherit;
  10         height: 100%;
  11 }
  12
  13 dd {
  14         margin-left: 1em;
  15         margin-bottom: 0.2em;
  16 }
  17
  18 ul {
  19         display: inline;
  20         list-style-type: none;
  21 }
  22
  23 ul.about {
  24         list-style-type: disc;
  25 }
  26
  27 li.about {
  28         margin-left: 2em;
  29 }
  30
  31 hr,
  32 #submenu h3,
  33 #short-status h3,
  34 #content .settings-block .settings .settings-help h3 {
  35         display: none;
  36 }
  37
  38 ul.about,
  39 hr.separator {
  40         display: block;
  41 }
  42
  43 option {
  44         padding-right: 1em;
  45 }
  46
  47 #container {
  48         position: relative;
  49         height: 100%;
  50 }
  51
  52 #container[class] {
  53         height: auto;
  54         min-height: 100%;
  55 }
  56
  57 #header {
  58         position: relative;
  59         width: 100%;
  60 }
  61
  62 #header-title {
  63         padding-top: 2em;
  64         padding-bottom: 0.2em;
  65 }
  66
  67 #openwrt-title {
  68         position: relative;
  69         float: left;
  70         left: 1em;
  71         top: 0.7em;
  72 }
  73
  74 #short-status {
  75         position: relative;
  76         right: 1em;
  77         line-height: 1.2em;
  78         padding-bottom: 0.2em;
  79 }
  80
  81 #mainmenu,
  82 #submenu {
  83         position: absolute;
  84         width: 100%;
  85         padding-top: 0.2em;
  86         padding-bottom: 0.2em;
  87 }
  88
  89 #mainmenu
  90 {
  91         top: 0;
  92         left: 0;
  93 }
  94
  95 #mainmenu h3 {
  96         padding-left: 1em;
  97         float: left;
  98 }
  99
 100 #mainmenu li {
 101         font-size: 0.9em;
 102         float: left;
 103         margin-left: 1.5em;
 104 }
 105
 106 #submenu li {
 107         float: left;
 108         margin-left: 1em;
 109 }
 110
 111
 112 #content {
 113         padding-top: 2em;
 114         margin-left: 1em;
 115         padding-bottom: 6em;
 116 }
 117
 118 #content .settings-block {
 119         margin-bottom: 1.5em;
 120 }
 121
 122 #content .settings-block .settings-block-title {
 123         margin-bottom: 10px;
 124 }
 125
 126 #content .settings-block .settings {
 127         clear: both;
 128         margin-left: 1.5em;
 129         padding-right: 1em;
 130 }
 131
 132 #content .settings-block .settings-block-title,
 133 #content .settings-block .settings .settings-title {
 134         padding: 0.2em;
 135 }
 136
 137 #content .settings-block .settings .settings-content {
 138         padding-top: 1em;
 139         margin-left: 1em;
 140         float: left;
 141         width: 58%;
 142         padding-bottom: 0.5em;
 143 }
 144
 145 #content .settings-block .settings .settings-content select,
 146 #content .settings-block .settings .settings-content input {
 147         margin-top: 0.8em;
 148 }
 149
 150 #content .settings-block .settings .settings-help {
 151         padding: 0.4em;
 152         padding-top: 1.4em;
 153         margin-left: 42%;
 154 }
 155
 156 #content .settings-block .settings .settings-help .more-help {
 157         margin-right: 10%;
 158         text-align: right;
 159 }
 160
 161 #save {
 162         position: absolute;
 163         bottom: 0;
 164         width: 100%;
 165 }
 166
 167 #save .page-save div {
 168         float: right;
 169         width: 15em;
 170         height: 1.5em;
 171         padding-right: 1em;
 172         padding-top: 0.5em;
 173         padding-bottom: 0.4em;
 174 }
 175
 176 #save .apply {
 177         clear: both;
 178         width: 100%;
 179         height: 5em;
 180 }
 181
 182 #save .apply div {
 183         float: right;
 184         width: 15em;
 185         height: 4em;
 186         padding-right: 1em;
 187         padding-top: 0.5em;
 188         padding-bottom: 0.5em;
 189 }
 190
 191 th {
 192         text-align: left;
 193 }
 194
 195 #content .settings-block .settings .settings-help .more-help,
 196 #save,
 197 #short-status {
 198         text-align: right;
 199 }
 200
 201 /* font */
 202 body {
 203         font-family: Verdana, Helvetica, sans-serif;
 204         font-size: 1.0em;
 205 }
 206
 207 dt,
 208 .selected-maincat,
 209 #mainmenu a:active,
 210 #submenu a {
 211         font-weight: bold;
 212 }
 213
 214
 215
 216 #openwrt-title h1 {
 217         font-size: 2.8em;
 218 }
 219
 220
 221 #short-status ul {
 222         font-size: 0.8em;
 223 }
 224
 225 #mainmenu h3,
 226 #mainmenu li,
 227 #short-status h3 {
 228         font-size: 0.9em;
 229 }
 230
 231 #mainmenu a,
 232 #submenu a,
 233 #save a {
 234         text-decoration: none;
 235 }
 236
 237 #save a:hover {
 238         text-decoration: underline;
 239 }
 240
 241 #mainmenu h3 {
 242         text-transform: uppercase;
 243 }
 244
 245 #save a {
 246         font-weight: normal;
 247         font-size: 1.1em;
 248 }
 249
 250
 251 /* color */
 252
 253 #header-title,
 254 #submenu,
 255 #submenu a,
 256 #save a,
 257 #save .page-save
 258 {
 259         color: #fff;
 260 }
 261
 262 #header-title,
 263 #save .apply div {
 264         background-color: #3D5C7A;
 265 }
 266
 267 #mainmenu {
 268         color: #C3C4D2;
 269         background-color: #213242;
 270 }
 271
 272 #mainmenu a {
 273         color: #C3C4D2;
 274 }
 275
 276 #mainmenu a:hover {
 277         color: rgb(193,102,90);
 278 }
 279
 280 #submenu,
 281 #save div {
 282         background-color: #7590AE;
 283 }
 284
 285 #content .settings-block .settings-block-title h2 {
 286         color: #7590AE;
 287 }
 288
 289 #submenu a:hover {
 290         color: #FB0;
 291 }
 292
 293 #content .settings-block .settings .settings-title {
 294         color: #000;
 295         background-color: #CCC;
 296 }
 297
 298 #save .page-save {
 299         background-color: #FFF;
 300 }
 301