MediaWiki:Fandomdesktop.css

@import url(https://fonts.googleapis.com/css?family=Nova+Round); @import url(https://fonts.googleapis.com/css?family=Raleway:500); @import url('//dev.wikia.com/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:FandomizedButtons.css&only=styles'); @import url('//dev.wikia.com/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:RedesignedAdminDashboard.css"&only=styles'); @import url(/wiki/MediaWiki:Themes.css?action=raw&ctype=text/css); @import url(/wiki/MediaWiki:Comments.css?action=raw&ctype=text/css); @import url(/wiki/MediaWiki:Wikia.css/profileMasthead.css?action=raw&ctype=text/css); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:ModernCommentsSection.css&only=styles"); @import url('//dev.wikia.com/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:EditorSourceMinimal/dark.css&only=styles'); @import url('//dev.wikia.com/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:EditorSourceMinimal/code.css&only=styles'); @import url("//dev.wikia.com/load.php?mode=articles&articles=Highlight/code.css&only=styles"); /** Headers **/ /* H3 headers that will not display */ /* but will be linked to in the TOC */ .invisibleheaders { margin-bottom: -20px; visibility: hidden; }

/* Giving headers and TOC a little less space */ .page-content h2:not(.pi-header):not(.pi-title) { margin-top: 06px !important; } .page-content .toc { background: none !important; }

/* Style thumbnails like the template */ figure.thumb { border:1px solid #523d41; padding: 3px; background: #412a2f; margin-right: 10px; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; }

figcaption.thumbcaption > .caption { padding-top: 0px; text-align: left; font-weight: normal; color: white; line-height: 1em; margin-bottom: 0px; }

/* Giving article thumbnails a new design */ .page-content .thumb { background-color: #412a2f; border: 1px solid #523d41; border-radius: 4px; padding: 03px; overflow: hidden; } .page-content .thumb .thumbcaption { color: #000; } .page-content .picture-attribution, .page-content .thumb .attribution { display: none; } /* End of article thumbnails new design */

/* Fix overflow issue — Local CSS conflict */ figure.thumb { box-sizing: content-box; }

.wikia-gallery-captions-center .thumb .lightbox-caption { text-align: center; /* width: 100%; */ }

.wikia-gallery-item .thumb .lightbox-caption { left: unset; right: 0; }

.wikia-photogallery { background-color: #9e2240; border: 1px solid #631725; border-radius: 4px; padding: 03px; overflow: hidden; }

.wikia-photogallery-add { display: none !important; }

/* Turning off the h2 headings for mainpage */ .ChatModule h2.chat-headline, .WikiaBlogListingBox h2 { background: none !important; } /* end */

/* Tabbers */ ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align: center; margin: 0 0 -10px 0 !important; font-size: 14px; font-weight: normal !important; }

ul.tabbernav li a { padding: 8px 12px !important; margin-left: 0px !important; color: #CCCCCC !important; border: none !important; background: none !important; font-size: 12px !important; color: white !important; font-weight: 300 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor:default; }

ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

ul.tabbernav li a:link { color: #CCCCCC !important; } ul.tabbernav li a:visited { color: #CCCCCC !important; } ul.tabbernav li a:hover { color: #CCCCCC !important; background: #032D25 !important; border: none !important; } ul.tabbernav li.tabberactive a { background-color: #07594A !important; border-bottom: 1px solid #04312c !important; } .tabberlive { width: 100%; } .tabberlive .tabbertab { border:none !important; padding: 0px !important; } /* End of tabber overrides */

/* Tabber Styling for Template:StartTrivia */ .trivia ul.tabbernav { border-bottom: 0 solid black !important; font-family: Helvetica, sans-serif !important; font-weight: bold !important; padding: 5px 0 !important; } .trivia ul.tabbernav li a { background: rgba(255, 255, 255, .5) !important; border-radius: 5px 5px 0 0; margin-left: 5px !important; padding: 5px !important; border-top: 2px solid rgba(0, 0, 0, .4) !important; border-right: 2px solid rgba(0, 0, 0, .4) !important; border-left: 2px solid rgba(0, 0, 0, .4) !important; color: black !important; } .trivia ul.tabbernav li.tabberactive a { background-color: rgba(255, 255, 255, .7) !important; border: 0 !important; font-weight: bold !important; border-bottom: 2px solid rgba(255, 255, 255, .5) !important; border-top: 2px solid rgba(0, 0, 0, .4) !important; border-right: 2px solid rgba(0, 0, 0, .4) !important; border-left: 2px solid rgba(0, 0, 0, .4) !important; } .trivia .tabberlive .tabbertab { background: rgba(255, 255, 255, .7) !important; border-top: 0 !important; border: 2px solid rgba(0, 0, 0, .4) !important; } .trivia h3 { background: rgba(0, 0, 0, .4) !important; color: white; margin-left: -5px; margin-right: -5px; padding-left: 10px; font-family: "ONCE"; text-transform: uppercase; } .trivia h3 a { color: white; } .trivia .toc-link { display: none!important; }

/** * Repurpose packed-hover gallery mode * * As of 06/06/21: * Forces this mode to appear like Oasis. * Meant to be used on disambig pages. */

.mw-gallery-packed-hover { box-sizing: content-box !important; }

.mw-gallery-packed-hover .gallerybox div, .mw-gallery-packed-hover .gallerybox { width: 180px !important;/* override inline style */ font-size: 14px !important; }

.mw-gallery-packed-hover li.gallerybox div.thumb img { max-width: 180px !important; max-height: 180px !important; object-fit: contain !important; }

ul.mw-gallery-packed-hover div.gallerytextwrapper { height: auto !important; padding: 10px 0 0 !important; }

ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper { position: static !important; background: transparent !important; font-weight: normal !important; padding: 10px 0 0 !important; }

/*** Infobox Style ***/ .portable-infobox { margin-right: 2px !important; box-shadow: 1px 1px 3px #a61e33; overflow: hidden; } .portable-infobox .pi-image-thumbnail { width: 250px; height: auto; padding: 3px; }

.portable-infobox.pi-background { background: #CD9CA5; width: 260px; color: #0b0301; text-align: left; font-size: 125%; padding: 5px !important; border-radius: 5px !important; }

.pi-header, .pi-title { background-color: #5d1425; color: #ffffff; text-align: center; }

.pi-title { font-size: 15px; }

.pi-tab-link { font-size: 10px; }

.portable-infobox .pi-secondary-background { background-color: #200d09; color: #fff; font-variant: small-caps; text-align: center; letter-spacing: 1px; padding: 5px !important; }

.portable-infobox .pi-data-label { color: #ffffff; padding: 2.5px; background: #7D0F23; box-shadow: 1px 1px 3px rgba(0, 0, 0,0.2); text-align: left; letter-spacing: 0.2px; }

.portable-infobox .pi-item-spacing { font-style: normal; padding: 2px; border: none; } .pi-horizontal-group-item a.new { font-style: italic; }

.pi-data-value ol, .pi-data-value ul { list-style-position: outside; margin-left: 14px; list-style: none; }

.pi-horizontal-group .pi-horizontal-group-item:nth-child(2n) { color: #000; }

.pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left-color: #ffffff; }

ul.pi-image-collection-tabs { font: bold 12.5px GFS Neohellenic; list-style: none outside none; margin: 0 0 0px 0 !important; overflow: visible; padding: 0 0 0px; text-align: center !important; } ul.pi-image-collection-tabs li.current { background:linear-gradient(#454748, #202222) !important; border-bottom: 0px solid #FFF; font-weight: bold; } ul.pi-image-collection-tabs li.current:hover { background:linear-gradient(#454748, #202222) !important; color: white !important; border-bottom: 0px solid white; } ul.pi-image-collection-tabs li { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; display: inline; border:none !important; background: transparent !important; color: white !important; font-weight: 300 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 12.5px !important; cursor:default; } ul.pi-image-collection-tabs li:hover { background:linear-gradient(#454748, #202222) !important; border-color: #227; color: #fff; } .pi-tab-link.pi-item-spacing { padding: 1px 3px 3px; } .portable-infobox .pi-image-collection { background: transparent; } ul.pi-image-collection-tabs li:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } ul.pi-image-collection-tabs li:last-of-type { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

/* Gallery Edit */ ul.mw-gallery-nolines li.gallerybox div.gallerytext p, ul.mw-gallery-packed-hover li.gallerybox div.gallerytext p, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytext p, ul.mw-gallery-packed li.gallerybox div.gallerytext p, ul.mw-gallery-traditional li.gallerybox div.gallerytext p { text-align: center; }

ul.mw-gallery-nolines li.gallerybox div.gallerytext p, ul.mw-gallery-packed-hover li.gallerybox div.gallerytext p, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytext p, ul.mw-gallery-packed li.gallerybox div.gallerytext p, ul.mw-gallery-traditional li.gallerybox div.gallerytext p { text-align: center; }

/* Comic Infobox */ .portable-infobox.pi-theme-comic { border: 2px solid #869da8; border-radius: 10px; padding: 08px; width: 250px; text-align: left; margin: 0 0 1em 1em; } .pi-theme-comic .pi-image img { height: auto; width: 250px; padding: 3px; } .pi-theme-comic .pi-header, .pi-theme-comic .pi-title { background: #86608E !important; color: white; } .pi-theme-comic .pi-header { text-align: center; font-size: 14px; font-weight: bold; color: white; padding: 3px; } .pi-theme-comic .pi-header a { font-weight: bold; } .pi-theme-comic .pi-title a, .pi-header a { color: white; font-size: 14px; } .pi-theme-comic .pi-title { border-radius: 10px; padding: 3px; margin: auto auto 2px auto; } .pi-theme-comic .pi-title a { font-weight: bold; } .pi-data:not(:last-of-type) { border: 0; } .pi-theme-comic { background: inherit; background: -webkit-linear-gradient(left, grey, #efb8dd 200%, grey); background: -o-linear-gradient(left, grey, #efb8dd 200%, grey); background: -moz-linear-gradient(left, grey, #efb8dd 200%, grey); background: linear-gradient(left, grey, #efb8dd 200%, grey); } .pi-theme-comic .pi-border-color { border: transparent; } .pi-theme-comic > div:nth-of-type(1) div, .comic> div:nth-of-type(2) div { margin-left: auto; margin-right: auto; font-style: normal; } .pi-theme-comic .pi-horizontal-group .pi-horizontal-group-item { text-align:center; }

/* Species Infobox */ .portable-infobox.pi-theme-species { border: 2px solid #869da8; width: 250px; } .pi-theme-species .pi-title { text-align: center; font-size: 14px; background: linear-gradient(to right, #d3d3d3, #d3d3d3, #d3d3d3); border-bottom: 0 !important; } .pi-theme-species .pi-header { text-align: left; font-size: 12px; font-weight: bold; text-indent: 4px; background: linear-gradient(to right, #d3d3d3, #d3d3d3, #d3d3d3); border-top: 0 !important; } .pi-theme-species .pi-item-spacing { border-bottom: 1px solid #869da8; padding: 0; } .pi-theme-species .pi-secondary-font { font-size: 10px; } .pi-theme-species .pi-font { font-size: 12px; line-height: normal; margin: 4px; } .pi-theme-species .pi-data-label { font-size: 12px; margin: auto 4px auto 4px; padding: 0; } .pi-theme-species .pi-data-value { margin: 4px; padding: 0; } .pi-theme-species .pi-image img { height: auto; width: 250px; } /* Location Infobox */ .portable-infobox.pi-theme-location { border: 2px solid #869da8; width: 250px; } .pi-theme-location .pi-title { text-align: center; font-size: 14px; background: linear-gradient(to right, #d3d3d3, #d3d3d3, #d3d3d3); border-bottom: 0 !important; } .pi-theme-location .pi-header { text-align: left; font-size: 12px; text-indent: 4px; background: linear-gradient(to right, #d3d3d3, #d3d3d3, #d3d3d3); border-top: 0 !important; } .pi-theme-location .pi-item-spacing { border-bottom: 1px solid #869da8; padding: 0; } .pi-theme-location .pi-secondary-font { font-size: 12px; } .pi-theme-location .pi-font { font-size: 12px; line-height: normal; margin: 4px; } .pi-theme-location .pi-data-label { font-size: 12px; margin: auto 4px auto 4px; padding: 0; } .pi-theme-location .pi-data-value { margin: 4px; padding: 0; } .pi-theme-location .pi-image img { height: auto; width: 250px; } /* Comic Character Infobox */ .portable-infobox.pi-theme-universe { border: 2px solid #869da8; border-radius: 10px; padding: 06px; width: 250px; text-align: left; margin: 0 0 1em 1em; background: #f9f9f9; } .pi-theme-universe .pi-title { text-align: center; font-size: 16px; background: linear-gradient(to right, #d3d3d3, #d3d3d3, #d3d3d3); border-bottom: 1px solid #869da8 !important; border-radius: 10px; padding: 10px; margin: 2px; } .pi-theme-universe .pi-header { text-align: center; text-indent: 4px; font-size: 12px; font-weight: bold; background: linear-gradient(to right, #d3d3d3, #d3d3d3, #d3d3d3); border-top: 0 !important; border-radius: 10px; padding: 08px; margin: 2px; } .pi-theme-universe .pi-item-spacing { border-bottom: 1px solid #869da8; } .pi-theme-universe .pi-secondary-font { font-size: 12px; } .pi-theme-universe .pi-font { font-size: 12px; line-height: normal; margin: auto 4px auto 4px; } .pi-theme-universe .pi-data-label { font-size: 12px; margin: auto 4px auto 4px; padding: 0; } .pi-theme-universe .pi-image img { height: auto; width: 250px; padding: 3px; } /* End */