MediaWiki:Wikia.css

/* Mark redirects in Special:Allpages und Special:Watchlist */ .allpagesredirect { font-style: italic; } .watchlistredir { font-style: italic; }

/*** Forum formatting (by -Algorithm & -Splaka) ***/

.forumheader { border: 1px solid #aaa; background-color: #f9f9f9; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none } .forumlist td.forum_title a { padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

table.navbox { /* Navbox container style */ border: 1px solid #aaa; 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; } .navbox-title, .navbox-abovebelow, table.navbox th { text-align: center;	 /* Title and above/below styles */ padding-left: 1em; padding-right: 1em; } .navbox-group {/* Group style */ white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; } .navbox, .navbox-subgroup { background: #fdfdfd;	/* Background color */ } .navbox-list { border-color: #fdfdfd;  /* Must match background color */ } /** no bg for you **/	/* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff; /* Level 3 color */ } .navbox-even { background: #f7f7f7; /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } .collapseButton {/* 'show'/'hide' buttons created dynamically */ float: right; /* by the CollapsibleTables javascript in */ font-weight: normal; /* MediaWiki:Common.jsare styled here */ text-align: right; /* so they can be customised. */	width: auto; } .navbox .collapseButton { /* In navboxes, the show/hide button balances */ width: 6em; /* the vde links from Template:Tnavbar,  */ } /* so they need to be the same width. */ .navbox-abovebelow { background-color:#FFDBAE !important; }

/* Infobox template style */ .infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin: 0.5em 0 0.5em 1em; padding: 0.2em; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .infobox.sisterproject { width: 20em; font-size: 90%; }

.infobox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th { border: 1px solid #c0c090; }

/* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #aaa; border-right: 1px solid #aaa; }

.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th {

border: 0; border-right: 1px solid #aaa; }

/* Styles for geography infoboxes, eg countries,

country subdivisions, cities, etc.		 */ .infobox.geography {

text-align: left; border-collapse: collapse; line-height: 1.2em; font-size: 90%; }

.infobox.geography td, .infobox.geography th {

border-top: solid 1px #aaa; padding: 0.4em 0.6em 0.4em 0.6em; } .infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th {

border-top: solid 1px #aaa; padding: 0.4em 0.6em 0.2em 0.6em; }

.infobox.geography .mergedrow td, .infobox.geography .mergedrow th {

border: 0; padding: 0 0.6em 0.2em 0.6em; }

.infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th {

border-top: 0; border-bottom: solid 1px #aaa; padding: 0 0.6em 0.4em 0.6em; }

.infobox.geography .maptable td, .infobox.geography .maptable th {

border: 0; padding: 0; }

/* Article message box styles */ table.ambox {

margin: 0px 10%;  /* 10% = Will not overlap with other elements */ border: 1px solid #aaa; border-left: 10px solid #1e90ff;   /* Default "notice" blue */ background: #fbfbfb; } table.ambox + table.ambox {/* Single border between stacked boxes. */

margin-top: -1px; } .ambox th.mbox-text, .ambox td.mbox-text {/* The message body cell(s) */

padding: 0.25em 0.5em;	 /* 0.5em left/right */ } .ambox td.mbox-image {/* The left image cell */

padding: 2px 0 2px 0.5em;   /* 0.5em left, 0px right */ } .ambox td.mbox-imageright {/* The right image cell */

padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */ }

table.ambox-notice {

border-left: 10px solid #1e90ff;   /* Blue */ } table.ambox-speedy {

border-left: 10px solid #b22222;   /* Red */ background: #fee;			   /* Pink */ } table.ambox-delete {

border-left: 10px solid #b22222;   /* Red */ } table.ambox-content {

border-left: 10px solid #f28500;   /* Orange */ } table.ambox-style {

border-left: 10px solid #f4c430;   /* Yellow */ } table.ambox-move {

border-left: 10px solid #9932cc;   /* Purple */ } table.ambox-protection {

border-left: 10px solid #bba;	 /* Gray-gold */ }

/* other pages message box styles */ table.ombox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #aaa; /* Default "notice" gray */ background: #f9f9f9; } table.ombox-notice { border: 1px solid #aaa; /* Gray */ } table.ombox-speedy { border: 2px solid #b22222; /* Red */ background: #fee; /* Pink */ } table.ombox-delete { border: 2px solid #b22222; /* Red */ } table.ombox-content { border: 1px solid #f28500; /* Orange */ } table.ombox-style { border: 1px solid #f4c430; /* Yellow */ } table.ombox-move { border: 1px solid #9932cc; /* Purple */ } table.ombox-protection { border: 2px solid #bba; /* Gray-gold */ }

/* ################################################## */ /* ### PORTALS							 ### */ /* ################################################## */

.portal_tabs { text-align: center; font-size: 90%; white-space: nowrap; padding: 4px 10px; text-decoration: none; background: #DDD; color: #000; border: 3px solid #FFF; }

table.portal_section { width: 100%; background: transparent; margin-top: 0px; margin-bottom: 5px; border: 1px solid #AAA; }

th.portal_header { background: #044D22 url(http://images3.wikia.nocookie.net/fallout/images//d/d1/WidgetBackground.jpg?1); border: 3px solid #FFF; padding: 5px; color: #FFF; font-size: 110%; font-weight: bold; text-align: left; }

td.portal_body { border-width: 0 3px 3px 3px; border-style: solid; border-color: #FFF; background-color: #DDD; padding: 5px; }

/* TOC */ .portal_toc { width: 100%; font-size: 95%; }

.portal_toc td { vertical-align: top; padding: 0 5px; }

.portal_toc p { font-weight: bold; border-bottom: 1px solid #FFF; }

/* Intro - image buttons */ table.portal_buttons { text-align: center; font-size: 95%; margin: 0 auto; }

table.portal_buttons th, table.portal_buttons td { width: 25%; }

table.portal_buttons th { vertical-align: middle; font-weight: normal; padding-top: 3px; }

table.portal_buttons td { vertical-align: top; padding-bottom: 3px; }

/* Footer */ table.portal_footer { background: transparent; margin: 10px auto 0; text-align: center; width: 620px; padding: 0; border-collapse: collapse; }

table.portal_footer table { margin: 0 auto; }

table.portal_footer table th { font-variant: small-caps; font-weight: normal; padding: 0 0.5em; line-height: normal; }

table.portal_footer table td { font-size:smaller; border-top: 1px solid #AAA; padding: 0 0.5em; }

/* Did you know */ .portal_dyk_cont p { margin: 0 0 0 1.5em; text-indent: -1.5em; }

/* Header - links */ th.portal_header a:link { color: #AFA000; } th.portal_header a:visited { color: #B6A700; } th.portal_header a:hover { color: #FFF; } th.portal_header a:active { color: #FFF; } th.portal_header a.new { color: #F11 !important; }

.ns-subject.page-Club_Penguin_Wiki #firstHeading { display: none !important; }

/* portal namespaces navigation */

body.ns-112 .portal-head a { color: #eeeeff !important; } body.ns-112 .portal-head a:hover { text-decoration: none; color: #ddddee !important; }

/* Template:ButtonHover */

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

/* optional transition for images */ .transition-quick img:hover { -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; }

/* Wiki navigation bar new features */ .subnav ul li ul li:active {background: #a9c7dc;}

/* Code-look text */ .code {font-weight: bold; font-family: Arabic Transparent;}

/* Welcome penguin */ .welcome-penguin-top img:hover{opacity:0;} .welcome-penguin-buttom {opacity:0;} .welcome-penguin-top img:hover .welcome-penguin-buttom {opacity:1;}

/* patroller hover */

.patroller-watch div table tbody tr:hover {background: rgba(0,0,0,0.04); border-radius: 5px;}

.patroller-watch div table:hover {background: rgba(0,0,0,0.04) !important; border-radius: 5px;}

/* white text- affective on links */

.colorwhite a {color: white !important;}

/* CPW Poll */

body.page-Club_Penguin_Wiki .mainpage-poll .ajax-poll { border: 0px !important; border: none !important; margin: 0px !important; padding: 0px !important; } body.page-Club_Penguin_Wiki .mainpage-poll .ajax-poll .header { font-size: 14px; } body.page-Club_Penguin_Wiki .mainpage-poll #ajax-poll-area > div:last-child { display: none; } body.page-Club_Penguin_Wiki .mainpage-poll:hover #ajax-poll-area > div:last-child { display: inline; }

/* unordered-list circle */

ul.ul-circle {list-style-type: circle;}

/* style for Project:Help */

.NavigationBG { padding: 20px !important; border: 3px solid #bcddfc; border-width: 4px 3px 4px 3px; border-radius: 20px !important; -moz-border-radius: 20px !important; -webkit-border-radius: 20px !important; background: rgb(218,239,255); /* background-top: #daeff, background-bottom: #bcddff */ background: -moz-linear-gradient(top, rgba(218,239,255,1) 0%, rgba(188,221,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(218,239,255,1)), color-stop(100%,rgba(188,221,255,1))); background: -webkit-linear-gradient(top, rgba(218,239,255,1) 0%,rgba(188,221,255,1) 100%); background: -o-linear-gradient(top, rgba(218,239,255,1) 0%,rgba(188,221,255,1) 100%); background: -ms-linear-gradient(top, rgba(218,239,255,1) 0%,rgba(188,221,255,1) 100%); background: linear-gradient(to bottom, rgba(218,239,255,1) 0%,rgba(188,221,255,1) 100%); } .NavigationBG ul { list-style-type: circle !important; } .NavigationBG a { color: #01529b !important; }

.NavigationBG-header { color: #01529b !important; cursor: pointer; cursor: hand; } .NavigationBG-header:hover { color: #3089d8 !important; cursor: pointer; cursor: hand; } table#CPW-Help ul { list-style-image: url('data:image/gif;base64,R0lGODlhBgAJALMAAJW96Ze/6sbh/pS86cXg/nSl23Ok25a+6nKk2mqe18bi/wAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAGAAkAAAQZUIRSgjgpp4N0Qp2GYBpADIYxEErrvrAbAQA7'); }

/** NavigationBG- portal cells **/

.Portal-Nav-BG { background: #bcddff; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjZGRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWVmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(top, #bcddff 0%, #daefff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcddff), color-stop(100%,#daefff)); background: -webkit-linear-gradient(top, #bcddff 0%,#daefff 100%); background: -o-linear-gradient(top, #bcddff 0%,#daefff 100%); background: -ms-linear-gradient(top, #bcddff 0%,#daefff 100%); background: linear-gradient(to bottom, #bcddff 0%,#daefff 100%); border: 2px solid #bcddfc; border-radius: 7px !important; -moz-border-radius: 7px !important -webkit-border-radius: 7px !important; -o-border-radius: 7px !important; text-align: center; }

.Portal-Nav-BG a { color: #01529b !important; }

.Portal-Nav-BG a:hover { color: #3089d8 !important; }

/* Party styles */

.halloween-bg {background-image: url('http://images.wikia.com/clubpenguin/images/6/65/Halloween_Wiki_Pages_BG.png');}

.mainpagepollopbo {background-image: url('http://images.wikia.com/clubpenguin/images/2/21/Mainpage-Poll-OPBO.png') !important;}

/* Special:Forum- quote style */ div.quote{border-radius: 5px;}

/* Archived forum notice look */ .OldForumNotification{ background: rgb(69,72,77) !important; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important; background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))) !important; background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%) !important; background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%) !important; background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%) !important; background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ) !important; }


 * / Search bar round top left corner */

.WikiaRail input[type="text"] { border-radius: 10px 0px 0px 0px; -moz-border-radius: 10px 0px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px; -khtml-border-radius: 10px 0px 0px 0px; }

/* interactive CP buttons */

.interactivecpbuttonerror { width: 160px; height: 52px; line-height: 52px; background: url('http://images.wikia.com/clubpenguin/images/2/28/Prompt_button_up.png') no-repeat center; } .interactivecpbuttonerror:hover { background: url('http://images.wikia.com/clubpenguin/images/8/87/Prompt_button_over.png') no-repeat center; } .interactivecpbuttonerror:active { background: url('http://images.wikia.com/clubpenguin/images/8/8d/Prompt_button_down.png') no-repeat center; }

/* stage script */

ul#stage-script li:not(.stage-script-note):hover { background: #fcfcfa; } ul#stage-script li { padding: 2px 6px; width: 364px }

/* links colors for navigation boxes- prevent situation of links to have the same color as the background */

.ordinary-wikilinks a { color: #006cb0; } .ordinary-wikilinks a.new { color: #ba0000; }

/* chat rail- giving transition of the background when hovering */ /* for codes for the chat itself, use MediaWiki:Chat.css */

.WikiaRail section img.avatar, section.ChatModule img.avatar { -webkit-transition: 200ms linear; -moz-transition: 200ms linear; -ms-transition: 200ms linear; -o-transition: 200ms linear; transition: 200ms linear; } .WikiaRail section img.avatar:hover, section.ChatModule img.avatar:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: 200ms linear; -moz-transition: 200ms linear; -ms-transition: 200ms linear; -o-transition: 200ms linear; transition: 200ms linear; } .WikiaRail section .chatter, section.ChatModule .chatter { background: #fff; }

/* image lightbox- the window that pops when clicking an ordinary wiki image */ /* changes the background behind from black to gray tiles */ /* some properties were set in case wikia's styleseet will be changed in the future */

section.image-lightbox .content > .hero { background: url('http://images3.wikia.nocookie.net/clubpenguin/images/8/8c/Tile_hero.png') !important; background-position: left top !important; background-repeat: repeat !important; }

/* UserTags feature - w:c:dev:UserTags */

a.tag { color: inherit; }

section#UserProfileMasthead .tag-container .autoconfirmed-user {/* hide autoconfirmed user tag */ display: none; }

/* galleries styling */

body.ns-0 div[id^="gallery-"] > .wikia-gallery-item > .thumb { width: 100%; padding: 4px !important; margin: 5px !important; background: #f9f9f9; border: 1px solid #cccccc; } body.ns-0 div[id^="gallery-"] > .wikia-gallery-item > .thumb a.image.lightbox { width: 100% !important; } body.ns-0 div[id^="gallery-"] > .wikia-gallery-item > .thumb > .gallery-image-wrapper.accent { background: transparent; border: none; }

body.ns-0 div[id^="gallery-"] > .wikia-gallery-item > .lightbox-caption { margin-top: 2px !important; font-size: 0.92em !important; }

/* delete icon for Special:WikiActivity/watchlist */

body.mw-special-WikiActivity.page-Special_WikiActivity_watchlist img.sprite.delete { background-position: -1128px -48px; }

/* Template:Rights navigation */

table.rights-table a { color: #006cb0; } table.rights-table a.new { color: #ba0000; }

/* remove picture attribution from articles */

body.ns-0 div.picture-attribution { display: none; }

/* set text in user blogs' top blog rail to have ordinary text size and color */ font-size: 12px; color: #333; }
 * 1) WikiaRail > section.WikiaBlogListingBox li.WikiaBlogListingPost > blockquote *:not(:last-child),
 * 2) WikiaRail > section.WikiaBlogListingBox li.WikiaBlogListingPost > blockquote *:not(:last-child) * {

/* fix chat wordmark during parties */ /* do not move code to Chat.css for an instant effect */

body.ChatWindow #ChatHeader .wordmark img { opacity: 0; margin-top: 0px; } body.ChatWindow #ChatHeader .wordmark > a { display: inline-block; width: 115px; height: 30px; margin-top: 5px; padding-top: 0px; background-image: url('http://images.wikia.com/clubpenguin/images/thumb/8/89/Wiki-wordmark.png/115px-Wiki-wordmark.png'); } body.ChatWindow #Rail .wordmark img.wordmark { display: none; } body.ChatWindow #Rail .wordmark { background-image: url('http://images.wikia.com/clubpenguin/images/thumb/8/89/Wiki-wordmark.png/115px-Wiki-wordmark.png'); background-repeat: no-repeat; background-position: center; }

/* background fixing */ /*	some users have seen a white gradient on top of the wiki bg since the fluid layout release on december 4, 2013

body > .background-image-gradient { display: none; }