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