MediaWiki:Vector.css: Difference between revisions

Revision as of 16:39, 20 July 2023

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

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

.mw-htmlform-field-HTMLLegacySkinVersionField {
  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 .infobox, .client-dark-mode .topnav {
    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;
}

.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 .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 #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);
}