source: trunk/ipdb.css@ 900

/* Default/global defs for specific tags */
fieldset {
        border: none;
        padding: 0px;
        margin: 0px;
}

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

/* Specific divs */
#bodyheader {
        margin-left: 4px;
        position: relative;
}
#homelink {
        font-size: 13px;
        font-weight: bold;
        position: absolute;
        right: 10px;
        bottom: 2px;
        text-align: right;
}
#subheader {
        background-color: #D0E0E0;
        font-size: 90%;
        padding: 3px;
        border-top: thin solid #000000;
        /* apparently this is required to keep "contained" position: absolute divs from escaping.  O_o */
        position: relative;
}
#csearch {
        float: right;
        padding: 3px;
}
#newlink {
        position: absolute;
        right: 10px;
        top: 6px;
        text-align: right;
}
#main {
        padding: 10px;
        border-top: thin solid #000000;
/*        text-align: center;*/
        padding-top: 20px;
        position: relative;
}
#utils {
        font-size: 13px;
        font-weight: bold;
        position: absolute;
        right: 10px;
        top: 2px;
        text-align: right;
}
#breadcrumb {
        font-size: 13px;
        font-weight: bold;
        position: absolute;
        top: 2px;
}
#adminlink {
        position: absolute;
        right: 10px;
        bottom: 5px;
}
#footer {
        border-top: thin solid #000000;
}
#contact {
        font-size: 10px;
        position: absolute;
        right: 10px;
        text-align: right;
}

body {
  background-color: #ffffff;
  color: #000000;
  font-family: helvetica;
  margin: 0;
}

a { text-decoration: underline; }
a:link          { color:#3333ff; }      /* unvisited link */
a:visited       { color:#663366; }      /* visited link */
a:hover         { color:#dd00dd; }      /* mouse over link */
a:active        { color:#cc0000; }      /* selected link */

table.center {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
}

/* Defs for bulk-data rows */
/* for reasons of Please The Validation Gods, these may be applied to
   things that are not technically table rows */
.row0 {
        background-color: #D0E0E0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 90%;
}
.row1 {
        background-color: #A8C4D0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 90%;
}

/* Funny how not caring about IE suddenly makes all kinds of neat things possible... */
/* class group for tables with alternating row colours */
/* note extra tbody selector for implicit tbody tag in between <table> and <tr> */
/* fallback for Stoopid Browsers */
.altrows > tbody > tr {
        background-color: #D0E0E0;
}
.altrows > tbody > tr:nth-child(odd) {
        background-color: #A8C4D0;
        font-size: 90%;
}
.altrows > tbody > tr:nth-child(even) {
        background-color: #D0E0E0;
        font-size: 90%;
}
/* because ordering.  *sigh*  could just set to something,
   but this lets the primary background colour through */
.altrows > tbody > tr:first-child {
        background: inherit;
}

/* and because we can't do things the simple way... a no-headings version */
.altrowsnh tr {
        background-color: #D0E0E0;
}
.altrowsnh tr:nth-child(odd) {
        background-color: #A8C4D0;
        font-size: 90%;
}
.altrowsnh tr:nth-child(even) {
        background-color: #D0E0E0;
        font-size: 90%;
}

tr.tableheader {
        background-color: #CCCCCC;
        padding: 3px;
        text-align: left;
}
tr.skip {
        background: inherit;
}

/* Need to normalize down to onw of these someday */
.delwarning {
        background-color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: red;
        padding: 2px;
}
.warning {
        border: solid 2px #FFFF00;
        color: #333300;
        background-color: #e0e0e0;
        text-align: center;
        padding: 5px;
}
.strongwarning {
        border: solid 2px #FF8800;
        color: #333300;
        background-color: #e0e0e0;
        text-align: center;
        padding: 5px;
        font-size: 125%;
}

.warnmsg {
        border: solid 2px #FFFF00;
        color: #333300;
        background-color: #e0e0e0;
        text-align: center;
        padding: 5px;
        width: 70%;
}

/* some standard width widgets */
.w90 {  width: 90%; }
.w70 {  width: 70%; }
.w60 {  width: 60%; }
.w30 {  width: 30%; }

/* Reverse DNS odds and ends.  Commented bits are either info-reminders or
   don't work as expected */
div.rdns {
        max-height: 20em;
/*      overflow-y: scroll; */
        overflow-x: hidden;
/*      display:inline-block; */
        width: 610px;
/*      width: 16em; */
        border: solid 1px #000000;
}
/* Abuse collapsible list tree for hideable page segment */
/* hide the content <li> */
.collapsible li > input + * {
        display: none;
}
/* when the input is checked, show the content <li> */
.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: 3px;
}
/* done hideable page segment */

/* Per-IP rDNS listings on edit allocation page */
.revdata {
        background-color: #C8D3DE;
        position: relative;
}
.host {
        width: 450px;
//      width: 35em;
}
/* and tack on some positioning magic for an action button or two */
.button_l {
        position: absolute;
        bottom: 0;
        left: 4px;
}
.button_r {
        position: absolute;
        bottom: 0;
        right: 4px;
}

/* Legacy leftovers? */
td {
        padding-right: 2px;
        padding-left: 2px;
}

/* Generic classes */
.indent {
        margin-left: 5%;
        font-size: 90%;
}

.regular { 
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
}

.heading {
        font-size: 110%;
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.heading {
        margin-top: 1em;
}

.tbltitle {
        text-align: center;
        font-size: 110%;
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tblsubtitle {
        font-size: 105%;
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ljust {
        text-align: left;
}
.rjust {
        text-align: right;
        float: right;
}
.topalign {
        vertical-align: top;
}

.small {
        font-size: 60%;
}

.center {
        text-align: center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
}

.blockcenter {
        margin-right: auto;
        margin-left: auto;
}

.err {
        text-align: center;
        font-size: 1em;
}

.red {
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:100%;
        color: red;
}

.mask {
        background: #00ff00;
}

.wildcard {
        background: #ffff00;
}

.altbg {
        background: #d0e0e0;
}

.noshow {
        visibility: hidden;
        height: 0;
        width: 0;
}