MediaWiki:Fandomdesktop.css

body.skin-fandomdesktop, .page-content h2, .page-content h3, .page-content h4 { font-family: Arial, Helvetica, sans-serif } .fandom-community-header, .wds-dropdown__content .wds-list.wds-is-linked>li>a:not(.wds-button) { font-family: 'Rubik', sans-serif; font-weight: 600 } .page-header__title { border-bottom: 1px solid var(--theme-border-color); font-weight: 600 } .theme-fandomdesktop-dark .page { box-shadow: 0 0 5px #00000047 } .theme-fandomdesktop-dark .page-header__title, .page-footer .wds-collapsible-panel, .rail-module { border-bottom: 0 } .fandom-community-header__background:before { background-image: linear-gradient(to bottom,rgba(var(--theme-body-background-color--rgb),0) 85%,var(--theme-body-background-color)); } .theme-fandomdesktop-dark .fandom-community-header__background:before { background-image: linear-gradient(to bottom,rgba(var(--theme-body-background-color--rgb),0) -100%,var(--theme-body-background-color)) } .page-content p+ol, .page-content p+ul, .page-content section+ol, .page-content section+ul { margin-top: 0 } .page-content h2 { padding: 4px 0 4px } .page__right-rail p, .page__right-rail section { line-height: 1.2 } .page-content h3, .page-content h4 { font-weight: bold } .page-content p, .page-content section { margin: 0 } .article-table tr td, .article-table tr th, .wikitable tr td, .wikitable tr th { padding: 5px } .theme-fandomdesktop-light .article-table, .theme-fandomdesktop-light .wikitable { background: #ededed } .pi-border-color { border-color: transparent } .pi-secondary-background { background: linear-gradient(45deg, #1676b6 70%, #3a83d3) } .portable-infobox { border: 1px solid #000; border-radius: 0; padding: 5px; box-sizing: border-box; } .portable-infobox .pi-title { padding: 6px 8px } .theme-fandomdesktop-light .pi-background { background-color: #e8e6e6 } .theme-fandomdesktop-dark .pi-background { background-color: #303944 } .theme-fandomdesktop-dark { --theme-page-background-color--secondary: #393f46 } .mw-parser-output p { margin: .4em 0 .5em } .page-content .mw-parser-output a { font-weight: inherit } .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { display: block } .rail-module { overflow: inherit } .rail-module__header, .rail-module h2 { background-image: none; border-bottom: 1px solid var(--theme-border-color); min-height: 30px; width: 100% } .theme-fandomdesktop-dark .rail-module { background-color: transparent }	line-height: 1; width: 175px }	font-size: 13px } .theme-fandomdesktop-dark #time-wrapper, .theme-fandomdesktop-dark #day { background: #002740; box-shadow: inset 4px 4px 6px #000000; color: #ffa500; }	font-family: 'Burbank Small Bold', sans-serif; font-weight: 600 }	background-color: rgba(var(--theme-link-color--rgb),.06) } .mw-changeslist h4, .social-activity-feed h4 { font-weight: normal; font-size: larger; margin-top: 20px } .mw-recentchanges-table #tagfilter, .mw-recentchanges-table #namespace { margin-left: 5px } .navbox-title-x a { font-weight: 600 !important } .theme-fandomdesktop-dark .page__right-rail { background-color: var(--theme-page-background-color) } .page-footer .wds-collapsible-panel__header .wds-icon { display: none } .page-footer .wds-collapsible-panel__header { cursor: default } .page-footer .wds-collapsible-panel.wds-is-collapsed .wds-collapsible-panel__content { display: block } .theme-fandomdesktop-dark .mw-plusminus-pos { color: #1bbb71 } .theme-fandomdesktop-dark .mw-plusminus-neg { color: #ff738d } .WikiaBarWrapper .tools-menu>li>a:hover { color: var(--theme-accent-label-color); text-decoration: underline } .theme-fandomdesktop-light #filetoc { background-color: #f8f9fa; border: 1px solid #a2a9b1; } .theme-fandomdesktop-light #userProfileApp .user-identity-box__info { background: #FFF; border-radius: 10px; box-shadow: 0 0 30px #ccc } .theme-fandomdesktop-dark #userProfileApp .user-identity-box__info { background: transparent; }	background: linear-gradient(#1874DC, #075daf); border-top-left-radius: 10px; border-top-right-radius: 10px; color: #fff; padding: 15px } .theme-fandomdesktop-dark #userProfileApp .user-identity-header { background: linear-gradient(#072d58,#075daf) }	padding: 10px !important }
 * 1) pst-clock {
 * 1) pst-heading {
 * 1) userProfileApp .user-profile-navigation__link a {
 * 1) userProfileApp .user-identity-header__tag {
 * 1) userProfileApp .user-identity-header {
 * 1) userProfileApp ul.user-identity-stats, #userProfileApp .user-identity-bio, #userProfileApp .user-identity-social,
 * 2) userProfileApp .user-bio-open-modal-button {

.theme-fandomdesktop-light #userProfileApp .user-identity-header__tag, .theme-fandomdesktop-light #userProfileApp .user-identity-header__actions button, .theme-fandomdesktop-light #userProfileApp .user-identity-header__actions a { background-color: #a7e4ff; color: #000 } .slider-backdrop { background: radial-gradient(#5bbcff75 10%, transparent 40%) } .theme-fandomdesktop-dark .slider-backdrop { background: radial-gradient(#ff885b75 10%, transparent 40%) } .fandom-slider__nav a, .fandom-slider__nav a:hover, .wds-community-header__local-navigation .wds-tabs__tab:hover, .portal-link a:hover, .portal-link a:active { color: #fff }

.gradient-hr { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 124, 199, 0.3), rgba(0, 0, 0, 0)); border: 0; height: 1px }

a { transition: none }

.wds-community-header, .community-page-header-content { font-family: Rubik, sans-serif }

.community-page-header { background-position: bottom }

.portal-link a { background: linear-gradient(aliceblue,#fbfcff); border: 2px solid #edf5ff; border-radius: 10px; box-shadow: 0 1px 0 #fff inset; color: #2B72A1; display: inline-block; font: 20px/17px 'Burbank Small Bold', sans-serif; padding: 10px; margin-bottom: -5px; max-width: 200px; vertical-align: bottom } .theme-fandomdesktop-dark .portal-link a { background: linear-gradient(#383e46,#2f2f38); border-color: #2f2f38; box-shadow: 0 1px 0 #5F5A56 inset; color: #fff }

.portal-link a:hover, .portal-link a:active { background: linear-gradient(#02a0e1,#008be3,#007fcd); border: 2px solid #004084; box-shadow: 0 1px 0 #0ecaf8 inset; text-decoration: none; transition: border-color 0.2s }

.portal-link a:active { box-shadow: 0 0 2px #000 inset }

.theme-fandomdesktop-dark .portal-link a:hover, .theme-fandomdesktop-dark .portal-link a:active { background: linear-gradient(#2c353f 90%,#00bcd4 99%); border-color: #2f2f38; box-shadow: 0 1px 0 #5F5A56 inset }

.portal-column { border-right: 1px dashed #BFDEFF; display: inline-block; padding: 10px; width: 27% }

.theme-fandomdesktop-dark .portal-column { border-color: #181B1E }

.portal-column-last { border-right: 0; width: 35% }

.home-section { border-radius: 8px; font-family: sans-serif; margin: 0 0 15px 0; width: 100% }

.home-section-header { background-blend-mode: darken; background: url(https://images.wikia.com/club-penguin-rewritten/images/archive/5/50/20210311044452%21Wiki-background); background-color: #063fa94a; background-position-x: -230px; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: #FFF; font-family: 'Burbank Small Bold', sans-serif; font-size: 22px; padding: 5px; text-align: left; text-shadow: 1px 1px 0 #000 } .theme-fandomdesktop-dark .home-section-header { background-color: #37435ae6 }

.home-section .blog-listing__post { background-color: transparent; border-color: transparent }

.WikiaArticle p + p { margin: 1em 0 }

.WikiaMainContent h1, .WikiaMainContent h2, .WikiaMainContent h3 { margin-top: 30px; padding-bottom: 7px }

.WikiaMainContent h3 { margin-top: 20px }

.wikia-gallery-caption-below .lightbox-caption, .mw-parser-output .thumbcaption p { color: rgba(var(--theme-page-text-color--rgb),.8) }	border: 1px solid var(--theme-border-color); font-size: 83%; padding: 5px } .CategorySelect.articlePage { border: 1px solid var(--theme-border-color); font-size: 83%; line-height: inherit; padding: 5px 15px } .CategorySelect.articlePage .container { padding: 0 20px 0px 0 } .CategorySelect.articlePage .add { padding: 0px 10px; text-transform: none } .CategorySelect.articlePage .add:focus { outline: auto } .CategorySelect.articlePage .category, .CategorySelect.articlePage .last, .CategorySelect.articlePage .placeholder { margin: 0 6px 0 0 } .CategorySelect.articlePage .category, .CategorySelect.articlePage .special-categories-label { margin-top: 0 }
 * 1) articleCategories {

background-color: var(--theme-page-background-color); color: #3a3a3a } .toc ul, .toc ul ul { font-size: 95%; margin: .2em 0 .25em .9em !important }
 * 1) toc {

.play-now-section { background: url('https://static.wikia.nocookie.net/club-penguin-rewritten/images/c/cd/Ocean_view_background_-_blurred.png/revision/latest?cb=20200901101748&format=original') no-repeat; background-position: center; }

.WikiaPageContentWrapper { box-shadow: inset 0 -1px 2px #545454 }

.WikiaPageContentWrapper .wds-button { box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.121) }

.wikiaPhotoGallery-slider-body { max-width: 670px; width: 100% }

.mw-editsection .wds-icon-tiny { background: url(https://static.wikia.nocookie.net/club-penguin-rewritten/images/3/30/Pencil_16x16.png/revision/latest?cb=20200524062125&format=original); background-position: bottom; background-repeat: no-repeat; background-size: cover; fill: transparent; width: 12px } .mw-editsection .wds-icon-tiny:hover { opacity: .7; } .theme-fandomdesktop-dark .mw-editsection .wds-icon-tiny { filter: drop-shadow(0 0 1px #fff); }

.NavSubpage a, input[type='submit']:not(.oo-ui-buttonElement-button):not(.wds-button), input[type='button']:not(.oo-ui-buttonElement-button):not(.wds-button), input[type='reset']:not(.oo-ui-buttonElement-button):not(.wds-button) { background-image: linear-gradient(#fff 35%, #f1f1f1 65%); border: 1px solid #9a9a9a; border-radius: 4px; cursor: pointer }

.NavSubpage a:hover, input[type='submit']:not(.oo-ui-buttonElement-button):not(.wds-button):hover, input[type='button']:not(.oo-ui-buttonElement-button):not(.wds-button):hover, input[type='reset']:not(.oo-ui-buttonElement-button):not(.wds-button):hover { background-image: linear-gradient(#e9f3f9 35%, #fff 65%) }

.theme-fandomdesktop-dark .NavSubpage a, .theme-fandomdesktop-dark input[type='submit']:not(.oo-ui-buttonElement-button):not(.wds-button), .theme-fandomdesktop-dark input[type='button']:not(.oo-ui-buttonElement-button):not(.wds-button), .theme-fandomdesktop-dark input[type='reset']:not(.oo-ui-buttonElement-button):not(.wds-button) { color: #000 !important }

.NavSubpage a:active, input[type='submit']:not(.oo-ui-buttonElement-button):not(.wds-button):active, input[type='button']:not(.oo-ui-buttonElement-button):not(.wds-button):active, input[type='reset']:not(.oo-ui-buttonElement-button):not(.wds-button):active { background-image: linear-gradient(#f1f1f1 35%, #fff 65%) }

.NavSubpage a:focus, input[type='submit']:not(.oo-ui-buttonElement-button):not(.wds-button):focus, input[type='button']:not(.oo-ui-buttonElement-button):not(.wds-button):focus, input[type='reset']:not(.oo-ui-buttonElement-button):not(.wds-button):focus { box-shadow: 0 2px 0px var(--theme-accent-color--hover); outline: 0 }

.info-icon svg { max-height: 30px }

/* infobox template style */ .infobox { margin: 0em 0em 0em 1em; padding: 0.3em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; }

.pi-europa .pi-title { font-size: 15px; line-height: 14px; padding-top: 12px; } .portable-infobox .pi-image { margin: 10px 0 } .pi-europa.pi-background { background-color: #e6e6e6 }

.pi-europa.portable-infobox { width: 280px } .portable-infobox .pi-image img { max-width: 80%; height: auto; } /* infobox - extra parts for less markup */ table.infobox { width: 21em; border-color: #000c16; /*infobox border color*/ /*border-width: 0.5px;*/ /*infobox border thickness*/ font-size: 89%; } table.infobox th.infobox-title { padding: 0; background-color: #0000ff; color: #fff; } table.infobox .infobox-title.infobox-big { padding: 0.5em; font-size: 120%; } .infobox.dark th.infobox-title { color: #000 } table.infobox .infobox-image { padding: 0.5em; text-align: center; }

.pi-data-value { hyphens: none }

/* === Template:Ambox designs === */ /* Ambox design */ .ambox { font-size: 95%; width: 80%; margin: 0 auto; border: 1px solid var(--theme-border-color); border-left: 10px solid #228b22; border-collapse: collapse } /* Ambox colours */ .ambox-blue { border-left-color: #1e90ff /* Blue (notice) */ } .ambox-red { border-left-color: #b22222 /* Red (delete/serious) */ } .ambox-orange { border-left-color: #f28500 /* Orange (content) */ } .ambox-yellow { border-left-color: #f4c430 /* Yellow (style) */ } .ambox-green { border-left-color: #228b22 /* Green */ } /* Ambox image */ .ambox-image {                   /* The left image cell */ width: 60px; padding: 2px 0 2px 0.5em;       /* 0.5em left, 0px right */ text-align: center } @media print { .ambox { display: none } }   /* no ambox when printing */

/* Template:Playnow */ .fadeout img:hover { opacity: 0 } .fadeout img:active { opacity: 0 } body:not(.editor) .fadeout-container.fadeout-hide-bottom > :nth-child(2) { visibility: hidden; /* the 'body:not(.editor)' is used to prevent hiding the image in editing mode where it is not displayed properly */ } .transition-quick img:hover { transition: all 200ms; }

/* navbox */ table.navbox { /* Navbox container style */ border: 1px solid var(--theme-border-color); width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px } .mw-selflink { color: var(--text-color--dark); font-weight: bold; text-decoration: none !important }

.navbox-title, .navbox-abovebelow, table.navbox th { background: var(--theme-accent-color); color: var(--theme-accent-label-color) !important; text-align: center;	 /* Title and above/below styles */ padding: 5px } table.navbox th a, .navbox .mw-collapsible-toggle a, .navbox .mw-collapsible-toggle a:hover { color: var(--themed-button-label) } .navbox-group {/* Group style */ white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; } .theme-fandomdesktop-light .navbox, .theme-fandomdesktop-light .navbox-subgroup { background: #fdfdfd;	/* Background color */ } .navbox-list { border-color: #fdfdfd;  /* Must match background color */ } .theme-fandomdesktop-dark .navbox-list { border-color: var(--theme-page-background-color) } /** no bg for you **/	/* Level 2 color */ .theme-fandomdesktop-light .navbox-subgroup .navbox-group, .theme-fandomdesktop-light .navbox-subgroup .navbox-abovebelow { background: #e6e6ff; /* Level 3 color */ } .theme-fandomdesktop-light .navbox-even { background: #f7f7f7; /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } .theme-fandomdesktop-light .navbox-abovebelow { background-color:#FFDBAE !important } .theme-fandomdesktop-dark .navbox .accent { background-color: #393f46 !important; } .fandom-community-header a:hover { color: var(--theme-body-text-color); } .theme-fandomdesktop-dark .navbox-even { background: #27313c; }

/* Bureaucrat Colors */ a[href="/wiki/User:Lataus"], a[href="/wiki/User:Russellthedog"] { color: #3498DB !important; font-weight: bold !important }

/* Admin Color */ a[href="/wiki/User:The700y"], a[href="/wiki/User:PerapinCP"] { color: #1ABC9C !important; font-weight: bold !important }

/* Rollback Color */ a[href="/wiki/User:Viking_Helmet"] { color: #E67E22 !important; font-weight: bold !important }

/* Audio player skin */ .k-player .control-bar { background: #E6E6E9 url(/resources-ucp/resources/lib/jquery.ui/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png?944bb) 50% 50% repeat-x }

/* Rewritten archives box */ background: linear-gradient(#F2F7FC,#D6EBFF); border: 3px solid #BBDCFF; border-radius: 10px; color: #0e0e0e; font: 14px sans-serif; margin: 3px; padding: 2px 5px; width: 350px } .theme-fandomdesktop-dark #rewrittenArchives a { color: #0079cc }
 * 1) rewrittenArchives {

.theme-fandomdesktop-dark #pst-clock { background: linear-gradient(#3e4a58 40%,#303944); border-color: var(--theme-page-background-color); color: #4dbce7; }

/* magical copyright / fair use link / no license colors */ color: white!important; font-weight: bold; }
 * 1) copyrighted_material.boilerplate a, #c-fairuse.boilerplate a, #no_license.boilerplate a {

/* Comment section */ .theme-fandomdesktop-light .Comment_wrapper__2mxBn, .theme-fandomdesktop-light #MessageWall .Message__wrapper { background-color: #E9EEF1; border: 1px solid transparent !important; }

.EditedBy_edited-by__1ZEJN { color: var(--theme-page-text-color) !important }

.theme-fandomdesktop-light .home-section, .theme-fandomdesktop-light .wds-dropdown__content, .theme-fandomdesktop-light .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { background: #fff } .wds-dropdown::after, #userProfileApp .user-identity-social .wds-dropdown::after { border-bottom-color: #fff }

/* NavlistSubpage Styles */ .NavSubpage { font-weight: bold } .NavSubpage .mw-selflink { background: var(--theme-accent-color); border-radius: 4px; color: var(--theme-accent-label-color) !important; padding: 4px 8px } .NavSubpage a { padding: 4px 8px }

/* 2010 Wiki Editor */ .wikiEditor-ui .wikiEditor-ui-view.wikiEditor-ui-view-wikitext .wikiEditor-ui-top { min-height: 81px } .wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement, .wikiEditor-ui-toolbar #msupload-container { background: linear-gradient(#c9e5f6, #a2c7e6); border-radius: 0; outline: 1px solid #86a3bb } .wikiEditor-ui .wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover, .wikiEditor-ui-toolbar #msupload-container:hover { background: #a4ebf7; outline: 1px solid cadetblue } .wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement { padding: 0 } .wikiEditor-ui-toolbar .oo-ui-iconElement-icon:not(.oo-ui-iconElement-noIcon), .wikiEditor-ui #msupload-select { background-color: #000 } .wikiEditor-ui .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .group .tool-select .menu .options .option, color: var(--theme-page-text-color) !important; font-weight: normal; text-transform: none } .wikiEditor-ui #msupload-div { border-radius: 0 }	background: var(--theme-article-background-color--secondary) } .wikiEditor-ui-toolbar .booklet .pages { font-family: Arial,sans-serif } .wikiEditor-ui .wikiEditor-ui-toolbar { padding: 4px } .wikiEditor-ui .wikiEditor-ui-toolbar .page-characters div span:hover { border: 1px solid transparent } .wikiEditor-ui #wpTextbox1 { font-size: 13px; resize: both; width: 99.54%; max-width: 99.54%; min-width: 400px; } .wikiEditor-toolbar-dialog.ui-dialog .ui-dialog-buttonset .ui-button:first-child { background: #006cb0; border-color: #006cb0; color: #fff } .theme-fandomdesktop-light .mw-editform #wpSummaryWidget, .theme-fandomdesktop-light .wikiEditor-ui #wpTextbox1 { background: #f5f5f5; border: 1px solid #ccc } .theme-fandomdesktop-dark .mw-editform #wpSummaryWidget, .theme-fandomdesktop-dark .wikiEditor-ui #wpTextbox1, .theme-fandomdesktop-dark #tagfilter, .theme-fandomdesktop-dark #mw-target-user-or-ip, .theme-fandomdesktop-dark #namespace, .theme-fandomdesktop-dark #year, .theme-fandomdesktop-dark #month, .theme-fandomdesktop-dark #wpDestFile, .theme-fandomdesktop-dark #wpUploadDescription, .theme-fandomdesktop-dark #wpLicense { background: #292824; border: 1px solid #1f1e1b; color: var(--theme-page-text-color) } .wikiEditor-ui #msupload-bottom a { color: #000 }
 * 1) msupload-dropzone {
 * 1) msupload-dropzone {

background: #78d1ebba; color: #000 }
 * 1) home-bottom {

@font-face { font-display: swap; font-family: "Burbank Small Bold"; src: url("//db.onlinewebfonts.com/t/e6ef295909045a8fb440d1b5f073ed4e.woff2") format("woff2"); }

@media only screen and (max-width: 1300px) { .mainpage .fandom-slider { max-width: 400px; max-height: 215px }	.portal-link a { font-size: 12px } }

.theme-fandomdesktop-light .home-section { background: #e3ebf4 }