MediaWiki:Gadget-InfoboxChecker.css
Jump to navigation
Jump to search
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.
#mw-content-text #toolbar > .oo-ui-buttonGroupWidget {
margin: 3px;
border-radius: 0;
}
#mw-content-text #toolbar > .oo-ui-buttonGroupWidget:not(:last-of-type) {
border-right: 1px solid var(--theme-border-color);
padding-right: 6px;
}
/* buttons */
#mw-content-text #toolbar > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement {
border-radius: 3px;
padding: 2px 6px;
}
#mw-content-text #toolbar > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
border: 0;
padding: 4px 3px;
}
/* hover / active classes */
#mw-content-text #toolbar > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement:hover,
#mw-content-text #toolbar > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement-active,
.spriteedit-tooltip-text button:hover {
background: rgba(var(--theme-link-color--rgb),.15);
}
#content {
overflow: inherit;
}
#pageList {
color: var(--theme-text-color);
background-color: var(--theme-table-header);
border-color: var(--theme-border-color);
}
#toolbar .oo-ui-iconElement-icon {
filter: invert(1);
}
.theme-light #toolbar .oo-ui-iconElement-icon {
filter: invert(0);
}
#toolbar {
background: rgb(var(--theme-accent-color--rgb));
border: 1px solid var(--theme-border-color);
border-radius: 3px;
box-shadow: 0 2px 1px 0 rgb(0 0 0 / 10%);
padding: 9px 6px;
position: sticky;
top: 46px;
z-index: 100;
}
#leftArea {
height: 100%;
text-align: left;
margin: 5px;
}
#rightArea,
#watermarkArea {
height: 100%;
margin: 5px;
flex-grow: 1;
}
div > .title {
border-radius: 5px 5px 0 0;
font-weight: 500;
padding: 0 5px;
text-align: center;
}
div > .title > a:visited,
div > .title > a {
color: #fff;
}
div[data-status="success"] > .title {
background: var(--theme-success-color);
color: var(--theme-success-label);
}
div[data-status="failed"] > .title {
background: var(--theme-alert-color);
color: var(--theme-alert-label);
}
div[data-status="progress"] > .title {
background: var(--theme-warning-color);
color: var(--theme-warning-label);
}
/* https://www.w3schools.com/css/css3_shadows_box.asp */
.eventEntry {
background: var(--theme-table-header);
border-radius: 5px;
box-shadow: 0 10px 20px 0 rgb(100 100 100 / 0.3);
}
.comparedResult {
margin-left: 5px;
}
.comparedResult.success {
color: var(--theme-success-color);
}
.comparedResult.failed {
color: var(--theme-alert-color);
}
.eventEntry:not(:last-of-type) {
margin-bottom: 10px;
}
.status {
padding: 0 5px;
}