MediaWiki:Common.css

.mainpage-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}
.mainpage-wrapper > *, .mainpage-banner-links {
	-webkit-box-flex: 1;
	-webkit-flex: 1 100%;
	    -ms-flex: 1 100%;
	        flex: 1 100%;
}

.mainpage-banner-logo {
	margin: 0.1em 0.5em;
}

@media all and (min-width: 800px) {
	.mainpage-left {
		-webkit-box-flex: 6;
		-webkit-flex: 6 1 0px;
		    -ms-flex: 6 1 0px;
		        flex: 6 1 0px;
		margin-right: 0.5em;
	}

	.mainpage-right {
		-webkit-box-flex: 4;
		-webkit-flex: 4 1 0px;
		    -ms-flex: 4 1 0px;
		        flex: 4 1 0px;
	}
	.mainpage-banner-title {
		-webkit-box-flex: 5;
		-webkit-flex: 5 1 0px;
		    -ms-flex: 5 1 0px;
		        flex: 5 1 0px;
	}
	.mainpage-banner-links {
		-webkit-box-flex: 4;
		-webkit-flex: 4 1 0px;
		    -ms-flex: 4 1 0px;
		        flex: 4 1 0px;
	}
}

.mainpage-left, .mainpage-right {
	border: 1px solid #b8ecff;
	background: #fbfeff;
	vertical-align: top;
	color: #000;
	border-radius: 5px;
}

.mainpage-box {
	padding: 2px;
}

.mainpage-box-heading {
	margin: 3px;
	font-size: 120%;
	font-weight: bold;
	border: 1px solid #b8ecff;
	text-align: left;
	color: #FFF;
	background-color: #0070b7;
	padding: 0.2em 0.4em;
	border-radius: 5px;
}

.mainpage-footer .mainpage-box {
	background: #ffffd5;
}
.mainpage-footer .mainpage-box-heading {
	border: 1px solid yellow;
	text-align: left;
	background-color: gold;
}

.mainpage-box-content {
	color: #000;
	padding: 2px 5px 5px;
}


.mainpage-banner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	background: #f9f9f9;
	margin: 1.2em 0 6px 0;
	border: 1px solid #ddd;
	border-radius: 5px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}



.mainpage-banner-title {
	color: #000;
}
.mainpage-banner-title p {
	line-height: 1em;
}
.mainpage-banner-title-welcome {
	font-size: 1.5em;
}
.mainpage-banner-title-motto {
	font-style: italic;
}

.mainpage-banner-title-articles {
	font-size: .8em;
}

.mainpage-banner-links, .mainpage-explore-links {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	/*flex-flow: row wrap;*/
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}


.mainpage-banner-links-link, .mainpage-explore-links-link {
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
}
.mainpage-banner-links-link a + a, .mainpage-explore-links-link a + a {
	display: block;
}

.mainpage-explore-possibilities {
	border-radius: 7px;
	font-variant: small-caps;
}
.mainpage-explore-possibilities-list {
	padding: 4px;
	font-weight: bold;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}

.mainpage-explore-possibilities-list-heading {
	-webkit-box-flex: 2;
	-webkit-flex: 2 1 10em;
	    -ms-flex: 2 1 10em;
	        flex: 2 1 10em;
}
.mainpage-explore-possibilities-list-links {
	-webkit-box-flex: 10;
	-webkit-flex: 10 1 32em;
	    -ms-flex: 10 1 32em;
	        flex: 10 1 32em;
}

/* end of mainpage */













/*** Mark redirects in Special:Allpages und Special:Watchlist ***/

.allpagesredirect {
     font-style: italic;
}

.watchlistredir {
     font-style: italic;
}

/*** Wikia template compat ***/

.accent {
	background-color: #A6BFFF;
}
.color1 {
	background-color: #0B6BF0;
}

/* </pre> */

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; /* (doesn't work for IE6, but that's okay) */
}

.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 /
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { 
 /** 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;
   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 */ }


/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
    margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)   */
    width: 100%;                 /* For Safari and Opera */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
    line-height: 1.5em;          /* also "nested", so reset styles that are   */   
    font-size: 100%;             /* set in "mbox-small" above.                */
}
 
table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}

/* ################################################## */
/* ### 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;
   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;
}

/* MAINPAGE BACKGROUND CLASSES */
.mainred{
  background: url('/images/www/2/24/WikiRed.png') ;
}
.mainorange{
  background: url('/images/www/f/f0/WikiOrange.png') ;
}
.mainyellow{
  background: url('/images/www/a/aa/WikiYellow.png') ;
}
.mainlightgreen{
  background: url('/images/www/8/83/WikiLightGreen.png') ;
}
.maindarkgreen{
  background: url('/images/www/3/32/WikiDarkGreen.png') ;
}
.mainlightblue{
  background: url('/images/www/b/b2/WikiLightBlue.png') ;
}
.maindarkblue{
  background: url('/images/www/7/79/WikiDarkBlue.png') ;
}
.mainpurple{
  background: url('/images/www/e/e5/WikiPurple.png') ;
}
.mainblack{
  background: url('/images/www/7/72/WikiBlack.png') ;
}
.mainwhite{
  background: url('/images/www/7/76/WikiWhite.png') ;
}

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

/*--HILITED USERNAMES LIST--*/


/*------------------*/
/*--ADMINISTRATORS--*/
/*------------------*/

table.diff a[href="/wiki/User:Seahorseruler"], 
ul#pagehistory li a[href="/wiki/User:Seahorseruler"], 
body.ns-0 a[href="/wiki/User:Seahorseruler"],
body.ns-500 a[href="/wiki/User:Seahorseruler"],
body.ns-501 a[href="/wiki/User:Seahorseruler"],
body.ns--1 a[href="/wiki/User:Seahorseruler"] { color: red; font-weight:bold; }

table.diff a[href="/wiki/User:Hat_Pop"], 
ul#pagehistory li a[href="/wiki/User:Hat_Pop"], 
body.ns-0 a[href="/wiki/User:Hat_Pop"],
body.ns-500 a[href="/wiki/User:Hat_Pop"],
body.ns-501 a[href="/wiki/User:Hat_Pop"],
body.ns--1 a[href="/wiki/User:Hat_Pop"] { color: red; font-weight:bold; }

table.diff a[href="/wiki/User:EDFan12345"], 
ul#pagehistory li a[href="/wiki/User:EDFan12345"], 
body.ns-0 a[href="/wiki/User:EDFan12345"],
body.ns-500 a[href="/wiki/User:EDFan12345"],
body.ns-501 a[href="/wiki/User:EDFan12345"],
body.ns--1 a[href="/wiki/User:EDFan12345"] { color: #26D3D3; font-weight:bold; }

table.diff a[href="/wiki/User:Wonderweez"], 
ul#pagehistory li a[href="/wiki/User:Wonderweez"], 
body.ns-0 a[href="/wiki/User:Wonderweez"],
body.ns-500 a[href="/wiki/User:Wonderweez"],
body.ns-501 a[href="/wiki/User:Wonderweez"],
body.ns--1 a[href="/wiki/User:Wonderweez"] { color: red; font-weight:bold; }

table.diff a[href="/wiki/User:Nando144"], 
ul#pagehistory li a[href="/wiki/User:Nando144"], 
body.ns-0 a[href="/wiki/User:Nando144"],
body.ns-500 a[href="/wiki/User:Nando144"],
body.ns-501 a[href="/wiki/User:Nando144"],
body.ns--1 a[href="/wiki/User:Nando144"] { color: darkgreen; font-weight:bold; }

/*------------------*/
/*-------BOTS-------*/
/*------------------*/

table.diff a[href="/wiki/User:SeahorseBot"], 
ul#pagehistory li a[href="/wiki/User:SeahorseBot"], 
body.ns--1 a[href="/wiki/User:SeahorseBot"] { color: darkgrey; }

table.diff a[href="/wiki/User:TuxBot"], 
ul#pagehistory li a[href="/wiki/User:TuxBot"], 
body.ns--1 a[href="/wiki/User:TuxBot"] { color: darkgrey; }

table.diff a[href="/wiki/User:ErrorBot"], 
ul#pagehistory li a[href="/wiki/User:ErrorBot"], 
body.ns--1 a[href="/wiki/User:ErrorBot"] { color: darkgrey; }

/* for title template */
#title-override  {
left: 0px !important;
font-weight: bold !important;
background: #f4f8ff !important;
}

/* Display text below main article header, located at MediaWiki:tagline */
#siteSub {
    display: inline;
    font-size: 70%;
    font-style: italic;
}

li#pt-userpage, li#pt-anonuserpage, li#pt-login
{
	background: url(/images/clubpenguinwiki/1/1d/16px-Tux-G2.png) top left no-repeat;
}

.ns-subject.page-Main_Page #firstHeading, #siteSub { display: none !important; }
body.page-Página_principal h1.firstHeading { display: none; }

li#pt-login { padding-left: 15px; }

/*  Sidebar  */
#mw-panel #p-navigation h3 {
    height: 21px;
    width: 100px;
    margin-left: 20px;
    background: url("/images/archives/c/ca/P-navigation2.png") no-repeat scroll left top transparent;
    font-size: 1px;
    color: transparent;
}
 
#mw-panel #p-Community h3 {
    height: 21px;
    width: 100px;
    margin-left: 20px;
    background: url("/images/archives/1/15/P-community2.png") no-repeat scroll left top transparent;
    font-size: 1px;
    color: transparent;
}
 
#mw-panel #p-tb h3 {
    height: 21px;
    width: 100px;
    margin-left: 20px;
    background: url("/images/archives/6/64/P-toolbox2.png") no-repeat scroll left top transparent;
    font-size: 1px;
    color: transparent;
}
 
#mw-panel #p-Ads h3 {
    height: 21px;
    width: 130px;
    margin-left: 20px;
    background: url("/images/archives/4/45/P-ads2.png") no-repeat scroll left top transparent;
    font-size: 1px;
    color: transparent;
}

/*-------CPWN Hub Logo-------*/
.ns-270 #p-logo a {
 background-image: url(/images/www/b/b8/CPWNHub.png) !important;
 }
 
.ns-271 #p-logo a {
 background-image: url(/images/www/b/b8/CPWNHub.png) !important;
 }

/* wikipedia imports */
/* Style for horizontal lists (separator following item).
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 6 (2014-05-09)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}

.navbar.mini li span {
  font-variant: small-caps;
}

.template-documentation { clear: both; margin: 1em 0 0 0; border: 1px solid #aaa; background-color: #ecfcf4; padding: 1em; }

.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}