169 lines
4.8 KiB
Plaintext
169 lines
4.8 KiB
Plaintext
/* ================================================
|
|
A. Table Styling Helpers
|
|
=================================================== */
|
|
|
|
/* messaging table styles */
|
|
table tbody tr.message-read td {
|
|
color: #999;
|
|
background-color: #fbfbfb;
|
|
}
|
|
table tbody tr.message-unread td {
|
|
background-color: #fff;
|
|
}
|
|
|
|
/* table header/footer styles */
|
|
table.tc-text-center-head thead th,
|
|
table.tc-text-center-head tfoot th { text-align: center; }
|
|
table.tc-fs11-head thead th,
|
|
table.tc-fs11-head tfoot th { font-size: 12px; }
|
|
table.tc-fs12-head thead th,
|
|
table.tc-fs12-head tfoot th { font-size: 12px; }
|
|
|
|
/* special styles */
|
|
table.tc-checkbox-1 tbody td:first-child,
|
|
table.tc-checkbox-2 tbody td:nth-child(2),
|
|
table.tc-checkbox-3 tbody td:nth-child(3),
|
|
table.tc-checkbox-last tbody td:last-child {
|
|
text-align: center;
|
|
padding: 11px;
|
|
}
|
|
|
|
/* special styles */
|
|
table.tc-list-1 tbody td:first-child,
|
|
table.tc-list-2 tbody td:nth-child(2),
|
|
table.tc-list-3 tbody td:nth-child(3),
|
|
table.tc-list-last tbody td:last-child {
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
width: 45px;
|
|
padding: 0 10px;
|
|
border-right: 1px solid #e5e5e5;
|
|
background: #fdfdfd;
|
|
}
|
|
/* special styles */
|
|
table.tc-bold-1 tbody td:first-child,
|
|
table.tc-bold-2 tbody td:nth-child(2),
|
|
table.tc-bold-3 tbody td:nth-child(3),
|
|
table.tc-bold-last tbody td:last-child {
|
|
font-weight: 600;
|
|
text-align: right;
|
|
font-size: 14px;
|
|
}
|
|
/* special styles */
|
|
table.tc-med-1 tbody td:first-child,
|
|
table.tc-med-2 tbody td:nth-child(2),
|
|
table.tc-med-3 tbody td:nth-child(3),
|
|
table.tc-med-last tbody td:last-child {
|
|
font-weight: 400;
|
|
color: #999;
|
|
}
|
|
/* special styles */
|
|
table.tc-icon-1 tbody td:first-child,
|
|
table.tc-icon-2 tbody td:nth-child(2),
|
|
table.tc-icon-3 tbody td:nth-child(3),
|
|
table.tc-icon-last tbody td:last-child {
|
|
font-size: 18px;
|
|
text-align: center;
|
|
color: #999;
|
|
}
|
|
|
|
/* text colors */
|
|
table.tc-text-muted-1 tbody td:first-child,
|
|
table.tc-text-muted-2 tbody td:nth-child(2),
|
|
table.tc-text-muted-3 tbody td:nth-child(3),
|
|
table.tc-text-muted-last tbody td:last-child {
|
|
color: #999;
|
|
}
|
|
table.tc-text-primary-1 tbody td:first-child,
|
|
table.tc-text-primary-2 tbody td:nth-child(2),
|
|
table.tc-text-primary-3 tbody td:nth-child(3),
|
|
table.tc-text-primary-last tbody td:last-child {
|
|
color: #4a89dc;
|
|
}
|
|
|
|
/* font weights */
|
|
table.tc-fw600-1 tbody td:first-child,
|
|
table.tc-fw600-2 tbody td:nth-child(2),
|
|
table.tc-fw600-3 tbody td:nth-child(3),
|
|
table.tc-fw600-last tbody td:last-child {
|
|
font-weight: 600;
|
|
}
|
|
table.tc-fw600-1 tbody td:first-child,
|
|
table.tc-fw600-2 tbody td:nth-child(2),
|
|
table.tc-fw600-3 tbody td:nth-child(3),
|
|
table.tc-fw600-last tbody td:last-child {
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* font sizes */
|
|
table.tc-fs13-1 tbody td:first-child,
|
|
table.tc-fs13-2 tbody td:nth-child(2),
|
|
table.tc-fs13-3 tbody td:nth-child(3),
|
|
table.tc-fs13-last tbody td:last-child {
|
|
font-size: 13px;
|
|
}
|
|
|
|
/* text aligns */
|
|
table.tc-text-left-1 tbody td:first-child,
|
|
table.tc-text-left-2 tbody td:nth-child(2),
|
|
table.tc-text-left-3 tbody td:nth-child(3),
|
|
table.tc-text-left-last tbody td:last-child {
|
|
text-align: right;
|
|
}
|
|
table.tc-text-center-1 tbody td:first-child,
|
|
table.tc-text-center-2 tbody td:nth-child(2),
|
|
table.tc-text-center-3 tbody td:nth-child(3),
|
|
table.tc-text-center-last tbody td:last-child {
|
|
text-align: center;
|
|
}
|
|
table.tc-text-right-1 tbody td:first-child,
|
|
table.tc-text-right-2 tbody td:nth-child(2),
|
|
table.tc-text-right-3 tbody td:nth-child(3),
|
|
table.tc-text-right-last tbody td:last-child {
|
|
text-align: right;
|
|
}
|
|
|
|
/* vertical aligns */
|
|
table.tc-va-t-1 tbody td:first-child,
|
|
table.tc-va-t-2 tbody td:nth-child(2),
|
|
table.tc-va-t-3 tbody td:nth-child(3),
|
|
table.tc-va-t-last tbody td:last-child {
|
|
vertical-align: top;
|
|
}
|
|
table.tc-va-m-1 tbody td:first-child,
|
|
table.tc-va-m-2 tbody td:nth-child(2),
|
|
table.tc-va-m-3 tbody td:nth-child(3),
|
|
table.tc-va-m-last tbody td:last-child {
|
|
vertical-align: middle;
|
|
}
|
|
table.tc-va-b-1 tbody td:first-child,
|
|
table.tc-va-b-2 tbody td:nth-child(2),
|
|
table.tc-va-b-3 tbody td:nth-child(3),
|
|
table.tc-va-b-last tbody td:last-child {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
/* table Checklist */
|
|
.table-checklist td { cursor: pointer }
|
|
.table-widget .tab-content {
|
|
padding: 0;
|
|
border: 0;
|
|
overflow: hidden;
|
|
}
|
|
/* Table items (labels, badges, progress bars etc) */
|
|
.table-widget .progress {
|
|
width: 80%;
|
|
height: 13px;
|
|
margin: 0;
|
|
}
|
|
.table-widget .label, .table-widget .badge { margin-right: 7px }
|
|
/* Tables with the .table-checklist class become clickable
|
|
* if you want text to have a line-through effect on click
|
|
* add the .text-slash class to the element */
|
|
.table-checklist tr.task-checked { color: #BBB }
|
|
.table-checklist tr.task-checked .text-slash { text-decoration: line-through }
|
|
/* Table item checked state - class added via JS */
|
|
.table-checklist tr.task-checked .label, .table-checklist tr.task-checked .progress { opacity: 0.3 }
|
|
|