MediaWiki:Common.css: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(41 intermediate revisions by the same user not shown)
Line 1:
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');
@import "https://unpkg.com/transition-style";
/* variables */
:root{
Line 1,648 ⟶ 1,649:
background-attachment: fixed;
color: white;
}
 
/* Links */
body a,
.vector-menu-tabs .mw-list-item a,
.vector-pinnable-header-toggle-button:hover,
.vector-dropdown .mw-list-item a:not(.mw-selflink),
.vector-feature-page-tools-disabled .vector-main-menu-group .vector-menu-content li a,
.vector-feature-page-tools-enabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink),
.vector-dropdown-content .mw-list-item a{
color: burlywood;
}
body a:visited,
.vector-menu-tabs .mw-list-item a:visited,
.vector-dropdown .mw-list-item a:not(.mw-selflink):visited,
.vector-feature-page-tools-disabled .vector-main-menu-group .vector-menu-content li a:visited,
.vector-feature-page-tools-enabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited,
.vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited{
color: darkgoldenrod;
}
 
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited{
color:white;
}
 
Line 1,683 ⟶ 1,707:
.mw-checkbox-hack-button,
.mwe-popups-settings-icon,
.oo-ui-fieldLayout-field,
#vector-main-menu-dropdown .mw-ui-icon-wikimedia-menu,
#vector-page-titlebar-toc.vector-page-titlebar-toc
{
filter: invert(100%);
}
 
.mw-ui-button.mw-ui-quiet.mw-ui-icon.mw-ui-icon-element.mw-ui-icon-wikimedia-search.vector-sticky-header-search-toggle{
filter:inherit;
}
 
Line 1,692 ⟶ 1,722:
}
 
.vector-menu-tabs a:visited,
h1, h2, h3, h4, h5, h6,
.mw-footer li,
Line 1,721 ⟶ 1,750:
/* Sidebar */
.mw-sidebar{
background-color: #252525252525cc;
border: 1px solid var(--wtc-accent);
}
Line 1,847 ⟶ 1,876:
}
 
h2.vector-pinnable-header-label{
.sidebar-toc-level-1:first-of-type>a.sidebar-toc-link>div.sidebar-toc-text{
display:none;
}
 
.vector-feature-page-tools-enabled .vector-pinned-container .vector-toc .vector-pinnable-header{
float:right;
padding:0;
}
 
.vector-feature-page-tools-enabled .vector-pinnable-element > :not(:last-child), .vector-dropdown-content > :not(:last-child){
border:none;
}
 
.vector-toc-level-1:first-of-type>a.vector-toc-link>div.vector-toc-text{
visibility: hidden;
}
 
.sidebarvector-toc-level-1:first-of-type>a.sidebarvector-toc-link>div.sidebarvector-toc-text::before{
content: "(Top)";
visibility: visible;
Line 1,885 ⟶ 1,927:
}
 
.sidebarvector-toc-text{
margin-right:10px;
}
Line 2,020 ⟶ 2,062:
 
/* Table of Contents */
.vector-main-menu-container{
.sidebar-toc{
padding-left:12px;
background-color: #252525;
}
 
.vector-toc,
.vector-main-menu{
background-color: #252525cc !important;
border: 1px solid var(--wtc-accent);
margin-left: 12px;
Line 2,027 ⟶ 2,074:
}
 
.vector-feature-page-tools-disabled .vector-main-menu-group .vector-menu-heading{
.sidebar-toc::after{
color:white;
}
 
.vector-main-menu .vector-menu-content-list>li>a{
color:burlywood;
}
 
.vector-toc::after{
background: transparent !important;
}
 
.sidebarvector-toc .sidebarvector-toc-list-item-active > .sidebarvector-toc-link{
color: white !important;
}
 
.sidebarvector-toc .sidebarvector-toc-link{
color: burlywood;
}
 
.sidebarvector-toc-title{
color: white !important;
}
 
.sidebarvector-toc-title{
text-align: center;
}
 
.sidebarvector-toc-contents{
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: calc(0.75em + 15px + 1.5em);
}
 
Line 2,058 ⟶ 2,110:
}
 
.sidebarvector-toc-header{
padding-top: 12px;
padding-right: 12px;
Line 2,066 ⟶ 2,118:
background-blend-mode:soft-light;
background-position-y:top;
}
 
.vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link{
color: #f0f0f0;
}
 
Line 2,119 ⟶ 2,175:
filter: brightness(0.5);
transition: filter 0.35s ease;
}
 
.infobox{
position:relative;
z-index:5;
}
 
.infobox.nostyle{
background:none !important;
border:none;
widthmargin:100%0;
padding:0;
width:100% !important;
}
 
.endroll .mw-collapsible-toggle-collapsed span.mw-collapsible-toggle{
background:linear-gradient(to left, #1c1c1c 13%, #1c1c1c00 20%);
}
 
.endroll .mw-collapsible-toggle-expanded span.mw-collapsible-toggle{
background:transparent;
}
 
/* Tables */
.mw-datatable.cargo-tablelist th,
table.cargoTable th{
background:#2c2c2c;
}
 
.mw-datatable.cargo-tablelist td,
table.cargoTable td{
background:#252525;
}
 
table.cargoTable td figure,
table.cargoTable td figcaption{
background:transparent;
border:none;
}
 
#mw-searchoptions, .mw-search-profile-tabs{
background:transparent !important;
}
.search-types .current a{
color: white;
}
 
/* Width Limit */
.mw-page-container{
transition: max-width 0.35s ease;
}
.vector-feature-limited-width-disabled .mw-page-container{
max-width:100%;
}
 
/* Toolbar */
.vector-page-toolbar-container{
box-shadow:none;
}
.vector-menu-tabs .mw-list-item.vector-tab-noicon > a,
.vector-page-toolbar-container .vector-menu-dropdown > .vector-menu-heading{
padding:10px 0px 0px;
}
 
.vector-menu-tabs .mw-list-item .mw-ui-icon{
margin-top:2px;
}
 
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited{
border:none;
}
 
/* Thumbnails */
figure[typeof~="mw:File/Thumb"],
figure[typeof~="mw:File/Thumb"] > figcaption,
figure[typeof~="mw:File/Thumb"] > a:first-child > :first-child:not(.mw-broken-media){
background:transparent;
border:none;
}
figure[typeof~="mw:File/Thumb"]:not([typeof~="mw:Error"]) > a.mw-file-description::after{
display:none;
}
 
/* Media Viewer */
body.mw-mmv-lightbox-open > :not(.mw-notification-area-overlay){
display:block;
}
 
.mw-mmv-image img{
max-height:80vh;
object-fit:cover;
}
 
.mw-mmv-image-metadata{
display:none;
}
 
.mw-mmv-overlay{
opacity:0.7;
}
 
.mw-mmv-image img.gif, .mw-mmv-image img.png, .mw-mmv-image img.webp, .mw-mmv-image img.svg, .mw-mmv-image img.tiff, .mw-mmv-image img.tif{
background:transparent;
}
 
/* fixing what new vector broke */
.vector-feature-zebra-design-disabled .mw-page-container{
background-color:transparent !important;
}
.vector-feature-zebra-design-disabled .vector-header-container{
background-color:black !important;
}
.vector-feature-zebra-design-disabled .mw-body{
padding:1em 1.5em 1.5em 1.5em !important;
}
.vector-feature-zebra-design-disabled body{
color:white;
}