MediaWiki:Wikia.css

/* -- */ /* -- Theme Colors -- */ /* -- */

.button-colors { background-color: var(--theme-accent-color); color: var(--theme-accent-label-color); border-color: var(--theme-accent-color); } .button-colors:link:hover, .button-colors:link:hover .button-colors{ background-color: var(--theme-accent-color--hover); }

/* --- */ /* -- Styling Fixes -- */ /* --- */

/* Reduce the spacing on Europa items */ .pi-europa .pi-item-spacing { padding: .5em 14px; } @media only screen and (min-width: 1596px) { .WikiaMainContent h2 { font-size: 24px; } }

/* */ /* -- Extras -- */ /* */

/* Add an arrow to PI style heading links */ a:link > .pi-title { position: relative; padding-left: 1.5em; padding-right: 1.5em; } a:link > .pi-title::after { content: '▶'; position: absolute; right: .5em; }

/* */ /* -- Helper Classes -- */ /* */ /* -- Template Links -- */ /*   MediaWiki templates don't allow for custom HTML a tag links, the wikitext PAGENAME format must be used. Use these classes on the parent.

/* Expand a link to fill its container */ .link-expand > a, .link-expand > p > a, .link-expand > center > a { display: block; width: 100%; height: 100%; } .link-expand > p { margin: 0; } /* Change the color of the link (intended for custom button styling) */ .link-inherit-color > a, .link-inherit-color > center > a { color: inherit; } /* -- Template Images -- */ /*   Similar to links, images must be used in format Use these classes on the parent /* Expand an image to fill its container */ .image-expand > a, .image-expand > a > img { display: block; width: 100%; height: 100%; }

.image-fill-width { overflow-y: hidden; } .image-fill-width > a, .image-fill-width > a > img { display: block; width: 100%; }

.image-fill-height { overflow-x: hidden; } .image-fill-height > a, .image-fill-height > a > img { display: block; height: 100%; }

/* --- */ /* -- Home Page -- */ /* --- */

/* Keep page title centered */ body.mainpage .page-header__title-wrapper { width: calc(100% - 320px); flex-grow: 0; }

body.mainpage .page-header__actions { margin-left: auto; }

@media screen and (max-width: 1023px) { .mainpage .page-header__title-wrapper { width: 100%; }

.mainpage .page-header__bottom { flex-direction: column-reverse; } }

/* Resize boxes to fit 4 per row on medium siz screens */ @media screen and (max-width: 1596px) { .main-page-tag-lcs #characters + div > div, .main-page-tag-lcs #characters + div > div > .image-expand, .main-page-tag-lcs #characters + div > div img { width: 160px !important; } }

/* Remove some scrollbars on animanga footer */ .animangafooter tr:first-child td:nth-child(2) > div { height: auto !important; max-height: 200px; } .animangafooter tr:nth-child(2) td > div { height: auto !important; }

/* --- */ /* -- Templates -- */ /* --- */

/* Article of the Month */ margin-top: 0; }
 * 1) article-of-the-month,
 * 2) article-of-the-month * {

/* Notices */ .notice { display: inline-block; box-sizing: border-box; clear: left; min-width: 50%; margin-bottom: .5em; padding: .25em .5em; border-width: 1px; border-style: dotted; font-style: italic; } .notice > p { margin: 0; } .notice + p { margin-top: 0; }

/* Chapter Nav */ .navigation-box > p.pi-europa:first-child { margin-bottom: 1px; } .navigation-box .tabber { display: flex; } .navigation-box .tabber > .tabbernav { display: flex; flex-direction: column; justify-content: flex-start; padding: 0; } .navigation-box .tabber > .tabbernav > li { display: block; border: none; margin: 0; padding: 0; line-height: 2em; border-color: var(--theme-accent-color); } .navigation-box .tabber > .tabbernav > li > a { display: block; margin: 0; border: none; text-align: center; background-color: var(--theme-link-color); color: var(--theme-accent-label-color); border-color: var(--theme-accent-color); transition: background-color .4s ease; } .navigation-box .tabber > .tabbernav .tabberactive a { background-color: var(--theme-accent-color); color: var(--theme-accent-label-color); border: none; } .navigation-box .tabber > .tabbernav > li > a:hover { border: none; text-decoration: none; } .navigation-box .tabber > .tabbernav > li:not(.tabberactive) > a:hover { background-color: var(--theme-accent-color--hover); } .navigation-box .tabber > .tabbernav > wbr { display: none; } .navigation-box .tabber > .tabbertab { width: 100%; padding: 0; } .navigation-box .tabber > .tabbertab .article-table { width: 100%; }

.navigation-box#chapter-nav .tabber .tabbertab { background-color: var(--theme-article-background-color--secondary); }

.navigation-box#chapter-nav .tabber .tabbertab table { margin-bottom: 0; }

.navigation-box#chapter-nav .tabber .tabbertab table tr th:first-child, .navigation-box#chapter-nav .tabber .tabbertab table tr td:first-child { width: 4.5em; text-align: center; border-right: 1px solid var(--theme-border-color); }