GOC335 forms.css

/* General form styling */
.form p {
    margin: .5ex 0;
}
.form p.buttons {
    margin-top: 1ex;
}
.form label {
    font-weight: bold;
}

/* Form elements styling */
.textbox {
    border: 1px solid #cd852d;
    padding: .75ex;
    background-color: #eeeeff;
    font-family: Segoe UI, Arial, Helvetica, sans-serif;
    box-sizing: border-box;
}
.button {
    min-width: 80px;
}
.textbox.placeholder {
    color: #999;
    text-align: center;
}
.wikiedit {
    color: #cd852d;
    font-size: 80%;
    padding-top: .25ex;
}

/* Smart grid */
table.grid {
    width: 100%;
    border: 1px solid #cd852d;
    border-collapse: collapse;
}
table.grid td, table.grid th {
    border: 1px solid #cd852d;
    padding: .5ex;
    text-align: left;
}
table.grid thead th {
    background-color: #cb672b;
    color: #fff;
}
table.grid tr.new {
    background-color: #ffc;
    font-style: italic;
}
table.grid tbody tr {
    background-color: #f5f0e5;
}
table.grid tbody tr:nth-child(odd) {
    background-color: #fff;
}
table.grid tbody tr:hover {
    background-color: #ff9;
}

/* Pager */
.pager {
    text-align: center !important;
}
.pager a {
    margin: 0 1ex;
}

/* Details grid */
table.details {
    border: none;
    border-collapse: collapse;
}
table.details th {
    text-align: left;
    padding: .5ex 1ex .5ex 0ex;
}
table.details td {
    padding: .5ex 0;
}

/* Time picker */
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}
.ui-timepicker-div dl {
    text-align: left;
}
.ui-timepicker-div dl dt {
    height: 25px;
}
.ui-timepicker-div dl dd {
    margin: -25px 0 10px 65px;
}
.ui-timepicker-div td {
    font-size: 90%;
}