MediaWiki:Wikia.css

/* Mark redirects in Special:Allpages and 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 .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;
}


/* Article message box styles */
table.ambox {
    margin: 0 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 .mbox-image {/* The left image cell */ 

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

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

.ambox-notice {

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

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

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

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

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

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

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

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

.portal_section {
  width: 100%;
  background: transparent;
  margin-top: 0;
  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;
}

.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- effective on links */

.colorwhite a {color: white !important;}


/* CPW Poll */

body.page-Club_Penguin_Wiki .mainpage-poll .ajax-poll {
	border: 0 !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !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-circle {list-style-type: circle;}


/* style for [[Project:Help]] */

.NavigationBG {
	padding: 20px !important;
	border: 3px solid #bcddfc;
	border-width: 4px 3px 4px 3px;
	-moz-border-radius: 20px !important;
	-webkit-border-radius: 20px !important;
	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;
}
#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;
	-moz-border-radius: 7px !important;
	-webkit-border-radius: 7px !important;
	-o-border-radius: 7px  !important;
	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 */
.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"] {
	-moz-border-radius: 10 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	-khtml-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
}

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

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

/* 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 stylesheet will be changed in the future */

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


/* galleries styling */

body.ns-0 div.wikia-gallery[id^="gallery-"] .gallery-image-wrapper.accent {
	background: transparent;
	border: none;
}
body.ns-0 div.wikia-gallery[id^="gallery-"] .thumb {
	background: #f9f9f9;
	border: 1px solid #cccccc;
}


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

.mw-special-WikiActivity.page-Special_WikiActivity_watchlist .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 .picture-attribution,
body.ns-0 figure.article-thumb figcaption > .attribution {
	display: none;
}


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

/* <chat /> customizations */
#mw-content-text .ChatModule .chat-name {
    display: none;
}
#mw-content-text .ChatModule .chat-total {
    position: relative;
    right: 120px;
}


/* fix chat wordmark during or after parties */
/* do not move code to Chat.css for an instant effect */
/* comment out if unneeded as for the present */
/*
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/archive/8/89/20131120172505!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/archive/8/89/20131120172505!Wiki-wordmark.png/115px-Wiki-wordmark.png');
	background-repeat: no-repeat;
	background-position: 18px 3px;
}
*/


/* add spaces between userheader user tags */

#UserProfileMasthead hgroup > .tag + .tag {
	margin-left: 4px;
}


/* add original user tab links hover effect. can be less specific if needed */
section#UserProfileMasthead + div .tabs > li > a:hover {
	background: white;
	text-decoration: none;
}


/* prevent "attention-seeking pookie bloggers" from getting more attention than they deserve */

section.WikiaBlogListingBox blockquote *:not(section) {
	font-size: 12px !important;
	font-weight: normal !important;
	line-height: 21px !important;
}


/* remove border between blog post title and date posted + username */

section.WikiaBlogListing h2 {
	border: 0;
}


/* allow "plainsounds" class, to make sound files inline-blocked, without the "i" icon */
.plainsound .ogg_player {
	display: inline-block;
} .plainsound .ogg_player > div:nth-of-type(2) {
	display: none;
}


/* prevent some of the double spaces in the mainpage bloglisting */
/* '<p><br /></p>' will break that chain, however */
body.mainpage .post-summary br + br,
body.mainpage .post-summary p > br:only-child {
    display: none;
}


/* a temporary alternative to [[mediawiki:chat-live2]] - currently uneditable */

.chat-live {
	font-size: 0; line-height: 0;
}
.chat-live::after {
	display: block;
	content: "Wiki Chat!";
	font-size: 20px;
	line-height: 20px;
}


/* chromekia log%%30%30ic */

a[href*="%%30%30"] {
	visibility: hidden;
	font-size: 0;
	pointer-events: none;
}
a[href*="%%30%30"]::after {
	display: inline;
	content: "[Invalid Chrome-crash link removed]";
	visibility: visible;
	font-size: 12px;
	font-weight: bold;
	color: #c00;
	text-shadow: 1px 1px 0 #fcc;
}


/* darker gallery caption text for better contrast against background */
.wikia-gallery-caption-below .lightbox-caption {
	color: #3A3A3A !important;
}

/* removing the link underline (excluding the navbar menu) and recolor them when hovered */

a:hover {
    color: #4daac8;
    text-decoration: none;
}

/* Fixes the buttons from the link style bellow */

a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button {
    color: #ffffff;
}

.wikia-menu-button > a, .wikia-menu-button > li > a {
    color: #ffffff;
}