MediaWiki:Gadget-TsadraEditionReview.css

/* TsadraEditionReview — styles for the [[Tsadra Edition Review]] pages */

.ter-intro, .ter-help { margin: .4em 0 .8em; max-width: 60em; }
.ter-help { font-size: 90%; color: #555; }

.ter-controls {
	position: sticky; top: 0; z-index: 3; background: #fff;
	padding: .5em 0; border-bottom: 1px solid #ddd; margin-bottom: .5em;
}
.ter-controls label { margin-right: 1em; white-space: nowrap; }
.ter-count { font-weight: bold; margin-right: 1.5em; }
.ter-filters { font-size: 90%; }

table.ter-table { width: 100%; table-layout: fixed; }
table.ter-table > tbody > tr > th:nth-child(1), table.ter-table > tbody > tr > td:nth-child(1) { width: 7em; }
table.ter-table > tbody > tr > th:nth-child(4), table.ter-table > tbody > tr > td:nth-child(4) { width: 10em; }
table.ter-table td { vertical-align: top; }

.ter-where, .ter-cat, .ter-flag { font-size: 85%; color: #666; }
.ter-cat { margin-top: .3em; font-weight: bold; }
.ter-flag { color: #a15c00; }

/* Tibetan: large enough to compare syllable by syllable */
.ter-old, .ter-new, .ter-preview, .ter-textarea { font-size: 1.35em; line-height: 1.9; word-wrap: break-word; }
mark.ter-del { background: #ffd6d6; color: inherit; }
mark.ter-ins { background: #c8f0c8; color: inherit; }
sup.ter-note {
	font-size: 60%; color: #3366aa; cursor: help; padding: 0 .1em;
	border-bottom: 1px dotted #3366aa;
}
.ter-pb { font-size: 65%; color: #888; }

.ter-wylie, .ter-notes { margin-top: .4em; font-size: 90%; }
.ter-wylie summary, .ter-notes summary { cursor: pointer; color: #555; }
.ter-wylie-text { font-family: monospace; font-size: 95%; white-space: normal; word-wrap: break-word; }
.ter-notes ul { margin: .2em 0 0 1.2em; }
.ter-notes li { margin-bottom: .3em; }
.ter-arrow { color: #999; }

/* actions */
.ter-btn {
	display: block; width: 100%; margin: 0 0 .3em; padding: .25em .4em;
	border: 1px solid #a2a9b1; border-radius: 2px; background: #f8f9fa; cursor: pointer; font-size: 90%;
}
.ter-btn:hover:not( [disabled] ) { background: #fff; border-color: #72777d; }
.ter-btn--primary { background: #36c; border-color: #36c; color: #fff; }
.ter-btn--primary:hover:not( [disabled] ) { background: #447ff5; border-color: #447ff5; }
.ter-btn[disabled] { opacity: .45; cursor: default; }
/* Approve/Edit while the row is being edited: greyed out, so Save & apply is the only way on */
.ter-btn.ter-btn--blanked, .ter-btn.ter-btn--blanked:hover {
	background: #eaecf0; border-color: #c8ccd1; color: #a2a9b1; opacity: 1; cursor: not-allowed;
}
.ter-undo { display: none; }
.ter-badge { font-size: 85%; font-weight: bold; color: #14866d; margin-top: .3em; }
.ter-status { font-size: 85%; margin-top: .3em; }
.ter-status.ter-busy { color: #666; }
.ter-status.ter-ok { color: #14866d; }
.ter-status.ter-err { color: #b32424; }

/* states */
tr.ter-handled > td { background: #f4f7f4; }
tr.ter-handled .ter-old, tr.ter-handled .ter-new { opacity: .6; }
tr.ter-state-kept .ter-badge, tr.ter-state-done .ter-badge { color: #555; }
tr.ter-conflict > td:first-child { border-left: 4px solid #b32424; }
table.ter-hide-handled tr.ter-handled { display: none; }
table.ter-hide-cat-text tr.ter-cat-text,
table.ter-hide-cat-addition tr.ter-cat-addition,
table.ter-hide-cat-punct tr.ter-cat-punct,
table.ter-hide-cat-notes tr.ter-cat-notes,
table.ter-hide-cat-notenum tr.ter-cat-notenum,
table.ter-hide-cat-anchor tr.ter-cat-anchor,
table.ter-hide-cat-wylie tr.ter-cat-wylie { display: none; }

/* inline edit */
.ter-editbox { border: 1px solid #36c; padding: .5em; background: #f8faff; }
.ter-textarea { width: 100%; box-sizing: border-box; font-family: inherit; }
.ter-label { font-size: 85%; color: #555; margin-top: .5em; }
.ter-preview { background: #fff; padding: .2em .4em; border: 1px solid #ddd; }
.ter-preview-wylie { background: #fff; padding: .2em .4em; border: 1px solid #ddd; }
.ter-editbtns { margin-top: .5em; }
.ter-editbtns .ter-btn { display: inline-block; width: auto; margin-right: .5em; }

.ter-hub-count { color: #555; }
.ter-hub-complete { color: #14866d; font-weight: bold; }