MediaWiki:Gadget-Minerva.css: Difference between revisions

From Halopedia, the Halo wiki

No edit summary
mNo edit summary
(25 intermediate revisions by the same user not shown)
Line 7: Line 7:
}
}
.branding-box img {
.branding-box img {
margin-top: 6px !important;
margin-top: 4px !important;
}
}


Line 31: Line 31:
}
}
.post-content .minerva-footer-logo {
.post-content .minerva-footer-logo {
border-color: #394962 !important;
border-color: #465D6F !important;
}
}
/* Active color */
/* Active color */
Line 37: Line 37:
box-shadow: inset 4px 0 0 0 #050B23 !important;
box-shadow: inset 4px 0 0 0 #050B23 !important;
}
}
h2.list-header, .last-modified-bar, .last-modified-bar.active {
h2.list-header, #content .mw-index-pager-list-header,
.last-modified-bar, .last-modified-bar.active {
background-color: #050B23 !important;
background-color: #050B23 !important;
color: #fff !important;
color: #fff !important;
Line 46: Line 47:
border-color: #999 !important;
border-color: #999 !important;
box-shadow: inset 0 0 0 1px #999,0 1px 1px rgba(0,0,0,0.05) !important;
box-shadow: inset 0 0 0 1px #999,0 1px 1px rgba(0,0,0,0.05) !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(100) !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%3E recent changes %3C/title%3E%3Cg fill=%22%2354595d%22%3E %3Cpath d=%22M1 3h16v2H1V3Zm0 6h11v2H1V9Zm0 6h7v2H1v-2Zm17.8-3.1 1-1.1a.6.6 0 0 0 0-.8L18 8.2a.6.6 0 0 0-.8 0l-1 1 2.6 2.7Zm-3.3-2L10 15.3V18h2.6l5.6-5.5-2.7-2.7Z%22/%3E %3C/g%3E%3C/svg%3E") !important;
}
/* Custom menu */
.menu .mw-ui-icon > .mw-ui-icon,
a[data-event-name="menu.recentchanges"] {
display: none !important;
}
.menu .mw-ui-icon-before::before {
min-width: 17.5px !important;
background-size: 17.5px !important;
margin: 0 !important;
}
}


Line 92: Line 59:
.header-chrome .mw-ui-icon-mf-close-base20::before {
.header-chrome .mw-ui-icon-mf-close-base20::before {
filter: brightness(100) !important;
filter: brightness(100) !important;
}
/* Standard changes */
.minerva-user-navigation {
margin-right: -0.75em !important;
}
.minerva-user-navigation > :last-child {
margin-right: 0 !important;
}
#pt-notifications-alert > .mw-ui-icon-element {
padding-left: 0 !important;
padding-right: 0 !important;
}
.minerva-header .search-box {
margin: auto !important;
}
.minerva-search-form {
width: 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;
margin-left: 15px !important;
}
header .branding-box sup {
margin-left: -3px !important;
}
header .branding-box a > * {
float: none !important;
}
.branding-box a, .branding-box a span, .footer-content a {
font-weight: bold !important;
}
#mw-mf-page-left ul.hlist li a span {
font-size: 115% !important;
font-weight: bold !important;
}
.minerva-user-menu-list .mw-ui-icon {
overflow: visible !important;
}
.mw-ui-button:not(.mw-ui-icon-element) {
max-width: none !important;
}
#userloginForm .mw-form-related-link-container {
text-align: center !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 {
font-size: 120% !important;
}
#mw-data-after-content h2, .branding-box a, .minerva-footer-logo {
font-family: 'PT Serif', 'Palatino', 'Georgia', serif !important;
}
.ext-related-articles-card-list h3 a {
color: #54595D !important;
}
#toc > ul {
margin-top: 0 !important;
margin-bottom: 0 !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 {
margin-top: 0 !important;
}
#footer-info-copyright a.external {
padding-right: 0 !important;
background-image: none !important;
}
.minerva-talk-content-explained {
padding-bottom: 3px !important;
}
.minerva-talk-content-explained,
.skin-minerva--talk-simplified .section-heading:last-of-type {
border-bottom: 0 !important;
}
body:not(.skin-minerva--talk-simplified) #bodyContent {
margin-top: 15px !important;
}
.minerva-talk-add-button {
margin-bottom: 5px !important;
}
.ns-special .mw-body {
background: #fff !important;
}
.ns-special .heading-holder {
margin-bottom: 0 !important;
}
.ns-special .heading-holder .tagline,
.mw-special-Recentchanges .mw-message-box {
display: none;
}
body.skin-minerva .minerva-anon-talk-message {
display: block !important;
font-weight: bold !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;
}
#catlinks {
font-size: 95%;
}
}
@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;
}
}
/* Headings */
dl dt {
margin-left: -1em;
}
.content h3, .content h4,
.content h5, .content h6 {
padding: 0.3em 0 0.15em !important;
margin-top: 0.5em !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: 23px !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 !important;
}
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;
}
.mw-rollback-link .jquery-confirmable-element {
margin-left: -60px !important;
}
.mw-rollback-link .jquery-confirmable-button {
margin: 0 !important;
}
body.skin-minerva .mw-tag-marker {
background: #fff;
vertical-align: top;
margin-top: 1.5px;
}
body.skin-minerva .mw-tag-markers,
body.skin-minerva ul.mw-contributions-list {
margin: 0;
}
body.skin-minerva .unpatrolled {
color: #d33;
}
/* Not recent changes */
body:not(.mw-special-Recentchanges) .mw-changeslist-time {
display: none !important;
}
body.action-history #pagehistory input[type="checkbox"] {
position: initial;
}
}


Line 456: Line 70:
.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 {
color: #202122;
text-decoration: none;
}
.content .mw-history-undo a:active, .content .mw-rollback-link a:active,
.content #page-secondary-actions .mw-ui-button:active {
color: #000;
}
.content-unstyled .minoredit {
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;
}
 
/* 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 */
/* Echo extension */

Revision as of 12:32, November 19, 2023

/* 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: 4px !important;
}

/* Background color */
body.skin-minerva, #mw-mf-page-left,
.header-container.header-chrome, .minerva-footer {
	background: url(https://halo.wiki.gallery/images/0/01/HP_Dark-bg.jpg) #050B23 no-repeat !important;
}
#mw-mf-page-center {
	background: #050B23 !important;
}
.header-container .header {
	border-color: #050B23 !important;
}
/* Border color */
.minerva-footer, .last-modified-bar,
form.mw-mf-settings .oo-ui-fieldLayout,
.mw-mf-watchlist-selector li.selected a {
	border-color: #000 !important;
}
form.mw-mf-settings #beta-field::before {
	background-color: #000 !important;
}
.post-content .minerva-footer-logo {
	border-color: #465D6F !important;
}
/* Active color */
#mw-mf-page-left ul li a:hover {
	box-shadow: inset 4px 0 0 0 #050B23 !important;
}
h2.list-header, #content .mw-index-pager-list-header,
.last-modified-bar, .last-modified-bar.active {
	background-color: #050B23 !important;
	color: #fff !important;
}
/* Custom theme */
.client-nojs .search-box .search:focus,
.search-overlay .search-box .search:focus {
	border-color: #999 !important;
	box-shadow: inset 0 0 0 1px #999,0 1px 1px rgba(0,0,0,0.05) !important;
}

/* White text theme */
.branding-box a, .branding-box sup,
#mw-mf-page-left ul.hlist li a, .ra-read-more h2,
.footer-content, .footer-content a, footer .hlist li::after {
	color: #fff !important;
}
.mw-ui-icon-wikimedia-menu-base20::before, .mw-ui-icon-wikimedia-search-base20::before,
.mw-ui-icon-wikimedia-bellOutline-base20::before, .mw-ui-icon-minerva-userAvatarOutline::before,
.header-chrome .mw-ui-icon-mf-close-base20::before {
	filter: brightness(100) !important;
}

/* Text and links */
.content { color: #000; }
.content a { color: #002bb8; }
.content a:active { color: #faa700; }
.content a:visited { color: #5a3696; }
.content a.new > * { color: unset !important; }
.content a.external, .content a.extiw { color: #36b; }
.content a.external:active, .content a.extiw:active { color: #b63; }
.content a.external:visited, .content a.extiw:visited { color: #636; }
.content a.new, .content a.new:visited, .content a.new:hover, .content a.mw-usertoollinks-contribs-no-edits { color: #d33; }

/* Echo extension */
.notification-count {
	background: none;
}
.notification-count .circle {
	background: #aaa;
	border-color: #aaa;
}
.notification-count .circle span {
	color: #fff;
	letter-spacing: -0.4px;
}
.mw-special-Notifications #contentSub,
.mw-special-Notifications #mw-echo-pref-link,
.mw-special-Notifications .pre-content.heading-holder {
	text-align: unset !important;
}
Retrieved from "https://www.halopedia.org/index.php?title=MediaWiki:Gadget-Minerva.css&oldid=1602679"