science-ation/tableeditor.css

158 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: none solid solid;*/
}
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;
}