cabmin/cb-public/css/tables.css

Simple control panel for Node.js based on OrangeBox

/* Tables */

article table {
	border-radius: 3px;
	width: 100%;
	border: #e3e3e3 1px solid;
	padding: 0px;
	background: #ffffff;
	padding-top: 0px;
	border-collapse: collapse;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
	font-size: 96%;
}
article table>tbody>tr td, article table>tbody>tr th {
	padding: 5px 7px;
	background: #FFF;
	border: #e3e3e3 1px solid;
	display: table-cell;
}
article table>tbody>tr td {
}
article table>tbody>tr th {
	padding: 7px 10px;
	background-color: #3D464D;
	border: #3D464D 1px dotted;
	border-right: #999999 1px dotted;
	color: #ffffff;
	font-weight: normal;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
}
article table>tbody>tr:nth-child(odd)>td {
	background-color: #f8f8f8;
}
article table>tbody>tr:hover>td,
article table>tbody>tr:hover:nth-child(odd)>td {
	background-color: #efefef;
	border-color: #dddddd;
	color: #223;
	z-index: 5;
}
article table small, article table small>* {
	font-size: 85%;
	font-style: italic;
	opacity: 0.8;
}
article div table a {
	color: #4b7599;
}
article div table a:hover {
	text-decoration: underline;
	color: #4b75a9;
}
article:after {
	clear: both;
}

article table>thead>tr th {
	padding: 7px 10px;
	background-color: #3D464D;
	border: #3D464D 1px dotted;
	border-right: #999999 1px dotted;
	color: #ffffff;
	font-weight: normal;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
}
article table>thead .header {
	padding-right: 18px;
	padding-left: 18px;
	cursor: pointer;
}
article table>thead .headerSortDown {
	background: #3e474e url('../img/t.jpg') no-repeat right top;
}

article table>thead .headerSortUp {
	background: #3e474e url('../img/t.jpg') no-repeat right bottom;
}
article table a>.fa {
	color: #666666;
	margin-right: 1px;
}
.td-short {
	width: 140px !important;
	max-width: 140px !important;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.td-long {
	max-width: 250px !important;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
article table td, article table th {
	text-align: center;
}
article table td.left, article table th.left {
	text-align: left;
	padding-left: 9px;
}
article table td.right, article table th.right {
	text-align: right;
	padding-right: 9px;
}