MediaWiki:Wikia.css

/* Page Design */ body { font-family: "Segoe UI","Roboto","Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing: -0.2px; } .wikitable .article-thumb { margin:0 !important; } .header-title h1 { color: #53015D; font-family: "Segoe UI","Roboto","Segoe UI Light","Roboto Light","Roboto Thin","Yu Gothic UI Light","Malgun Gothic Semilight","Leelawadee UI Semilight", "Helvetica Neue LT W1G 35 Thin","Calibri Light"; font-weight: 300; letter-spacing: -1.5px; text-rendering: optimizeLegibility; }

/* Edit article */ .EditPageHeader { box-shadow: none; background-color: #6f027c; } .EditPageHeader > h1 { width: 55%; }

.WikiaRail .module h2 { clear: none; } .WikiaRail .module { border: 0; padding: 10px 15px; border-radius: 4px; box-shadow: 0px 0px 8px -3px; }   display: none; } .WikiaArticle .center { clear: both; }
 * 1) ca-ve-edit {

/* Category box on articles */ .article-categories { margin: 0; background-color: #DAD1DF; background-image: none; border: none; border-top: 2px solid #c8afcf; border-bottom: 2px solid #c8afcf; padding: 2px 10px; font-size: 90%; letter-spacing: -0.2px; } .catlinks li { margin: 0.025em 0; padding: 0 0 0 0.25em; border-left: none; } .catlinks li::after { content: ","; } .catlinks li:last-child:after { content: ""; }

.header-tally { display: none; } .no_break { white-space: nowrap; } .wikitable figcaption, .article-thumb figcaption { display:none; }

.CategoryTreeEmptyBullet { visibility: hidden; }

.category-gallery, .category-gallery-form, div #mw-pages:first-child h2, div #mw-subcategories:first-child h2, .noarticletext { display: none; }

.WikiaArticle ul, .WikiaArticle ol { margin: 0.3em 0 0 1.6em; } .CategoryTreeEmptyBullet { display: none; }

.flagicon a img, .flagicon img { width: 23px; height: 14px; border: 1px solid rgba(0,0,0,0.13); } .flagicon-off a, .flagicon-off { width: 23px; height: 14px; text-align: center; } .ratingicon a img, .ratingicon img { width: 18px; height: 18px; }

.youtube-placeholderlink a { width: 427px; padding: 106px 0; display: inline-block; font-size: 24px; font-weight: bold; background: #e6e8ea; border: 1px solid #b8b9bb; margin: 0 1px; }

.spotify-placeholderlink a { width: 638px; padding: 28px 0; display: block; font-size: 24px; font-weight: bold; background: #e6e8ea; margin: 0 1px; border: 1px solid #b8b9bb; }

.ScriptModule a { border-left: 1px solid #AAA; padding: 0 0.5em; } .ScriptModule a:first-child { border-left: none; padding: 0 0.5em 0 0; }

.link_active { color: #3a3a3a !important; font-weight: bold; text-decoration: none !important; cursor: text !important; }

.nobreaklinks a { white-space: nowrap; }

.text_note { font-size: 75%; color: #999; letter-spacing: -0.1px; } .text_phonetic { font-size: 90%; font-style: italic; font-family: "Segoe UI Semilight","Segoe UI Light","Roboto Light","Roboto Thin","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing: -0.4px; } .text_ipa { font-size: 90%; font-family: "Segoe UI Semilight","Segoe UI Light","Roboto Light","Roboto Thin","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing: -0.4px; } .title_link::before { content: '< '; color: #3a3a3a; text-decoration: none !important; } .title_link { font-size: 50%; letter-spacing: -0.1px; cursor: pointer; } .title_phonetic { font-size: 65%; font-style: italic; opacity: 0.86; letter-spacing: -0.1px; } .text_hidden { display: none; }

a.external:after { display: none !important; } .unverified { font-style: italic; letter-spacing: -1px; } .date_datum, .time_zone_format { white-space: nowrap; }

/* Infobox Style */ .pi-data-label { -ms-flex-preferred-size: 70px; -webkit-flex-basis: 70px; -moz-flex-basis: 70px; flex-basis: 70px; } .pi-title { text-align: center; line-height: 100% !important; padding: 0 0 0 0; } .pi-caption { text-align: center !important; } .pi-navigation { background-color: #d9e0ec; text-align: left; } .pi-normal { } .pi-normal-cell { font-weight: normal; }

/* Infobox New Style */ .pi-theme-isabella .pi-title { padding: 5px 0 5px 0; font-size: 22px !important; background: #6F027C; color: white; } .pi-theme-isabella .pi-title:not(:first-child) { font-size: 95% !important; padding: 0; } .pi-theme-isabella .pi-title:nth-of-type(2) { border-top: 1px solid #C8AFCF !important; padding-top: 5px; } .pi-theme-isabella .pi-title:last-of-type { padding-bottom: 5px; } .pi-theme-isabella .pi-image .pi-caption { padding: 0px 10px; line-height: 18px; } .pi-theme-isabella .pi-item .pi-data-value:not(:first-child), .pi-theme-isabella .pi-item .pi-item .pi-data-value:not(:first-child) { padding-left: 0; } .pi-theme-isabella .pi-group .pi-horizontal-group tbody tr .pi-horizontal-group-item { width: 90px; display: block; float: left; border-left-width: 0 !important; padding: 0; } .pi-theme-isabella .pi-group .pi-horizontal-group tbody tr .pi-horizontal-group-item small a { width: 90px; display: block; padding: 6px 0; } .pi-theme-isabella .pi-group .pi-horizontal-group tbody tr .pi-horizontal-group-item small a:hover { background: #D4C5D9; font-weight: 700; text-decoration: none; letter-spacing: -0.5px; } .pi-theme-isabella .pi-group .pi-item .pi-data-value:first-child { width: 100%; }

/* Infobox TV dubbing */ .pi-theme-show .pi-title { padding: 5px 0 5px 0 !important; font-size: 22px !important; background: #6F027C; color: white; } .pi-theme-show .pi-group .pi-horizontal-group tbody tr .pi-horizontal-group-item { width: 90px; display: block; float: left; border-left-width: 0 !important; padding: 0; } .pi-theme-show .pi-group .pi-horizontal-group tbody tr .pi-horizontal-group-item small a { width: 90px; display: block; padding: 6px 0; } .pi-theme-show .pi-group .pi-horizontal-group tbody tr .pi-horizontal-group-item small a:hover { background: #D4C5D9; font-weight: 700; text-decoration: none; letter-spacing: -0.5px; }

/* Infobox episode */ .pi-theme-episode { width: 100% !important; } .pi-theme-episode .pi-group .pi-item .pi-data-value { width: 100% !important; } .pi-theme-episode .pi-title, .pi-theme-episode .pi-title a { padding: 5px 0 5px 0 !important; font-size: 22px !important; background: #6F027C; color: white; }

/* Infobox crew */ .pi-theme-crew .pi-title { padding: 5px 0 5px 0 !important; font-size: 22px !important; background: #B53389; color: white; } .crew_lastname { text-shadow: rgba(0,0,0,0.8) 0 0 0; }

/* Infobox Lyrics */ .pi-theme-lyrics, .pi-theme-lyrics_rtl { width: 100% !important; background-color: transparent; } .pi-theme-lyrics .pi-group:first-child, .pi-theme-lyrics_rtl .pi-group:first-child { border-color: #6F027C; } .pi-theme-lyrics .pi-group:first-child .pi-horizontal-group, .pi-theme-lyrics_rtl .pi-group:first-child .pi-horizontal-group { font-size: 83%; text-align: center; font-weight: bold; color: white; background-color: #6F027C; border-color: #6F027C; } .pi-theme-lyrics .pi-group .pi-horizontal-group, .pi-theme-lyrics_rtl .pi-group .pi-horizontal-group { text-align: left; } .pi-theme-lyrics .pi-group:nth-child(even) .pi-horizontal-group, .pi-theme-lyrics_rtl .pi-group:nth-child(even) .pi-horizontal-group { background-color: rgba(255,255,255,0.12); } .pi-theme-lyrics .pi-data-value, .pi-theme-lyrics_rtl .pi-data-value { font-size: inherit; } .pi-theme-lyrics .pi-border-color, .pi-theme-lyrics .pi-group .pi-horizontal-group tbody tr td, .pi-theme-lyrics_rtl .pi-border-color, .pi-theme-lyrics_rtl .pi-group .pi-horizontal-group tbody tr td { border-width: 0px; } .pi-theme-lyrics .pi-group:not(:first-child) .pi-horizontal-group tbody tr td:not(:last-of-type), .pi-theme-lyrics_rtl .pi-group:not(:first-child) .pi-horizontal-group tbody tr td:not(:last-of-type) { border-right-style: solid; border-right-width: 1px; } .pi-theme-lyrics .pi-group:not(:first-child) .pi-horizontal-group tbody tr td .text_phonetic, .pi-theme-lyrics .pi-group:not(:first-child) .pi-horizontal-group tbody tr td .text_ipa, .pi-theme-lyrics_rtl .pi-group:not(:first-child) .pi-horizontal-group tbody tr td .text_phonetic, .pi-theme-lyrics_rtl .pi-group:not(:first-child) .pi-horizontal-group tbody tr td .text_ipa { font-size: 100%; font-style: normal; font-family: "Segoe UI","Roboto","Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing: 0.2px; } .pi-theme-lyrics_rtl .pi-group:not(:first-child) .pi-horizontal-group tbody tr td:first-child { direction: rtl; text-align: start; } .pi-theme-lyrics .pi-group:last-child, .pi-theme-lyrics_rtl .pi-group:last-child { border-bottom: 2px solid #6F027C; }

/* Navbox Style */ .pi-theme-navbox { width: 100% !important; } .pi-theme-navbox .pi-title { background-color: #6f027c; padding: 0.5em 0 0.5em 0 !important; } .pi-theme-navbox .pi-title, .pi-theme-navbox .pi-title a, .pi-theme-navbox .pi-title strong { font-size: 120%; font-weight: bold; color: white; } .pi-theme-navbox .pi-item .pi-secondary-background { background-color: #bc97c3; }

/* Cast character list */ .list-characters tbody tr th { color: white; background: #6F027C; padding: 5px; } .list-characters tbody tr th:nth-child(2) { min-width: 200px; } .list-characters tbody tr th:nth-child(3) { min-width: 250px; } .list-characters tbody tr td { background: #DAD1DF; } .list-characters tbody tr:nth-child(odd) td { background: #D6CADC; } .list-characters tbody tr:nth-child(odd) td:nth-child(2) { padding-left: 0.25em; } .list-characters tbody tr:nth-child(odd) td:nth-child(3) { padding-left: 0.25em; } .list-characters tbody tr:nth-child(even) td:nth-child(1) { padding-left: 0.25em; } .list-characters tbody tr:nth-child(even) td:nth-child(2) { padding-left: 0.25em; } .list-characters tbody tr .list-section { font-size: 105%; text-align: center; background-color: #bc97c3 !important; padding: 0.5em 0 0.5em 0; }

/* Cast Style */ .pi-theme-cast { width: 100% !important; clear: none; float: left; margin: 0 0 8px 0; } .pi-theme-cast .pi-secondary-background { font-size: 105%; text-align: center; background-color: #bc97c3; padding: 0.5em 0 0.5em 0 !important; font-weight: normal; } .pi-theme-cast .pi-group .pi-horizontal-group { text-align: left; } .pi-theme-cast .pi-group:first-child { border-color: #6f027c; } .pi-theme-cast .pi-group:first-child .pi-horizontal-group { font-size: 110%; text-align: center; font-weight: bold; color: white; background-color: #6f027c; border-color: #6f027c; } .pi-theme-cast .pi-group:first-child .pi-horizontal-group tbody tr .pi-border-color { border-color: #6f027c; padding: 5px 0; } .pi-theme-cast .pi-group .pi-horizontal-group tbody tr td:first-child, .pi-theme-cast .pi-group .pi-horizontal-group tbody tr td:nth-child(2) { width: 8em; } .pi-theme-cast .pi-group .pi-horizontal-group tbody tr td:nth-child(3) { width: 19em; }

/* Alternating coloring */ .list-alternating { background: #DAD1DF; border-collapse: collapse; } .list-alternating tbody tr th { color: white; background: #6F027C; } .list-alternating tbody tr:nth-child(odd) { background: #D6CADC; }

/* Episode list */ .head-row { background: #AD7AB6 !important; } .head-row a { color: white !important; }

/* Calendar */ .calendar { text-align: center; float: left; margin: 0.1em; background: #DAD1DF; border-collapse: collapse; } .calendar tbody tr th a { color: #FFFFFF; } .calendar tbody tr th a.new { color: #BA0000; } .calendar tbody tr td a { width: 21px; height: 21px; display: block; }

.unparagraph { line-height: 1.1em; } .yttag { display: inline-block; letter-spacing: -1px; padding: 2px; margin: 2px; border: 2px solid #999; border-radius: 6px; background: #E8E8E8; white-space: nowrap; }

/* Button Design */ .ipa-button { padding: 0 2px !important; margin-left: 5px !important; min-width: 36px !important; text-align: center !important; margin-bottom: 5px !important; } a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { background-color: #6f027c; background-image: none; border: 1px solid #6f027c; font-weight: bold; outline: none; } a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:hover { background-color: #5d0268; background-image: none; } a.wikia-button.active, a.wikia-button:active, .wikia-single-button a.active, .wikia-single-button a:active, .wikia-menu-button.active, .wikia-menu-button:active, input[type="submit"].active, input[type="submit"]:active, input[type="reset"].active, input[type="reset"]:active, input[type="button"].active, input[type="button"]:active, .button.active, .button:active, button.active, button:active { background-color: #5d0268; background-image: none; box-shadow: rgba(0,0,0,0.6) 2px 2px 7px -3px inset; } a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary, button.secondary { background-color: transparent; background-image: none; border: 1px solid #6f027c; color: #6f027c; } a.wikia-button.secondary:hover, .wikia-single-button a.secondary:hover, .wikia-menu-button.secondary:hover, input[type="submit"].secondary:hover, input[type="reset"].secondary:hover, input[type="button"].secondary:hover, .button.secondary:hover, button.secondary:hover { background-color: #c4c7c9; background-image: none; } a.wikia-button.secondary.active, a.wikia-button.secondary:active, .wikia-single-button a.secondary.active, .wikia-single-button a.secondary:active, .wikia-menu-button.secondary.active, .wikia-menu-button.secondary:active, input[type="submit"].secondary.active, input[type="submit"].secondary:active, input[type="reset"].secondary.active, input[type="reset"].secondary:active, input[type="button"].secondary.active, input[type="button"].secondary:active, .button.secondary.active, .button.secondary:active, button.secondary.active, button.secondary:active { background-color: #c4c7c9; background-image: none; box-shadow: rgba(0,0,0,0.6) 2px 2px 7px -3px inset; } .wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .wikia-menu-button > li > a:hover { background-color: #5d0268; background-image: none; } .wikia-menu-button > a:active, .wikia-menu-button .drop:active, .wikia-menu-button > li > a:active { background-color: #5d0268; background-image: none; box-shadow: rgba(0,0,0,0.6) 2px 2px 7px -3px inset; } .wikia-menu-button ul { top: -3px; border: 1px solid #b8babb; border-radius: 4px; box-shadow: 1px 2px 12px 0 rgba(0,0,0,0.2); } .wikia-menu-button ul li { border: none; }