User:VKM Pandukabhaya/minerva.css

/* Custom CSS for minerva.css */

/* Global variables -- */
 * root {

/*--mw-ui-icon-element-highlight-color-dark: #66330022; --a-color-dark: #663300;*/

--text-selection-color-light: #bbd3fd; --main-backgound-color-light: #f8f9fa; --body-text-color: #000000; }

/* Text selection colour - */
 * selection {

background: var(--text-selection-color-light); } /* --- */

/* Background */ .mw-body { background-color: var(--main-backgound-color-light); } /* --- */

/* Page Actions bar -- */ justify-content: space-evenly; }
 * 1) page-actions {

/* gradients */ background: linear-gradient(#f8f9fa,#f5f6f7); }
 * 1) page-actions {

header { background: linear-gradient(#f8f9fa,#eaecf0); } /* --- */

/* Headings -- */ .pre-content h1 { font-family: sans-serif; font-size: 22pt; font-weight:400; color: #000000; margin: 0.5em 0 0 0; }

h2 .mw-headline { font-family: sans-serif; font-size: 18pt; font-weight:600; padding: 1.0em 0 0em 0; } h3 .mw-headline { font-family: sans-serif; font-size: 14pt; padding: 1em 0 0em 0; } h4 .mw-headline { font-family: sans-serif; font-size: 12pt; padding: 1em 0 0 0; } /* --- */

/* Body -- */ body, p { font-family: sans-serif; font-size: 12pt; color: var(--body-text-color); } /* --- */

/* TOC --- */ .toctitle h2 { vertical-align: bottom; padding: 0.5em 0; }   font-family: sans-serif; } .navbox { font-size: 85%; } /* --- */
 * 1) mw-toc-heading {

/* Popups */ .mwe-popups .mwe-popups-container footer { padding: 8px; }

.mwe-popups-settings-icon { text-indent: 0; margin: 4px; }

.mwe-popups.mwe-popups-is-not-tall footer { width: 303px; } /* --- */

/* Dark mode: experimental --- @media (prefers-color-scheme: dark) {   /* Invert colors of all elements body { filter: invert(92%); }

/* Remove inversion of selected elements .thumbinner, .thumbcaption, .list-thumb, .mwe-popups, .rt-tooltip, .ext-related-articles-card-thumb .toggle-list__list, .oo-ui-popupWidget { filter: invert(100%); }

a, a.mw-disambig { color: var(--a-color-dark); }

.mw-ui-icon-element:not(.disabled):hover { background-color: var(--mw-ui-icon-element-highlight-color-dark); } } --- */