science-ation/tableeditor.css
dave 0f580472f6 Account editor (that doesn't edit yet) but uses a jquery input
validator.  Had to move the global .error class to div.error and
span.error (the only ways error() uses them).  For the rest of the
cases, like when .error is used to indicate input errors, we should
convert to using the input validator if we're all happy with it.
2010-07-13 18:00:53 +00:00

157 lines
2.4 KiB
CSS

select {
font-size: 1.0em;
}
input {
font-size: 1.0em;
}
.tableview * .happy {
color: green;
font-weight: bold;
font-size: 1.1em;
}
.tableview * .error {
color: red;
font-weight: bold;
font-size: 1.1em;
}
.tableview {
border-collapse: collapse;
border-spacing: 1px;
color: black;
margin-left: 20px;
margin-right: 20px;
border: 0px;
font-size: 0.8em;;
}
.tableview td {
border: 1px solid #000000;
padding: 2px 5px 2px 5px;
}
.tableview th {
border: 1px solid #000000;
font-weight: bold;
text-align: center;
color: #FFFFFF;
/*background-color: #1B86B7; */
background-color: #1B86B7;
padding: 3px;
cursor: pointer;
}
.tableview tr:hover {
background-color: #DDDDEC;
}
/* Table Drag'n'Drop default while-dragging style */
.tableview tr.tDnD_whileDrag,tr.tDnD_whileDrag:hover {
background-color: #8080ff;
}
.tableview th a {
font-weight: bold;
color: #FFFFFF;
}
.tableview th a:hover {
font-weight: bold;
background-color: #00346A;
color: #3D90E9;
}
.tableedit {
color: black;
margin-left: 20px;
margin-right: 20px;
font-size: 0.8em;
border: 0px;
border-collapse: collapse;
/* width: 100%;*/
}
.tableedit td {
padding: 2px;
vertical-align: middle;
}
.tableedit th {
font-weight: bold;
text-align: left;
color: #FFFFFF;
/*background-color: #1B86B7; */
background-color: #1B86B7;
padding: 1px;
vertical-align: top;
}
/* Replacement for tableedit */
form.editor {
color: black;
margin-left: 20px;
margin-right: 20px;
font-size: 1em;
border: 0px;
border-collapse: collapse;
/* width: 95%;*/
}
form.editor td {
padding: 2px;
}
/* vertical align top, then use top padding to bring it down
* so that the text is in the middle of the first line compared
* to an input box */
form.editor * td.label {
/* width: 25%;*/
text-align: right;
/* padding-right: 5px;
padding-top: 5px;*/
vertical-align: baseline;
}
form.editor * td.input {
/* width: 75%;*/
text-align: left;
vertical-align: baseline;
}
form.editor th {
font-weight: bold;
text-align: left;
color: #FFFFFF;
background-color: #1B86B7;
padding: 1px;
vertical-align: top;
}
form.editor * input {
border: 1px solid black;
}
form.editor * input.error {
border: 1px solid red;
}
form.editor * label.error {
margin-left: 10px;
width: auto;
display: inline;
color: red;
font-style: italic;
}
/* A default class so we can nest tables (i know bad) but revert
* inheritance */
.default td {
border: 0px;
}