Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* After making changes, refresh your cache of the CSS

http://mlp.wikia.com/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css

*/

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving TOC a little extra space */
.toc {
   margin-top: 5px;
}

/* Making headers 3, 4, and 5 more noticeable  */
h3 {
   padding-left: 1em;
   font-weight: bold;
}

h4 {
   padding-left: 2em;
   font-weight: bold;
}

h5 {
    font-weight:bold;
}

/* Making header 3 and 4 edit links hidden until hovered over */

h3 span.editsection,
h4 span.editsection {
    visibility: hidden;
}

h3:hover span.editsection,
h4:hover span.editsection {
    visibility: visible;
}

/* TOC template CSS */

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS). */

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

/* Infobox template style */
.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
   border: 1px solid #aaa;
   margin-top: 1em;
   padding: 12px;
}
.forumlist td.forum_edited a {
   color: black;
   text-decoration: none;
}
.forumlist td.forum_title a {
   padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
   font-weight: bold;
   background: url(/images/4/4e/Forum_new.gif) center left no-repeat;
   padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
   font-weight: normal;
   background: none;
   padding-left: 20px;
}
.forumlist th.forum_title {
   padding-left: 20px;
}

/* Recent changes byte indicators */
.mw-plusminus-pos {
   color: #006500;
}
.mw-plusminus-neg {
   color: #8B0000;
}

/* Image frame fix */
div.tright, div.tleft {
   border: 1px solid silver;
}

div.thumbinner {
   background: inherit;
   border: none;
   color: inherit;
}
#article div.thumb {
   color:inherit;
}

/* Default skin for navigation boxes */
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;
    padding-left: 1em;
    padding-right: 1em;
}
.navbox, .navbox-subgroup {
    background: #fdfdfd;     /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;   /* Must match background color */
}

th.navbox-title a, th.navbox-title 
{
    color: white;
}

.navbox-title,
table.navbox th {
    background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;     /* 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 */
}
 
.mw-collapsible-toggle {     /* 'expand'/'collapse' buttons created dynamically */
    float: right;
    font-weight: normal;
    text-align: right;
    width: auto;
}

.infobox .mw-collapsible-toggle a {
    color:inherit;
}

.white-toggle-button .mw-collapsible-toggle a {
    color: white !important
}

.mw-special-Recentchanges .mw-collapsible-toggle {
    width:1em;
}

table.mw-collapsible > tbody > tr:first-child > th:first-child {
    padding-left: 5em !important;
}

.navbar {                  /* Navbox template links */
    font-size: 88%;        /* Default font-size */
    font-weight: normal;
    margin: 0;
}
.navbox .navbar {
    font-size: 100%;       /* Font-size when nested within navbox */
}

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

/* Article message box styles */
table.ambox {
    clear: both;
    width: 80%;
    margin: 10px 10%;
    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: -11px;
}

table.ambox + #title-meta + table.ambox {
    margin-top: -11px;
}

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

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
    border: none; 
    /* @noflip */padding: 0.25em 0.9em;     /* 0.9em left/right */
    width: 100%;               /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                /* The left image cell */
    border: none; 
    /* @noflip */padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {           /* The right image cell */
    border: none;
    /* @noflip */padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {           /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

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

/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
table.fmbox-system {
    background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #ffdbdb;
    padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages. 
   Used in [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.fmbox-system {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.25em 0.9em;
}

/* Remove double headers from help pages */
mw\:editsection { display: none; }

/* Make page background white as soon as possible */
#WikiaPage {
    background-color: white;
}


/* Dotted bottom borders for white, minimal tables */

.table-dotted-rows td
{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: gray;
}

/* Background */
 
/*
body.skin-oasis
{ 
    background-color: #FCB8D9;
    background-image: url(https://images.wikia.nocookie.net/callofduty4s/images/6/6f/MLP_background_4.jpg);
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
}
*/
/* List of backgrounds:
    Fluttershy http://images.wikia.com/mlpfanart/images/8/84/Fluttershy_pasture_S1E10_panorama_for_background.jpg #91BA36
    Winter http://images.wikia.com/mlpfanart/images/5/51/S2E11_Ponyville_snow_panorama_for_background.jpg #D8EFF5
    WWU http://images.wikia.com/mlpfanart/images/7/7f/Winter_panorama_cropped_for_background_S1E11.jpg #E1E8F2
    Fall Weather Friends http://images.wikia.com/callofduty4s/images/6/6f/MLP_background_4.jpg #FFFFFF or #FCB8D9
*/

/* List of ponies */

/* Left-align the second-to-last column (Description) */
.listofponies td:nth-last-child(2)
{
    text-align: left;
}

.listofponies .thumb
{
    display: none;
}

.listofponies img
{
    max-width: 150px;
}

.listofponies a[href^="http://www.reddit.com/r/mylittlepony"],
.listofponies a[href^="http://www.reddit.com/r/listofponies"],
.listofponies a[href^="http://www.reddit.com/message/compose"]
{
   color: gray;
}

.listofponies a[href^="http://www.reddit.com/r/mylittlepony"]:after,
.listofponies a[href^="http://www.reddit.com/message/compose"]:after,
.listofponies a[href^="http://www.reddit.com/r/listofponies"]:after
{
    display: none;
}

.listofponies th.headerSort
{
    padding: 0px 0px 15px 0px !important;
}

/* Link Colors */ 
#WikiaMainContent :link.interwiki, #bodyContent :link.interwiki { color: #000066; } 
#WikiaMainContent :link.external, #bodyContent :link.external { color: #336699; }

/* Wikipedia Link Color */
#bodyContent a[href*="wikipedia.org"],
#WikiaArticle a[href*="wikipedia.org"] {
  color: #0645AD !important;
}

/* For external image resizer */
.resizeimg img, .resizeimg a {width:inherit;height:inherit;max-width:inherit;}

/* Style for tables on [[Characters]] */
body.page-Characters .wikitable {border:1px solid darkgray; text-align:center; background:white; margin:auto;}

/* Messagebox templates */
.messagebox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
}
 
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
 
.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center;
}
 
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    margin: 4px auto;
}

/* Fixes for wikiactivity tag */
ul.activityfeed-inserted-media { 
    list-style-type: none !important
}

/** Display headers in tabbers **/
.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { 
    display:block !important; 
}

/* Limit width of profile images in character infobox to avoid stretching it */
#ci-profile > .profile-image {
    max-width: 250px;
    overflow: hidden;
}
#ci-profile .tabbertab .profile-image {
    max-width: 240px;
    overflow: hidden;
}
#ci-profile .tabbertab .tabbertab .profile-image {
    max-width: 225px !important;
    overflow: hidden;
}

/* Allows smaller text in tabs when there are too many */
.smalltabs > .tabberlive > .tabbernav > li {
    font-size: smaller;
}

/* Even smaller */
.smallertabs > .tabberlive > .tabbernav > li {
    font-size: xx-small;
}

/* Fix WikiaArticle overflow */
.WikiaArticle {
    overflow:visible;
}

/* Styling for [[Project:ParentPage]] */
table.parentfilter h2 {
    padding-top: 0.25em;
    padding-left: 0.25em;
    border: none;
    background-color: #DCAEEE;
}

/* Chat module cleanup */
.chat-name {
    display:none;
}

/* Fix for fluid width, no more manual breaking in navbox templates */
.navbox a {
    white-space: nowrap;
}

/* Bottom anchor background image */
body.background-dynamic:after,
body.background-dynamic:before {
    bottom: 0 !important;
    top: inherit !important;
}
 
/* Overriding faded color caption text back to black */
.WikiaArticle .article-thumb .caption,
.wikia-gallery-item .lightbox-caption {
    color: #000 !important;
}

/* Better video formatting (for international song version pages) */
.wikitable .article-thumb { 
    margin:0 !important; 
}

.wikitable figcaption { 
    display:none; 
}

/* Video Module */
#VideoEmbedDescriptionRow .hint:after {
    content: " Please do not add descriptions to videos unless it is necessary such as for citing or sourcing purposes.";
}

/* For Songs page */
.lyrics-toggle {
    color: #006CB0;
    cursor: pointer;
}

/* YouTube Music Player */
.YTMP-outer {
	position: relative;
	width: inherit;
	height: 25px;
	overflow: hidden;
}
.YTMP-inner {
	position: absolute;
	top: -276px;
	left: -5px;
}

/* Omit "Home" */
.mainpage .WikiaPage .page-header__title,
.mainpage .WikiaPage .page-header__separator {
	display: none;
}

/* Styles for [[Template:H:title]] */
.htitle {
    cursor: help;
    border-bottom: 1px dotted;
}

.htitlenodot {
    cursor: help;
}

/* Styles for appearances tables on [[Character appearances]] and character pages */
.appearances {
    text-align: center;
    width: 100%;
}

.appearances th:first-child,
.appearances td:first-child {
    text-align: right;
}

.appearances th:not(:first-child) {
    width: 1em;
}

/* class "app-char" must be added to tables for character pages - overwrite first col styles */
.appearances.app-char th:first-child,
.appearances.app-char td:first-child {
    text-align: center;
}
.appearances.app-char th:first-child {
    width: 1em;
}

.appearances .appear-y,
.appearances .appear-s,
.appearances .appear-b,
.appearances .appear-f,
.appearances .appear-p,
.appearances .appear-m,
.appearances .appear-n {
    text-align: center;
}

.appearances .appear-y span,
.appearances .appear-s span,
.appearances .appear-b span,
.appearances .appear-f span,
.appearances .appear-p span,
.appearances .appear-m span,
.appearances .appear-n span {
    border-bottom: 1px dotted black;
}

.appearances .appear-y {
    background-color: #CCFFDD;
}
.appearances .appear-s {
    background-color: #CCD5FF;
}
.appearances .appear-b {
    background-color: #FFFFDD;
}
.appearances .appear-f {
    background-color: #00FFFF;
}
.appearances .appear-p {
    background-color: #EE82EE;
}
.appearances .appear-m {
    background-color: #FFE8D7;
}
.appearances .appear-n {
    background-color: #FFCCDD;
}