MediaWiki:Gadget-terminology.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
:root {
	--term-translation-color: lightgreen;
	--term-usage-notes-color: yellow;
	--term-discussion-color: orange;
	--term-unmarked-color: #ddd;
}
/* Fix for popups appearing behind the message table header */
.tux-message-editor .editcolumn {
	z-index: auto;
}
.sourcemessage .oo-ui-popupWidget,
.gadget-term-term .oo-ui-popupWidget {
	z-index: 200;
	margin-right: 0;
}
.sourcemessage .oo-ui-widget,
.gadget-term-term .oo-ui-widget {
	font-family: sans-serif;
	font-size: 0.875rem;
	text-align: initial;
}
.sourcemessage > span,
.gadget-term-term > span {
	display: inline-block;
	outline: 10px solid transparent;
	transition: all 300ms;
}
.sourcemessage > :not([class]),
.gadget-term-term > :not([class]) {
	transition-delay: 300ms;
	position: relative;
}
.sourcemessage > span:not([class]):hover,
.gadget-term-term > span:not([class]):hover {
	background: var(--term-unmarked-color);
}
.sourcemessage > span.term-translation,
.gadget-term-term > span.term-translation {
	background: var(--term-translation-color);
}
.sourcemessage > span.term-translation:hover,
.gadget-term-term > span.term-translation:hover {
	outline: 0 solid var(--term-translation-color);
}
.sourcemessage > span.term-usage_notes,
.gadget-term-term > span.term-usage_notes {
	background: var(--term-usage-notes-color);
}
.sourcemessage > span.term-usage_notes:hover,
.gadget-term-term > span.term-usage_notes:hover {
	outline: 0 solid var(--term-usage-notes-color);
}
.sourcemessage > span.term-discussion,
.gadget-term-term > span.term-discussion {
	background: var(--term-discussion-color);
}
.sourcemessage > span.term-discussion:hover,
.gadget-term-term > span.term-discussion:hover {
	outline: 0 solid var(--term-discussion-color);
}
/* @noflip */
.sourcemessage .term-adder {
	transform: scale(0.75);
	transform-origin: left center;
	filter: none;
}
/* @noflip */
.sourcemessage .term-adder .oo-ui-popupWidget-popup {
	border: 1px solid var(--term-unmarked-color);
	background: linear-gradient(to right, var(--term-unmarked-color), #fff);
}
.term-terminput-main {
	font-weight: bold;
	border-radius: 0;
}
.term-popup-menu {
	float: right;
}
.term-show-advanced {
	float: right;
}
.term-show-advanced {
	margin: 0 0.4em;
	line-height: 42px;
}
#advancedToggle {
	margin-left: 0.4em;
}
.term-add-margin {
	margin: 12px 0;
}
.gadget-term-discuss {
	float: right;
	margin: 0 0 2em 1em;
	border-left-width: 5px;
	clear: right;
}
.gadget-term-discuss {
	width: 20em;
	border: 1px solid #a2a9b1;
	padding: 1em;
	background: #fff;
	box-shadow: 0 -2px 3px 3px #eee inset, 0 2px 3px 0 #ccc inset;
	box-sizing: border-box;
	position: relative;
}
.gadget-term-discuss .gadget-term-nogadget {
	display: none;
}
.gadget-term-discuss .gadget-term-yesgadget {
	display: block !important;
	text-align: center;
}
.gadget-term-discuss .gadget-term-yesgadget .gadget-term-term {
	font-size: x-large;
	text-align: initial;
}
.gadget-term-controls {
	font-size: small;
	user-select: none;
}
.gadget-term-discuss-open {
	border-color: #36c;
}
.gadget-term-discuss-resolved {
	border-color: #00af89;
}
.gadget-term-error {
	border-color: #d33;
}
.gadget-term-discuss-menu {
	right: 1em;
}
.gadget-term-discuss-menu {
	position: absolute;
	bottom: 1em;
	opacity: 0;
	transition: all 500ms;
}
.gadget-term-discuss:hover .gadget-term-discuss-menu {
	opacity: 1;
}
.gadget-term-json {
	min-width: 40%;
	max-width: 50rem;
	margin: 0 auto 1em;
}
.gadget-term-json table {
	width: 100%;
	text-align: initial;
	border-collapse: collapse;
	margin: 1em 0;
}
.gadget-term-json td {
	border-bottom: 1px solid #ccc;
	padding: 0.5em 1em;
}
.gadget-term-json tr:last-of-type td {
	border-bottom: none;
}
.gadget-term-json td.gadget-term-term {
	text-align: center;
}
.gadget-term-json td.gadget-term-term > span {
	font-size: large;
}
.gadget-term-json p.metadata {
	font-size: smaller;
	color: #888;
}
.gadget-term-json .nodata {
	color: #888;
}
.gadget-term-json b + p {
	display: inline;
}
#gadget-term-jsonlink {
	display: block !important;
}