kumquat-buildroot/package/webif/files/www/webif.css
2008-03-30 20:40:53 +00:00

297 lines
3.6 KiB
CSS

/* layout */
* {
margin: 0;
padding: 0;
}
html, body {
width: inherit;
height: 100%;
}
dd {
margin-left: 1em;
margin-bottom: 0.2em;
}
ul {
display: inline;
list-style-type: none;
}
ul.about {
list-style-type: disc;
}
li.about {
margin-left: 2em;
}
hr,
#submenu h3,
#short-status h3,
#content .settings-block .settings .settings-help h3 {
display: none;
}
ul.about,
hr.separator {
display: block;
}
option {
padding-right: 1em;
}
#container {
position: relative;
min-height: 100%;
}
#header {
position: relative;
width: 100%;
}
#header-title {
padding-top: 2em;
padding-bottom: 0.2em;
}
#openwrt-title {
position: relative;
float: left;
left: 1em;
top: 0.7em;
}
#short-status {
position: relative;
right: 1em;
line-height: 1.2em;
padding-bottom: 0.2em;
}
#mainmenu,
#submenu {
position: absolute;
width: 100%;
padding-top: 0.2em;
padding-bottom: 0.2em;
}
#mainmenu
{
top: 0;
left: 0;
}
#mainmenu h3 {
padding-left: 1em;
float: left;
}
#mainmenu li {
font-size: 0.9em;
float: left;
margin-left: 1.5em;
}
#submenu li {
float: left;
margin-left: 1em;
}
#content {
padding-top: 2em;
margin-left: 1em;
padding-bottom: 6em;
}
#content .settings-block {
margin-bottom: 1.5em;
}
#content .settings-block .settings-block-title {
margin-bottom: 10px;
}
#content .settings-block .settings {
clear: both;
margin-left: 1.5em;
padding-right: 1em;
}
#content .settings-block .settings-block-title,
#content .settings-block .settings .settings-title {
padding: 0.2em;
}
#content .settings-block .settings .settings-content {
padding-top: 1em;
margin-left: 1em;
float: left;
width: 58%;
padding-bottom: 0.5em;
}
#content .settings-block .settings .settings-content select,
#content .settings-block .settings .settings-content input {
margin-top: 0.8em;
}
#content .settings-block .settings .settings-help {
padding: 0.4em;
padding-top: 1.4em;
margin-left: 42%;
}
#content .settings-block .settings .settings-help .more-help {
margin-right: 10%;
text-align: right;
}
#save {
position: absolute;
bottom: 0;
width: 100%;
}
#save .page-save div {
float: right;
width: 15em;
height: 1.5em;
padding-right: 1em;
padding-top: 0.5em;
padding-bottom: 0.4em;
}
#save .apply {
clear: both;
width: 100%;
height: 5em;
}
#save .apply div {
float: right;
width: 15em;
height: 4em;
padding-right: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
th {
text-align: left;
}
#content .settings-block .settings .settings-help .more-help,
#save,
#short-status {
text-align: right;
}
/* font */
body {
font-family: Verdana, Helvetica, sans-serif;
font-size: 1.0em;
}
dt,
.selected-maincat,
#mainmenu a:active,
#submenu a {
font-weight: bold;
}
#openwrt-title h1 {
font-size: 2.8em;
}
#short-status ul {
font-size: 0.8em;
}
#mainmenu h3,
#mainmenu li,
#short-status h3 {
font-size: 0.9em;
}
#mainmenu a,
#submenu a,
#save a {
text-decoration: none;
}
#save a:hover {
text-decoration: underline;
}
#mainmenu h3 {
text-transform: uppercase;
}
#save a {
font-weight: normal;
font-size: 1.1em;
}
/* color */
#header-title,
#submenu,
#submenu a,
#save a,
#save .page-save
{
color: #fff;
}
#header-title,
#save .apply div {
background-color: #3D5C7A;
}
#mainmenu {
color: #C3C4D2;
background-color: #213242;
}
#mainmenu a {
color: #C3C4D2;
}
#mainmenu a:hover {
color: rgb(193,102,90);
}
#submenu,
#save div {
background-color: #7590AE;
}
#content .settings-block .settings-block-title h2 {
color: #7590AE;
}
#submenu a:hover {
color: #FB0;
}
#content .settings-block .settings .settings-title {
color: #000;
background-color: #CCC;
}
#save .page-save {
background-color: #FFF;
}