MediaWiki:Gadget-dark-mode.css: Difference between revisions
From the Audiovisual Identity Database, the motion graphics museum
Content deleted Content added
No edit summary |
No edit summary |
||
(106 intermediate revisions by 2 users not shown) | |||
Line 4: | Line 4: | ||
background-color: #161f2b; |
background-color: #161f2b; |
||
} |
} |
||
/* Body text color */ |
|||
/*Message boxes*/ |
|||
.mw-body-content { |
|||
table.box-Under_Construction.plainlinks.metadata.ambox.ambox-notice { |
|||
font-family: 'Montserrat' !important; |
|||
background: #374562 !important; |
|||
border: 0px solid #a2a9b1; |
|||
border-left: 25px solid #0c62da; |
|||
padding: 10px 0 10px 0.5em; |
|||
} |
|||
table.plainlinks.metadata.ambox.ambox-style { |
|||
background: #374562 !important; |
|||
border: 0px solid #a2a9b1; |
|||
border-left: 25px solid #ffa800; |
|||
padding: 10px 0 10px 0.5em; |
|||
} |
|||
.mw-message-box { |
|||
background-color:#374562 !important; |
|||
color:white |
|||
} |
|||
.mw-editinginterface { |
|||
color:white |
|||
} |
|||
.sitenotice-new { |
|||
color:white |
|||
} |
|||
/*tables*/ |
|||
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { |
|||
border: -7.75px solid #a2a9b1; |
|||
border-radius: 5px; |
|||
padding: 0.2em 0.4em; |
|||
background-color: #374562; |
|||
color: white; |
color: white; |
||
} |
} |
||
.wikitable > tr > th, .wikitable > * > tr > th { |
|||
background-color: #6d7992 !important; |
|||
text-align: center; |
|||
} |
|||
/*editing*/ |
|||
.mw-editform #wpTextbox1 { |
|||
margin: 0; |
|||
display: block; |
|||
max-height: 100vh; |
|||
min-height: 5em; |
|||
background: black; |
|||
color: white; |
|||
} |
|||
.wikiEditor-ui-toolbar { |
|||
background-color: #374562 !important; |
|||
border-radius: 5px; |
|||
border: 0px; |
|||
padding: 10px; |
|||
} |
|||
.mw-editform .editOptions { |
|||
background-color: #374562; |
|||
color:#fff |
|||
} |
|||
.oo-ui-textInputWidget-type-text .oo-ui-inputWidget-input { |
|||
background-color: #161f2b !important; |
|||
color:#fff !important |
|||
} |
|||
.tool-button, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button { |
|||
border-radius: 0; |
|||
background-color: #374562 !important; |
|||
} |
|||
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { |
|||
opacity: 0.87; |
|||
filter: invert(1) !important; |
|||
} |
|||
.wikiEditor-ui-toolbar .group .label { |
|||
float: left; |
|||
border: 0; |
|||
height: 22px; |
|||
line-height: 22px; |
|||
margin: 2px 8px 2px 5px; |
|||
color: white; |
|||
cursor: default; |
|||
} |
|||
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator { |
|||
opacity: 0.87; |
|||
transition: opacity 100ms; |
|||
transform: translateZ(0); |
|||
filter: invert(1); |
|||
} |
|||
.wikiEditor-toolbar-dialog .ui-dialog-content { |
|||
padding: 30px 20px 1em !important; |
|||
background-color: #374562; |
|||
color: white; |
|||
} |
|||
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { |
|||
float: right; |
|||
background-color: #374562; |
|||
} |
|||
.ui-widget-content { |
|||
border: 1px solid #aaaaaa; |
|||
background: #374562; |
|||
color: #222222; |
|||
} |
|||
.oo-ui-textInputWidget-type-text .oo-ui-inputWidget-input { |
|||
color:white |
|||
} |
|||
#mw-edittools-charinsert { |
|||
background:#374562 !important; |
|||
} |
|||
.oo-ui-window-content { |
|||
background:#374562 !important; |
|||
} |
|||
/* code editing*/ |
|||
.mw-highlight-lines pre { |
|||
filter: invert( 1 ) hue-rotate( 180deg ); |
|||
background-color:#acb9d7 |
|||
} |
|||
.ace_content { |
|||
background-color: #161f2b; |
|||
} |
|||
.codeEditor-status-message { |
|||
background-color: #374562; |
|||
color:#fff |
|||
} |
|||
.ace_gutter-cell { |
|||
background-color: #374562; |
|||
color:#fff |
|||
} |
|||
.codeEditor-status-line { |
|||
background-color: #374562; |
|||
color:#fff |
|||
} |
|||
.codeEditor-status-worker { |
|||
background-color: #374562; |
|||
color:#fff |
|||
} |
|||
/* infobox */ |
|||
.portable-infobox > .pi-item:last-child { |
|||
border-bottom: 0; |
|||
background: #374562; |
|||
} |
|||
.portable-infobox .pi-header { |
|||
border: 0; |
|||
margin: 0; |
|||
font-family: inherit; |
|||
font-size: 1.2em; |
|||
font-weight: bold; |
|||
line-height: 1.3; |
|||
background-color: #6d7992; |
|||
} |
|||
.portable-infobox .pi-media { |
|||
margin: 0; |
|||
max-width: 100%; |
|||
text-align: center; |
|||
background-color: #374562 !important; |
|||
} |
|||
/*boilerplate*/ |
|||
.boilerplate.metadata.discussion-archived { |
|||
background-color: #374562 !important; |
|||
} |
|||
/*main page*/ |
|||
.newuploads li.gallerybox div.thumb { |
|||
border: 1px solid #374562 !important; |
|||
background-color: #374562 !important; |
|||
border-radius: 10px; |
|||
} |
|||
.mw-changeslist-legend { |
|||
float: right; |
|||
margin-left: 1em; |
|||
margin-bottom: 0.5em; |
|||
clear: right; |
|||
font-size: 85%; |
|||
line-height: 1.2em; |
|||
padding: 0.5em; |
|||
border: #374562; |
|||
background-color: #374562; |
|||
} |
|||
/* Body text color */ |
|||
.mw-body-content, h1, h2, h3, h4, h5 { |
|||
font-family: 'AVID Web' !important; |
|||
color: white !important; |
|||
} |
|||
a { |
|||
font-family: 'AVID Web' !important; |
|||
color: #a0a0a0 !important |
|||
} |
|||
/*dropdown menus*/ |
|||
.dropdown-menu { |
|||
background-color:#374562 !important; |
|||
} |
|||
.dropdown-item a:hover{ |
|||
background-color: #6d7992 !important |
|||
} |
|||
.dropdown-item { |
|||
filter: invert( 1 ) hue-rotate( 180deg ) !important |
|||
} |
|||
#p-actions-label { |
|||
color: #dfe0e1 !important; |
|||
} |
|||
/*Moderation notice*/ |
|||
.usermessage { |
|||
background-color:#374562 !important |
|||
} |
|||
/* User page */ |
|||
#profile-top { |
|||
background: #374562 !important; |
|||
padding: 10px; |
|||
border-radius: 5px; |
|||
} |
|||
#profile-top { |
|||
border-bottom: 1px solid #374562 !important; |
|||
padding: 10px 0; |
|||
margin: 0 0 10px 0; |
|||
position: relative; |
|||
} |
|||
#user-page-right { |
|||
background: #374562 !important; |
|||
padding: 10px; |
|||
border-radius: 5px; |
|||
} |
|||
.profile-info-container div { |
|||
margin: 0 0 8px 0; |
|||
color: #fff; |
|||
} |
|||
.profile-info-container b { |
|||
color: white; |
|||
margin: 0 10px 0 0; |
|||
} |
|||
#user-page-left { |
|||
background: #374562 !important; |
|||
padding: 10px; |
|||
border-radius: 5px; |
|||
} |
|||
/* Navbar fix */ |
/* Navbar fix */ |
||
.client-dark-mode #mw-navbar { |
.client-dark-mode #mw-navbar { |
||
Line 23: | Line 250: | ||
/* Headings fix */ |
/* Headings fix */ |
||
h1, #firstHeading, .firstHeading, h2, h3, h4, h5, h6 { |
h1, #firstHeading, .firstHeading, h2, h3, h4, h5, h6 { |
||
font-family: ' |
font-family: 'AVID Web'; |
||
font-weight: bold; |
font-weight: bold; |
||
color: white !important |
|||
} |
|||
/* Site notice fix */ |
|||
.sitenotice-open { |
|||
background-color: #374562 !important; |
|||
border: 0px solid #ffa800; |
|||
border-left: 25px |
|||
px |
|||
solid #0c62da; |
|||
font-weight: normal; |
|||
color: white !important; |
|||
} |
|||
/* Credits fix */ |
|||
.mw-parser-output .dropbtn { |
|||
background-color: #374562 !important; |
|||
color: white; |
color: white; |
||
font-family: AVID Web; |
|||
width: 220px; |
|||
padding: 2px; |
|||
border-radius: 6px; |
|||
font-size: 16px; |
|||
border: none; |
|||
} |
|||
.mw-parser-output .dropdown-content { |
|||
display: none; |
|||
position: absolute; |
|||
background-color: #161f2b !important; |
|||
min-width: 160px; |
|||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); |
|||
z-index: 1; |
|||
padding: 10px; |
|||
} |
|||
/* Menu fix */ |
|||
aside a:not(.disabled) { |
|||
color: #fff; |
|||
} |
|||
#p-namespaces .selected a { |
|||
border-bottom: 3px solid #ffffff; |
|||
} |
|||
a.dropdown-item { |
|||
font-weight: bold; |
|||
color: black !important; |
|||
} |
|||
/* Category fix */ |
|||
.catlinks { |
|||
border: 1px solid #a2a9b1; |
|||
background-color: #374562 !important; |
|||
padding: 5px; |
|||
margin-top: 1em; |
|||
clear: both; |
|||
} |
|||
/* Links */ |
|||
#content a:not(.new):visited, #siteNotice a:not(.new):visited { |
|||
color: #869de6; |
|||
} |
|||
.mw-body a { |
|||
color: #7bb2fe; |
|||
text-decoration: none; |
|||
background-color: transparent; |
|||
} |
|||
/* TOC */ |
|||
.toc, .toccolours { |
|||
border: 0px solid #a2a9b1; |
|||
border-radius: 5px; |
|||
background-color: #374562 !important; |
|||
padding: 5px |
|||
px |
|||
; |
|||
font-size: 95%; |
|||
} |
|||
.tocnumber { |
|||
color: white; |
|||
padding-left: 0; |
|||
padding-right: 0.5em; |
|||
} |
|||
.mw-parser-output .ImageTOC { |
|||
border: 0px solid #f8f9fa !important; |
|||
border-radius: 5px; |
|||
background-color: #374562 !important; |
|||
padding: 5px; |
|||
font-size: 95%; |
|||
font-weight: normal; |
|||
overflow-wrap: anywhere; |
|||
} |
|||
.mw-parser-output .SeparateTOC { |
|||
border: 0px solid #f8f9fa!important; |
|||
border-radius: 5px; |
|||
background-color: #6d7992 !important; |
|||
padding: 5px; |
|||
font-size: 95%; |
|||
} |
|||
/* relatedpages fix */ |
|||
.ra-read-more h2 { |
|||
color: #ffffff !important; |
|||
border-bottom: 0; |
|||
padding-bottom: 0.5em; |
|||
font-size: 0.8em; |
|||
font-weight: normal; |
|||
letter-spacing: 1px; |
|||
text-transform: uppercase; |
|||
} |
|||
.ext-related-articles-card { |
|||
border-radius: 5px !important; |
|||
border: none 0px !important; |
|||
background-color: #374562 !important; |
|||
} |
|||
/*navbox*/ |
|||
.mw-parser-output tr+tr>.navbox-abovebelow, .mw-parser-output tr+tr>.navbox-group, .mw-parser-output tr+tr>.navbox-image, .mw-parser-output tr+tr>.navbox-list { |
|||
border-top: 2px solid #374562 !important; |
|||
} |
|||
.mw-parser-output .navbox-even { |
|||
background-color: #6d7992 !important; |
|||
} |
|||
.mw-parser-output .navbox-list { |
|||
line-height: 1.5em; |
|||
border-color: #374562 !important; |
|||
} |
|||
.mw-parser-output .navbox, .mw-parser-output .navbox-subgroup { |
|||
background-color: #374562 !important; |
|||
color: #fff; |
|||
} |
|||
/* fix for mobile */ |
|||
body { |
|||
margin: 0; |
|||
font-family: var(--bs-body-font-family); |
|||
font-size: var(--bs-body-font-size); |
|||
font-weight: var(--bs-body-font-weight); |
|||
line-height: var(--bs-body-line-height); |
|||
color: var(--bs-body-color); |
|||
text-align: var(--bs-body-text-align); |
|||
background-color: #161f2b !important; |
|||
-webkit-text-size-adjust: 100%; |
|||
-webkit-tap-highlight-color: #27272700; |
|||
} |
|||
/* recent changes */ |
|||
fieldset { |
|||
border: 0px; |
|||
margin: 1em; |
|||
padding: 1em; |
|||
background-color: #374562 !important; |
|||
border-radius: 5px; |
|||
} |
|||
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { |
|||
background-color: #161f2b !important; |
|||
border: 0px solid #a2a9b1; |
|||
border-bottom: 0; |
|||
border-radius: 5px; |
|||
padding: 0 0.6em 0.6em 0.6em; |
|||
line-height: normal; |
|||
} |
|||
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { |
|||
font-weight: normal; |
|||
color: white !important; |
|||
white-space: nowrap; |
|||
} |
|||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { |
|||
background-color: #374562; |
|||
color: white; |
|||
border-color: #a2a9b1; |
|||
} |
|||
.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button { |
|||
border-color: #a2a9b1; |
|||
border-style: solid; |
|||
border-width: 1px; |
|||
padding: 5px 6px; |
|||
background-color: #6d7992; |
|||
} |
|||
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { |
|||
background-color: #374562 !important; |
|||
position: relative; |
|||
z-index: 1; |
|||
border: 0px; |
|||
border-radius: 5px; |
|||
padding: 20px; |
|||
} |
|||
/* search */ |
|||
#searchInput { |
|||
background-color:#d9e0ee; |
|||
filter: invert( 1 ) hue-rotate( 180deg ); |
|||
border:2px solid |
|||
} |
|||
.suggestions-results { |
|||
background-color: #374562 !important; |
|||
cursor: pointer; |
|||
border: 0px solid #a2a9b1; |
|||
border-radius: 5px; |
|||
padding: 1px; |
|||
margin: 0; |
|||
font-family: 'AVID Web'; |
|||
} |
|||
.highlight { |
|||
font-weight: bold; |
|||
color: white; |
|||
} |
|||
.suggestions-result { |
|||
color: white !important; |
|||
margin: 0; |
|||
line-height: 1.5em; |
|||
padding: 0.01em 0.25em; |
|||
text-align: left; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
font-size: 15px; |
|||
white-space: nowrap; |
|||
} |
|||
*, ::after, ::before { |
|||
box-sizing: border-box; |
|||
} |
|||
.suggestions-special { |
|||
position: relative; |
|||
background-color: #374562 !important; |
|||
cursor: pointer; |
|||
border: 0px solid #a2a9b1; |
|||
border-radius: 5px; |
|||
margin: 0; |
|||
margin-top: -2px; |
|||
display: none; |
|||
padding: 0.25em 0.25em; |
|||
line-height: 1.25em; |
|||
} |
|||
.suggestions-special .special-label { |
|||
color: white; |
|||
font-family: 'AVID Web'; |
|||
text-align: left; |
|||
font-size: 10px; |
|||
} |
|||
.suggestions a.mw-searchSuggest-link .special-query { |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
font-family: 'AVID Web'; |
|||
color: white; |
|||
} |
|||
/* misc */ |
|||
.oo-ui-panelLayout-framed { |
|||
background: #374562 !important; |
|||
border: 0px solid #a2a9b1; |
|||
border-radius: 15px; |
|||
} |
|||
element.style { |
|||
background: #374562; |
|||
border: 0px solid #a2a9b1; |
|||
border-left: 25px solid #da0c3f; |
|||
padding: 10px 0 10px 0.5em; |
|||
font-size: 115%; |
|||
} |
|||
.diff-deletedline .diffchange { |
|||
background: #ffa800; |
|||
} |
|||
.diff-addedline .diffchange { |
|||
background: #0c62da; |
|||
} |
|||
.diff-context { |
|||
background:transparent; |
|||
color:white |
|||
} |
|||
element.style { |
|||
overflow: hidden; |
|||
height: auto; |
|||
background: #161f2b; |
|||
width: 100%; |
|||
padding-bottom: 18px; |
|||
color: white; |
|||
} |
|||
style attribute { |
|||
color: #fffdfd; |
|||
} |
|||
/*filetoc*/ |
|||
#filetoc { |
|||
background-color:#374562 !important |
|||
} |
|||
/*msupload interface*/ |
|||
#msupload-list .file { |
|||
background-color: #374562 !important |
|||
} |
|||
/*Home page tweaks*/ |
|||
/*Page Creation input and button*/ |
|||
.createpageform input { |
|||
filter: invert( 1 ) hue-rotate( 180deg ); |
|||
} |
|||
/*sections*/ |
|||
.sections a { |
|||
filter: invert( 1 ) hue-rotate( 180deg ); |
|||
color:#000 !important |
|||
} |
|||
/*companies*/ |
|||
.companies a[href="/Category:The_Walt_Disney_Company"]{ |
|||
content: url(https://static.wikiforge.net/avidwiki/8/8b/Disney_-_White.png)!important; |
|||
height:35px |
|||
} |
|||
.companies a[href="/Category:Sony_Corporation"]{ |
|||
content: url(https://static.wikiforge.net/avidwiki/1/13/Sony_logo_%28white%29.svg.png)!important; |
|||
height:23px |
|||
} |
|||
.companies a[href="/Category:Comcast"]{ |
|||
content: url(https://static.wikiforge.net/avidwiki/7/7d/Comcast_-_White.png)!important; |
|||
height:35px |
|||
} |
|||
.companies a[href="/Category:Paramount_Global"]{ |
|||
content: url(https://static.wikiforge.net/avidwiki/d/d3/Paramount_Global_White.png)!important; |
|||
height:33px |
|||
} |
|||
.companies a[href="/Category:Warner_Bros._Discovery"]{ |
|||
content: url(https://static.wikiforge.net/avidwiki/8/8f/Warner-bros-discovery-logo-horizontal-white.png)!important; |
|||
height:25px |
|||
} |
|||
.companies a[href="/Category:Amazon_Inc."]{ |
|||
content: url(https://static.wikiforge.net/avidwiki/4/40/Amazon_-_White.png)!important; |
|||
height:40px |
|||
} |
|||
.companies a[href="/Category:Lionsgate"]{ |
|||
content: url(https://static.wikiforge.net/avidwiki/3/35/Lionsgate_-_White.png)!important; |
|||
height:15px |
|||
} |
|||
.companies a[href="/Category:BBC"]{ |
|||
content: url(https://static.wikiforge.net/avidwiki/b/b7/Bbc-LOGO-white.png)!important; |
|||
height:45px |
|||
} |
|||
/*countries*/ |
|||
.imgmap { |
|||
filter: invert( 1 ) hue-rotate( 180deg ) |
|||
} |
|||
/*forum posts*/ |
|||
table.forumpost { |
|||
background-color: #6d7992 !important; |
|||
border: solid 1px #161f2b !important; |
|||
} |
|||
td.forumaccent { |
|||
background-color: #374562 !important; |
|||
} |
|||
div.forumheader { |
|||
background-color: #374562 !important; |
|||
height: 25px; |
|||
border: 0px; |
|||
} |
|||
span.featuredthread { |
|||
background-color: #374562 !important; |
|||
} |
|||
span.featuredthread img { |
|||
filter: invert(1); |
|||
} |
|||
.mw-parser-output blockquote.talkquote { |
|||
background-color: #c45d19; |
|||
padding: 0 0.8em; |
|||
margin: 0; |
|||
} |
|||
.oo-ui-textInputWidget .oo-ui-inputWidget-input { |
|||
background-color: #ffffff; |
|||
color: #979797; |
|||
margin: 0; |
|||
border: 1px solid #e1e1e1; |
|||
border-radius: 2px; |
|||
padding: 5px 8px; |
|||
font-size: inherit; |
|||
font-family: inherit; |
|||
line-height: 1.42857143em; |
|||
} |
|||
table.forumform { |
|||
background: #374562 !important; |
|||
border: #374562 !important; |
|||
} |
|||
#pfForm .createboxInput, #pfForm .mandatoryField, #pfForm textarea { |
|||
max-width: 100%; |
|||
margin-left: 0; |
|||
border-radius: 3px; |
|||
border: 1px solid #BBB; |
|||
padding: 4px 8px; |
|||
display: inline-block; |
|||
background: black; |
|||
color: white; |
|||
} |
|||
td.instanceMain { |
|||
padding-left: 7px; |
|||
background: #374562 !important; |
|||
} |
|||
td.instanceRearranger { |
|||
cursor: move; |
|||
background-image: url(/1.40/extensions/PageForms/skins/rearrangeDots.png?62010); |
|||
background-repeat: repeat; |
|||
width: 8px; |
|||
background: #374562 !important; |
|||
} |
|||
.multipleTemplateInstance { |
|||
background-color: #374562 !important; |
|||
border: #374562; |
|||
padding: 5px; |
|||
margin: 15px 0 15px 0; |
|||
border-radius: 3px; |
|||
position: relative; |
|||
} |
|||
/*ajaxpoll*/ |
|||
.ajaxpoll { |
|||
width: 400px; |
|||
border: 1px dashed #999; |
|||
background: #161f2b; |
|||
padding: 10px 20px 10px 10px; |
|||
} |
|||
/*chronology*/ |
|||
td.chronologyleft { |
|||
background: #6d7992 !important; |
|||
} |
|||
td.chronologyright { |
|||
background: #6d7992 !important; |
|||
} |
|||
td.chronology { |
|||
background: #374562 !important; |
|||
} |
|||
/*dropdowns, such as on Special:Allpages*/ |
|||
.oo-ui-dropdownWidget-handle { |
|||
background:#161f2b !important; |
|||
color:white !important; |
|||
border:solid 1px |
|||
} |
|||
.oo-ui-labelElement-label{ |
|||
color:white |
|||
} |
|||
.oo-ui-menuSelectWidget{ |
|||
background:#161f2b !important; |
|||
} |
|||
/*Amboxes*/ |
|||
.ambox-notice .mbox-text, .ambox-notice .mbox-image { |
|||
background:#374562 !important; |
|||
} |
|||
/*Page Buttons*/ |
|||
.mw-parser-output .pagebuttons .mw-ui-button { |
|||
background:#374562 !important; |
|||
color:white !important |
|||
} |
|||
/*Recent Changes and collapsible toggles*/ |
|||
.mw-changeslist-legend { |
|||
background:#374562 !important; |
|||
} |
|||
.mw-collapsible-text, .mw-collapsible-toggle { |
|||
color:white !important |
|||
} |
|||
/* Notification */ |
|||
.mw-notification { |
|||
border: solid 0px #ddd; |
|||
border-radius: 5px; |
|||
border-left: 17px solid #161f2b; |
|||
font-family: AVID Web; |
|||
background: #374562 !important; |
|||
} |
|||
/*echo*/ |
|||
.oo-ui-popupWidget-popup, .mw-echo-ui-notificationItemWidget { |
|||
background-color:#374562; |
|||
} |
|||
.mw-echo-ui-notificationItemWidget:hover { |
|||
background-color:#374562 !important; |
|||
} |
|||
.mw-echo-ui-notificationItemWidget-content-message-header { |
|||
color:white !important |
|||
} |
|||
.mw-echo-ui-notificationItemWidget-icon { |
|||
filter: invert(1) !important; |
|||
} |
|||
.mw-echo-ui-notificationItemWidget-content-actions > .mw-echo-ui-notificationItemWidget-content-actions-buttons.oo-ui-buttonSelectWidget > .oo-ui-buttonOptionWidget .oo-ui-labelElement-label { |
|||
color:white !important |
|||
} |
|||
.oo-ui-iconElement-icon { |
|||
filter: invert(1) !important; |
|||
} |
|||
/*suggested articles*/ |
|||
.read-more-container-card-list .cdx-card { |
|||
background-color: #374562; |
|||
} |
|||
.cdx-card__text__title { |
|||
color:white |
|||
} |
|||
.read-more-container-card-list a { |
|||
background-color:#161f2b !important |
|||
} |
} |
Latest revision as of 10:29, 23 October 2024
element.style {
}
#mw-main-container {
background-color: #161f2b;
}
/*Message boxes*/
table.box-Under_Construction.plainlinks.metadata.ambox.ambox-notice {
background: #374562 !important;
border: 0px solid #a2a9b1;
border-left: 25px solid #0c62da;
padding: 10px 0 10px 0.5em;
}
table.plainlinks.metadata.ambox.ambox-style {
background: #374562 !important;
border: 0px solid #a2a9b1;
border-left: 25px solid #ffa800;
padding: 10px 0 10px 0.5em;
}
.mw-message-box {
background-color:#374562 !important;
color:white
}
.mw-editinginterface {
color:white
}
.sitenotice-new {
color:white
}
/*tables*/
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: -7.75px solid #a2a9b1;
border-radius: 5px;
padding: 0.2em 0.4em;
background-color: #374562;
color: white;
}
.wikitable > tr > th, .wikitable > * > tr > th {
background-color: #6d7992 !important;
text-align: center;
}
/*editing*/
.mw-editform #wpTextbox1 {
margin: 0;
display: block;
max-height: 100vh;
min-height: 5em;
background: black;
color: white;
}
.wikiEditor-ui-toolbar {
background-color: #374562 !important;
border-radius: 5px;
border: 0px;
padding: 10px;
}
.mw-editform .editOptions {
background-color: #374562;
color:#fff
}
.oo-ui-textInputWidget-type-text .oo-ui-inputWidget-input {
background-color: #161f2b !important;
color:#fff !important
}
.tool-button, .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
border-radius: 0;
background-color: #374562 !important;
}
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
opacity: 0.87;
filter: invert(1) !important;
}
.wikiEditor-ui-toolbar .group .label {
float: left;
border: 0;
height: 22px;
line-height: 22px;
margin: 2px 8px 2px 5px;
color: white;
cursor: default;
}
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon, .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
opacity: 0.87;
transition: opacity 100ms;
transform: translateZ(0);
filter: invert(1);
}
.wikiEditor-toolbar-dialog .ui-dialog-content {
padding: 30px 20px 1em !important;
background-color: #374562;
color: white;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
background-color: #374562;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: #374562;
color: #222222;
}
.oo-ui-textInputWidget-type-text .oo-ui-inputWidget-input {
color:white
}
#mw-edittools-charinsert {
background:#374562 !important;
}
.oo-ui-window-content {
background:#374562 !important;
}
/* code editing*/
.mw-highlight-lines pre {
filter: invert( 1 ) hue-rotate( 180deg );
background-color:#acb9d7
}
.ace_content {
background-color: #161f2b;
}
.codeEditor-status-message {
background-color: #374562;
color:#fff
}
.ace_gutter-cell {
background-color: #374562;
color:#fff
}
.codeEditor-status-line {
background-color: #374562;
color:#fff
}
.codeEditor-status-worker {
background-color: #374562;
color:#fff
}
/* infobox */
.portable-infobox > .pi-item:last-child {
border-bottom: 0;
background: #374562;
}
.portable-infobox .pi-header {
border: 0;
margin: 0;
font-family: inherit;
font-size: 1.2em;
font-weight: bold;
line-height: 1.3;
background-color: #6d7992;
}
.portable-infobox .pi-media {
margin: 0;
max-width: 100%;
text-align: center;
background-color: #374562 !important;
}
/*boilerplate*/
.boilerplate.metadata.discussion-archived {
background-color: #374562 !important;
}
/*main page*/
.newuploads li.gallerybox div.thumb {
border: 1px solid #374562 !important;
background-color: #374562 !important;
border-radius: 10px;
}
.mw-changeslist-legend {
float: right;
margin-left: 1em;
margin-bottom: 0.5em;
clear: right;
font-size: 85%;
line-height: 1.2em;
padding: 0.5em;
border: #374562;
background-color: #374562;
}
/* Body text color */
.mw-body-content, h1, h2, h3, h4, h5 {
font-family: 'AVID Web' !important;
color: white !important;
}
a {
font-family: 'AVID Web' !important;
color: #a0a0a0 !important
}
/*dropdown menus*/
.dropdown-menu {
background-color:#374562 !important;
}
.dropdown-item a:hover{
background-color: #6d7992 !important
}
.dropdown-item {
filter: invert( 1 ) hue-rotate( 180deg ) !important
}
#p-actions-label {
color: #dfe0e1 !important;
}
/*Moderation notice*/
.usermessage {
background-color:#374562 !important
}
/* User page */
#profile-top {
background: #374562 !important;
padding: 10px;
border-radius: 5px;
}
#profile-top {
border-bottom: 1px solid #374562 !important;
padding: 10px 0;
margin: 0 0 10px 0;
position: relative;
}
#user-page-right {
background: #374562 !important;
padding: 10px;
border-radius: 5px;
}
.profile-info-container div {
margin: 0 0 8px 0;
color: #fff;
}
.profile-info-container b {
color: white;
margin: 0 10px 0 0;
}
#user-page-left {
background: #374562 !important;
padding: 10px;
border-radius: 5px;
}
/* Navbar fix */
.client-dark-mode #mw-navbar {
filter: none;
}
.client-dark-mode #mw-navbar {
filter: none;
}
.client-dark-mode #mw-navbar {
filter: none;
}
/* Headings fix */
h1, #firstHeading, .firstHeading, h2, h3, h4, h5, h6 {
font-family: 'AVID Web';
font-weight: bold;
color: white !important
}
/* Site notice fix */
.sitenotice-open {
background-color: #374562 !important;
border: 0px solid #ffa800;
border-left: 25px
px
solid #0c62da;
font-weight: normal;
color: white !important;
}
/* Credits fix */
.mw-parser-output .dropbtn {
background-color: #374562 !important;
color: white;
font-family: AVID Web;
width: 220px;
padding: 2px;
border-radius: 6px;
font-size: 16px;
border: none;
}
.mw-parser-output .dropdown-content {
display: none;
position: absolute;
background-color: #161f2b !important;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
padding: 10px;
}
/* Menu fix */
aside a:not(.disabled) {
color: #fff;
}
#p-namespaces .selected a {
border-bottom: 3px solid #ffffff;
}
a.dropdown-item {
font-weight: bold;
color: black !important;
}
/* Category fix */
.catlinks {
border: 1px solid #a2a9b1;
background-color: #374562 !important;
padding: 5px;
margin-top: 1em;
clear: both;
}
/* Links */
#content a:not(.new):visited, #siteNotice a:not(.new):visited {
color: #869de6;
}
.mw-body a {
color: #7bb2fe;
text-decoration: none;
background-color: transparent;
}
/* TOC */
.toc, .toccolours {
border: 0px solid #a2a9b1;
border-radius: 5px;
background-color: #374562 !important;
padding: 5px
px
;
font-size: 95%;
}
.tocnumber {
color: white;
padding-left: 0;
padding-right: 0.5em;
}
.mw-parser-output .ImageTOC {
border: 0px solid #f8f9fa !important;
border-radius: 5px;
background-color: #374562 !important;
padding: 5px;
font-size: 95%;
font-weight: normal;
overflow-wrap: anywhere;
}
.mw-parser-output .SeparateTOC {
border: 0px solid #f8f9fa!important;
border-radius: 5px;
background-color: #6d7992 !important;
padding: 5px;
font-size: 95%;
}
/* relatedpages fix */
.ra-read-more h2 {
color: #ffffff !important;
border-bottom: 0;
padding-bottom: 0.5em;
font-size: 0.8em;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
.ext-related-articles-card {
border-radius: 5px !important;
border: none 0px !important;
background-color: #374562 !important;
}
/*navbox*/
.mw-parser-output tr+tr>.navbox-abovebelow, .mw-parser-output tr+tr>.navbox-group, .mw-parser-output tr+tr>.navbox-image, .mw-parser-output tr+tr>.navbox-list {
border-top: 2px solid #374562 !important;
}
.mw-parser-output .navbox-even {
background-color: #6d7992 !important;
}
.mw-parser-output .navbox-list {
line-height: 1.5em;
border-color: #374562 !important;
}
.mw-parser-output .navbox, .mw-parser-output .navbox-subgroup {
background-color: #374562 !important;
color: #fff;
}
/* fix for mobile */
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: #161f2b !important;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: #27272700;
}
/* recent changes */
fieldset {
border: 0px;
margin: 1em;
padding: 1em;
background-color: #374562 !important;
border-radius: 5px;
}
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color: #161f2b !important;
border: 0px solid #a2a9b1;
border-bottom: 0;
border-radius: 5px;
padding: 0 0.6em 0.6em 0.6em;
line-height: normal;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
font-weight: normal;
color: white !important;
white-space: nowrap;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: #374562;
color: white;
border-color: #a2a9b1;
}
.oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
border-color: #a2a9b1;
border-style: solid;
border-width: 1px;
padding: 5px 6px;
background-color: #6d7992;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background-color: #374562 !important;
position: relative;
z-index: 1;
border: 0px;
border-radius: 5px;
padding: 20px;
}
/* search */
#searchInput {
background-color:#d9e0ee;
filter: invert( 1 ) hue-rotate( 180deg );
border:2px solid
}
.suggestions-results {
background-color: #374562 !important;
cursor: pointer;
border: 0px solid #a2a9b1;
border-radius: 5px;
padding: 1px;
margin: 0;
font-family: 'AVID Web';
}
.highlight {
font-weight: bold;
color: white;
}
.suggestions-result {
color: white !important;
margin: 0;
line-height: 1.5em;
padding: 0.01em 0.25em;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
font-size: 15px;
white-space: nowrap;
}
*, ::after, ::before {
box-sizing: border-box;
}
.suggestions-special {
position: relative;
background-color: #374562 !important;
cursor: pointer;
border: 0px solid #a2a9b1;
border-radius: 5px;
margin: 0;
margin-top: -2px;
display: none;
padding: 0.25em 0.25em;
line-height: 1.25em;
}
.suggestions-special .special-label {
color: white;
font-family: 'AVID Web';
text-align: left;
font-size: 10px;
}
.suggestions a.mw-searchSuggest-link .special-query {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: 'AVID Web';
color: white;
}
/* misc */
.oo-ui-panelLayout-framed {
background: #374562 !important;
border: 0px solid #a2a9b1;
border-radius: 15px;
}
element.style {
background: #374562;
border: 0px solid #a2a9b1;
border-left: 25px solid #da0c3f;
padding: 10px 0 10px 0.5em;
font-size: 115%;
}
.diff-deletedline .diffchange {
background: #ffa800;
}
.diff-addedline .diffchange {
background: #0c62da;
}
.diff-context {
background:transparent;
color:white
}
element.style {
overflow: hidden;
height: auto;
background: #161f2b;
width: 100%;
padding-bottom: 18px;
color: white;
}
style attribute {
color: #fffdfd;
}
/*filetoc*/
#filetoc {
background-color:#374562 !important
}
/*msupload interface*/
#msupload-list .file {
background-color: #374562 !important
}
/*Home page tweaks*/
/*Page Creation input and button*/
.createpageform input {
filter: invert( 1 ) hue-rotate( 180deg );
}
/*sections*/
.sections a {
filter: invert( 1 ) hue-rotate( 180deg );
color:#000 !important
}
/*companies*/
.companies a[href="/Category:The_Walt_Disney_Company"]{
content: url(https://static.wikiforge.net/avidwiki/8/8b/Disney_-_White.png)!important;
height:35px
}
.companies a[href="/Category:Sony_Corporation"]{
content: url(https://static.wikiforge.net/avidwiki/1/13/Sony_logo_%28white%29.svg.png)!important;
height:23px
}
.companies a[href="/Category:Comcast"]{
content: url(https://static.wikiforge.net/avidwiki/7/7d/Comcast_-_White.png)!important;
height:35px
}
.companies a[href="/Category:Paramount_Global"]{
content: url(https://static.wikiforge.net/avidwiki/d/d3/Paramount_Global_White.png)!important;
height:33px
}
.companies a[href="/Category:Warner_Bros._Discovery"]{
content: url(https://static.wikiforge.net/avidwiki/8/8f/Warner-bros-discovery-logo-horizontal-white.png)!important;
height:25px
}
.companies a[href="/Category:Amazon_Inc."]{
content: url(https://static.wikiforge.net/avidwiki/4/40/Amazon_-_White.png)!important;
height:40px
}
.companies a[href="/Category:Lionsgate"]{
content: url(https://static.wikiforge.net/avidwiki/3/35/Lionsgate_-_White.png)!important;
height:15px
}
.companies a[href="/Category:BBC"]{
content: url(https://static.wikiforge.net/avidwiki/b/b7/Bbc-LOGO-white.png)!important;
height:45px
}
/*countries*/
.imgmap {
filter: invert( 1 ) hue-rotate( 180deg )
}
/*forum posts*/
table.forumpost {
background-color: #6d7992 !important;
border: solid 1px #161f2b !important;
}
td.forumaccent {
background-color: #374562 !important;
}
div.forumheader {
background-color: #374562 !important;
height: 25px;
border: 0px;
}
span.featuredthread {
background-color: #374562 !important;
}
span.featuredthread img {
filter: invert(1);
}
.mw-parser-output blockquote.talkquote {
background-color: #c45d19;
padding: 0 0.8em;
margin: 0;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: #ffffff;
color: #979797;
margin: 0;
border: 1px solid #e1e1e1;
border-radius: 2px;
padding: 5px 8px;
font-size: inherit;
font-family: inherit;
line-height: 1.42857143em;
}
table.forumform {
background: #374562 !important;
border: #374562 !important;
}
#pfForm .createboxInput, #pfForm .mandatoryField, #pfForm textarea {
max-width: 100%;
margin-left: 0;
border-radius: 3px;
border: 1px solid #BBB;
padding: 4px 8px;
display: inline-block;
background: black;
color: white;
}
td.instanceMain {
padding-left: 7px;
background: #374562 !important;
}
td.instanceRearranger {
cursor: move;
background-image: url(/1.40/extensions/PageForms/skins/rearrangeDots.png?62010);
background-repeat: repeat;
width: 8px;
background: #374562 !important;
}
.multipleTemplateInstance {
background-color: #374562 !important;
border: #374562;
padding: 5px;
margin: 15px 0 15px 0;
border-radius: 3px;
position: relative;
}
/*ajaxpoll*/
.ajaxpoll {
width: 400px;
border: 1px dashed #999;
background: #161f2b;
padding: 10px 20px 10px 10px;
}
/*chronology*/
td.chronologyleft {
background: #6d7992 !important;
}
td.chronologyright {
background: #6d7992 !important;
}
td.chronology {
background: #374562 !important;
}
/*dropdowns, such as on Special:Allpages*/
.oo-ui-dropdownWidget-handle {
background:#161f2b !important;
color:white !important;
border:solid 1px
}
.oo-ui-labelElement-label{
color:white
}
.oo-ui-menuSelectWidget{
background:#161f2b !important;
}
/*Amboxes*/
.ambox-notice .mbox-text, .ambox-notice .mbox-image {
background:#374562 !important;
}
/*Page Buttons*/
.mw-parser-output .pagebuttons .mw-ui-button {
background:#374562 !important;
color:white !important
}
/*Recent Changes and collapsible toggles*/
.mw-changeslist-legend {
background:#374562 !important;
}
.mw-collapsible-text, .mw-collapsible-toggle {
color:white !important
}
/* Notification */
.mw-notification {
border: solid 0px #ddd;
border-radius: 5px;
border-left: 17px solid #161f2b;
font-family: AVID Web;
background: #374562 !important;
}
/*echo*/
.oo-ui-popupWidget-popup, .mw-echo-ui-notificationItemWidget {
background-color:#374562;
}
.mw-echo-ui-notificationItemWidget:hover {
background-color:#374562 !important;
}
.mw-echo-ui-notificationItemWidget-content-message-header {
color:white !important
}
.mw-echo-ui-notificationItemWidget-icon {
filter: invert(1) !important;
}
.mw-echo-ui-notificationItemWidget-content-actions > .mw-echo-ui-notificationItemWidget-content-actions-buttons.oo-ui-buttonSelectWidget > .oo-ui-buttonOptionWidget .oo-ui-labelElement-label {
color:white !important
}
.oo-ui-iconElement-icon {
filter: invert(1) !important;
}
/*suggested articles*/
.read-more-container-card-list .cdx-card {
background-color: #374562;
}
.cdx-card__text__title {
color:white
}
.read-more-container-card-list a {
background-color:#161f2b !important
}