[project/luci.git] / themes / fledermaus / root / www / luci / fledermaus / cascade.css

@charset "utf-8";

body {
        font-family: Verdana, Arial, sans-serif;
        background-color: #aaaaaa;
}

h1 {
        margin: 0%;
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom: 0.5em;
}

h2 {
        margin: 0%;
        font-size: 1.2em;
        font-weight: bold;
}

h3 {
        margin: 0%;
}

#header {
        padding: 0.2em;
        height: 4.5em;
        background-color: #262626;
}

#columns {
        border-left: 10.1em solid #262626;
        border-right: 10.1em solid #262626;
        display: block;
        background-color: white;
        padding: 0.1em;
}

#columnswrapper {
        display: block;
        margin-left: -10em;
        margin-right: -10em;
}

#content {
        margin-left: 14em;
        margin-right: 14em;
        display: block;
        position: relative;
        padding: 2px;
        font-size: 0.8em;
}

.headerlogo {
        height: 4em;
        padding: 5px;
}

.headerlogo img {
        height: 100%;
}

.headertitle {
        font-size: 2.4em;
        color: gray;
        letter-spacing: 0.5em;
        text-transform: lowercase;
}

.separator {
        padding-left: 0.25em;
        font-weight: bold;
        font-size: 0.8em;
        line-height: 1.4em;
}

.whitetext {
        color: white;
}

.yellowtext {
        color: #ffcb05;
}

.magentatext {
        color: #dc0065;
}

.inheritcolor {
        color: inherit;
}

.smalltext {
        font-size: 0.8em;
}

.yellow {
        background-color: #ffcb05;
}

.magenta {
        background-color: #dc0065;
}

.nodeco {
        text-decoration: none;
}

.redhover:hover {
        color: red;
}

.bold {
        font-weight: bold;
}

.sidebar {
        position: relative;
        padding: 0.25em;
        color: gray;
        width: 9em;
        font-weight: bold;
}

.separator a, .sidebar a {
        color: inherit;
        text-decoration: inherit;
}

.separator a:hover, .sidebar a:hover {
        color: red;
}

.sidebar div {
        padding-bottom: 0.5em;
}

.sidebar ul {
        font-size: 0.8em;
        color: white;
        list-style-type: none;
        padding-left: 1em;
        margin-top: 0%;
}

.table {
        display: table;
}

.table-row {
        display: table-row;
}

.table-cell {
        display: table-cell;
}

.left {
        float: left;
        text-align: left;
}

.right {
        float: right;
        text-align: right;
}

.clear {
        clear: both;
}

.hidden {
        display: none;
}

.inline {
        display: inline;
}

.code {
        background: #f7f7f7;
        border: 1px solid #d7d7d7;
        margin: 1em 1.75em;
        padding: 1em;
}

code {
        display: block;
        background: #f7f7f7;
        border: 1px solid #d7d7d7;
        margin: 1em 1.75em;
        padding: 1em;
        overflow: auto;
        white-space: pre;
}

table th, table, td {
        vertical-align: top;
        text-align: left;
        border: 1px solid gray;
}

.cbi-section {
        margin-top: 1em;
}

.cbi-section-remove {
        text-align: right;
}

.cbi-value {
        display: table-row;
}

.cbi-value-title {
        display: table-cell;
        line-height: 1.75em;
        font-weight: bold;
        padding: 0.25em;
}

.cbi-value-field {
        display: table-cell;
        text-align: left;
        padding: 0.25em;
        line-height: 1.75em;
}

.cbi-value-field input, .cbi-value-field select,
.cbi-optionals select, .cbi-optionals input,
.cbi-section-remove input, .cbi-section-create input  {
        font-size: 0.8em;
        margin: 0%;
}

.cbi-section-descr {
        padding-bottom: 1em;
}

.cbi-value-description {
        display: inline;
        font-style: italic;
        font-size: 0.8em; 
        padding: 0.25em;
        margin-bottom: 0.5em;
}

.cbi-form-separator {
        margin-top: 1em;
}

.cbi-section-node {
        display: table;
        padding: 0.25em;
        background: #f7f7f7;
        border: 1px solid #d7d7d7;
}

.cbi-section-row {
        display: table-row;
}

.cbi-section-row-head {
        display: table-cell;
        font-weight: bold;
        padding: 0.25em;
}

.cbi-section-row-descr {
        display: table-cell;
        padding: 0.25em;
        font-size: 0.8em;
}

.cbi-section-node h3 {
        margin-bottom: 0.5em;
}

.cbi-error {
        color: red;
        font-weight: bold;
        font-size: 0.8em;
        margin-bottom: 0.75em;
}

.cbi-optionals {
        margin-top: 1em;
        display: table-cell;
}

.cbi-optionals option {
        font-size: 0.8em;
}

.error {
        color: red;
        font-weight: bold;
}

.ok {
        color: green;
        font-weight: bold;
}