MediaWiki:Gadget-terminology.css
Appearance
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)
- Edge: Hold Ctrl while clicking Refresh, or 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);
}
.mw-translate-edit-deftext.term-sourcemessage {
white-space: pre-wrap;
}
.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;
}