When They Cry Wiki

MediaWiki:Common.css: Difference between revisions

Message Discussion

MediaWiki:Common.css (view source)

Revision as of 23:41, 5 February 2024

11,725 bytes added ,  3 months ago
no edit summary
No edit summary
No edit summary
 
(201 intermediate revisions by the same user not shown)
Line 1:
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');
/* Plenty of code stolen shamelessly from
@import "https://unpkg.com/transition-style";
JoJo's Bizarre Encyclopedia (http://jojo.wikia.com/)
Danganronpa Wiki (http://danganronpa.wikia.com/)
Puella Magi Wiki (http://wiki.puella-magi.net/) */
 
/* variables */
:root{
--infobox-color-primary: #ccccff7E5B07;
--wtc-accent: darkgoldenrod#7E5B07;
}
 
Line 1,581 ⟶ 1,578:
#firstHeading{
font:Times 13px bold;
}
 
/* Styling game profiles */
.gameProfile .tabber__tabs::before{
content:"In-game profile";
color: rgb(84,89,93);
font-weight: 700;
font-style: italic;
padding: 0.5em 0;
}
 
Line 1,619 ⟶ 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,639 ⟶ 1,627:
/* ---------------- */
 
/* Page Hacks */
.chapter-list,
.volume-list,
.episode-list{
color: #777;
}
 
.chapter-list ul,
.volume-list ul,
.episode-list ul{
list-style: none;
margin-left: 0.5em;
}
 
/* DM */
 
body{
Line 1,646 ⟶ 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;
}
 
.mw-page-container{
background: linear-gradient(black 140px10vh, 700px50vh, transparent 70%);
}
 
.mw-body{
background-color: #252525252525cc;
border: 1px solid var(--wtc-accent);
padding: 1em 1.5em 1.5em;
}
 
Line 1,670 ⟶ 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,
.mw-ui-icon,
.vector-search-box,
.cdx-thumbnail__image,
.thumbcaption .magnify,
#p-sticky-header-toc-label,
#p-personal-label,
.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{
.vector-menu-tabs a:visited,
filter:inherit;
}
 
.mw-checkbox-hack-button{
background: none !important;
}
 
h1, h2, h3, h4, h5, h6,
.mw-footer li,
Line 1,686 ⟶ 1,729:
}
 
.mw-parser-output a:not(.dead),
a{
.mw-sidebar a,
color: wheat;
.catlinks a,
.vector-user-links a,
.mw-header-aside a,
.mw-footer a,
.mw-article-toolbar-container a{
color: burlywood !important;
}
.mw-parser-output a:visited{:not(.dead),
.mw-sidebar a:visited,
color: darkgoldenrod
.catlinks a:visited,
.vector-user-links a:visited,
.mw-header-aside a:visited,
.mw-footer a:visited,
.mw-article-toolbar-container a:visited{
color: darkgoldenrod !important;
}
 
/* Sidebar */
.mw-sidebar{
background-color: #252525252525cc;
border: 1px solid var(--wtc-accent);
}
 
.vector-menu-heading-label{
.sidebar-toc{
background- color: transparentwhite;
}
 
.sidebar-toc::after{
background: transparent !important;
}
 
.sidebar-toc-text,
.sidebar-toc-title{
color: white !important;
}
 
Line 1,731 ⟶ 1,777:
max-width: 70em !important;
}
 
.vector-toc-collapse-button{
display: none;
}
 
.thumbimage{
border: none !important;
background-color: transparent !important;
}
 
.thumbinner{
background-color: transparent !important;
border: none !important;
padding: 0 !important;
}
 
.thumbinner img{
border:1px solid var(--wtc-accent) !important;
}
 
.cdx-thumbnail__image{
background-position-y: 14%;
}
 
.thumbcaption{
padding: 0 !important;
text-align:right !important;
}
 
.catlinks{
background-color: transparent;
border-color: var(--wtc-accent);
}
 
.mw-parser-output .documentation,
.mw-parser-output .documentation-metadata{
background-color: transparent !important;
color: white;
}
 
pre {
background-color: #1c1c1c;
color: white;
border-color: var(--wtc-accent);
}
 
ul{
list-style-type: circle;
list-style-image: none;
}
 
#pagehistory li.selected{
background-color: #1c1c1c;
}
 
#ca-talk a{
color: burlywood !important;
}
 
.mw-parser-output a.external{
background-image: none;
padding-right: 0;
}
 
.vector-toc-collapse-button, .vector-toc-uncollapse-button{
color: burlywood;
}
 
.vector-toc-collapse-button:hover, .vector-toc-uncollapse-button:hover{
color: darkgoldenrod;
}
 
.mw-parser-output h1,
.mw-parser-output h2{
border-bottom-color: var(--wtc-accent) !important;
}
 
.mwe-popups-thumbnail{
object-position: top center !important;
background-color: #1c1c1c !important;
}
 
.mwe-popups,
.mwe-popups-container{
background-color: #1c1c1c !important;
}
 
.mwe-popups-extract{
color: white !important;
}
 
.mwe-popups-extract:after{
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #1c1c1c 50%) !important;
}
 
abbr{
text-decoration-color: var(--wtc-accent) !important;
}
 
h2.vector-pinnable-header-label{
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;
}
 
.vector-toc-level-1:first-of-type>a.vector-toc-link>div.vector-toc-text::before{
content: "(Top)";
visibility: visible;
}
 
.mw-sidebar-action-item.vector-menu-portal{
display:none;
}
 
.managewiki-tabs{
background-color:transparent !important;
}
.managewiki-search-highlight{
outline: 1px dashed burlywood !important;
outline-offset: 2px !important;
}
 
.managewiki-search-highlight,
.managewiki-tabs.managewiki-tabs-searching .oo-ui-tabPanelLayout.managewiki-search-matched > fieldset > legend{
background-color: transparent !important;
}
 
.wikitable{
background-color: #252525;
color: white;
}
.wikitable th,
.wikitable > tr > th, .wikitable > * > tr > th{
background-color: #2c2c2c;
}
.wikitable td{
border-color: #777;
}
 
.vector-toc-text{
margin-right:10px;
}
 
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre{
box-shadow: #2c2c2c 2.75em 0px 0px inset !important;
}
 
#managewiki .managewiki-submit-formfields{
background: transparent !important;
}
 
.oo-ui-tabSelectWidget-framed{
background-color:#2c2c2c !important;
}
 
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected{
background-color:#252525 !important;
color: white !important;
}
 
.oo-ui-tabOptionWidget{
color: #ccc !important;
}
 
.vector-menu-dropdown .vector-menu-content{
background-color:#1c1c1c !important;
}
 
/* Edit UI */
.editOptions{
background-color:#2c2c2c !important;
color: white !important;
}
.wikiEditor-ui-toolbar{
background-color: #2c2c2c !important;
}
.wikiEditor-ui-toolbar a,
.wikiEditor-ui-toolbar .label{
color: white !important;
}
.wikiEditor-ui-toolbar .tabs a{
color: burlywood !important;
}
.mw-editform #wpTextbox1{
background-color: #141414 !important;
color: white !important;
}
.wikiEditor .oo-ui-iconElement-icon{
filter:invert(100%);
}
 
#msupload-div{
background-color:#2c2c2c !important;
}
 
#msupload-dropzone{
color:white !important;
}
 
#msupload-list .file{
background-color: #252525 !important;
}
 
#msupload-list .green{
background-color: seagreen !important;
}
 
#msupload-list .file .file-size{
color: #ccc !important;
}
 
#msupload-div a{
color: burlywood !important;
}
 
/* Gallery adjustments */
li.gallerybox div.thumb,
.gallerybox .thumb img,
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img{
background:transparent !important;
}
 
#sliding-banner{
animation: slide 60s linear infinite;
}
 
@keyframes slide{
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-1692px, 0, 0);
}
}
 
.thumbcaption .magnify{
display:none;
}
 
#contentSub{
display:none;
}
 
.patterned-navbox>tbody>tr:first-of-type>th,
.patterned-header,
.patterned
{
background-image:url("https://static.miraheze.org/whentheycrywiki/e/ea/Diamond.png");
background-blend-mode:soft-light;
}
 
.patterned-navbox>tbody>tr:first-of-type,
.patterned-header{
background-position-y:top;
}
 
.patterned{
background-position-y:center;
}
 
.vector-below-page-title #vector-toc-collapsed-button{
background-color:#e3e3e3 !important;/* colors inverted to account for filter */
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;
}
Retrieved from "https://wiki.whentheycry.org/wiki/Special:MobileDiff/28454...42294"