source: trunk/templates/dns.css@ 868

#debug {
        background-color: #990066;
        padding: 2px;
}

/* General settings */
body {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        margin-left: 0px;
        margin-right: 0px;
/*      background-color: #deadDD;*/
        background-color: #f8f8f8;
}
hr {
        background-color: #666;
        height: 1px;
        border: 0;
}
img {
        border: 0px;
}
/* Use Gecko-style list elements */
ul, ol, li {
        margin-left: 0;
        padding-left: 40px;
/*      border: thin solid #FF0000;*/
}
fieldset {
        border: none;
        padding: 0px;
        margin: 0px;
}

table.list {
        background-color: #F0F0F0;
}

/* Alternating row colours, now in CSS */
.altrows > tbody > tr {
        background-color: #D0E0E0;
}
.altrows > tbody > tr:nth-child(even) {
        background-color: #FFFFFF;
}
.altrows > tbody > tr:nth-child(odd) {
        background-color: #DDDDDD;
}

.container {
        background-color: #FFFFFF;
        border: none;
}
table.wholepage {
        width: 100%;
}
table.border {
        border: thin solid #000000;
}

tr.row0 {
        background-color: #FFFFFF;
}
tr.row1 {
        background-color: #DDDDDD;
}
tr.tableheader {
        background-color: #CCCCCC;
        padding: 3px;
        text-align: left;
}
tr.darkrowheader {
        background-color: #CCCCCC;
        padding: 3px;
}
tr.datalinelight {
        background-color: #F0F0F0;
        text-align: left;
}

th {
        background-color: #F0F0F0;
        font-size: 1.1em;
        font-weight:normal;
        padding: 4px;
}

td.tblsubmit {
        background-color: #F0F0F0;
        text-align: center;
}
td.inputlabel {
        text-align: right;
        padding: 3px;
}
td.datahead_l {
        background-color: #F0F0F0;
        border-bottom: 1px solid #666666;
        text-align: left;
}
td.datahead_s {
        background-color: #F0F0F0;
        border-bottom: 1px solid #666666;
        width: 1%;
        white-space: nowrap;
}
td.data_nowrap {
        white-space: nowrap;
}
td.data {
        padding: 3px;
}
td.title {
        text-align: center;
}
td.menu {
        width: 200px;
        white-space: nowrap;
        border: thin solid #000000;
        background-color: #f0f0f0;
        vertical-align: top;
}
td.defaults {
        background-color: #DDDDDD;
}
td.errhead {
        font-weight: bold;
        font-size: 110%;
        color: red;
        background-color: #404040;
        text-align: center;
        padding: 3px;
        border: solid 2px #FF0000;
}
td.err {
        border: solid 2px #FF0000;
        color: red;
        background-color: #e0e0e0;
}
td.warn {
        border: solid 2px #FFFF00;
        color: #333300;
        background-color: #e0e0e0;
}
td.leftthird {
        width: 36%;
        text-align: left;
}
td.rightthird {
        width: 36%;
        text-align: right;
}
td.border {
        background-color: #e0e0e0;
        border: solid 1px #101010;
        padding: 2px;
}
td.noaccess {
        background-color: #ffd8d8;
        color: #3f0000;
}

input {
        font-size: 10px;
}


/* general classes */
.result {
        border: solid 1px #00CC00;
        color: #000000;
        background-color: #f0f0f0;
        text-align: center;
        padding: 5px;
        width: 55%;
}
.warning {
        border: solid 2px #FFFF00;
        color: #333300;
        background-color: #e0e0e0;
        text-align: center;
        padding: 5px;
        width: 70%;
}
.errmsg {
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:100%;
        color: red;
        background-color: #404040;
        text-align: center;
        border: thin solid #FFFFFF;
        padding: 5px;
        width: 70%;
        margin: 1% auto;
}
.right {
        right: 3px;
}
.center {
        text-align: center;
}
.vpad {
        padding-top: 5px;
        padding-bottom: 5px;
}
/* not sure this really does what I think it does.  is it really not
   possible to center an arbitrary <blah> in some other arbitrary <foo>? */
.loccenter {
        margin-left: 10%;
        margin-right: 10%;
}
.maintitle {
        font-size: 1.3em;
}
.hidden {
        display: none;
}

#footer {
        border-top: thin solid #000000;
        clear: both;
        margin-top: 20px;
}
#contact {
        font-size: 10px;
        position: absolute;
        right: 10px;
        text-align: right;
}

#main {
        position: relative;
        float: right;
        width: 100%;
        margin:bottom: 50px;
}
#login {
        margin: 17% auto;
        padding: 3px;
        font-size: 1.1em;
}
#login2 {
        margin: auto;
        border: thin solid #000000;
}
#tableholder {
        padding: 2px;
        background: #FFFFFF;
        width: 70%;
}
#menu {
        border-right: thin solid #000000;
        margin-right: 5px;
        padding: 5px;
}
#soadetail {
        text-align: left;
}
#badpage {
        margin: 5% auto;
        border: solid 2px #FFFF00;
        color: #333300;
        background-color: #e0e0e0;
        text-align: center;
        padding: 5px;
        width: 70%;
}
/* somewhat generic/reusable */
#datatablewrapper {
        border: none;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        vertical-align: top;
}
table.csubtable {
        margin-left: auto;
        margin-right: auto;
}
td.main {
        vertical-align: top;
}

/* Allow current group in list to be easily flagged */
/* For reasons of "CSS is stupid" you apparently can't apply the font to the <li> *eyeroll* */
label.curgrp {
        font-weight: bold;
        font-size: 1.2em;
}
span.curgrp {
        font-weight: bold;
        font-size: 1.2em;
}

/* Pure CSS "click to show" widget, adapted from the group tree CSS */
.collapsible li > input + * {
        display: none;
}
/* when the input is checked, show the content div */
.collapsible li > input:checked + * {
        display: block;
}
/* hide the checkbox */
.nocheckbox li > input {
        display: none;
        margin: 0em;
        padding: 0px;
}
/* mostly just making the input label clickable */
.collapsible label {
        cursor: pointer;
        display: inline;
        margin: 0em;
        padding: 0px;
        padding-left: 10px;
}
/* be nice if we could make this work without the HTML list structure... */
.notalist {
        list-style: none;
        margin: 0;
        padding: 1px;
}