MediaWiki:Common.css: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(95 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,605 ⟶ 1,607:
width: 100%;
height: 100%;
filter:brightness(0.5);
background-color: var(--infobox-color-primary);
mask-image: url("https://static.miraheze.org/whentheycrywiki/4/42/Wiki_character_background.png")
}
Line 1,630 ⟶ 1,632:
.episode-list{
color: #777;
}
 
.chapter-list ul,
.volume-list ul,
.episode-list ul{
list-style: none;
margin-left: 0.5em;
}
 
Line 1,640 ⟶ 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,647 ⟶ 1,679:
 
.mw-body{
background-color: #252525252525cc;
border: 1px solid var(--wtc-accent);
padding: 1em 1.5em 1.5em;
Line 1,664 ⟶ 1,696:
.mw-ui-icon-wikimedia-unStar,
.mw-ui-icon-wikimedia-search,
.mw-ui-icon-wikimedia-search::before,
.mw-ui-icon-wikimedia-expand,
.mw-ui-icon-userAvatar,
Line 1,675 ⟶ 1,708:
.mwe-popups-settings-icon,
.oo-ui-fieldLayout-field,
#vector-main-menu-dropdown .mw-ui-icon-wikimedia-search::beforemenu,
#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,684 ⟶ 1,722:
}
 
.vector-menu-tabs a:visited,
h1, h2, h3, h4, h5, h6,
.mw-footer li,
Line 1,713 ⟶ 1,750:
/* Sidebar */
.mw-sidebar{
background-color: #252525252525cc;
border: 1px solid var(--wtc-accent);
}
 
.sidebar-toc{
background-color: #252525;
border: 1px solid var(--wtc-accent);
margin-left: 12px;
padding-left: 9px;
overflow:hidden;
}
 
.sidebar-toc::after{
background: transparent !important;
}
 
.sidebar-toc .sidebar-toc-list-item-active > .sidebar-toc-link{
color: white !important;
}
 
.sidebar-toc .sidebar-toc-link{
color: burlywood;
}
 
.sidebar-toc-title{
color: white !important;
}
 
.sidebar-toc-title{
text-align: center;
}
 
.sidebar-toc-contents{
padding-left: 1.5em;
}
 
.vector-sticky-toc-container.mw-sticky-header-element{
transition: top 250ms linear 0s;
}
 
Line 1,802 ⟶ 1,803:
.thumbcaption{
padding: 0 !important;
background-color: #2c2c2c;
text-align:right !important;
}
Line 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,914 ⟶ 1,927:
}
 
.sidebarvector-toc-text{
margin-right:10px;
}
Line 2,021 ⟶ 2,034:
}
 
.patterned-navbox>tbody>tr:first-of-type>th,
.patterned-header,
.patterned
{
background-color: var(--wtc-accent);
background-image:url("https://static.miraheze.org/whentheycrywiki/e/ea/Diamond.png");
background-blend-mode:soft-light;
Line 2,038 ⟶ 2,050:
background-position-y:center;
}
 
.vector-below-page-title #vector-toc-collapsed-button, .vector-below-page-title .sidebar-toc{
.vector-below-page-title #vector-toc-collapsed-button{
background-color:#1c1c1c !important;
background-color:#e3e3e3 !important;/* colors inverted to account for filter */
border:1px solid var(--wtc-accent) !important;
border:1px solid #81a4f8 !important;
transition: background-color 250ms ease, border 250ms ease;
}
 
.infobox-link a{
color:white !important;
}
 
/* Table of Contents */
.vector-main-menu-container{
padding-left:12px;
}
 
.vector-toc,
.vector-main-menu{
background-color: #252525cc !important;
border: 1px solid var(--wtc-accent);
margin-left: 12px;
padding:0;
}
 
.vector-feature-page-tools-disabled .vector-main-menu-group .vector-menu-heading{
color:white;
}
 
.vector-main-menu .vector-menu-content-list>li>a{
color:burlywood;
}
 
.vector-toc::after{
background: transparent !important;
}
 
.vector-toc .vector-toc-list-item-active > .vector-toc-link{
color: white !important;
}
 
.vector-toc .vector-toc-link{
color: burlywood;
}
 
.vector-toc-title{
color: white !important;
}
 
.vector-toc-title{
text-align: center;
}
 
.vector-toc-contents{
padding: 12px;
}
 
.vector-sticky-toc-container.mw-sticky-header-element{
transition: top 250ms linear 0s;
}
 
.vector-toc-header{
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-left: calc(0.75em + 15px);
background-image:url("https://static.miraheze.org/whentheycrywiki/e/ea/Diamond.png");
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;
}
 
.mw_metadata td,
.mw_metadata th{
background-color:#2c2c2c !important;
}
 
/* code mirror editor */
.CodeMirror{
background: #1c1c1c;
color: white;
}
 
.cm-mw-link-pagename, .cm-mw-link-bracket, .cm-mw-link-delimiter, .cm-mw-extlink, .cm-mw-free-extlink{
color: #66C6E8;
}
 
.cm-mw-template, .cm-mw-template-name, .cm-mw-template-argument-name, .cm-mw-template-delimiter, .cm-mw-template-bracket{
color: #DB7DE8;
}
 
.CodeMirror-gutters{
background-color:#2c2c2c;
color:#333;
}
 
.CodeMirror pre.CodeMirror-line{
color:white;
}
 
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection{
background-color: #999;
}
 
.CodeMirror-gutters{
border:none;
}
 
.mw-body-subheader::after{
clear: left !important;
}
 
.vector-menu-portal .vector-menu-heading{
border-bottom: 1px solid var(--wtc-accent);
}
.vector-menu-heading-label{
color: inherit;
}
 
#mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading:hover{
text-decoration: none;
filter: brightness(0.5);
transition: filter 0.35s ease;
}
 
.infobox{
position:relative;
z-index:5;
}
 
.infobox.nostyle{
background:none !important;
border:none;
margin: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;
}