User:Hounsell/watercolor.css

body { background: #505e96; }

@media screen and (min-width: 1248px) {	body #mw-page-base { background-image: url(/skins/Watercolor/images/boxes.svg?26739), linear-gradient(to right,#505e96 calc(100vw - 768px),#2e3554 calc(100vw - 768px + 101px)); } }

body #content { box-shadow: -5px 5px 10px -7px rgba(255,255,255,0.6); }

.mw-body, .parsoid-body { background-color: #202122; color: #fff; }

h1, h2, h3, h4, h5, h6, .tocnumber { color: #fff; }

a { color: #8fb9ff; }

.mp-purple, .mp-header, .catlinks, .toc, .mw-parser-output .infobox, .mw-parser-output .ombox { background-color: rgba(245,250,255,0.05) !important; border-color: rgba(191,217,255,0.1) !important; color: #fff !important; }

.mp-purple h2 { background-color: rgba(191,217,255,0.05); border-color: rgba(128,178,255,0.1); }

.mp-row { display: grid; width: 100%; grid-auto-flow: column; grid-gap: 1rem; margin-bottom: 1rem; }

.mp-row > .mp-box { margin: 0; }

.mw-content-ltr ul.gallery { padding: 0; margin: 0 0 1rem; display: grid; grid-template-columns: repeat(auto-fill, 83px); grid-gap: .5rem; }

li.gallerybox div.thumb { border: 0; background-color: transparent; margin: 0 auto .5rem; }