MediaWiki:Vector.css

/* All CSS here will be loaded for users of the Vector skin */ ul { list-style-image: url(https://cdn.wikimg.net/en/tcfwiki/images/e/ef/Bullet-icon.png); }

@import "https://fonts.googleapis.com/css2?family=Rajdhani";

color:#fff; font-size:large }
 * 1) siteNotice {

.mw-body-content { color:#a4b7c1 }

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-weight:700 }

h1,h2,.h1,.h2 { font-family:'Rajdhani',sans-serif }

h1,.h1,.mw-body h1,.mw-body-content h1 { font-size:2.15rem }

h2,.h2,.mw-body h2,.mw-body-content h2 { font-size:1.75rem }

h3,.h3,.mw-body h3,.mw-body-content h3 { font-size:1.5rem; border-bottom:1px solid #57768d }

h4,.h4,.mw-body h4,.mw-body-content h4,h5,.h5,.mw-body h5,.mw-body-content h5,h6,.h6,.mw-body h6,.mw-body-content h6 { font-size:1.25rem; font-family:sans-serif; color:#edeff0 }

h3#p-cactions-label { border-bottom:none }

.footer-info li a { color:#79C6F2!important }

.mw-body-content a:active { text-decoration:underline; color:#79C6F2 }

a.new { color:#d33!important }

.search-types a { color:#121C25!important }

.oo-ui-labelElement .oo-ui-labelElement-label,.oo-ui-labelElement.oo-ui-labelElement-label,.ve-ui-mwSaveDialog-summaryLabel { color:#edeff0; color:#ff820d }

.mw-custom-collapsible-section { max-width:fit-content; border:1px solid #edeff0; padding:.3em }

.mw-custom-collapsible-section > .mw-collapsible-toggle { font-size:2em }

body.mediawiki { background-image:url(https://media.discordapp.net/attachments/739463264232275999/955133228509986886/Border1.png); background-attachment:scroll; background-position:top left; background-repeat:repeat-y }

.search-types a,.search-types .current a { color:#f0a346!important }

.mw-body { border:1px solid #121C25 }

.mw-footer a,.mw-footer a:visited { color:#f0a346 }

background-color:#1b262e!important }
 * 1) bodyContent {

color:#edeff0; background-color:#1b262e; text-transform:uppercase }
 * 1) firstHeading {

background-color:rgba(18,28,37,0.9); background-size:20em 20em; margin-left:-1em }
 * 1) p-logo {

background-color:rgba(18,28,37,0.9); color:#edeff0; padding:15px; font-family:"Rajdhani",sans-serif }
 * 1) p-tb {

background-color:rgba(43,59,66,0) }
 * 1) p-tb-label {

background-color:#c3c6c7 }
 * 1) catlinks {

div.thumbinner { background-color:#2b3b42; border:3px solid #2b3b42; border-radius:5px }

.thumbimage { border:none; background-color:#2b3b42 }

.createboxButton,.mw-inputbox-createbox:required:invalid~.mw-ui-button { background-color:#edeff0; color:#033251 }

.tocnumber { color:#edeff0; font-family:"Rajdhani",sans-serif }

.vector-body .toc h2 { color:#033251!important; font-weight:700; font-family:"Rajdhani",sans-serif }

.toc { border:1px solid #2b3b42; border-radius:5px; background-color:#2b3b42 }

.toc .toctitle { background-color:#edeff0; border-radius:5px }

.wikitable>tr>th,.wikitable>*>tr>th { background-color:#edeff0; color:#1b262e; border:2px solid #a1a1aa; padding:.5em }

.wikitable>tr>th,.wikitable>tr>td,.wikitable>*>tr>th,.wikitable>*>tr>td { padding:.5em }

.wikitable { background-color:#2b3b42; color:#a4b7c1; border:2px solid #a1a1aa; border-radius:5px; text-align:left; overflow-x:scroll }

.wikitable td { max-width:400px }

wikitable.nocellborder > tr > th,wikitable.nocellborder > tr > th,wikitable.nocellborder > tr > td { border-style:none }

.wikitable-small { width:fit-content; text-align:left }

.vector-menu-tabs li a { color:#fdc350 }

.vector-menu-tabs .selected a,.vector-menu-tabs .selected a:visited { color:#edeff0!important; font-family:"Rajdhani",sans-serif; background-color:#1b262e }

.vector-menu-tabs .new a { color:#fdc350!important; font-family:"Rajdhani",sans-serif }

.vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown h3 { background-image:url(/mediawiki/skins/Vector/resources/common/images/tab-separator.png); background-image:linear-gradient(to bottom,rgba(18,28,37,0) 0,#121C25 100%); background-repeat:no-repeat; background-size:1px 100% }

.vector-menu-tabs li { background-image:url(/mediawiki/skins/Vector/resources/common/images/tab-normal-fade.png); background-image:linear-gradient(to top,#121c25 0,#121c25 1px,#1b262e 100%) }

.vector-menu-heading { color:#edeff0!important; font-family:"Rajdhani",sans-serif }

.vector-menu-portal .vector-menu-content li a { color:#fdc350!important; filter:blur }

.vector-menu-portal h3 { color:#edeff0; font-weight:700; background-image:none; font-family:"Rajdhani",sans-serif }

.vector-menu-content-list a { color:#c3c6c7; font-family:"Rajdhani",sans-serif }

font-family:"Rajdhani",sans-serif; background-color:#edeff0 }
 * 1) searchInput {

.cpbox { display:flex; flex-direction:row-reverse; flex-wrap:wrap }

.cpbox #admins { box-sizing:border-box; width:calc(33% - 10px); margin:5px; flex-grow:1; min-width:300px }

.cpbox #help { box-sizing:border-box; width:calc(67% - 10px); margin:5px; flex-grow:1 }

.doc { margin:0 auto 1em; background-color:rgba(0,0,0,0.1); border:2px solid #BDCAC3; border-radius:1em; padding:1em }

.doc-header { padding-bottom:3px; border-bottom:1px solid #BDCAC3; margin-bottom:1ex }

.doc-footer { margin:0; background-color:rgba(0,0,0,0.1); border:2px solid #BDCAC3; border-radius:1em; padding:1em }

.desktopcenter { text-align:center }

.desktopright { text-align:right }

.container { width:450px; border:1px solid #000 }

.container ul { padding:0; margin:0; list-style-type:none }

.container ul li { width:150px; height:100px; background-color:red; float:left }

.infobox { background:#2b3b42; border:1px solid #2b3b42; border-radius:5px; float:right; margin:0 0 1em 1em; padding:1em; width:250px }

.infobox-title { font-size:1.7em; text-align:center; color:#121C25; background-color:#edeff0; border-radius:5px; font-weight:700 }

.infobox-header { font-size:1.5em; text-align:center; background-color:#edeff0 }

.infobox-image { text-align:center; margin:.7rem 0 }

.infobox th { text-align:left; vertical-align:top; width:fit-content; background:#2b3b42; padding-left:10px; padding-right:10px; font-size:120% }

.infobox td { vertical-align:top; background:#2b3b42; width:fit-content; text-align:left; padding-left:10px }

.infobox table { background-color:#a1a1aa; width:100%; background:transparent!important; border-spacing:0 }

.infobox tr:nth-child(odd) td,.infobox tr:nth-child(odd) th { background:#1b262e }

.infobox tr:nth-child(odd) td { border-radius:0 5px 5px 0 }

.infobox tr:nth-child(odd) th { border-radius:5px 0 0 5px }

.htmlform-tip+.mw-htmlform-field-HTMLInfoField { color:red }

.mwe-math-fallback-image-inline,.mwe-math-fallback-image-display { filter:hue-rotate(180deg) invert(1) }

ins.diffchange { color:#202122 }

.mwe-popups { background:#1b262e!important }

.mwe-popups-extract blockquote::after,.mwe-popups-extract::after { content:'...'!important; position:initial!important; bottom:initial!important; width:initial!important; height:initial!important }

.mwe-popups-extract[dir='ltr']::after { background-image:none!important }

.mwe-popups-container { background:#2b3b42!important }

p.mw-upload-editlicenses,.mw-htmlform-field-Licenses,body.page-Main_Page.action-view h1.firstHeading,body.page-Main_Page.action-submit h1.firstHeading { display:none }

.mw-body-content a:link,.mw-body-content a:link:visited,.mw-body-content a:visited,.mw-body-content a:link:active,.mw-body-content a.interwiki:visited,.mw-body-content a:link.external,.mw-body-content a.external:visited,.mw-body-content a:link.stub,.mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.a.link,.a:visited,.mw-custom-collapsible-section > .mw-collapsible-toggle > .mw-collapsible-text { color:#79C6F2 }

.mw-body-content a:link.new,.mw-body-content a.new:visited { color:#a1a1aa }

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,.mw-datatable td,#mw-searchoptions,.mw-search-profile-tabs,.mw-content-ltr .toc ul,.mw-content-rtl .mw-content-ltr .toc ul,li.gallerybox div.thumb { background-color:#2b3b42 }

.vector-body h2,vector-body h3,.mw-body h1,.mw-body-content h1,.vector-body h3,.vector-body h4 { color:#edeff0; font-family:'Rajdhani',sans-serif }

.oo-ui-icon-next,.oo-ui-icon-imageGallery,.oo-ui-icon-previous,.tabber__header__prev,.tabber__header__next,#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read { filter:invert(1) }

background-color:#121C25 }
 * 1) mw-head,#mw-head-base,body,#footer {

.mw-footer li,.vector-user-menu-legacy #pt-anonuserpage,.vector-user-menu-legacy #pt-userpage a { color:#edeff0 }

background-color:#1b262e }
 * 1) content,.wikitable.zebra tr:nth-child(even) {

background-color:rgba(18,28,37,0.9); padding:15px }
 * 1) p-navigation,.vector-menu-portal {

.wikitable>tr>th a:link,.wikitable>*>tr>th a:link,.wikitable>tr>th a:visited,.wikitable>*>tr>th a:visited,.wikitable>tr>th a:link:visited,.wikitable>*>tr>th a:link:visited,.wikitable>tr>th a:link.new,.wikitable>*>tr>th a:link.new,.wikitable>tr>th a.new,.wikitable>*>tr>th a.new { color:#179be8!important }

wikitable.nocellborder > tr > th,wikitable.nocellborder > tr > th,.desktopleft { text-align:left }

.wikitable-small>tr>th,.wikitable-small>*>tr>th,.wikitable-small>tr>th,.wikitable-small>tr>td,.wikitable-small>*>tr>th,.wikitable-small>*>tr>td { width:fit-content }

.mw-createacct-benefits-list>*,.mw-createacct-benefits-list>h3,.mw-number-text>h3,.mwe-popups-extract { color:#edeff0!important }

.diff-deletedline .diffchange,.wikiEditor-ui-toolbar .booklet > .index > div { color:#000 }

ol.references li:target,sup.reference:target { background-color: #2b3b42; }

background-color: #1b262e; border-color: #a4b7c1; color: #a4b7c1; }
 * 1) catlinks {

color: #79C6F2 !important; }
 * 1) catlinks a {

/* front page. Move to template styles once css variables / gap is supported */ @media screen and (hover: none) { .nomobile { display: none; } }

.home-header { margin-bottom: 2rem; text-align: center; }

.home-header__title { margin-top: 0; font-size: 1.5rem; }

.home-header .home-header__subtitle { margin-top: 0.4rem; font-size: 0.875rem; }

.home-header__search { display: none; }

.home-header__searchIcon img { margin-right: 0.5rem; opacity: 1; }

.keyboard-text { padding: 0 5px; border: 1px solid; margin: 0 2px; border-radius: 4px; }

html.skin-citizen-dark .home-header__searchIcon img { filter: invert(1) hue-rotate(180deg); }

display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; max-width: 60%; margin: auto; gap: 1rem; }
 * 1) home-nav {

@media screen and (hover: none) { .home-card a img { display: none; } #home-nav { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; max-width: 90%;

} .home-card { background-color: var(--color-surface-3); border: 1px solid var(--border-color-base) width: 100%; text-align: center; vertical-align: center; } }

@media screen and (hover: hover) { .home-card.home-card a img { height: 100%; width: 100%; } .home-card { border-radius: 1rem; height: 8rem; width: 8rem; position: relative; overflow: hidden; } .home-card::before { position: absolute; pointer-events: none; top: 0; right: 0; bottom: 0; left: 0; display: block; background: rgba(0, 0, 0, .4); content: ""; width: 100%; height: 100%; border-radius: 1rem; z-index: 0; }

.home-card__foreground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-weight: bold; font-size: 1.2rem;

text-align: center; justify-content: center; align-items: center; display: flex; pointer-events: none; z-index: 1; } .home-card__foreground a { color: #edeff0; } }

.home-grid { display: grid; gap: 2rem; margin-bottom: 2rem; max-width: 90%; margin: auto }

.cells-3 { grid-template-columns: 1fr; }

.home-grid .grid-cell { text-align: left; padding: 0 2rem 2rem 0; margin-bottom: 2rem; }

/* double up on specifity */ .grid-header__title.grid-header__title { font-size: 2rem; margin-top: .5rem; text-align: center; }

@media screen and (hover: hover) { .cells-3 { grid-template-columns: 1fr 1fr 1fr; } .home-grid { max-width: 80%; } }

.grid-cell iframe { border-radius: 12px; }