stable.css

.stable {
	background: var(--fg);
	border: 1px solid var(--bor);
	overflow: hidden;
	display: block;
	-moz-user-select: none;
	-moz-user-focus: normal;
	-moz-user-input: enabled;
	position: relative;
}

.stable td {
	empty-cells: show;
	text-overflow: ellipsis!important;
	white-space: nowrap!important;
	overflow: hidden!important;
	padding: 1px;
}

.stable td>div {
	text-overflow: ellipsis!important;
	overflow: hidden!important;
}

.stable-head {
	position: relative;
	overflow: hidden;
	/* background: transparent url(./images/header.png) repeat-x scroll center top; */
	z-index: 10;
	-webkit-user-select: ignore!important;
	-moz-user-select: none!important;
}

.stable-head table {
	table-layout: fixed;
	width: 0;
}

.stable-head td {
	border: 1px solid;
	border-color: var(--fg) var(--boralt) var(--fg) var(--fg);
	padding: 1px .5em;
}

.stable-head td:hover {
	background-color: var(--alt);
}

.stable-head .sorted {
	padding-right: 0;
}

.stable-head .sorted>div {
	padding-right: 16px;
	position: relative;
}

.stable-head .sorticon {
	background: transparent url(./images/arrow.png) no-repeat scroll right -32px;
	clip: rect(0 16px 16px 0);
	margin: -8px 0;
	padding: 8px;
	position: absolute;
	right: 0;
	top: 50%;
}

.stable-head .sorticon.asc {
	background-position: right -16px;
}

.stable-head .sorticon.desc {
	background-position: right 0;
}

.stable-body {
	background: var(--fg);
	overflow: auto;
	position: relative;
}

.stable-body table {
	table-layout: fixed;
	position: relative;
	width: 0;
}

.stable-body tr {
	cursor: pointer;
}

.stable-body tr.odd,
.stable-body tbody.sorted-0 tr:not(.selected) td:nth-child(1),
.stable-body tbody.sorted-1 tr:not(.selected) td:nth-child(2),
.stable-body tbody.sorted-2 tr:not(.selected) td:nth-child(3),
.stable-body tbody.sorted-3 tr:not(.selected) td:nth-child(4),
.stable-body tbody.sorted-4 tr:not(.selected) td:nth-child(5),
.stable-body tbody.sorted-5 tr:not(.selected) td:nth-child(6),
.stable-body tbody.sorted-6 tr:not(.selected) td:nth-child(7),
.stable-body tbody.sorted-7 tr:not(.selected) td:nth-child(8),
.stable-body tbody.sorted-8 tr:not(.selected) td:nth-child(9),
.stable-body tbody.sorted-9 tr:not(.selected) td:nth-child(10),
.stable-body tbody.sorted-10 tr:not(.selected) td:nth-child(11),
.stable-body tbody.sorted-11 tr:not(.selected) td:nth-child(12),
.stable-body tbody.sorted-12 tr:not(.selected) td:nth-child(13),
.stable-body tbody.sorted-13 tr:not(.selected) td:nth-child(14),
.stable-body tbody.sorted-14 tr:not(.selected) td:nth-child(15),
.stable-body tbody.sorted-15 tr:not(.selected) td:nth-child(16),
.stable-body tbody.sorted-16 tr:not(.selected) td:nth-child(17),
.stable-body tbody.sorted-17 tr:not(.selected) td:nth-child(18),
.stable-body tbody.sorted-18 tr:not(.selected) td:nth-child(19),
.stable-body tbody.sorted-19 tr:not(.selected) td:nth-child(20) {
	background-color: var(--alt);
}

.stable-body tr.even {
	background-color: var(--fg);
}

.stable-body tr.selected {
	background-color: var(--sel);
	color: var(--texsel);
}

.stable-body td {
	width: 100%;
	padding: 2px 5px;
	overflow: hidden;
}

.stable-icon div {
	overflow: hidden;
	padding-left: 19px!important;
	position: relative;
}

.stable-body .icon {
	margin: 0;
	padding: 0;
}

.stable-icon .icon {
	clip: rect(0 16px 16px 0);
	left: 0;
	margin: -8px 0;
	padding: 8px;
	position: absolute;
	top: 50%;
}

.stable-move-header {
	position: absolute;
	background-color: var(--fg);
	top: 0;
	padding: 1px .5em;
	opacity: .70;
	-moz-user-select: none;
	visibility: hidden;
	border: 1px solid var(--bor);
	overflow: hidden;
}

.stable-active-header {
	border-color: threedface!important;
}

.stable-separator-header {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 1px;
	overflow: hidden;
	visibility: hidden;
	background: var(--bor);
	padding: 3px 0;
	z-index: 100;
}

.stable-infobar {
	background: var(--fg);
	border-top: 1px solid var(--bor);
	bottom: 0;
	height: 2em;
	left: 0;
	position: absolute;
	right: 0;
}

.stable-infobar .filterbar {
	padding: 3px 5px;
	float: left;
}

.stable-infobar .filterbar-close {
	background: transparent url(./images/close.png) no-repeat 0 0;
	clip: rect(0 14px 14px 0);
	left: 3px;
	margin: -7px 0;
	padding: 7px;
	position: absolute;
	top: 50%;
}

.stable-infobar a.filterbar-close:hover {
	background-position: -14px;
}

.stable-infobar a.filterbar-close:active {
	background-position: -28px;
}

.stable-infobar .filterbar-query {
	margin-left: 5px;
}

.stable-infobar .refreshBtn {
	height: 16px;
	padding: 6px 4px 2px 4px;
	float: right;
}

.stable-infobar .refreshIcon {
	padding: 1px 8px 2px;
	background: transparent url(./images/table_refresh.png) no-repeat scroll center center;
	cursor: pointer;
}

.stable-infobar .pageChanger {
	padding: 3px;
	float: right;
}

.stable-infobar .pageSelector {
	min-width: 40px;
}

.stable-infobar a.prevlink,
.stable-infobar a.nextlink {
	padding: 2px 8px 1px;
	margin: 0 2px;
	background: url(./images/nextprev.png) no-repeat;
	cursor: pointer;
}

.stable-infobar a.prevlink {
	background-position: -16px center;
}

.stable-infobar a.nextlink {
	background-position: -32px center;
}

.stable-infobar a.prevlink:hover {
	background-position: 0 center;
}

.stable-infobar a.nextlink:hover {
	background-position: -48px center;
}

.stable-infobar .disabled {
	opacity: .25;
}

.stable-pad {
	height: 0;
	padding: 0;
	margin: 0;
	position: relative;
}

.stable-hidden-column {
	display: none;
}

.stable-progress {
	background: var(--fg);
	border: 1px solid var(--barbor);
	color: var(--bartexdis);
	height: 90%;
	line-height: 100%;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.stable-progress-bar {
	background: var(--bar);
	bottom: 0;
	color: var(--bartex);
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
}

.Status_Incomplete .stable-progress-bar {
	background: var(--barincomp);
}

.Status_Checking .stable-progress-bar {
	background: var(--barchk);
}

.Status_Up .stable-progress-bar {
	background: var(--barup);
}

.Status_Queued_Up .stable-progress-bar {
	background: var(--barqup);
}

.Status_Error .stable-progress-bar {
	background: var(--barerror);
}

.Status_Completed .stable-progress-bar {
	background: var(--barcomp);
}

.Status_Down .stable-progress-bar {
	background: var(--bardown);
}
.Status_Queued_Down .stable-progress-bar {
	background: var(--barqdown);
}

.Status_Paused .stable-progress-bar {
	background: var(--barpause);
}

.stable-body:focus {
	outline: none;
}