MediaWiki:Vector.css: Difference between revisions

Revision as of 03:30, 28 October 2024

/* All CSS here will be loaded for users of the Vector skin */

/* Hide language selector if no other languages are available; also hide it in the sticky nav */
#p-lang-btn .mw-portlet-lang-heading-0, #p-lang-btn-sticky-header {
   display: none;
}

.vector-sitenotice-container {
   margin: auto;
}

.anonymousnotice {
   padding: 10px 75px;
}

/* Category stuff */
#catlinks {
   font-size: small;
}

#vector-toc-collapsed-button {
    z-index: 2;
}

.client-dark-mode .catlinks li {
    border-left: 1px solid #cc9966;
}

.client-dark-mode .catlinks li:first-child {
    border-left: none;
}

.client-dark-mode .catlinks, .catlinks {
    margin-top: 0;
    margin-bottom: 1em;
    border: none;
}

#catlinks {
   background-color: transparent !important;
}

.client-dark-mode #vector-sticky-header .vector-sticky-header-start .vector-search-box,
.client-dark-mode .uls-search-label {
   filter: invert(1);
}

.client-dark-mode #mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading,
.client-dark-mode #mw-panel.collapsible-nav .portal .vector-menu-heading a,
.client-dark-mode .uls-empty-state .uls-empty-state__header, 
.client-dark-mode .uls-empty-state .uls-empty-state__desc,
.client-dark-mode #mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading a {
   color: #ffffff;
}

.vector-menu-portal .vector-menu-heading {
   font-family: 'Tico';
   text-transform: uppercase;
}

.mw-htmlform-field-HTMLLegacySkinVersionField,
#ca-uls,
#p-lang-label,
.uls-language-actions-button,
.uls-language-action-items {
  display: none;
}

.mw-logo-container {
    color: black;
}

.infobox, .topnav {
    border: 1px solid #a2a9b1;
    font-size: 0.85em;
    margin-bottom: 10px;
    background-color: #f8f9fa;
    padding: 10px;
}

.infobox {
   margin-left: 15px;
   float: right;
}

.infobox th, .topnav th {
    font-size: 1.25em;
}

.client-dark-mode #p-lang-btn-label {
    background: none;
    border: none;
}

.client-dark-mode input[type='checkbox']:hover + .mw-ui-button.mw-ui-progressive.mw-ui-quiet, 
.client-dark-mode .mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover {
    color: darkgray !important;
}

.client-dark-mode .uls-language-block > ul > li:hover, 
.client-dark-mode .uls-search {
    background-color: #663399;
}

.client-dark-mode .uls-lcd {
    background-color: #121212;
}

.client-dark-mode .infobox, .client-dark-mode .topnav, .client-dark-mode .uls-menu {
    border: 1px solid #222222;
    background-color: #121212;
}

.client-dark-mode .mw-footer-container {
    background-image: radial-gradient(rgba(0,0,0,0.75), #121212 70%), url(https://medievil.wiki/images/5/59/MediEvilWikiBackground.jpg);
    background-size: cover;
}

.client-dark-mode .vector-menu-tabs, .client-dark-mode .vector-menu-tabs li, .client-dark-mode .vector-menu-tabs a {
    background-image: none !important;
}

.client-dark-mode .mw-body-header .mw-portlet-lang .vector-menu-heading.mw-ui-progressive.mw-ui-quiet:after,
.client-dark-mode .vector-menu-dropdown .vector-menu-heading:after, .mw-interlanguage-selector:after {
    background-image: url(/images/arrow-down-progressive.svg)
}

.mw-sidebar-action .mw-sidebar-action-item {
    display: none;
}

.client-dark-mode #vector-toc-collapsed-button, .client-dark-mode #vector-toc-collapsed-button:hover, .client-dark-mode #vector-toc-collapsed-button:active {
    background-color: transparent;
}

.client-dark-mode .vector-menu-tabs .new a, .client-dark-mode .vector-menu-tabs .new a:visited {
    color: #ff6e6e;
}

.client-dark-mode .vector-menu-portal .vector-menu-heading {
    color: #fff;
}

.client-dark-mode .vector-sticky-header-icons .mw-ui-button:not(:disabled):hover,
.client-dark-mode .vector-user-links .mw-ui-button:not(:disabled):hover {
  background-color: #b5e287;
  border-color: #b5e287;
}


.client-dark-mode .vector-menu-tabs .mw-list-item.selected a, 
.client-dark-mode .vector-menu-portal .vector-menu-heading, 
.client-dark-mode .skin-vector .uls-search,
.client-dark-mode .vector-menu-tabs .mw-list-item.selected a:visited {
    border-bottom: 1px solid #cc9966;
}

.client-dark-mode #pt-userpage-2 a, .client-dark-mode .vector-user-menu-logout a, .client-dark-mode .vector-user-menu-create-account a, .client-dark-mode .vector-user-menu-login a, .client-dark-mode .vector-menu-dropdown .mw-list-item a {
    color: #efbf04;
}

.client-dark-mode .vector-user-menu-logout a:visited, .client-dark-mode .vector-user-menu-create-account a:visited, .client-dark-mode .vector-user-menu-login a:visited, .client-dark-mode .vector-menu-dropdown .mw-list-item a:visited {
    color: #cc9966;
}

.client-dark-mode ul.gallery.mw-gallery-slideshow .gallerybox.slideshow-current,
.client-dark-mode #vector-sticky-header, 
.client-dark-mode .vector-menu-dropdown .vector-menu-content {
    background-color: #222222f7;
    border: 2px solid #222;
    border-bottom: 2px solid #222;
}

.client-dark-mode .vector-body #contentSub, 
.client-dark-mode .vector-body #contentSub2 {
    color: lightgray;
}

.client-dark-mode .vector-user-menu-logout {
    border-top: 1px solid #cc9966;
}

.client-dark-mode .vector-sticky-header-icon-start {
    filter: invert(1);
}