MediaWiki:Wikia.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

.WikiaSiteWrapper .WikiaPage { padding-top:0; }

/* GALLERY THUMBS BACKGROUND */ .accent { border-color: #c1c1c1; }

/* TOC */ .WikiaArticle .toc { background-color: #f8f9fa; border: #ed3644; font-size: 95%; } /* LINKS */ .WikiaMainContent a:visited { color: #0b0080; }

.WikiaMainContent a:active { color: #faa700; }

.WikiaMainContent a.new { color: #ba0000; }

.WikiaMainContent a.new:visited { color: #a55858; }

.WikiaMainContent a:focus { text-decoration: underline; }

.WikiaMainContent a.external, .WikiaMainContent a.extiw { color: #36b; }

.WikiaMainContent a.external:active, .WikiaMainContent a.extiw:active, .WikiaMainContent a.external:active:visited, .WikiaMainContent a.extiw:visited:active { color: #b63; }

.WikiaMainContent a.external:visited, .WikiaMainContent a.extiw:visited { color: #636; } /* CATEGORY BOX */ background: #f8f9fa; border: 1px solid #a2a9b1; font-size: 0.875em; padding: 5px; margin: 0; }	padding: 0; }	height: 2em; font-size: 0.875em; }
 * 1) articleCategories {
 * 1) articleCategories .container {
 * 1) articleCategories .add {

.CategorySelect.articlePage .last { margin: 0; }

/* HIDE GALLERY UPLOADER */ .wikia-photogallery-add, .wikia-button noprint { display: none !important; }

/* HIDE "IMAGE ADDED BY" ON ARTICLES */ .picture-attribution { display: none !important; }

/* REMOVES ARROW ICON ON EXTERNAL LINKS */ .WikiaArticle a.external:after, .WikiaArticle a[href^="gopher://"]:after { background-image: none; content: none; }

/* REFERENCES */ .references { font-size: 70%; }

/* HEADINGS */ .WikiaPage h2 { font-size: 20px; font-family: 'Rubik'; }

h3, h4, h5, h6 { font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, Verdana, sans-serif !important; font-style: normal; color: rgb(102, 102, 102); } .WikiaArticle h3 { font-size: 1.3em; border-bottom: 1px dashed grey; } .WikiaArticle h4 { font-size: 1.2em; color: rgb(153, 153, 153); border-bottom: 1px dotted grey; } .WikiaArticle h5 { font-size: 1.1em; text-decoration: underline; } .WikiaArticle h6 { font-size: 1.1em; color: rgb(153, 153, 153); text-transform: uppercase; text-decoration: underline; }

/* NAVBOX */ .navbox { width: 100%; font-size: smaller; } .navbox-title { font-size: small; } tr.navbox-gutter { display: none; } .wikia-gallery-spacing-small .wikia-gallery-item { padding: 2px; }

/* HATNOTE */ .hatnote { padding-left: 13px; margin-bottom: 0em; color: #888; font-size: 13px; font-style: italic; }

/* HOVER */ .hoverimage img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .hoverimage2 img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 0.6; filter: alpha(opacity=50); transition: all 0.3s ease !important; } .hoverimage2 img:hover { opacity: 1; filter: alpha(opacity=100); }

/* WIKIAPAGE FONT AND SIZE */ .WikiaPage { font-family: 'Rubik', sans-serif; font-size: 13px; }   right: -20px; } .wikia-gallery-spacing-smaller .wikia-gallery-item { padding: 1px; }
 * 1) icons {

code { color: inherit; background-color: #e6e6e6; border: 1px solid #d6d6d6; border-radius: 2px; padding: 1px 4px; }

/* TABLE - CREDITS */ table.table-creds { color: rgb(51, 51, 51); background-color: transparent; border-collapse: collapse; border-spacing: 0px 0px; font-size: 13px; line-height: 20px; margin-bottom: 5px; max-width: 670px; width: 670px; } table.table-creds th { font-weight: 700; border-top-color: rgb(51, 51, 51); border-top-style: none; border-top-width: 0px; padding-bottom: 4px; padding-left: 5px; padding-right: 5px; padding-top: 4px; text-align: left; vertical-align: bottom; } table.table-creds td { border-collapse: collapse; border-spacing: 0px 0px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; border-left-color: rgb(248, 248, 248); border-left-style: solid; border-left-width: 1px; padding-bottom: 4px; padding-left: 5px; padding-right: 5px; padding-top: 4px; text-align: left; vertical-align: center; }

/* CONDENSED TABLE */ table.condensed-table { color: rgb(51, 51, 51); background-color: transparent; border-collapse: collapse; border-spacing: 0px 0px; font-size: 13px; line-height: 20px; margin-bottom: 5px; max-width: 670px; width: 670px; } table.condensed-table th { font-weight: 700; border-top-color: none; border-top-style: none; border-top-width: none; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; padding-top: 3px; text-align: left; vertical-align: bottom; } table.condensed-table td { border-collapse: collapse; border-spacing: 0px 0px; border-top-color: none; border-top-style: none; border-top-width: none; border-left-color: rgb(0 0 0 / 0%); border-left-style: solid; border-left-width: 1px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; padding-top: 3px; text-align: left; vertical-align: center; } table.condensed-table tr:nth-child(odd) { background-color: #fff; } table.condensed-table tr:nth-child(even) { background-color: #f9f9f9; }

/* CUSTOMIZING TABBER */ /*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ /*-- Tabberlive is the tabber area Tabbertab is the area inside of the open tab Removed width:660px !important; in tabberlive and tabberlive .tabbertab --*/ .tabberlive { } .tabberlive .tabbertab { border: 1px solid transparent !important; } /*-- Tabbernav is the tab navigation list --*/ ul.tabbernav { border-bottom-color: rgb(221, 221, 221) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(51, 51, 51) !important; font: normal 14px Helvetica, Arial, sans-serif !important; padding-bottom: 6px !important; padding-left: 12px !important; padding-right: 12px !important; padding-top: 8px !important; line-height: 20px !important; } /*-- Tabbernav is the shape of each "tab" on the list --*/ ul.tabbernav li { } ul.tabbernav li a { background-color: transparent !important; border-bottom-color: transparent !important; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: transparent !important; border-left-style: solid; border-left-width: 1px; border-right-color: transparent !important; border-right-style: solid; border-right-width: 1px; border-top-color: transparent !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; color: rgb(0, 136, 204); margin-right: 2px; outline-color: rgb(51, 51, 51); outline-offset: -2px; outline-style: dotted; outline-width: 0px; padding-bottom: 8px !important; padding-left: 12px !important; padding-right: 12px !important; padding-top: 8px !important; transition: .2s; } ul.tabbernav li a:link { color: #1470af !important; } ul.tabbernav li a:visited { color: #1470af !important; } ul.tabbernav li a:hover { background-color: rgb(243, 243,243) !important; text-decoration: underline; transition: .2s; } /*-- Active tab, the one open --*/ ul.tabbernav li.tabberactive { margin-bottom: 0px; } ul.tabbernav li.tabberactive a { background-color: rgb(255 255 255) !important; border-bottom-color: transparent; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100%; border-image-source: none; border-image-width: 1 1 1 1; border-left-color: rgb(221, 221, 221) !important; border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221) !important; border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221) !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; color: rgb(85, 85, 85); margin-right: 2px; outline-color: rgb(51, 51, 51); outline-offset: -2px; outline-style: dotted; outline-width: 0px; padding-bottom: 8px; padding-left: 12px; padding-right: 12px; padding-top: 8px; } ul.tabbernav li.tabberactive a:hover { }

/* SEPARATE LINE */ hr { border-color: #769fb3; border-style: dotted; border-bottom: none; }

/* ; */ .WikiaArticle dl { margin: 10px 0 1px 0; }

/* GALLERY */ .wikia-gallery { margin: 5px 0; }

/* SHINE */ .hover14 figure { position: relative; } .hover14 figure::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content:''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .hover14 figure:hover::before { -webkit-animation:shine 1.75s; animation:shine 1.75s; } @-webkit-keyframes shine { 100% {		left: 125%; } } @keyframes shine { 100% {		left: 125%; } }

/* UCP FIX*/ table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px #aaa solid; padding: 0.2em; }

/* INFOBOX STYLING */ .portable-infobox { background-color:#f5f5f5; border: 1px solid #00000029; } .portable-infobox .pi-secondary-background { background-color: transparent; } .portable-infobox .pi-border-color { border: none; } .portable-infobox .pi-horizontal-group .pi-border-color { border: none !important; } .portable-infobox .pi-item.pi-data.pi-item-spacing:nth-child(even) { background: #f5f5f5; } .portable-infobox .pi-item.pi-data.pi-item-spacing:nth-child(odd) { background: #eeeeee; } .pi-horizontal-group-item:nth-child(even) { background-color: #eee; } .portable-infobox .pi-secondary-font { font-size: 11px !important; } .pi-data-value { font-size: 11px; }

ul.pi-image-collection-tabs li.current { background: #d2d2d200; font-weight: bold; border-bottom: 4px solid #1470ae; color: #1470ae; } li.pi-tab-link.pi-item-spacing { padding: 0px 10px; font-size: 10px; border-bottom: 4px solid transparent; } ul.pi-image-collection-tabs li { border: none; } .portable-infobox ul.pi-image-collection-tabs { margin: 0; } h3.pi-data-label.pi-secondary-font { font-family: 'Rubik' !important; color: #3a3a3a; border-bottom: none; font-size: 12px; } /* STUDIO ALBUM */ .portable-infobox.pi-theme-studio .pi-secondary-background { background-color: #c9d7e0; }

/* EP */ .portable-infobox.pi-theme-ep .pi-secondary-background { background-color: lightsalmon; }

/* MIXTAPE */ .portable-infobox.pi-theme-mixtape .pi-secondary-background { background-color: #b6d2b6; }

/* SINGLE*/ .portable-infobox.pi-theme-single .pi-secondary-background { background-color: palegoldenrod; }

/* CREDITS */ .portable-infobox.pi-theme-credits { background-color: #fff; border: 1px solid #e0e0e0; float: inherit; clear: inherit; width: 702px; margin: 15px 15px 0 0; } .portable-infobox.pi-theme-credits .pi-title { font-size: 13px; background: #fff; line-height: initial; } .portable-infobox.pi-theme-credits .pi-data-value { flex-basis: inherit; } .portable-infobox.pi-theme-credits .pi-item.pi-data.pi-item-spacing:nth-child(odd) { background: #ffffff00; } .portable-infobox.pi-theme-credits .pi-item.pi-data.pi-item-spacing:nth-child(even) { background: #f5f5f5; } .portable-infobox.pi-theme-credits .pi-secondary-font { flex-basis: 25%; } .portable-infobox.pi-theme-credits .pi-data-value { flex-basis: 100% !important; padding-left: 5px; }

/* REFERENCES */ .mw-references-wrap { clear: inherit !important; }