MediaWiki:Fandomdesktop.css

/* Page Design */ body { font-family: "Segoe UI","Roboto","Helvetica Neue",Helvetica,Arial,sans-serif !important; letter-spacing: -0.2px !important; }

.page-User_Nick_mick { background-color: #DBA901; background-image: url(https://vignette.wikia.nocookie.net/international-entertainment-project/images/1/15/New2.png); background-attachment: fixed; background-position: center; background-size: cover; background-repeat: no-repeat; } .page-User_Nick_mick .gallery-image-wrapper.accent { border-color: #B40404 !important; border-radius: 100%; box-shadow: 3px 5px 3px #00FFFF; }

.wikitable .article-thumb { margin:0 !important; } .page-header__main h1 { color: #53015D !important; 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" !important; font-weight: 300 !important; letter-spacing: -1.5px !important; text-rendering: optimizeLegibility !important; } .page-header__categories { display: none !important; }

/* Edit article */ .EditPageHeader, #EditPageHeader { box-shadow: none !important; background-color: #6f027c !important; } .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 { border: 0; margin: 0; } .article-categories .container { padding: 0 10px !important; } .categories .last #CategorySelectAdd { display: none !important; } ul.categories li { padding-right: 3px !important; } .CategorySelect.articlePage .categories { padding-top: 3.1px !important; } .CategorySelect.articlePage .category { margin: 0 3px 3px 0 !important; }

.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; }

height: 1px; background: #6F027C; }
 * 1) tableseparator {

.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;l 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; } .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 { border: 0 !important; } .pi-theme-isabella .pi-secondary-background { background: #DAB7D9; color:#3A3A3A; font-size: 12px; text-align:left !important; } .pi-theme-isabella .pi-title { padding: 5px 0 5px 0; font-size: 22px !important; background: #6F027C; color: white; text-align:center !important; } .pi-theme-isabella .pi-border-color { border-top: 1px solid #DAB7D9 !important; background: #DFC9DF; color:#3A3A3A; } .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 { background-color: #DFC9DF; } .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; text-align:center; } .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, .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 { 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 { border: 0 !important; width: 100% !important; background-color: #DFC9DF; } .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; text-align: left !important; color: #3A3A3A !important; }

/* 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 td { padding-left: 0.25em; } .list-characters tbody tr .portrait { padding-left: 0em !important; } .list-characters tbody tr .list-section { font-size: 105%; text-align: center; text-transform: uppercase; background-color: #bc97c3 !important; color: #3a3a3a !important; padding: 9px 0 9px 0; line-height: 14px; } .list-characters tbody tr .list-section small { text-transform: none; line-height: 0px; } @media only screen and (min-width:1596px) { .list-characters tbody tr:nth-child(1) th:nth-child(1) { width: 42px; // -10px } .list-characters tbody tr .portrait img { width: 55px; height: 56px; } .list-characters tbody tr .portrait a.new { width: 55px !important; height: 56px !important; display: table-cell !important; color: rgba(0,0,0,0); background-image: url(https://vignette.wikia.nocookie.net/international-entertainment-project/images/2/2b/Unknown_-_head.png/revision/latest/scale-to-width-down/44); background-position: center; }} @media only screen and (max-width:1595px) { .list-characters tbody tr:nth-child(1) th:nth-child(1) { width: 34px; // -10px } .list-characters tbody tr .portrait img { width: 55px; height: 56px; } .list-characters tbody tr .portrait a.new { width: 55px !important; height: 56px !important; display: table-cell !important; color: rgba(0,0,0,0); background-image: url(https://vignette.wikia.nocookie.net/international-entertainment-project/images/2/2b/Unknown_-_head.png/revision/latest/scale-to-width-down/44); background-position: center; }}

/* 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; }

/* Audio placeholder */ .ogg_player div:nth-child(2) { display: none; } .ogg_player div:nth-child(1) button { width: 164px !important; padding: 0; content: "Play"; } /* Audio player */ .ogg_player div:nth-child(1) audio { width: 164px !important; }

.unparagraph { line-height: 1.1em; }

/* 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; }

/* Header links */ .wds-community-header .wds-button.wds-is-secondary:hover, .wds-community-header .wds-button.wds-is-secondary:active, .wds-community-header .wds-button.wds-is-secondary:focus { background-color: #c904e0; border-color: #c904e0; } .wds-community-header #joinSkype:hover, .wds-community-header #joinSkype:active, .wds-community-header #joinSkype:focus { background-color: #00aff0; border-color: #00aff0; } .wds-community-header .wds-button.wds-is-secondary:hover svg { fill: #fff; }

/* DARK MODE */ /*cast list*/ .theme-fandomdesktop-dark .list-characters tbody tr td { background: #29202E; } .theme-fandomdesktop-dark .list-characters tbody tr:nth-child(odd) td { background: #2F2336; } /*.theme-fandomdesktop-dark .list-characters tbody tr .list-section { background-color: #613D69 !important; }*/ .theme-fandomdesktop-dark .pi-theme-cast .pi-secondary-background { background-color: #613D69; }

/*Dubbing list*/ .theme-fandomdesktop-dark .list-alternating { background: #29202E; } .theme-fandomdesktop-dark .list-alternating tbody tr:nth-child(odd) { background: #2F2336; }

/*Infoboxes*/ .theme-fandomdesktop-dark .pi-theme-isabella .pi-secondary-background { background: #472446; color:#C5C5C5; text-align:left; } .theme-fandomdesktop-dark .pi-theme-isabella .pi-title { background: #6F027C; color:white; text-align:center; } .theme-fandomdesktop-dark .pi-theme-isabella .pi-border-color { border-top: 1px solid #472446 !important; background: #362036; color:#C5C5C5; } .theme-fandomdesktop-dark .pi-theme-isabella .pi-image { background-color: #362036; } .theme-fandomdesktop-dark .pi-theme-isabella .pi-group .pi-horizontal-group tbody tr .pi-horizontal-group-item small a:hover { background: #36273B; text-align:center; }

/*Tables*/ .theme-fandomdesktop-light .episode-table-color { background:#D6CADC !important; }

.theme-fandomdesktop-dark .episode-table-color { background:#2F2336 !important; }

.theme-fandomdesktop-light .other-color-change { background:#F2B9FE !important; }

.theme-fandomdesktop-dark .other-color-change { background:#390145 !important; }

/*Navbox*/ .theme-fandomdesktop-dark .pi-theme-navbox { background-color: #362036; }

/*Red link color*/ .theme-fandomdesktop-dark a.new { color: #7cfc00; }