Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(351 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* | /* ACCORDION */ | ||
.toccolours { | |||
overflow: auto; | |||
background-color: #D8CCB4; | |||
border: 1px solid #94866d; | |||
margin: 0 0 30px 32px; | |||
padding: 0px; | |||
max-width: 1080px; | |||
} | |||
.mw-inner { | |||
margin: 0 0 14px 32px; | |||
} | |||
.mw-inner:last-child { | |||
margin: 0 0 20px 32px; | |||
} | |||
.mw-inner .mw-collapsible-toggle { | |||
padding: 5px 10px 2px 0px; | |||
} | |||
.mw-inner .mw-collapsible-headers { | |||
background: #d3b58a; | |||
} | |||
.mw-collapsible-toggle { | |||
padding: 2px 10px 2px 0px; | |||
} | |||
.mw-collapsible-headers { | |||
line-height: 1.6; | |||
padding: 2px 0px 2px 10px; | |||
background: #B8A282; | |||
} | |||
.mw-collapsible-content { | |||
padding-top: 10px; | |||
} | |||
.mw-content-ltr dd { | |||
padding-right: 20px; | |||
} | |||
.accordion-img-row { | |||
display: flex; | |||
margin: 20px 0 20px 0; | |||
justify-content: center; | |||
flex-wrap: wrap; | |||
} | |||
.acc-img-item:not(:first-child) { | |||
margin-left: 10px; | |||
} | |||
.accordion-img-row div.tleft, .accordion-img-row div.tright { | |||
margin: 0px; | |||
} | |||
.accordion-img-row div.thumbinner { | |||
background: #000!important; | |||
border-radius: 5px; | |||
padding-top: 1px; | |||
} | |||
.accordion-img-row div.thumbinner:hover { | |||
background: #1e8719!important; | |||
} | |||
.accordion-img-row .thumbcaption { | |||
background: transparent; | |||
color: white; | |||
} | |||
.sg-avatar:last-child { | |||
margin-right:0px; | |||
} | |||
.sg-avatar { | |||
margin-right:30px; | |||
} | |||
.sg-avatar:hover { | |||
scale: 1.2; | |||
} | |||
.gif-container { | |||
display: flex; | |||
justify-content: center; | |||
margin-top: 20px; | |||
margin-bottom: 20px; | |||
} | |||
.gif-container img, .accordion-img-row .thumbimage { | |||
width: 100%; | |||
height: auto; | |||
} | |||
.accordion-img-row .thumbinner { | |||
width: 100%!important; | |||
} | |||
.imgtotext-outer { | |||
display: flex; | |||
margin: 10px 20px 20px 20px; | |||
} | |||
.imgtotext-text { | |||
display: flex; | |||
align-items: center; | |||
margin-left: 25px; | |||
} | |||
.imgtotext-img { | |||
display: flex; | |||
justify-content: center; | |||
width: 200px; | |||
} | |||
@media (max-width:1080px) { | |||
.imgtotext-img { | |||
display: flex; | |||
justify-content: center; | |||
width: 100%; | |||
margin-bottom: 20px; | |||
} | |||
.imgtotext-img img { | |||
width: 100%; | |||
height: auto; | |||
} | |||
.imgtotext-outer { | |||
flex-wrap: wrap; | |||
} | |||
} | |||
/* TABBER */ | |||
.tabber { | |||
margin: 1em 0; | |||
} | |||
.tabber .tabbertab { | |||
background-color: #d8ccb4; | |||
border: 1px solid #94866d; | |||
padding: 1em 1.5em; | |||
} | |||
ul.tabbernav { | |||
border: none; | |||
margin-left: 2em; | |||
margin-bottom: 0; | |||
margin-right: 2em; | |||
padding: 0; | |||
font-family: inherit; | |||
} | |||
ul.tabbernav li.tabberactive > a { | |||
background-color: #d8ccb4; | |||
color: #000; | |||
border-bottom: none; | |||
position: relative; | |||
} | |||
ul.tabbernav li.tabberactive > a:hover { | |||
color: #000; | |||
background-color: #d8ccb4; | |||
border-color: #94866d; | |||
border-bottom: none; | |||
} | |||
ul.tabbernav li.tabberactive > a::after { | |||
content: ''; | |||
position: absolute; | |||
left: 0; | |||
right: 0; | |||
bottom: -1px; | |||
border-bottom: 2px solid #d8ccb4; | |||
} | |||
ul.tabbernav li a { | |||
background-color: #c0a886; | |||
border-bottom: transparent; | |||
border-color: #94866d; | |||
color: #fff; | |||
display: inline-block; | |||
font-size: 110%; | |||
padding: 0.5em 1em; | |||
} | |||
ul.tabbernav li a:hover { | |||
background-color: #d8ccb4; | |||
border-color: #94866d; | |||
} | |||
ul.tabbernav li a:link, | |||
ul.tabbernav li a:visited { | |||
color: #000; | |||
} | |||
#tab_alternatingtable tr { | |||
background-color: #E1D4BA!important; | |||
} | |||
#tab_alternatingtable tr td { | |||
border-color: #94866d47; | |||
} | |||
#tab_alternatingtable tr:nth-child(even) { | |||
background-color: #DBCCAD!important; | |||
} | |||
#alternatingtable tr:nth-child(even) { | |||
background-color: #D8CFB8!important; | |||
} | |||
#bump_thirty img { | |||
margin-right: 30px; | |||
} | |||
@media (min-width:1199px) { | |||
#Two-Piece { | |||
display:none; | |||
} | |||
.grid-container { | |||
display: grid; | |||
grid-template-columns: auto auto auto; | |||
grid-gap: 3px; | |||
margin-bottom: 3px; | |||
justify-content: center; | |||
} | |||
.grid-child:hover { | |||
-webkit-transform: perspective(1px) translateZ(0); | |||
transform: perspective(1px) translateZ(0); | |||
box-shadow: 0 0 1px rgb(0 0 0 / 0%); | |||
position: relative; | |||
background: rgba(117, 207, 0, 0.1); | |||
-webkit-transition-property: color; | |||
transition-property: color; | |||
-webkit-transition-duration: 0.3s; | |||
transition-duration: 0.3s; | |||
} | |||
} | |||
@media (max-width:1200px) { | |||
#Three-Piece { | |||
display:none; | |||
} | |||
.grid-container { | |||
display: grid; | |||
grid-template-columns: 0.1fr 0.1fr; | |||
grid-gap: 3px; | |||
margin-bottom: 3px; | |||
justify-content: center; | |||
} | |||
.grid-child:hover { | |||
-webkit-transform: perspective(1px) translateZ(0); | |||
transform: perspective(1px) translateZ(0); | |||
box-shadow: 0 0 1px rgb(0 0 0 / 0%); | |||
position: relative; | |||
background: rgba(117, 207, 0, 0.1); | |||
-webkit-transition-property: color; | |||
transition-property: color; | |||
-webkit-transition-duration: 0.3s; | |||
transition-duration: 0.3s; | |||
} | |||
} | |||
.flex-container { | |||
display: inline-flex; | |||
} | |||
.flex-child { | |||
flex: 1; | |||
border: 2px solid transparent; | |||
} | |||
.flex-child:first-child { | |||
margin-right: 20px; | |||
} | |||
# | #indented { | ||
text-indent: 15px; | |||
} | } | ||
. | |||
html .thumbimage { | |||
border: none; | |||
background-color: transparent; | |||
} | } | ||
. | |||
background: # | div.thumbinner { | ||
background-color: #E2DBC8!important; | |||
border: 1px solid #94866d!important; | border: 1px solid #94866d!important; | ||
padding: 0px; | |||
} | } | ||
.thumbcaption { | |||
background: #d0bd97; | |||
padding: 4px 6px; | |||
padding: 0px; | |||
} | |||
h5 { | |||
font-family: 'Roboto'; | |||
font-size: 2em!important; | |||
color: #BD2020; | |||
} | |||
#threeScene { | |||
border: 1px solid rgba(148, 134, 109, 0.25); | |||
background-color: #DCD5C2; | |||
box-shadow: 0 0 7px rgb(0 0 0 / 15%); | |||
width:900px; | |||
height:500px; | |||
margin: auto; | |||
} | |||
#threeCaption img { | |||
user-select: none; | |||
pointer-events: none; | |||
} | |||
@media (max-width:1200px) { #threeScene, #threeCaption { display:none; }} | |||
@media (min-width:1199px) { #threeReplacement { display:none; }} | |||
.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button { | |||
padding-left: 0.8em; | |||
border: inset 1px #000000; | |||
} | |||
.oo-ui-buttonElement { | |||
margin: 0% 0% 0% 42%; | |||
} | |||
/* TOC */ | |||
.toc .toctitle { | |||
background: #b8a282; | |||
padding: 0.25em 1em; | |||
} | |||
.toctogglelabel { | |||
color: #936039; | |||
} | |||
.tocnumber { | |||
display:none; | |||
} | |||
.toctext { | |||
color: #936039; | |||
} | |||
.toc > ul { | |||
line-height: 1.8em; | |||
padding: 0.75em 1.75em; | |||
margin: 0; | |||
} | |||
.toc { | |||
background-color: #d8ccb4; | |||
padding: 0px; | |||
border: 1px solid #94866d; | |||
} | |||
/* Background - TOP */ | |||
#mw-page-base { | |||
background-image: url('https://wiki.zeah.gg/w/images/1/1f/Background.jpg'); | |||
background-repeat: no-repeat; | |||
background-position: 0px 0px; | |||
background-color: #C0A886; | |||
} | |||
/* Background - LEFT */ | |||
body { | body { | ||
background-color: #C0A886; | |||
overflow-y: scroll; | |||
background-image: url('https://wiki.zeah.gg/w/images/1/1f/Background.jpg'); | |||
background-repeat: no-repeat; | |||
background-position: 0px 0px; | |||
} | |||
/* BODY (Beige) */ | |||
.mw-body { | |||
border: transparent; | |||
background-color: #E2DBC8; | |||
box-shadow: 0 0 7px rgb(0 0 0 / 15%); | |||
margin-top: 0; | |||
} | |||
/* Code */ | |||
.mw-code { | |||
background-color: #DDD4BB; | |||
border: 1px solid #94866d; | |||
} | } | ||
/* Top Tabs - Focused */ | /* Top Tabs - Focused */ | ||
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { | .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { | ||
background-color: #E2DBC8; | |||
padding: 0 0.75em; | |||
padding-top: 1em; | |||
box-shadow: none; | |||
} | } | ||
/* Top Tabs - Unfocused */ | /* Top Tabs - Unfocused */ | ||
nav.vector-menu-tabs li a { | nav.vector-menu-tabs li a { | ||
background-color: #C0A886; | |||
padding: 0 0.75em; | |||
padding-top: 1em; | |||
color: #52351E; | |||
box-shadow: inset 0 -7px 10px -12.5px #000000; | |||
} | |||
/* 'Discussion' Recolor */ | |||
.vector-menu-tabs .new a { | |||
color: #52351E; | |||
} | |||
/* Watch Thread */ | |||
.vector-menu-tabs .mw-watchlink.icon a { | |||
display:none; | |||
} | } | ||
/* Side Text */ | /* Side Text */ | ||
.vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { | .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { | ||
color: #52351e; | |||
line-height: 1.2em; | |||
font-family: roboto; | |||
font-weight: 400; | |||
font-size: 1.2em; | |||
padding-left: 1em; | |||
} | } | ||
/* Side | /* Side Text */ | ||
.vector-menu-portal h3 { | .vector-menu-portal h3 { | ||
color: #54595d; | |||
font-size: 0.9em; | |||
font-weight: 600; | |||
background-image:none; | |||
} | } | ||
/* Search Bar */ | |||
#searchInput { | |||
background-color: #EFEEE6; | |||
} | |||
/* More DDL */ | |||
.vector-menu-dropdown h3 { | |||
padding-top: 1em; | |||
color: #52351E; | |||
} | |||
.vector-menu-dropdown h3:after { | |||
content: ''; | |||
background-image: url(/w/skins/Vector/resources/common/images/arrow-down.svg?9426f); | |||
background-position: 100% 50%; | |||
background-repeat: no-repeat; | |||
position: absolute; | |||
top: 0.76923077em; | |||
right: 8px; | |||
bottom: 0; | |||
width: 1.23076923em; | |||
opacity: 0.84; | |||
margin-bottom: 0.4em; | |||
} | |||
/* Remove Random Border */ | |||
.vector-menu-tabs, .vector-menu-tabs a { | |||
background-image: none; | |||
background-repeat: no-repeat; | |||
background-size: 1px 100%; | |||
background-color: #E2DBC8; | |||
} | |||
/* Personalized Top Right UI */ | |||
#p-personal ul { | |||
padding: 2px 1em 4px 0.4em; | |||
background-color: #D6CDB8; | |||
border-radius: .3em; | |||
} | |||
#p-personal ul a{ | |||
color: #52351E; | |||
} | |||
/* Remove Random UI Border */ | |||
#mw-head .vector-menu-dropdown h3 { | |||
background-image: none; | |||
} | |||
/* Search Bar */ | |||
#right-navigation { | |||
background-color: #C0A886; | |||
box-shadow: inset 0 -7px 10px -12.5px #000000; | |||
} | |||
/* Recolor Top Right UI */ | |||
.vector-menu-tabs ul { | |||
background-color: #C0A886; | |||
} | |||
:root { | |||
--wikitable-header-bg: var(--body-dark); | |||
--wikitable-border: var(--body-border); | |||
--wikitable-bg: var(--body-light); | |||
--wikitable-bg-lighter: #e9e3d6; | |||
--wikitable-color: var(--text-color); | |||
--table-na-background: rgba(255, 255, 255, 0.3); | |||
--table-na-color: grey; | |||
--table-yes-background: rgba(0, 255, 0, 0.3); | |||
--table-yes-color: green; | |||
--table-no-background: rgba(255, 0, 0, 0.3); | |||
--table-no-color: red; | |||
--droptable-text-color: #000; | |||
--droptable-always-background: #afeeee; | |||
--droptable-common-background: #56e156; | |||
--droptable-uncommon-background: #ffed4c; | |||
--droptable-rare-background: #ff863c; | |||
--droptable-veryrare-background: #ff6262; | |||
--droptable-random-background: #ffa3ff; | |||
} | |||
.wikitable { | |||
background: var(--wikitable-bg); | |||
color: var(--wikitable-color); | |||
border-color: var(--wikitable-border); | |||
box-shadow: 0px 0px 1px 1.5px #7c74631c; | |||
} | |||
/* Content Table - TITLE */ | |||
.wikitable > * > tr > th { | |||
background-color: #B8A282; | |||
text-align: left; | |||
} | |||
/* Content Table - ROWS*/ | |||
.wikitable > * > tr > td { | |||
border: 1px solid #94866d38; | |||
padding: 0.2em 0.4em; | |||
line-height: 1.3em; | |||
} | |||
/* Content Table - BORDERS */ | |||
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { | |||
border-color: #94866d; | |||
} | |||
:root { | |||
--lighttable-bg-hover: #CCCCCC; | |||
--lighttable-bg-active: #CCFFCC; | |||
--lighttable-border: black; | |||
} | |||
table.lighttable .highlight-on { | |||
background-color: var(--lighttable-bg-active); | |||
} | |||
table.lighttable .highlight-over { | |||
background-color: var(--lighttable-bg-hover); | |||
} | |||
#n-Discord a { | #n-Discord a { | ||
color: white; | |||
font-size: 12px; | |||
font-weight: bold; | |||
border-radius: 5px; | |||
border: 1px solid black; | |||
background-color: #5865f2; | |||
display: block; | |||
position: relative; | |||
padding: 4px 0 5px calc(17px + 6.5px * 2); | |||
box-shadow: 0 2px 3px rgba(0,0,0,0.1); | |||
transition: 0.2s ease; | |||
margin-bottom: 5em; | |||
} | } | ||
#n-Discord a::before { | #n-Discord a::before { | ||
content: 'Chat on '; | |||
font-weight: normal; | |||
opacity: 0.85; | |||
} | } | ||
#n-Discord a::after { | #n-Discord a::after { | ||
content: ''; | |||
background: url(/w/images/Discord_icon.png) no-repeat; | |||
background-size: 17px 13px; | |||
filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1)); | |||
position: absolute; | |||
top: 5px; | |||
left: 7px; | |||
width: 17px; | |||
height: 13px; | |||
} | } | ||
#n-Discord a:hover { | #n-Discord a:hover { | ||
text-decoration: none; | |||
background-color: #525EE0; | |||
} | } | ||
.mainpage-header .header-intro { | .mainpage-header .header-intro { | ||
flex: 2; | |||
} | } | ||
.mainpage-header .header-intro h1 { | .mainpage-header .header-intro h1 { | ||
font-size: 2.5em; | |||
font-weight: bold; | |||
border: none; | |||
margin: 0 0 0.15em; | |||
} | } | ||
.mainpage-header .header-intro p { | .mainpage-header .header-intro p { | ||
font-size: 1.1em; | |||
line-height: 1.7em; | |||
} | |||
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } | |||
div#donoBanner img { | |||
width: 100%; | |||
max-width: 940px; | |||
height: auto | |||
} | |||
div#featuredArticles { | |||
display: flex; | |||
justify-content: center; | |||
width: 940px; | |||
} | |||
div#featuredArticles img:hover, div#donoBanner img:hover { | |||
transform: scale(1.05); | |||
filter: brightness(120%) saturate(120%); | |||
} | |||
div#featuredArticles img { | |||
width: 100%; | |||
/* max-width: 380px; */ | |||
height: auto; | |||
} | } |
Latest revision as of 01:50, 27 September 2023
/* ACCORDION */ .toccolours { overflow: auto; background-color: #D8CCB4; border: 1px solid #94866d; margin: 0 0 30px 32px; padding: 0px; max-width: 1080px; } .mw-inner { margin: 0 0 14px 32px; } .mw-inner:last-child { margin: 0 0 20px 32px; } .mw-inner .mw-collapsible-toggle { padding: 5px 10px 2px 0px; } .mw-inner .mw-collapsible-headers { background: #d3b58a; } .mw-collapsible-toggle { padding: 2px 10px 2px 0px; } .mw-collapsible-headers { line-height: 1.6; padding: 2px 0px 2px 10px; background: #B8A282; } .mw-collapsible-content { padding-top: 10px; } .mw-content-ltr dd { padding-right: 20px; } .accordion-img-row { display: flex; margin: 20px 0 20px 0; justify-content: center; flex-wrap: wrap; } .acc-img-item:not(:first-child) { margin-left: 10px; } .accordion-img-row div.tleft, .accordion-img-row div.tright { margin: 0px; } .accordion-img-row div.thumbinner { background: #000!important; border-radius: 5px; padding-top: 1px; } .accordion-img-row div.thumbinner:hover { background: #1e8719!important; } .accordion-img-row .thumbcaption { background: transparent; color: white; } .sg-avatar:last-child { margin-right:0px; } .sg-avatar { margin-right:30px; } .sg-avatar:hover { scale: 1.2; } .gif-container { display: flex; justify-content: center; margin-top: 20px; margin-bottom: 20px; } .gif-container img, .accordion-img-row .thumbimage { width: 100%; height: auto; } .accordion-img-row .thumbinner { width: 100%!important; } .imgtotext-outer { display: flex; margin: 10px 20px 20px 20px; } .imgtotext-text { display: flex; align-items: center; margin-left: 25px; } .imgtotext-img { display: flex; justify-content: center; width: 200px; } @media (max-width:1080px) { .imgtotext-img { display: flex; justify-content: center; width: 100%; margin-bottom: 20px; } .imgtotext-img img { width: 100%; height: auto; } .imgtotext-outer { flex-wrap: wrap; } } /* TABBER */ .tabber { margin: 1em 0; } .tabber .tabbertab { background-color: #d8ccb4; border: 1px solid #94866d; padding: 1em 1.5em; } ul.tabbernav { border: none; margin-left: 2em; margin-bottom: 0; margin-right: 2em; padding: 0; font-family: inherit; } ul.tabbernav li.tabberactive > a { background-color: #d8ccb4; color: #000; border-bottom: none; position: relative; } ul.tabbernav li.tabberactive > a:hover { color: #000; background-color: #d8ccb4; border-color: #94866d; border-bottom: none; } ul.tabbernav li.tabberactive > a::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; border-bottom: 2px solid #d8ccb4; } ul.tabbernav li a { background-color: #c0a886; border-bottom: transparent; border-color: #94866d; color: #fff; display: inline-block; font-size: 110%; padding: 0.5em 1em; } ul.tabbernav li a:hover { background-color: #d8ccb4; border-color: #94866d; } ul.tabbernav li a:link, ul.tabbernav li a:visited { color: #000; } #tab_alternatingtable tr { background-color: #E1D4BA!important; } #tab_alternatingtable tr td { border-color: #94866d47; } #tab_alternatingtable tr:nth-child(even) { background-color: #DBCCAD!important; } #alternatingtable tr:nth-child(even) { background-color: #D8CFB8!important; } #bump_thirty img { margin-right: 30px; } @media (min-width:1199px) { #Two-Piece { display:none; } .grid-container { display: grid; grid-template-columns: auto auto auto; grid-gap: 3px; margin-bottom: 3px; justify-content: center; } .grid-child:hover { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgb(0 0 0 / 0%); position: relative; background: rgba(117, 207, 0, 0.1); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } } @media (max-width:1200px) { #Three-Piece { display:none; } .grid-container { display: grid; grid-template-columns: 0.1fr 0.1fr; grid-gap: 3px; margin-bottom: 3px; justify-content: center; } .grid-child:hover { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgb(0 0 0 / 0%); position: relative; background: rgba(117, 207, 0, 0.1); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } } .flex-container { display: inline-flex; } .flex-child { flex: 1; border: 2px solid transparent; } .flex-child:first-child { margin-right: 20px; } #indented { text-indent: 15px; } html .thumbimage { border: none; background-color: transparent; } div.thumbinner { background-color: #E2DBC8!important; border: 1px solid #94866d!important; padding: 0px; } .thumbcaption { background: #d0bd97; padding: 4px 6px; padding: 0px; } h5 { font-family: 'Roboto'; font-size: 2em!important; color: #BD2020; } #threeScene { border: 1px solid rgba(148, 134, 109, 0.25); background-color: #DCD5C2; box-shadow: 0 0 7px rgb(0 0 0 / 15%); width:900px; height:500px; margin: auto; } #threeCaption img { user-select: none; pointer-events: none; } @media (max-width:1200px) { #threeScene, #threeCaption { display:none; }} @media (min-width:1199px) { #threeReplacement { display:none; }} .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button { padding-left: 0.8em; border: inset 1px #000000; } .oo-ui-buttonElement { margin: 0% 0% 0% 42%; } /* TOC */ .toc .toctitle { background: #b8a282; padding: 0.25em 1em; } .toctogglelabel { color: #936039; } .tocnumber { display:none; } .toctext { color: #936039; } .toc > ul { line-height: 1.8em; padding: 0.75em 1.75em; margin: 0; } .toc { background-color: #d8ccb4; padding: 0px; border: 1px solid #94866d; } /* Background - TOP */ #mw-page-base { background-image: url('https://wiki.zeah.gg/w/images/1/1f/Background.jpg'); background-repeat: no-repeat; background-position: 0px 0px; background-color: #C0A886; } /* Background - LEFT */ body { background-color: #C0A886; overflow-y: scroll; background-image: url('https://wiki.zeah.gg/w/images/1/1f/Background.jpg'); background-repeat: no-repeat; background-position: 0px 0px; } /* BODY (Beige) */ .mw-body { border: transparent; background-color: #E2DBC8; box-shadow: 0 0 7px rgb(0 0 0 / 15%); margin-top: 0; } /* Code */ .mw-code { background-color: #DDD4BB; border: 1px solid #94866d; } /* Top Tabs - Focused */ .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background-color: #E2DBC8; padding: 0 0.75em; padding-top: 1em; box-shadow: none; } /* Top Tabs - Unfocused */ nav.vector-menu-tabs li a { background-color: #C0A886; padding: 0 0.75em; padding-top: 1em; color: #52351E; box-shadow: inset 0 -7px 10px -12.5px #000000; } /* 'Discussion' Recolor */ .vector-menu-tabs .new a { color: #52351E; } /* Watch Thread */ .vector-menu-tabs .mw-watchlink.icon a { display:none; } /* Side Text */ .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: #52351e; line-height: 1.2em; font-family: roboto; font-weight: 400; font-size: 1.2em; padding-left: 1em; } /* Side Text */ .vector-menu-portal h3 { color: #54595d; font-size: 0.9em; font-weight: 600; background-image:none; } /* Search Bar */ #searchInput { background-color: #EFEEE6; } /* More DDL */ .vector-menu-dropdown h3 { padding-top: 1em; color: #52351E; } .vector-menu-dropdown h3:after { content: ''; background-image: url(/w/skins/Vector/resources/common/images/arrow-down.svg?9426f); background-position: 100% 50%; background-repeat: no-repeat; position: absolute; top: 0.76923077em; right: 8px; bottom: 0; width: 1.23076923em; opacity: 0.84; margin-bottom: 0.4em; } /* Remove Random Border */ .vector-menu-tabs, .vector-menu-tabs a { background-image: none; background-repeat: no-repeat; background-size: 1px 100%; background-color: #E2DBC8; } /* Personalized Top Right UI */ #p-personal ul { padding: 2px 1em 4px 0.4em; background-color: #D6CDB8; border-radius: .3em; } #p-personal ul a{ color: #52351E; } /* Remove Random UI Border */ #mw-head .vector-menu-dropdown h3 { background-image: none; } /* Search Bar */ #right-navigation { background-color: #C0A886; box-shadow: inset 0 -7px 10px -12.5px #000000; } /* Recolor Top Right UI */ .vector-menu-tabs ul { background-color: #C0A886; } :root { --wikitable-header-bg: var(--body-dark); --wikitable-border: var(--body-border); --wikitable-bg: var(--body-light); --wikitable-bg-lighter: #e9e3d6; --wikitable-color: var(--text-color); --table-na-background: rgba(255, 255, 255, 0.3); --table-na-color: grey; --table-yes-background: rgba(0, 255, 0, 0.3); --table-yes-color: green; --table-no-background: rgba(255, 0, 0, 0.3); --table-no-color: red; --droptable-text-color: #000; --droptable-always-background: #afeeee; --droptable-common-background: #56e156; --droptable-uncommon-background: #ffed4c; --droptable-rare-background: #ff863c; --droptable-veryrare-background: #ff6262; --droptable-random-background: #ffa3ff; } .wikitable { background: var(--wikitable-bg); color: var(--wikitable-color); border-color: var(--wikitable-border); box-shadow: 0px 0px 1px 1.5px #7c74631c; } /* Content Table - TITLE */ .wikitable > * > tr > th { background-color: #B8A282; text-align: left; } /* Content Table - ROWS*/ .wikitable > * > tr > td { border: 1px solid #94866d38; padding: 0.2em 0.4em; line-height: 1.3em; } /* Content Table - BORDERS */ .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border-color: #94866d; } :root { --lighttable-bg-hover: #CCCCCC; --lighttable-bg-active: #CCFFCC; --lighttable-border: black; } table.lighttable .highlight-on { background-color: var(--lighttable-bg-active); } table.lighttable .highlight-over { background-color: var(--lighttable-bg-hover); } #n-Discord a { color: white; font-size: 12px; font-weight: bold; border-radius: 5px; border: 1px solid black; background-color: #5865f2; display: block; position: relative; padding: 4px 0 5px calc(17px + 6.5px * 2); box-shadow: 0 2px 3px rgba(0,0,0,0.1); transition: 0.2s ease; margin-bottom: 5em; } #n-Discord a::before { content: 'Chat on '; font-weight: normal; opacity: 0.85; } #n-Discord a::after { content: ''; background: url(/w/images/Discord_icon.png) no-repeat; background-size: 17px 13px; filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1)); position: absolute; top: 5px; left: 7px; width: 17px; height: 13px; } #n-Discord a:hover { text-decoration: none; background-color: #525EE0; } .mainpage-header .header-intro { flex: 2; } .mainpage-header .header-intro h1 { font-size: 2.5em; font-weight: bold; border: none; margin: 0 0 0.15em; } .mainpage-header .header-intro p { font-size: 1.1em; line-height: 1.7em; } body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } div#donoBanner img { width: 100%; max-width: 940px; height: auto } div#featuredArticles { display: flex; justify-content: center; width: 940px; } div#featuredArticles img:hover, div#donoBanner img:hover { transform: scale(1.05); filter: brightness(120%) saturate(120%); } div#featuredArticles img { width: 100%; /* max-width: 380px; */ height: auto; }