change styles from table constructs to class constructs

This commit is contained in:
Isaac Connor 2016-03-01 09:56:57 -05:00
parent 0d8c16bb56
commit e7303ccb08
1 changed files with 41 additions and 4 deletions

View File

@ -42,21 +42,21 @@
width: 100%; width: 100%;
} }
#consoleTable tr.highlight { #consoleTable div.highlight {
background-color: #eeeeee; background-color: #eeeeee;
} }
#consoleTable thead th { #consoleTable .thead .tr div {
padding-bottom: 4px; padding-bottom: 4px;
vertical-align: middle; vertical-align: middle;
} }
#consoleTable tfoot td { #consoleTable .tfoot .tr div {
padding-top: 4px; padding-top: 4px;
vertical-align: middle; vertical-align: middle;
} }
#consoleTable th,td { #consoleTable .tr div {
height: 16px; height: 16px;
text-align: left; text-align: left;
} }
@ -80,6 +80,7 @@
#consoleTable .colLeftButtons { #consoleTable .colLeftButtons {
text-align: left; text-align: left;
min-width:300px;
} }
#consoleTable .colLeftButtons input { #consoleTable .colLeftButtons input {
@ -89,9 +90,45 @@
#consoleTable .colRightButtons { #consoleTable .colRightButtons {
text-align: right; text-align: right;
padding-right: 8px; padding-right: 8px;
min-width: 150px;
} }
#consoleTable .colRightButtons input { #consoleTable .colRightButtons input {
margin: 0 8px; margin: 0 8px;
} }
/*
* Console table for the main event table
*/
#consoleTable {
display: table;
}
#consoleTable .tr {
display: table-row;
}
#consoleTable .tr div {
text-align: left;
display: table-cell;
padding: 5px;
border-bottom: 2px solid #f2f2f2;
}
#consoleTable input[type=button] {
margin-right: 3px !important;
}
#consoleTable .tfoot {
display: table-footer-group;
background-color: #f2f2f2;
}
#consoleTable .tbody {
display: table-row-group;
}
#consoleTable .thead {
display: table-header-group;
text-transform: uppercase;
font-size: 0.8em;
font-weight: 600;
}