MediaWiki:Fandomdesktop.css


 * root {

--border-gradient-dark: linear-gradient(to right,#000 0%,#690700 50%,#000 100%); --border-gradient-light: linear-gradient(to right,transparent 0%,#690700 50%,transparent 100%); --gradient-dark: -webkit-linear-gradient(left,black, #a70e09, black); --gradient-light: -webkit-linear-gradient(left,transparent, #a70e09, transparent); --subtitle-gradient-dark: -webkit-linear-gradient(left,transparent,#000000,transparent); --subtitle-gradient-light: -webkit-linear-gradient(left,transparent,lightgray,transparent); }

/* -- */ /* Infoboxes --- */ /* -- */ .portable-infobox { border: 0; min-width: 300px; max-width: 375px; width: 35%; }

.theme-fandomdesktop-dark .portable-infobox { background-color: black; }

.theme-fandomdesktop-dark .portable-infobox .pi-header, .theme-fandomdesktop-dark .portable-infobox .pi-title { background-image: var(--gradient-dark); color: white; }

.theme-fandomdesktop-light .portable-infobox .pi-header, .theme-fandomdesktop-light .portable-infobox .pi-title { background-image: var(--gradient-light); color: white; }

.pi-secondary-background {         /* navigation section */ background-color: transparent; }

/* labels - a little extra space with wider width */ .pi-data-label { min-width: 92px; max-width: 100px; flex-basis: 92px; } /* values - a little extra space with wider width */ .pi-data-value:not(:first-child) { min-width: 180px; flex-grow: 1; }

/* -- */ /* main page tables  */ /* -- */ /* standard formatting for the tables on the main page */

.mainbox { width: 100%; text-align: center; background: transparent; color: inherit; border-style: solid; border-spacing: 0; border-collapse: inherit; }

.theme-fandomdesktop-dark .mainbox { border-image: var(--border-gradient-dark); border-image-slice: 1; border-color: #000; border-width: 1px; border-top-width: 0px; border-bottom-width: 3px;

}

.theme-fandomdesktop-light .mainbox { border-image: var(--border-gradient-light); border-image-slice: 1; border-color: transparent; border-width: 1px; border-top-width: 0px; border-bottom-width: 3px; }

/* titles */

.mainbox .title { padding: 5px; font-weight: bold; font-size: 130%; background-color: transparent; }

.theme-fandomdesktop-dark .mainbox .title { color: white; background-image: var(--gradient-dark); }

.theme-fandomdesktop-light .mainbox .title { color: white; background-image: var(--gradient-light); }

/* subtitles */

.theme-fandomdesktop-dark .mainbox .subtitle { color: white; background-color: transparent; background-image: var(--subtitle-gradient-dark); }

.theme-fandomdesktop-light .mainbox .subtitle { color: black; background-color: transparent; background-image: var(--subtitle-gradient-light); }

/* box body */

.mainbox .body { padding-bottom: 5px; padding-left: 5px; padding-right: 4px; }

/* -- */