Common.css

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

/* Imports */
@import url("/load.php?mode=articles&articles=MediaWiki:InfoboxColours.css|MediaWiki:Infoboxes.css&only=styles");
@import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:Fandomdesktop.css&only=styles");
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap');

/* Site colors */
body {
    --nav-primary-color: #CCCCDD;
    --nav-secondary-color: #DFDFDF;
}

.theme-fandomdesktop-dark {
    --nav-primary-color: #35353B;
    --nav-secondary-color: var(--theme-page-background-color--secondary);
}

/* MediaWiki:Uploadtext */
.custom-mw-uploadtext {
    background: #DDDDFF;
    padding: 10px 30px;
    border: 1px solid grey;
    margin: 0 auto;
}

.custom-mw-uploadtext .custom-mw-uploadtext--sub {
    width: 100%;
    background-color: #E6E8FA;
    text-align: center;
	border: 3px solid grey;
}

.theme-fandomdesktop-dark .custom-mw-uploadtext {
    background-color: #2C2C33;
}

.theme-fandomdesktop-dark .custom-mw-uploadtext .custom-mw-uploadtext--sub {
    background-color: #1E1F21;
}

/* Infobox template styling */
.infobox {
    float: right;
    width: 250px;
    background: none;
    font-size: 0.8em;
    line-height: 1.5;
    border-width: 0;
    border-collapse: collapse;
    margin: 0 0 0.5em 1em;
    clear: right;
}

.infobox table.infoboxtable {
    float: right;
    width: 100%;
    background-color: #F0F0F0;
    border-collapse: collapse;
    margin: 0;
}

.theme-fandomdesktop-dark .infobox table.infoboxtable {
    background-color: #0A1112;
}

.infobox td.infoboximage {
    text-align: center;
    padding: 0;
}

.infobox th.infoboxheading {
    font-weight: bold;
    font-size: larger;
    color: #FFFFFF;
    text-align: center;
}

.infobox th.infoboxsubheading  {
    vertical-align: top;
    font-weight: normal;
    text-align: left;
}

.infobox td.infoboxlabel,
.infobox td.infoboxcell {
    vertical-align: middle;
}

/* Making black image visible on dark theme */
.theme-fandomdesktop-dark .invertimage img {
filter: invert(1);
}

/* Navigation templates - breaks */
.hp-navbox:not(.hp-navbox--nogap):before,
.hp-navi:before {
    content: "";
    display: table-row;
    height: calc(1.2em * 25/10);
}

/* Navigation templates — navi */
.hp-navi {
    width: 90%;
    text-align: center;
    border-collapse: collapse;
    margin: 0 auto;
    clear: both;
}

.hp-navi.hp-navi-wide {
    width: 100%;
}

.hp-navi td {
    font-size: 90%;
}

.hp-navi .separator {
    border-top: 1pt solid #DFDFDF;
}

.hp-navi .hp-title,
.hp-navi caption {
    background-color: var(--nav-primary-color);
    font-weight: bold;
}

.hp-navi caption {
    display: table-row;
}

.hp-navi a {
    font-weight: inherit;
}

.hp-navi .hp-header {
    width: 100%;
    background-color: var(--nav-secondary-color);
    font-weight: bold;
}

.hp-navi.hp-small-text td,
.hp-navi th.hp-small-text,
.hp-navi td.hp-small-text {
    font-size: 8pt;
}

.hp-navi.hp-small-text--headers th:not(.hp-title),
.hp-navi.hp-small-text .hp-header {
    font-size: 9pt;
}

/* Navigation templates — navboxes */
.hp-navbox {
    text-align: center;
    margin: 0 auto;
    clear: both;
}

.hp-navbox.hp-navbox--narrow {
    width: 90%;
}

.hp-navbox .hp-primary {
    background-color: var(--nav-primary-color);
}

.hp-navbox .hp-secondary {
    background-color: var(--nav-secondary-color);
}

.hp-navbox:not(.hp-normal-text) tr > *:not(.hp-title) {
    font-size: 8pt;
}

.hp-navbox td {
    border-bottom: 1pt solid #CCCCDD;
}

/* Template:Month, Template:Harry Potter series */
.hps-table {
    background-color: #D3D3D3;
}

.month-bg {
    background-color: #BBBBFF;
}

.theme-fandomdesktop-dark .hps-table,
.theme-fandomdesktop-dark .month-bg {
    background-color: var(--theme-page-background-color--secondary);
}

/* Template:Information */
.hp-information {
    --info-o-color: #334771;
    --info-h-color: #5A77B5;
    width: 100%;
    padding: 0;
    border-width: 0px;
}

.theme-fandomdesktop-dark .hp-information {
    --info-o-color: #192338;
    --info-h-color: #2D3A59;
}

.hp-information.infobox {
    float: none;
    width: 100%;
    border: none;
    margin: 0;
}

.hp-information th.infoboxheading,
.hp-information .infoboxheading {
    background-color: var(--info-o-color);
    font-weight: bold;
    font-size: larger;
    color: #FFFFFF;
    text-align: left;
}

.hp-information th.infoboxsubheading,
.hp-information .infoboxsubheading {
    background-color: var(--info-h-color);
    font-weight: bold;
}

.hp-information .hp-hat {
    height: 5px;
    background-color: var(--info-o-color);
}

.hp-information .infoboxtable {
    border-width: 0;
}

.hp-information .infoboxtable th,
.hp-information .infoboxtable td {
    padding: 4px;
    border-spacing: 0;
}

.hp-information .infoboxfooter {
    background-color: var(--info-o-color);
    text-align: center;
}

.theme-fandomdesktop-dark .hp-information .rbottom > span,
.theme-fandomdesktop-dark .hp-information .rtop > span {
    background-color: var(--info-o-color) !important;
}

/*Make logo background transparent in Smoke/Slate skins*/
.logoContainer { background-color: transparent!important; }

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

/* Messagebox templates */
 
.messagebox {
    clear:both;
    width:85%;
    margin:0px auto 3px auto;
    padding:3px;
    font-size:95%;
} 
.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;
}
.messagebox.nested-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 4px 2px 4px;
}
.messagebox.small {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em; 
}
.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em; 
    background: #F8EABA;
}

/* in-universe and out-of-universe message boxes */
.iumb, .ooumb { 
    border-width: 0;
    text-align:left;
    padding: 0;
}

.iumb table, .ooumb table {
    padding: 5px 10px 5px 10px;
    background: transparent;
    color: inherit;
}

.iumb table.hidable-content, .ooumb table.hidable-content {
    padding: 0;
}

.iumb-icon, .ooumb-icon {
    vertical-align: middle;
    padding: 0;
}

.iumb-main, .ooumb-main {
    padding: 0 0 0 10px;
}

.iumb-caption {
    font-size: 1.3em;
    font-weight: bold;
}

.ooumb-caption {
    font-size: 1em;
    font-weight: bold;
}

.iumb-comment {
    font-size: 0.8em;
}

.iumb-hidable-button, .ooumb-hidable-button {
    text-align: right;
    margin: 0;
    padding: 0 5px 0 0;
    font-size: 0.8em;
    vertical-align: bottom;
}

.iumb-table-container, .ooumb-table-container {
    width: 100%;
}

.iumb p {
    margin-top: 0;
    margin-bottom: 0;
}

 /* ugly hack to force normal height for infobox cells */
.infoboxcell p { margin-top: 0px; margin-bottom: 0px; }
 /* .infoboxcell ul { list-style-type: disc; } */

.infoboxcell ul {
    padding-left: 10px;
    margin-left: 10px;
}

.infoboxcell ul li {
    padding-left: 0;
    margin-left: 0;
    list-style-type: square;
}

.infobox div.plainlinks {
    color: #fff;
}

.infobox div.plainlinks a {
    color: #f0f0f0;
}

/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
    background-color: #F9F9F9;
    padding: 12px;
    padding-top: 5px !important;
    border: 1px solid #AAAAAA;
    margin-top: 1em;
}

.theme-fandomdesktop-dark .forumheader {
    background-color: #050505;
}

.forumheader .rtop {
    display: none;
}

.forumlist td.forum_edited a {
    color: var(--theme-page-text-color);
    text-decoration: none;
}

.forumlist td.forum_title a {
    padding-left: 20px;
}

.forumlist td.forum_title a.forum_new {
    background: url(https://images.wikia.nocookie.net/harrypotter/images/4/4e/Forum_new.gif) center left no-repeat;
    font-weight: bold;
    padding-left: 20px;
}

.forumlist td.forum_title a.forum_new:visited {
    background: none;
    font-weight: normal;
    padding-left: 20px;
}

.forumlist th.forum_title {
    padding-left: 20px;
}

/* Table styling, thins border */
.wikitable {border-collapse:collapse;}

/* rounded corners */
.rtop, .rbottom { display: block; padding: 0px; margin: 0px }
.rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; padding: 0px }
.r1 {margin: 0 5px}
.r2 {margin: 0 3px}
.r3 {margin: 0 2px}
.r4 {margin: 0 1px; height: 2px}
/* end rounded corners */

/*
 * 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.
 * Used in [[Template:TOC]]
 */
.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;
}

/* Color admin links differently (Orange) */
    ul.special li a[title="User:Cavalier One"], 
    table.mw-enhanced-rc td a[title="User:Cavalier One"], 
    ul.activityfeed li cite a[href="/wiki/User:Cavalier_One"],
    ul.special li a[title="User:Ironyak1"], 
    table.mw-enhanced-rc td a[title="User:Ironyak1"], 
    ul.activityfeed li cite a[href="/wiki/User:Ironyak1"],
    ul.special li a[title="User:Kates39"], 
    table.mw-enhanced-rc td a[title="User:Kates39"], 
    ul.activityfeed li cite a[href="/wiki/User:Kates39"], 
    ul.special li a[title="User:Reverb frost"], 
    table.mw-enhanced-rc td a[title="User:Reverb frost"], 
    ul.activityfeed li cite a[href="/wiki/User:Reverb_frost"], 
    ul.special li a[title="User:Seth Cooper"], 
    table.mw-enhanced-rc td a[title="User:Seth Cooper"], 
    ul.activityfeed li cite a[href="/wiki/User:Seth_Cooper"] {
    font-weight: bold;
    color:#FF7F00;
}

/* Color Wikia differently (White) */
ul a[title="User:Wikia"].mw-userlink {
    font-weight: bold;
    color:#660000;
}
/* The following makes the help text form MediaWiki:RecentChangesText show only for browsers that support the above */
div.invisible { display: none; }
div[id="color-admins"] { display: block; }

.references-small { font-size: 0.85em; }

/* </pre> */

/* UCP fix for dropdown lists - User Contributions */
.mw-input-with-label {
    display: table-cell;
}

/* TEMPORARY: making .not-patrolled readable */
.not-patrolled {
    background-color: var(--theme-page-accent-mix-color);
}

/* Pride toolbar styling
#WikiaBar .WikiaBarWrapper {
    background-image:linear-gradient(90deg, #6c005a 2%, #b2388e 10%, #00b7c6 25%, #1c8969 35%, #ffc500 50%, #ff6400 65%, #fa005a 80%, #a5004e 95%);
    color: #FFF;
}

#WikiaBar .wikia-bar-collapse {
	background-image:linear-gradient(to top, #565656 20%, #b85d3d 40%, #74d5ff 50%, #fe93fc 60%, #e8e9ea 75%);
	border:solid 1px #FFF;
	color: #000;
}

.WikiaBarWrapper .tools .wds-dropdown__toggle>a, .WikiaBarWrapper .tools>li>a, .WikiaBarWrapper .tools .wds-dropdown__toggle>svg, .WikiaBarWrapper .tools>li>svg {
    color:#fff;
    filter: drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 0px #000) drop-shadow(0px 0px 0px #000);
}

.WikiaBarWrapper .arrow .close-icon {
    color: #fff957;
    background-color: #000;
}

#WikiaBar .custom.menu {
	background-image:linear-gradient(to top, #565656 10%, #b85d3d 25%, #74d5ff 50%, #fe93fc 70%, #e8e9ea 95%);
	border: solid 2px #000;
	border-radius:10px;
}

#WikiaBar .custom.menu .wds-dropdown__content {
	border: 5px solid;
	border-image: linear-gradient(to bottom right, #e8e9ea 10%, #fe93fc 25%, #74d5ff 50%, #b85d3d 70%, #565656 85%);
	border-image-slice: 1;
}

#WikiaBar .custom.menu .wds-dropdown__content h2 {
	font-size:16px;
}

/* Toolbar styling -- Disability Pride Month */
#WikiaBar .WikiaBarWrapper {
    background-image:linear-gradient(225deg, #585858 15%, #3cae7d, #78c1e2, #e9e9e7, #efdd79, #cd737d, #585858 85%);
    color: #FFF;
}

#WikiaBar .wikia-bar-collapse {
	background-image:linear-gradient(225deg, #585858 20%, #3cae7d, #78c1e2, #e9e9e7, #efdd79, #cd737d, #585858 80%);
	color: #000;
}

.WikiaBarWrapper .tools .wds-dropdown__toggle>a, .WikiaBarWrapper .tools>li>a, .WikiaBarWrapper .tools .wds-dropdown__toggle>svg, .WikiaBarWrapper .tools>li>svg {
    color:#fff;
    filter: drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 0px #000) drop-shadow(0px 0px 0px #000);
}

.WikiaBarWrapper .arrow .close-icon {
    color: #fff957;
    background-color: #000;
}

/* Community header link styling -- Disability Pride Month */
.fandom-community-header .hover-community-header-wrapper {
    -webkit-border-radius:11px;
    padding:3px;
    background:linear-gradient(225deg, #585858 20%, #3cae7d, #78c1e2, #e9e9e7, #efdd79, #cd737d, #585858 80%);
    border-image-slice: 30%;
}

.theme-fandomdesktop-light .fandom-community-header .message {
	padding-left:4px;
    padding-right:4px;
    -webkit-border-radius:8px;
    background-color: rgba(255,255,255,.8);
    color:#000;
    font-size:11px;
    text-align:center;
	text-decoration:underline;
}

.theme-fandomdesktop-dark .fandom-community-header .message {
	padding-left:4px;
    padding-right:4px;
    -webkit-border-radius:8px;
    background-color: rgba(0,0,0,.6);
    color:#FFF;
    font-size:11px;
    text-align:center;
	text-decoration:underline;
}


/* Thanks extension */


.mw-thanks-thank-confirmation:before, .mw-thanks-thank-link:not(.jquery-confirmable-button-no):before, .mw-thanks-thanked:before{
display :none;
}