MediaWiki:Gadget-Minerva.css: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(47 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Minerva skin */
/* CSS placed here will affect users of the Minerva skin */
/* Wordmark logo */
.branding-box img, .minerva-footer-logo img {
width: 200px !important;
height: auto !important;
}
.branding-box img {
margin-top: 4.5px !important;
}


/* Background color */
/* Background color */
Line 11: Line 20:
}
}
/* Border color */
/* Border color */
.minerva-footer {
.minerva-footer, .last-modified-bar,
border-top: 1px solid #A2B2BF !important;
form.mw-mf-settings .oo-ui-fieldLayout,
.mw-mf-watchlist-selector li.selected a,
.post-content .minerva-footer-logo {
border-color: #A2B2BF !important;
}
}
.last-modified-bar, .post-content .minerva-footer-logo, footer > .post-content > h2,
form.mw-mf-settings #beta-field::before {
body.skin-minerva form.mw-mf-settings .oo-ui-fieldLayout {
background-color: #A2B2BF !important;
border-bottom: 1px solid #A2B2BF !important;
}
.mw-mf-watchlist-selector li.selected a {
border-bottom-color: #A2B2BF !important;
}
}
/* Active color */
/* Active color */
Line 30: Line 38:
box-shadow: inset 0 0 0 1px #758796,0 1px 1px rgba(0,0,0,0.05) !important;
box-shadow: inset 0 0 0 1px #758796,0 1px 1px rgba(0,0,0,0.05) !important;
}
}
body.skin-minerva h2.list-header,
h2.list-header, #content .mw-index-pager-list-header,
.last-modified-bar, .last-modified-bar.active,
.last-modified-bar, .last-modified-bar.active {
body.skin-minerva form.mw-mf-settings #beta-field::before {
background-color: #758796 !important;
background-color: #758796 !important;
color: #fff !important;
color: #fff !important;
}
/* Last modified bar */
.last-modified-bar .last-modified-text-accent,
.last-modified-bar .content, .last-modified-bar a {
color: #fff !important;
}
/* Minerva icons */
.last-modified-bar .mw-ui-icon-mf-expand-gray::before,
.last-modified-bar .mw-ui-icon-mf-expand-invert:before {
background: none !important;
}
.last-modified-bar__icon.mw-ui-icon-wikimedia-history-base20::before {
filter: brightness(0) invert(1) !important;
}
/* Editor icons */
.mw-ui-icon-mf-close-base20::before,
.mw-ui-icon-mf-previous-base20::before {
filter: brightness(0) !important;
}
/* Recent changes icon */
.mw-ui-icon-minerva-recentChanges::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Erecent changes%3C/title%3E%3Cg fill=%22%2354595d%22%3E%3Cg fill-rule=%22evenodd%22%3E%3Cpath fill-rule=%22nonzero%22 d=%22M6 15h2v2H6zm0-6h6v2H6zm0-6h11v2H6z%22/%3E%3Ccircle cx=%222%22 cy=%224%22 r=%222%22 fill-rule=%22nonzero%22/%3E%3Ccircle cx=%222%22 cy=%2210%22 r=%222%22 fill-rule=%22nonzero%22/%3E%3Ccircle cx=%222%22 cy=%2216%22 r=%222%22 fill-rule=%22nonzero%22/%3E%3Cpath d=%22M18.76 11.89l1.078-1.112a.556.556 0 000-.783l-1.855-1.833a.556.556 0 00-.783 0l-1.09 1.077 2.65 2.65zm-3.227-2.062L10 15.361V18h2.639l5.533-5.533z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}
#p-interaction .mw-ui-icon-minerva-recentChanges {
display: none !important;
}
}


Line 72: Line 53:
.mw-ui-icon-wikimedia-bellOutline-base20::before, .mw-ui-icon-minerva-userAvatarOutline::before {
.mw-ui-icon-wikimedia-bellOutline-base20::before, .mw-ui-icon-minerva-userAvatarOutline::before {
filter: brightness(0) !important;
filter: brightness(0) !important;
}
/* Standard changes */
.minerva-header .search-box {
margin: auto !important;
}
.search-box .search {
border-color: transparent !important;
}
header .branding-box {
opacity: 1 !important;
width: auto !important;
padding-top: 2px !important;
min-width: 190px !important;
}
header .branding-box a {
display: inline !important;
}
header .branding-box sup {
margin-left: -3px !important;
}
.branding-box a, .branding-box a span,
.footer-content a, #mw-mf-page-left ul.hlist li a {
font-weight: bold !important;
}
#mw-mf-page-left ul.hlist li a span {
font-size: 100% !important;
}
.minerva-user-navigation {
min-width: 0 !important;
}
.minerva-user-menu-list .mw-ui-icon {
overflow: visible !important;
}
.action-history .history-user {
margin-left: 0 !important;
}
.mw-mf-history-wrap-link {
text-align: center !important;
}
.mw-mf-diff-info > * {
padding: 0 !important;
}
.last-modified-bar {
padding: 6px 0 !important;
}
.last-modified-bar .indicator {
display: none !important;
}
#mw-data-after-content h2 {
font-size: 115% !important;
}
.branding-box a, .minerva-footer-logo,
footer .footer-content h2 {
font-size: 120% !important;
}
#mw-data-after-content h2, .branding-box a, .minerva-footer-logo,
footer .footer-content h2 {
font-family: 'PT Serif', 'Palatino', 'Georgia', serif !important;
}
.ext-related-articles-card-list h3 a {
color: #54595D !important;
}
#toc {
min-height: 52px !important;
min-width: 165.875px !important;
}
#toc > ul {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.ra-read-more {
padding-bottom: 42px !important;
}
.client-js body.action-view.ns-content:not(.disambig):not(.page-Main_Page) .read-more-container {
min-height: 315px !important;
}
@media all and (min-width: 720px) {
.client-js body.action-view.ns-content:not(.disambig):not(.page-Main_Page) .read-more-container {
min-height: 155px !important;
}
.ext-related-articles-card-list .ext-related-articles-card {
margin-bottom: 0 !important;
}
}
.results .list-thumb:not(.list-thumb-none),
.ext-related-articles-card-thumb:not(.ext-related-articles-card-thumb-placeholder) {
background-size: contain !important;
}
.results .list-thumb-none, .ext-related-articles-card-thumb-placeholder {
opacity: 1 !important;
background-image: url(https://wiki.gallery/images/article.svg) !important;
}
.results .list-thumb, .ext-related-articles-card-thumb {
background-color: #EAECF0 !important;
}
.overlay .results .page-summary h3 {
font-size: 18px !important;
}
#mw-data-after-content {
margin-bottom: 0 !important;
}
.minerva-footer-logo,
#mw-data-after-content + h2 {
margin-top: 0 !important;
}
#footer-info-copyright a.external,
.license a.external {
padding-right: 0 !important;
background-image: none !important;
}
#bodyContent {
margin-top: 15px !important;
}
.ns-special .heading-holder {
margin-bottom: 0 !important;
}
.page-Main_Page .heading-holder {
padding: 0 !important;
}
.page-Main_Page .page-heading {
margin-top: 15px !important;
}
#content {
padding-bottom: 20px !important;
}
.minerva-talk-full-page-button {
margin-bottom: -20px !important;
}
.lazy-image-placeholder {
background-color: transparent !important;
}
body.skin-minerva .mw-indicators {
float: right;
display: flex;
}
@media all and (max-width: 719px) {
body.skin-minerva .mw-indicators {
position: absolute;
top: 1px;
right: 0;
}
}
@media all and (min-width: 1000px) {
.mw-ui-icon-element.mw-ui-icon-with-label-desktop {
color: #54595D !important;
}
}
.nominerva {
display: none !important;
}
.content tt {
font-family: 'Menlo', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
}
.content table caption {
text-align: center;
}
.content .header {
display: revert;
height: revert;
width: revert;
max-width: revert;
white-space: revert;
border: revert;
border-spacing: revert;
border-collapse: revert;
margin: revert;
}
/* Galleries */
@media all and (max-width: 720px) {
.content ul.gallery .gallerybox {
width: 155px !important;
}
.content ul.gallery .gallerybox div {
width: auto !important;
}
.content ul.gallery:not(.mw-gallery-nolines) .gallerybox div.thumb {
display: flex !important;
min-height: 151px !important;
}
.content ul.gallery:not(.mw-gallery-nolines) .gallerybox div.thumb > div {
padding: 0 2px !important;
margin: auto !important;
}
.content ul.gallery .gallerybox .vjs-progress-control {
display: none !important;
}
.content ul.gallery .gallerybox .vjs-time-control {
padding: 0 !important;
}
.content ul.gallery .gallerybox .video-js {
width: 120px !important;
}
}
/* Headings */
dl dt {
margin-left: -1em;
}
.content h3, .content h4,
.content h5, .content h6 {
padding: 0.3em 0 0.15em !important;
}
.content #mw-content-text > h2:not(.collapsible-heading),
.content .mw-parser-output > h2:not(.collapsible-heading) {
display: block !important;
}
.content .section-heading:not(.collapsible-heading):not(h2) {
border-bottom: 0 !important;
}
.client-js .ns-subject:not(.ns-10):not(.ns-14) .section-heading:not(.collapsible-heading) .mw-headline {
padding-left: 25px !important;
}
.client-js .ns-subject:not(.ns-10):not(.ns-14) .overlay .section-heading:not(.collapsible-heading) .mw-headline {
padding-left: 0 !important;
}
.section-heading:not(.collapsible-heading) .indicator {
display: none !important;
}
.client-js .content .collapsible-heading .indicator {
padding-top: 0;
padding-bottom: 3px;
}
.content .mw-editsection > .mw-ui-icon-flush-right {
display: block;
}
.content .collapsible-heading.open-block .mw-ui-icon-flush-right {
top: -1.75px;
}
.content .in-block .mw-ui-icon-flush-right {
top: -2.75px;
}
section table .mw-ui-icon-flush-right {
margin-right: 0 !important;
}
/* Recent changes list */
body.skin-minerva .mw-tag-markers,
body.skin-minerva ul.special .comment,
body.skin-minerva .mw-changeslist-date,
body.skin-minerva .mw-changeslist-line-inner > *,
body.skin-minerva ul.mw-contributions-list li > *,
body.skin-minerva ul.mw-contributions-list .comment,
body.skin-minerva.mw-special-Watchlist .mw-userlink::before,
body.skin-minerva.mw-special-Recentchanges .mw-userlink::before,
body.skin-minerva.mw-special-Watchlist .mw-usertoollinks::after,
body.skin-minerva.mw-special-Recentchanges .mw-usertoollinks::after {
float: none;
display: inline;
}
body.skin-minerva .mw-changeslist-line-inner > *,
body.skin-minerva ul.mw-contributions-list li > * {
margin-right: 2px;
}
body.skin-minerva .mw-changeslist-line-inner > .mw-userlink {
margin-right: 0;
}
body.skin-minerva .mw-changeslist-line-inner > abbr + .unpatrolled {
margin-left: -2px;
}
body.skin-minerva .mw-diff-bytes::before,
body.skin-minerva .comment--without-parentheses::before,
body.skin-minerva .mw-changeslist-log .mw-changeslist-line-inner > .mw-changeslist-links::before {
content: '(';
}
body.skin-minerva .mw-diff-bytes::after,
body.skin-minerva .comment--without-parentheses::after,
body.skin-minerva .mw-changeslist-log .mw-changeslist-line-inner > .mw-changeslist-links::after {
content: ')';
}
body.skin-minerva ul.mw-contributions-list .mw-contributions-title,
body.skin-minerva ul.special .mw-contributions-title,
body.skin-minerva ul.mw-contributions-list .mw-title,
body.skin-minerva ul.special .mw-title {
font-weight: normal;
}
body.skin-minerva .botedit, body.skin-minerva .minoredit,
body.skin-minerva .newpage, body.skin-minerva .unpatrolled,
body.skin-minerva .mw-changeslist-line-watched .mw-title {
font-weight: bold !important;
}
body.skin-minerva ul.special li,
body.skin-minerva ul.mw-contributions-list li {
min-height: 0;
font-size: 100%;
padding: 2px 0 1px;
}
body.skin-minerva ul.special li:last-of-type,
body.skin-minerva ul.mw-contributions-list:last-of-type li:last-of-type {
border: 0;
}
body.skin-minerva ul.special .comment,
body.skin-minerva ul.mw-contributions-list .comment {
padding: 0;
}
body.skin-minerva .mw-changeslist-log-entry {
display: contents;
}
body.skin-minerva .mw-rollback-link {
float: none;
}
body.skin-minerva .mw-history-undo a,
body.skin-minerva .mw-rollback-link a {
float: none;
min-height: 0;
padding: 1px 4px 0;
position: relative;
top: -2.5px;
}
body.skin-minerva .mw-tag-marker {
margin-top: 1.5px;
vertical-align: top;
}
body.skin-minerva .mw-tag-markers,
body.skin-minerva ul.mw-contributions-list {
margin: 0;
}
body.skin-minerva .unpatrolled {
color: #d33;
}
/* Contributions only */
body.mw-special-Contributions .mw-changeslist-time {
display: none !important;
}
/* Page history */
body.action-history #pagehistory input[type="checkbox"] {
position: initial;
}
}


Line 411: Line 64:
.content a.external:active, .content a.extiw:active { color: #b63; }
.content a.external:active, .content a.extiw:active { color: #b63; }
.content a.external:visited, .content a.extiw:visited { color: #636; }
.content a.external:visited, .content a.extiw:visited { color: #636; }
.content a.new, .content a.new:visited, .content a.new:hover { color: #d33; }
.content a.new, .content a.new:visited, .content a.new:hover, .content a.mw-usertoollinks-contribs-no-edits { color: #d33; }
.content .mw-history-undo a, .content .mw-rollback-link a,
 
.content #page-secondary-actions .mw-ui-button {
/* Echo extension */
color: #202122;
.notification-count {
text-decoration: none;
background: none;
}
}
.content .mw-history-undo a:active, .content .mw-rollback-link a:active,
.notification-count .circle {
.content #page-secondary-actions .mw-ui-button:active {
background: #aaa;
color: #000;
border-color: #aaa;
}
}
.content-unstyled .minoredit {
.notification-count .circle span {
color: #000 !important;
}
.category-header li.selected a {
text-decoration: none;
color: #36C !important;
}
.page-list li > a,
.site-link-list li > a,
.topic-title-list li > a,
.minerva__tab-container a,
.category-header li a,
a.minerva__tab.new,
a.mw-mf-user-link,
.mw-mf-user {
color: #54595D !important;
}
.mw-mf-user:hover,
a.mw-mf-user-link:hover {
text-decoration: none;
}
a.mw-mf-user-link {
font-weight: bold;
position: relative;
top: 2px;
}
.content a.mw-ui-button,
.content a.mw-ui-button:active,
.content a.mw-ui-button:visited {
color: #222;
}
.content a.mw-ui-button:hover {
color: #444;
}
.content .mw-ui-button.mw-ui-progressive,
.content .mw-ui-button.mw-ui-progressive:active,
.content .mw-ui-button.mw-ui-progressive:hover,
.content .mw-ui-button.mw-ui-progressive:visited {
color: #fff;
color: #fff;
letter-spacing: -0.4px;
}
}
/* Dark toggle (Minerva) */
body.skin-minerva #toggleContainer {
display: inline-block;
}
body.skin-minerva #toggleContainer::after {
display: none !important;
}
body.skin-minerva .beforeNight#footer-places-desktop-toggle::after {
content: '•' !important;
}
/* Echo extension */
.mw-special-Notifications #contentSub,
.mw-special-Notifications #contentSub,
.mw-special-Notifications #mw-echo-pref-link,
.mw-special-Notifications #mw-echo-pref-link,