MediaWiki:Fandomdesktop.css

/*********************/ /* TABLE OF CONTENTS */ /*********************/

/* - THEME COLORS - SYSOP - MAIN PAGE - H2 Theme Styling - Featured Art - TABS - TABS: General - TABS: All - TABS: Portable Infoboxes - PORTABLE INFOBOXES - TEMPLATES - Template:VolumeList - Template:Toclimit - TABLES - Forum

/*****************/ /* THEME COLORS  */ /******************/

/*****************/ /*    SYSOP     */ /*****************/

.theme-fandomdesktop-light a[href$="/wiki/User:Revriley"] { color: #d5296c !important; font-weight: bold !important; font-family: Arial !important; } /* Light Theme color for User:Revriley */

.theme-fandomdesktop-dark a[href$="/wiki/User:Revriley"] { color: #8c8cff !important; font-weight: bold !important; font-family: Arial !important; } /* Dark Theme color for User:Revriley */

/******************************/ /*       CUSTOM FONTS        */ /******************************/

@font-face { font-family: 'Epilogue'; src: url('https://deadmountdeathplay.fandom.com/wiki/File:Epilogue-wght-.woff2') url('https://deadmountdeathplay.fandom.com/wiki/File:Epilogue-Italic-wght-.woff2') }

/* Custom Fonts etc. */

.page-content header { font-family: 'Epilogue'; }

.page-header__title { font-family: 'Epilogue'; }

.page__main { font-family: 'Epilogue'; } h1 { font-family: 'Epilogue'; }

/****************************/ /*       MAIN PAGE         */ /****************************/ /* H2 Header Custom Styling for Light & Dark Modes REVAMPED */ /* Use class "fancyheader" for h2s on main page and Portal.*/ .theme-fandomdesktop-light h2.fancyheader { background-color: var(--theme-sticky-nav-background-color); text-align: center; padding: 0.2em 0.4em; margin: 0 0 10px 0; border-radius: 7px; color: white; font-variant: small-caps; text-shadow: 1px 3px 3px black; font-weight: bold; font-size: 140%; }

.theme-fandomdesktop-dark h2.fancyheader { background-color: var(--theme-sticky-nav-background-color); text-align: center; padding: 0.2em 0.4em; margin: 0 0 10px 0; border-radius: 7px; color: white; font-variant: small-caps; text-shadow: 1px 3px 3px black; font-weight: bold; font-size: 140%; }

/* Featured Art */ .featart { justify-content: center; }

/***************/ /*   TABS     */ /***************/

/* Tabs: General */

.page-content .wds-tabs { justify-content: center; }

.theme-fandomdesktop-light .page-content .wds-tabs__tab.wds-is-current { color: #b05253; }

.theme-fandomdesktop-light .page-content .wds-tabs__tab { color: #a27171; }

.theme-fandomdesktop-dark .page-content .wds-tabs__tab.wds-is-current { color: #C07137; }

.theme-fandomdesktop-dark .page-content .wds-tabs__tab { color: #a06a42; } /* TABS: All, not just PI tabs. */

.wds-tabs__tab-label { align-items: center; display: inline-flex; font-size: 14px; font-weight: 500; height: 20px; letter-spacing: .5px; margin: 0 11px; text-align: center; text-decoration: none; transition: color .1s; white-space: nowrap; }

.wds-tabs__wrapper.with-bottom-border { border-bottom: none; }

/* TABS: Portable Infoboxes */

.pi-navigation { padding-left: 0px; padding-right: 0px; }

.pi-navigation.pi-item-spacing { padding-top: 1px; }

.pi-image-collection .wds-tabs__tab-label { font-family: Rubik; font-size: 12px; margin: 0px 4px; height: 20px; } .pi-image-collection ul.wds-tabs { line-height: 19px; padding: 0px; margin: 1px 0 0; justify-content: center; } /* All tabs */

.portable-infobox .wds-tabs { justify-content: center; height: 20px; }

.page-content ul.wds-tabs {	justify-content: center; }

.pi-image-collection .wds-tabber img { width: 100%; height: 100%; }

.pi-image-collection .wds-tabs__arrow-left, .pi-image-collection .wds-tabs__arrow-right { display: none; }

.wds-tabs__wrapper.right-arrow-visible .wds-tabs, .wds-tabs__wrapper.left-arrow-visible .wds-tabs { -webkit-mask-image: none; }

/*.pi-image-collection .wds-tabs__tab:hover { Hover Inactive background-color: #d3bbb2; color: #2d2d2d; } */

/************************/ /* Portable Infoboxes  */ /************************/ .pi-data { grid-column-gap: 2px; padding-right: 1px; }

.pi-horizontal-group .pi-header { display: table-caption; text-align: center; } /* Should center text of group headers in portable infoboxes, e.g. "Publication Order" text in the volume infobox.*/

/*************/ /* TEMPLATES */ /*************/

/* TEMPLATES TOC - Template:VolumeList - Template:TOClimit

/***********************/ /* Template:VolumeList */ /***********************/

.VolumeList { border-collapse: collapse; width: 100%; }

.theme-fandomdesktop-light .VolumeList { background:#fafafa; color: black; }

.theme-fandomdesktop-light .VolumeList th { color: #972753; }

.theme-fandomdesktop-dark .VolumeList { background:#484242; color: #fafafa; }

.theme-fandomdesktop-dark .VolumeList th { color: #8c8cff; }

/* Template: Toclimit */ /* Required CSS Changed ol to ul for compatability (?) with FandomDesktop */

.toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; }

/*****************/ /*   TABLES     */ /*****************/

.forumlist { width:100%; border-collapse: collapse; }

.forumlist th, .forum_title th, .forum_edited th, .forum_editor th { text-align: center; background: var(--theme-sticky-nav-background-color); color: var(--theme-sticky-nav-text-color); padding: 3px 50px; }

.forumlist td { background-color: rgba(var(--theme-page-dynamic-color-1--rgb),.07); padding: 6px 30px; }

td.forumlist td.forum_title a.forum_new { font-weight: bold; background: url(https://images.wikia.nocookie.net/main-page-demo/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; }