User:Hounsell/watercolor.css

body { background: #505e96; }

ul { list-style-image: none; }

@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.33); }

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

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

a, a:link, a:visited, .toctogglelabel { color: #8fb9ff; }

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

.mw-parser-output .fmbox { margin-bottom: 1rem !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: 1.5rem 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(72px,min-content)); grid-gap: 1.5rem; }

.mw-content-ltr ul.gallery * { width: auto !important; }

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

li.gallerybox div.thumb > div { margin: 0 !important; }

li.gallerybox div.thumb img { display: block; margin: 0 auto; max-width: 100%; height: 80px; object-fit: contain; }

.mp-row > .mp-box li.gallerybox div.thumb img { height: 48px; }

div.gallerytext { padding: 0; }

div.gallerytext > p { margin: 0 !important; }