American Horror Story Wiki
Don't have an account?
Register
Register
American Horror Story Wiki
American Horror Story Wiki
827
pages

Wikia.css

MediaWiki page
Back to page
Sign in to edit
No edit summary
No edit summary
 
(46 intermediate revisions by 5 users not shown)
Line 1: Line 1:
  +
:root {
−
@import url("/index.php?title=MediaWiki:Common.css&ctype=text/css&action=raw");
  
  +
--background-main: #4d0002;
−
/** [[local:MediaWiki:Wikia.css]] - Designed for desktop / large viewing **/
  
  +
--page-header: #000;
−
/** Compiled from Wikia.scss**/
  
  +
--page-buttons-background: #000;
−
/* Use a SCSS processor like SassMeister to make it into compact CSS */
  
  +
--page-buttons-text: #fff;
−
figure.article-thumb { border: 5px solid #880d08; border-radius: 2px; margin-right: 5px;}
  
  +
--page-links: #fdfdba;
−
.notice.hatnote { font-style: italic; text-align: center; padding: 0.25em; font-size: smaller;}
  
  +
--page-toolbar: #000;
−
/* Google+ Buttons */
  
  +
--page-main: #4d0002;
−
.gplus-actionbutton { padding: 5px; background: #fff; cursor: pointer; line-height: 20px; border: 1px solid #e6e6e6; border-radius: 4px; }
  
  +
--page-text: #D5D4D4;
−
.gplus-actionbutton .icon { width: 20px; height: 20px; display: inline-block; background: url("../../images/branding/btn_icons_sprite.png") transparent 0 -40px no-repeat; }
  
  +
--color2: #713335;
−
.gplus-actionbutton:hover { background-color: #cc3732; color: #fff; border: #dd4b39; }
  
  +
--dark_text_1: #fdfdba;
−
.gplus-actionbutton:hover .icon { background: url("../../images/branding/btn_icons_sprite.png") transparent 0 0 no-repeat; }
  
  +
--dark_text_2: #fdfdba;
  +
--accent-background-color: #703327;
  +
--accent-border-color: #fdfdba;
  +
--accent-color: #D5D4D4;
  +
--neutral-background-color: #713335;
  +
--neutral-border-color: #4d0002;
  +
--neutral-color: #D5D4D4;
  +
}
   
  +
#WikiaMainContent h2.graphic, #WikiaMainContent h2.highlight, #WikiaMainContent h3.graphic, #WikiaMainContent h3.highlight {
−
/* Spoilers */
  
  +
overflow: auto;
−
.spoiler-highlight, .spoiler-highlight a { background-color: #F00; color: #F00 !important; }
  
  +
padding: 0.3em 0.4em 0.2em 0.4em;
  +
/* border: 0; */
  +
font-weight: bold;
  +
text-align: center;
  +
/* border-radius: 0.5em; */
  +
/* background: ${$color_coffee_bean_approx}; */
  +
color: #fff;
  +
}
   
  +
.article-table, .WikiaTable, .wikitable {
−
.spoiler-invisible, .spoiler-invisible a { color: #000 !important; }
  
  +
background-color: #67261e;
  +
}
   
  +
.article-table th, .article-table > tr > th, .article-table > * > tr > th, .WikiaTable th, .WikiaTable > tr > th, .WikiaTable > * > tr > th, .wikitable th, .wikitable > tr > th, .wikitable > * > tr > th {
−
.SpoilerEye { margin: 0 0 .1em; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAIAAADtKeFkAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAFC0lEQVQ4TwEABf/6AP/eqPzMkfXHp/fTt/7XqP3FeuynUdVuEb5RCqxMD6hTGZAxCIMqA2wnCWEfBmgtCXA9FmoqAGw0A3JCDX1bLgDxvIXwwpzzyqPzvofdkUevWRGPRwl+MQR8PwxoLQVNFwRKFQVkNRhbJANdLANkMgd0SBpuRyNmRit2X0V2YkYA3a532J9ax380n0wVei0AWx0BSB4CRxoBLwkAMxYALBQJJAsBQSEFUC4IWDwQVzYEcmdKe4B8lJ6evNjkrcPGAKdNFX8yA3UoAFIXAD8TADYOACYOADEeCCwiDT5GNlBTNk1KJFtSIWhiMHR7VGNXIIF1PIqTgai8uNz29d708QBoHABiGgBMFwQzDwA2IgtCPyNZXDVue1Z0hGWaspKkrX+Vl2SVlmGHiVWgqHSCgEaIhE2nqn2OnpLO4+bv/fMAezoTVCoKLRgCRUMsY3tleo1ojZlnhoxZgo9poK6ErbSFl5Zkk4xRjYpNj49WiJVsjJ9+vceVl6aOtszQ6vz3AHViSEpKME5JGGR1XZGhen+FUniCUXR3QYCFVoqVcYmObWlzX4KEYYmGVI6XaJiwjZq5oavFqaG9p6fCweD29QBdSyhWW0FsdlVvi3+Qq4uJkVdxaix4bTR9cz5FRjsoS292nrh1ioZ9iGqWoniUr5CZvayjxrKqxqeXs6nD3eAASD0rY3Rqhp+Mf6WilLmikqZ8dn5OfnU4UT8TAAAHCEh2t9PZVniESWBTipRumbWWq8+2sdCxudKukLKrqcPJAFlpaneXlJe5qYevrpbCu5q9pIaZdHp7RiMbBgICBQIaPRRZcQxIX0RRQo+UZavFpLbezKzTw7HSupq+tZ+9wABldW1vk5eNtraQvsai0dGo0sKgu5p9imAzLhMAAAMCHCYAJDYAGSteaU+Nn36u1MG2zKeoxa2nzrqVt6ylwcMAY3JnVHZ8equ5mcfOl8jUns/Rm8CuiKKGaW9IJCkTED4pCRobQlFAhJRxor+npdTSrNXPrdXKkLisfJ+fqsbLAHZ9bVBnZ2mXppfCwJG8wKHT1afRwaPAoY2abnV8TGhsQHmAU5GjfZmxlazXz7Li4q7j7Kvc3niipH+eobzP1ACjoY1mdG1qkp+XwsCcv7afz8+izsWkyK6ivJeXq4WNmmuZpnSpwZ2sz72uz7qp29yn0tCgy8pukY+QqqzU4+cA18i8jI5/Yn18iLK1pc3InMbDmMXBm8i/oczAp8msk62IgqWRqNTGteDXrNfUoNXanbmqh6SaeZmZtszR6Pr1APTU1Mm5rXV6ammLkZzDv6TJwpXCv4+9v5rMzqTTzpTAtYKvqJfIyKTU06LT2p7NzYi6u3Ccopexttjs7vr+8gD91c3z08q5qJd3fG9thYB2nJ2Tvr6Nur6Qv8KOvcCCr6p4pZ93pqeItreawrh+qJ9dhoN4kJC5zNDl8/T69+4A+tfC+9XB8My6zLGciHtlU2BZXICCd6GhjLSqhq2fb5aEapSKcpiKh6eRdZBzVHRqd4l+pbSxyt7k4O/y6+/tAOnGrubDqN6/qePHuNu/pruiiIuAb3B3amp6cnKKfnWKdXeNdXmMZ3OFZV1uW3V7bp6jnrjL0cnf59Xj597r6wDap3/NoH3Kqo7OtqHLrpTIqIzMrJTBpY+ql4uSiIqIg4mKg4J0bVVxalCGfWqbk4eqnZS0rKm+t7PJvbbQwbqknqCSA9mKFgAAAABJRU5ErkJggg==) top left no-repeat; height: 20px; width: 20px; }
  
  +
/* background-color: $color_midnight_approx; */
  +
}
   
  +
table.metadata {
−
/* Standard Edit Summaries */
  
  +
margin: auto;
−
#stdSummaries { -webkit-border-radius: 4px; border-radius: 4px; padding: 1px 2px; width: 284px; }
  
  +
/* border: 1px $color_mercury_approx solid; */
  +
text-align: center;
  +
}
   
  +
table.metadata .thumb {
−
.editpage-sourcewidemode-on.mode-source #stdSummaries { left: -17px; position: relative; top: 25px; width: 278px; }
  
  +
margin: auto;
  +
}
   
  +
table.thumbnail {
−
/* Theories */
  
  +
background: #2d0b0a;
−
table.theory { -webkit-border-radius: 0.5em; border-radius: 0.5em; border: 5px solid #880d08; border-spacing: 0; width: 90%; margin: 0 0 1em 1em; }
  
  +
border: 1px solid #000;
−
table.theory caption { font-size: 150%; font-weight: bold; }
  
  +
border-radius: 5px;
−
table.theory th { text-align: center; vertical-align: top; font-weight: bolder; }
  
  +
display: inline-flex;
−
table.theory td { text-align: left; vertical-align: top; }
  
  +
margin: 2px;
−
table.theory th.disposition { padding-left: 0; padding-right: 0; -webkit-column-width: 100px; -ms-column-width: 100px; column-width: 100px; max-width: 100px; }
  
  +
}
−
table.theory.foragainst { -ms-column-width: 45%; -webkit-column-width: 45%; column-width: 45%; }
  
−
table.theory.foragainst th.foragainst { -ms-column-width: 45%; -webkit-column-width: 45%; column-width: 45%; max-width: 50%; }
  
−
table.theory.specific { -ms-column-width: 100%; -webkit-column-width: 100%; column-width: 100%; }
  
   
  +
table.thumbnail tr {
−
/* UserTags */
  
  +
text-align: center;
−
a.tag { color: inherit; }
  
  +
}
   
  +
table.thumbnail div.envelope {
−
.tag-container > .tag:first-child { margin-left: 1ex; }
  
  +
position: relative;
  +
height: 90px;
  +
width: 100px;
  +
}
   
  +
table.thumbnail div.label-background {
−
.tag.usergroup-bureaucrat { background-color: gold !important; color: black !important; }
  
  +
position: absolute;
−
.tag.usergroup-featured { background-color: blue !important; color: white !important; }
  
  +
top: 77px;
−
.tag.usergroup-fluffer { background-color: gold !important; color: black !important; }
  
  +
left: 0;
−
.tag.usergroup-inactive { background-color: gray !important; color: white !important; }
  
  +
width: 100px;
  +
overflow: hidden;
  +
line-height: 12px;
  +
z-index: 3;
  +
text-align: right;
  +
}
  +
  +
table.thumbnail div.label-text {
  +
font-size: 0.7em;
  +
color: #000;
  +
background-color: #fff;
  +
margin-left: auto;
  +
border-top-left-radius: 8px;
  +
border-top-right-radius: 0;
  +
float: right;
  +
padding: 1px;
  +
}
  +
  +
table.thumbnail div.porthole {
  +
position: absolute;
  +
top: 0;
  +
left: 0;
  +
height: 90px;
  +
width: 100px;
  +
overflow: hidden;
  +
}
  +
  +
table.thumbnail div.image-background {
  +
position: absolute;
  +
top: 0;
  +
left: 0;
  +
z-index: 2;
  +
}
  +
  +
table.thumbnail a:link {
  +
color: #000;
  +
}
  +
  +
table.infobox.portal {
  +
clear: right;
  +
float: right;
  +
margin: 0 0 1em 1em;
  +
font-size: 85%;
  +
border: 5px solid #2d0b0a;
  +
text-align: center;
  +
border-spacing: 0;
  +
min-width: 175px;
  +
width: 30%;
  +
max-width: 225px;
  +
white-space: nowrap;
  +
border-radius: 0.5em;
  +
}
  +
  +
table.infobox.portal caption {
  +
font-size: 150%;
  +
border: 5px;
  +
font-weight: bold;
  +
}
  +
  +
table.infobox.portal th {
  +
text-align: center;
  +
vertical-align: top;
  +
font-weight: bolder;
  +
}
  +
  +
table.infobox.portal th.sectionhead {
  +
font-size: 120%;
  +
text-align: center;
  +
border: 1px solid #2d0b0a;
  +
}
  +
  +
table.theory {
  +
border-radius: 0.5em;
  +
border: 5px solid #2d0b0a;
  +
border-spacing: 0;
  +
width: 90%;
  +
margin: 0 0 1em 1em;
  +
}
  +
  +
table.theory caption {
  +
font-size: 150%;
  +
font-weight: bold;
  +
}
  +
  +
table.theory th {
  +
text-align: center;
  +
vertical-align: top;
  +
font-weight: bolder;
  +
}
  +
  +
table.theory th.disposition {
  +
padding-left: 0;
  +
padding-right: 0;
  +
column-width: 100px;
  +
max-width: 100px;
  +
}
  +
  +
table.theory td {
  +
text-align: left;
  +
vertical-align: top;
  +
}
  +
  +
table.theory.foragainst {
  +
column-width: 45%;
  +
}
  +
  +
table.theory.foragainst th.foragainst {
  +
column-width: 45%;
  +
max-width: 50%;
  +
}
  +
  +
table.theory.specific {
  +
column-width: 100%;
  +
}
  +
  +
/*
  +
.gplus-actionbutton {
  +
padding: 5px;
  +
background: $white;
  +
cursor: pointer;
  +
line-height: 20px;
  +
border: 1px solid $color_mercury_approx;
  +
border-radius: 4px;
  +
  +
.icon {
  +
width: 20px;
  +
height: 20px;
  +
display: inline-block;
  +
background: $url_2 transparent 0 -40px no-repeat;
  +
}
  +
  +
&:hover {
  +
background-color: $color_persian_red_approx;
  +
color: $white;
  +
border: $color_valencia_approx;
  +
  +
.icon {
  +
background: $url_2 transparent 0 0 no-repeat;
  +
}
  +
}
  +
}
  +
*/
  +
.spoiler-highlight {
  +
background-color: #f00;
  +
color: #f00 !important;
  +
}
  +
  +
.spoiler-highlight a {
  +
background-color: #f00;
  +
color: #f00 !important;
  +
}
  +
  +
.spoiler-invisible {
  +
color: #000 !important;
  +
}
  +
  +
.spoiler-invisible a {
  +
color: #000 !important;
  +
}
  +
  +
.SpoilerEye {
  +
margin: 0 0 .1em;
  +
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAIAAADtKeFkAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAFC0lEQVQ4TwEABf/6AP/eqPzMkfXHp/fTt/7XqP3FeuynUdVuEb5RCqxMD6hTGZAxCIMqA2wnCWEfBmgtCXA9FmoqAGw0A3JCDX1bLgDxvIXwwpzzyqPzvofdkUevWRGPRwl+MQR8PwxoLQVNFwRKFQVkNRhbJANdLANkMgd0SBpuRyNmRit2X0V2YkYA3a532J9ax380n0wVei0AWx0BSB4CRxoBLwkAMxYALBQJJAsBQSEFUC4IWDwQVzYEcmdKe4B8lJ6evNjkrcPGAKdNFX8yA3UoAFIXAD8TADYOACYOADEeCCwiDT5GNlBTNk1KJFtSIWhiMHR7VGNXIIF1PIqTgai8uNz29d708QBoHABiGgBMFwQzDwA2IgtCPyNZXDVue1Z0hGWaspKkrX+Vl2SVlmGHiVWgqHSCgEaIhE2nqn2OnpLO4+bv/fMAezoTVCoKLRgCRUMsY3tleo1ojZlnhoxZgo9poK6ErbSFl5Zkk4xRjYpNj49WiJVsjJ9+vceVl6aOtszQ6vz3AHViSEpKME5JGGR1XZGhen+FUniCUXR3QYCFVoqVcYmObWlzX4KEYYmGVI6XaJiwjZq5oavFqaG9p6fCweD29QBdSyhWW0FsdlVvi3+Qq4uJkVdxaix4bTR9cz5FRjsoS292nrh1ioZ9iGqWoniUr5CZvayjxrKqxqeXs6nD3eAASD0rY3Rqhp+Mf6WilLmikqZ8dn5OfnU4UT8TAAAHCEh2t9PZVniESWBTipRumbWWq8+2sdCxudKukLKrqcPJAFlpaneXlJe5qYevrpbCu5q9pIaZdHp7RiMbBgICBQIaPRRZcQxIX0RRQo+UZavFpLbezKzTw7HSupq+tZ+9wABldW1vk5eNtraQvsai0dGo0sKgu5p9imAzLhMAAAMCHCYAJDYAGSteaU+Nn36u1MG2zKeoxa2nzrqVt6ylwcMAY3JnVHZ8equ5mcfOl8jUns/Rm8CuiKKGaW9IJCkTED4pCRobQlFAhJRxor+npdTSrNXPrdXKkLisfJ+fqsbLAHZ9bVBnZ2mXppfCwJG8wKHT1afRwaPAoY2abnV8TGhsQHmAU5GjfZmxlazXz7Li4q7j7Kvc3niipH+eobzP1ACjoY1mdG1qkp+XwsCcv7afz8+izsWkyK6ivJeXq4WNmmuZpnSpwZ2sz72uz7qp29yn0tCgy8pukY+QqqzU4+cA18i8jI5/Yn18iLK1pc3InMbDmMXBm8i/oczAp8msk62IgqWRqNTGteDXrNfUoNXanbmqh6SaeZmZtszR6Pr1APTU1Mm5rXV6ammLkZzDv6TJwpXCv4+9v5rMzqTTzpTAtYKvqJfIyKTU06LT2p7NzYi6u3Ccopexttjs7vr+8gD91c3z08q5qJd3fG9thYB2nJ2Tvr6Nur6Qv8KOvcCCr6p4pZ93pqeItreawrh+qJ9dhoN4kJC5zNDl8/T69+4A+tfC+9XB8My6zLGciHtlU2BZXICCd6GhjLSqhq2fb5aEapSKcpiKh6eRdZBzVHRqd4l+pbSxyt7k4O/y6+/tAOnGrubDqN6/qePHuNu/pruiiIuAb3B3amp6cnKKfnWKdXeNdXmMZ3OFZV1uW3V7bp6jnrjL0cnf59Xj597r6wDap3/NoH3Kqo7OtqHLrpTIqIzMrJTBpY+ql4uSiIqIg4mKg4J0bVVxalCGfWqbk4eqnZS0rKm+t7PJvbbQwbqknqCSA9mKFgAAAABJRU5ErkJggg==") top left no-repeat;
  +
height: 20px;
  +
width: 20px;
  +
}
  +
  +
#WikiaMainContent h2.graphic, #WikiaMainContent h2.highlight {
  +
font-size: 150%;
  +
}
  +
  +
#WikiaMainContent h2 + h3.highlight {
  +
margin-top: -0.2em;
  +
}
  +
  +
#WikiaMainContent h3.graphic, #WikiaMainContent h3.highlight {
  +
font-size: 125%;
  +
}
  +
  +
#WikiaMainContent .mw-content-text > h2 {
  +
overflow: auto;
  +
padding: 0.3em 0.4em 0.2em 0.4em;
  +
font-weight: bold;
  +
text-align: center;
  +
background: #2d0b0a;
  +
/* color: $white; */
  +
}
  +
  +
#WikiaMainContent .mw-content-text > h2 > span.editsection > a[title~="References"],
  +
#WikiaMainContent .mw-content-text > h2 > span.editsection > a[title~="Gallery"],
  +
#WikiaMainContent .mw-content-text > h2 > span[id~="
"] + span.editsection {
  +
display: none;
  +
}
  +
  +
div.mainpage-row {
  +
display: flex;
  +
flex-direction: row;
  +
flex-wrap: wrap;
  +
justify-content: space-around;
  +
align-content: space-around;
  +
align-items: center;
  +
text-align: center;
  +
}
  +
  +
div.article-footer {
  +
display: flex;
  +
flex-direction: row;
  +
flex-wrap: wrap;
  +
justify-content: space-around;
  +
align-content: flex-start;
  +
align-items: flex-start;
  +
}
  +
  +
div.article-footer div.footer-item {
  +
display: flex;
  +
flex-direction: column;
  +
flex-wrap: nowrap;
  +
justify-content: flex-start;
  +
align-content: flex-start;
  +
align-items: flex-start;
  +
min-width: 20%;
  +
}
  +
  +
.force-blk-bkg {
  +
color: #fff;
  +
background-color: #000;
  +
text-align: center;
  +
}
  +
  +
.undisplayedtext {
  +
display: none;
  +
}
  +
  +
@media print {
  +
.ambox, .ambox-notice, .ambox-speedy, .ambox-delete, .ambox-content, .ambox-style, .ambox-move, .ambox-protection {
  +
display: none;
  +
display: none;
  +
}
  +
.asbox {
  +
display: none;
  +
display: none;
  +
}
  +
}
  +
  +
[data-flex-layout="data-card"] {
  +
display: flex;
  +
flex-wrap: wrap;
  +
justify-content: space-around;
  +
align-items: flex-start;
  +
}
  +
  +
[data-spoiler="obscured"] {
  +
color: transparent;
  +
}
  +
  +
[data-spoiler="obscured"] a:link {
  +
color: transparent;
  +
}
  +
  +
[data-spoiler="obscured"] a:visited {
  +
color: transparent;
  +
}
  +
  +
figure.article-thumb {
  +
border: 5px solid #2d0b0a;
  +
border-radius: 2px;
  +
margin-right: 5px;
  +
}
  +
  +
.story-Coven ul {
  +
list-style-image: url("https://images.wikia.nocookie.net/__cb20130920211857/americanhorrorstory/images/thumb/b/bd/AHSW-Coven-Full.png/15px-AHSW-Coven-Full.png");
  +
}
  +
  +
footer.article-footer {
  +
display: flex;
  +
flex-direction: row;
  +
flex-wrap: wrap;
  +
justify-content: space-around;
  +
align-content: flex-start;
  +
align-items: flex-start;
  +
}
  +
  +
footer.article-footer div.footer-item {
  +
display: flex;
  +
flex-direction: column;
  +
flex-wrap: nowrap;
  +
justify-content: flex-start;
  +
align-content: flex-start;
  +
align-items: flex-start;
  +
min-width: 20%;
  +
}
  +
  +
blockquote[data-format=dialogue] {
  +
margin: 1em auto;
  +
}
  +
  +
blockquote[data-format=dialogue] dl {
  +
margin: 0;
  +
padding: 0.25em 0.5em;
  +
}
  +
  +
#stdSummaries {
  +
border-radius: 4px;
  +
padding: 1px 2px;
  +
width: 284px;
  +
}
  +
  +
.editpage-sourcewidemode-on.mode-source #stdSummaries {
  +
left: -17px;
  +
position: relative;
  +
top: 25px;
  +
width: 278px;
  +
}
  +
  +
div.mw-warning-with-logexcerpt,
  +
div.mw-lag-warn-high,
  +
div.mw-cascadeprotectedwarning,
  +
#mw-protect-cascadeon,
  +
div.titleblacklist-warning {
  +
border: 1px solid #fff;
  +
background: #000;
  +
background: inherit;
  +
}
  +
  +
.Wall .comments .stafflogo {
  +
background: #fff url(https://slot1-images.wikia.nocookie.net/__cb7290017290012/common/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-company-logo-fandom.svg);
  +
}
  +
  +
.WikiaPage .page-header .wds-button.wds-is-secondary,
  +
.WikiaRail .rail-module .wds-button.wds-is-secondary {
  +
background: #000;
  +
border: transparent;
  +
color: #fff;
  +
}
  +
  +
.CategorySelect.articlePage.article-categories {
  +
background: #000;
  +
border-color: #000;
  +
}
  +
  +
.messagebox.nested-talk, .mbox-inside .standard-talk {
  +
border: 1px solid #c0c090;
  +
background-color: #f8eaba;
  +
width: 100%;
  +
margin: 2px 0;
  +
padding: 2px;
  +
}
  +
  +
td.mbox-text, th.mbox-text {
  +
border: none;
  +
padding: 0.25em 0.9em;
  +
width: 100%;
  +
}
  +
  +
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning {
  +
clear: both;
  +
margin: 0.2em 0;
  +
border: 1px solid #bb7070;
  +
background: #ffdbdb;
  +
padding: 0.25em 0.9em;
  +
}
  +
  +
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;
  +
}
  +
  +
:root {
  +
--article-notice: #1e90ff;
  +
--article-speedy: #b22222;
  +
--article-delete: #b22222;
  +
--article-content: #f28500;
  +
--article-style: #f4c430;
  +
--article-move: #9932cc;
  +
--article-protection: #bba;
  +
}
  +
  +
.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;
  +
}
  +
  +
.messagebox.small, .messagebox.small-talk {
  +
width: 238px;
  +
font-size: 85%;
  +
float: right;
  +
clear: both;
  +
margin: 0 0 1em 1em;
  +
line-height: 1.25em;
  +
}
  +
  +
.messagebox.small-talk {
  +
background: #f8eaba;
  +
}
  +
  +
.mbox-inside .imbox, .mbox-inside .imbox-notice {
  +
margin: 4px;
  +
}
  +
  +
.mbox-inside .tmbox.mbox-small {
  +
line-height: 1.5em;
  +
font-size: 100%;
  +
}
  +
  +
td.mbox-image {
  +
border: none;
  +
padding: 2px 0 2px 0.9em;
  +
text-align: center;
  +
}
  +
  +
td.mbox-imageright {
  +
border: none;
  +
padding: 2px 0.9em 2px 0;
  +
text-align: center;
  +
}
  +
  +
td.mbox-empty-cell {
  +
border: none;
  +
padding: 0;
  +
width: 1px;
  +
}
  +
  +
.ambox, .ambox-notice, .ambox-speedy, .ambox-delete, .ambox-content, .ambox-style, .ambox-move, .ambox-protection {
  +
--article-notice: #1e90ff;
  +
--article-speedy: #b22222;
  +
--article-delete: #b22222;
  +
--article-content: #f28500;
  +
--article-style: #f4c430;
  +
--article-move: #9932cc;
  +
--article-protection: #bba;
  +
margin: 10px;
  +
/* border: 1px solid $color_silver_chalice_approx; */
  +
background: var(--element-background-color);
  +
border-left: 10px solid var(--classification-border-color, #1e90ff);
  +
}
  +
  +
.ambox-notice {
  +
--classification-border-color: var(--article-notice);
  +
}
  +
  +
.ambox-speedy {
  +
--classification-border-color: var(--article-speedy);
  +
background: #fee;
  +
}
  +
  +
.ambox-delete {
  +
--classification-border-color: var(--article-delete);
  +
}
  +
  +
.ambox-content {
  +
--classification-border-color: var(--article-content);
  +
}
  +
  +
.ambox-style {
  +
--classification-border-color: var(--article-style);
  +
}
  +
  +
.ambox-move {
  +
--classification-border-color: var(--article-move);
  +
}
  +
  +
.ambox-protection {
  +
--classification-border-color: var(--article-protection);
  +
}
  +
  +
.ambox td.mbox-text, .ambox-notice td.mbox-text, .ambox-speedy td.mbox-text, .ambox-delete td.mbox-text, .ambox-content td.mbox-text, .ambox-style td.mbox-text, .ambox-move td.mbox-text, .ambox-protection td.mbox-text {
  +
padding: 0.25em 0.5em;
  +
}
  +
  +
.ambox td.mbox-image, .ambox-notice td.mbox-image, .ambox-speedy td.mbox-image, .ambox-delete td.mbox-image, .ambox-content td.mbox-image, .ambox-style td.mbox-image, .ambox-move td.mbox-image, .ambox-protection td.mbox-image {
  +
padding: 2px 0 2px 0.5em;
  +
}
  +
  +
.ambox td.mbox-imageright, .ambox-notice td.mbox-imageright, .ambox-speedy td.mbox-imageright, .ambox-delete td.mbox-imageright, .ambox-content td.mbox-imageright, .ambox-style td.mbox-imageright, .ambox-move td.mbox-imageright, .ambox-protection td.mbox-imageright {
  +
padding: 2px 0.5em 2px 0;
  +
}
  +
  +
.ambox th.mbox-text, .ambox-notice th.mbox-text, .ambox-speedy th.mbox-text, .ambox-delete th.mbox-text, .ambox-content th.mbox-text, .ambox-style th.mbox-text, .ambox-move th.mbox-text, .ambox-protection th.mbox-text {
  +
padding: 0.25em 0.5em;
  +
}
  +
  +
.ambox + .ambox, .ambox-notice + .ambox, .ambox-speedy + .ambox, .ambox-delete + .ambox, .ambox-content + .ambox, .ambox-style + .ambox, .ambox-move + .ambox, .ambox-protection + .ambox, .ambox + .ambox-notice, .ambox-notice + .ambox-notice, .ambox-speedy + .ambox-notice, .ambox-delete + .ambox-notice, .ambox-content + .ambox-notice, .ambox-style + .ambox-notice, .ambox-move + .ambox-notice, .ambox-protection + .ambox-notice, .ambox + .ambox-speedy, .ambox-notice + .ambox-speedy, .ambox-speedy + .ambox-speedy, .ambox-delete + .ambox-speedy, .ambox-content + .ambox-speedy, .ambox-style + .ambox-speedy, .ambox-move + .ambox-speedy, .ambox-protection + .ambox-speedy, .ambox + .ambox-delete, .ambox-notice + .ambox-delete, .ambox-speedy + .ambox-delete, .ambox-delete + .ambox-delete, .ambox-content + .ambox-delete, .ambox-style + .ambox-delete, .ambox-move + .ambox-delete, .ambox-protection + .ambox-delete, .ambox + .ambox-content, .ambox-notice + .ambox-content, .ambox-speedy + .ambox-content, .ambox-delete + .ambox-content, .ambox-content + .ambox-content, .ambox-style + .ambox-content, .ambox-move + .ambox-content, .ambox-protection + .ambox-content, .ambox + .ambox-style, .ambox-notice + .ambox-style, .ambox-speedy + .ambox-style, .ambox-delete + .ambox-style, .ambox-content + .ambox-style, .ambox-style + .ambox-style, .ambox-move + .ambox-style, .ambox-protection + .ambox-style, .ambox + .ambox-move, .ambox-notice + .ambox-move, .ambox-speedy + .ambox-move, .ambox-delete + .ambox-move, .ambox-content + .ambox-move, .ambox-style + .ambox-move, .ambox-move + .ambox-move, .ambox-protection + .ambox-move, .ambox + .ambox-protection, .ambox-notice + .ambox-protection, .ambox-speedy + .ambox-protection, .ambox-delete + .ambox-protection, .ambox-content + .ambox-protection, .ambox-style + .ambox-protection, .ambox-move + .ambox-protection, .ambox-protection + .ambox-protection {
  +
margin-top: -1px;
  +
}
  +
  +
.imbox, .imbox-notice {
  +
--classification-border-color: #1e90ff;
  +
--image-notice: #1e90ff;
  +
margin: 4px 10%;
  +
border-collapse: collapse;
  +
border: 3px solid var(--classification-border-color);
  +
background: var(--element-background-color);
  +
}
  +
  +
.imbox-notice {
  +
border: 3px solid #1e90ff;
  +
--classification-border-color: var(--image-notice);
  +
}
  +
  +
.imbox-speedy {
  +
border: 3px solid #b22222;
  +
background: #fee;
  +
}
  +
  +
.imbox-delete {
  +
border: 3px solid #b22222;
  +
}
  +
  +
.imbox-content {
  +
border: 3px solid #f28500;
  +
}
  +
  +
.imbox-style {
  +
border: 3px solid #f4c430;
  +
}
  +
  +
.imbox-move {
  +
border: 3px solid #9932cc;
  +
}
  +
  +
.imbox-protection {
  +
border: 3px solid #bba;
  +
}
  +
  +
.imbox-license {
  +
border: 3px solid #88a;
  +
background: #f7f8ff;
  +
}
  +
  +
.imbox-featured {
  +
border: 3px solid #cba135;
  +
}
  +
  +
.cmbox {
  +
--classification-background-color: #dfe8ff;
  +
margin: 3px 10%;
  +
border-collapse: collapse;
  +
border: 1px solid #aaa;
  +
background: #dfe8ff;
  +
}
  +
  +
.cmbox-notice {
  +
background: #d8e8ff;
  +
}
  +
  +
.cmbox-speedy {
  +
margin-top: 4px;
  +
margin-bottom: 4px;
  +
border: 4px solid #b22222;
  +
background: #ffdbdb;
  +
}
  +
  +
.cmbox-delete {
  +
background: #ffdbdb;
  +
}
  +
  +
.cmbox-content {
  +
background: #ffe7ce;
  +
}
  +
  +
.cmbox-style {
  +
background: #fff9db;
  +
}
  +
  +
.cmbox-move {
  +
background: #e4d8ff;
  +
}
  +
  +
.cmbox-protection {
  +
background: #efefe1;
  +
}
  +
  +
.ombox {
  +
margin: 4px 10%;
  +
border-collapse: collapse;
  +
border: 1px solid #aaa;
  +
background: var(--element-background-color);
  +
}
  +
  +
.ombox-notice {
  +
border: 1px solid #aaa;
  +
}
  +
  +
.ombox-speedy {
  +
border: 2px solid #b22222;
  +
background: #fee;
  +
}
  +
  +
.ombox-delete {
  +
border: 2px solid #b22222;
  +
}
  +
  +
.ombox-content {
  +
border: 1px solid #f28500;
  +
}
  +
  +
.ombox-style {
  +
border: 1px solid #f4c430;
  +
}
  +
  +
.ombox-move {
  +
border: 1px solid #9932cc;
  +
}
  +
  +
.ombox-protection {
  +
border: 2px solid #bba;
  +
}
  +
  +
.tmbox {
  +
margin: 4px 10%;
  +
border-collapse: collapse;
  +
border: 1px solid #c0c090;
  +
background: var(--element-background-color);
  +
}
  +
  +
.tmbox-speedy {
  +
border: 2px solid #b22222;
  +
background: #fee;
  +
}
  +
  +
.tmbox-delete {
  +
border: 2px solid #b22222;
  +
}
  +
  +
.tmbox-content {
  +
border: 2px solid #f28500;
  +
}
  +
  +
.tmbox-style {
  +
border: 2px solid #f4c430;
  +
}
  +
  +
.tmbox-move {
  +
border: 2px solid #9932cc;
  +
}
  +
  +
.tmbox-protection {
  +
border: 1px solid #c0c090;
  +
}
  +
  +
.tmbox-notice {
  +
border: 1px solid #c0c090;
  +
}
  +
  +
.dmbox {
  +
clear: both;
  +
margin: 0.9em 1em;
  +
border-top: 1px solid #ccc;
  +
border-bottom: 1px solid #ccc;
  +
background: transparent;
  +
}
  +
  +
.fmbox {
  +
clear: both;
  +
margin: 0.2em 0;
  +
width: 100%;
  +
border: 1px solid #aaa;
  +
background: var(--element-background-color);
  +
}
  +
  +
.fmbox-warning {
  +
border: 1px solid #bb7070;
  +
background: #ffdbdb;
  +
}
  +
  +
.fmbox-editnotice {
  +
background: transparent;
  +
}
  +
  +
.compact-ambox table .mbox-image,
  +
.compact-ambox table .mbox-imageright,
  +
.compact-ambox table .mbox-empty-cell {
  +
display: none;
  +
}
  +
  +
.compact-ambox table.ambox, .compact-ambox table.ambox-notice, .compact-ambox table.ambox-speedy, .compact-ambox table.ambox-delete, .compact-ambox table.ambox-content, .compact-ambox table.ambox-style, .compact-ambox table.ambox-move, .compact-ambox table.ambox-protection {
  +
border: none;
  +
border-collapse: collapse;
  +
background: transparent;
  +
margin: 0 0 0 1.6em !important;
  +
padding: 0 !important;
  +
width: auto;
  +
display: block;
  +
}
  +
  +
.compact-ambox table .mbox-text {
  +
padding: 0 !important;
  +
margin: 0 !important;
  +
}
  +
  +
.compact-ambox table .mbox-text-span {
  +
display: list-item;
  +
line-height: 1.5em;
  +
list-style-type: square;
  +
list-style-image: url("//bits.wikimedia.org/static-current/skins/common/images/bullet.gif");
  +
}
  +
  +
.compact-ambox .hide-when-compact {
  +
display: none;
  +
}
  +
  +
.imbox .mbox-text .imbox, .imbox-notice .mbox-text .imbox, .imbox .mbox-text .imbox-notice, .imbox-notice .mbox-text .imbox-notice {
  +
margin: 0 -0.5em;
  +
display: block;
  +
}
  +
  +
.mediawiki .mbox-inside .tmbox {
  +
margin: 2px 0;
  +
width: 100%;
  +
}
  +
  +
body.mediawiki table.mbox-small {
  +
clear: right;
  +
float: right;
  +
margin: 4px 0 4px 1em;
  +
width: 270px;
  +
font-size: 88%;
  +
line-height: 1.25em;
  +
}
  +
  +
body.mediawiki table.mbox-small-left {
  +
margin: 4px 1em 4px 0;
  +
width: 238px;
  +
border-collapse: collapse;
  +
font-size: 88%;
  +
line-height: 1.25em;
  +
}
  +
  +
body.mediawiki .compact-ambox table.mbox-small-left {
  +
font-size: 100%;
  +
width: auto;
  +
margin: 0;
  +
}
  +
  +
.hlist.hwrap {
  +
-webkit-hyphens: manual;
  +
-ms-hyphens: manual;
  +
hyphens: manual;
  +
}
  +
  +
/* Remove "Home" from main page */
  +
.mainpage .WikiaPage .page-header__title,
  +
.mainpage .WikiaPage .page-header__separator {
  +
display: none;
  +
}
  +
  +
/* Improving readability of warnings in editor */
  +
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, #mw-protect-cascadeon, div.titleblacklist-warning {
  +
clear: both;
  +
margin: 0.2em 0;
  +
border: 1px solid #bb7070;
  +
background: #a68081;
  +
padding: 0.25em 0.9em;
  +
}
  +
  +
/* Content elements */
  +
:root {
  +
--element-background-color: #67261e;
  +
--element-border-color: #573c3b;
  +
--element-row-separator: #793f30;
  +
--element-secondary-background-color: #2d0b0a;
  +
--element-tertiary-background-color: #331211;
  +
}
   
 
/* Portable Infoboxes */
  
/* Portable Infoboxes */
−
.portable-infobox { border-radius: 1em; }
 +
.portable-infobox.pi-background {
  +
background-color: var(--element-background-color, #67261e);
−
.pi-theme-mini { width: 220px; }
  
  +
}
−
.pi-border-color { border-color: white; }
  
  +
−
.pi-title { border-radius: 1em 1em 0 0;}
  
  +
.portable-infobox .pi-border-color {
−
.pi-caption { text-align: center; color: white; font-weight: bolder; }
  
  +
border-color: var(--element-row-separator, #793f30);
−
.pi-layout-default .pi-data-value { text-align:right; }
  
  +
}
−
.pi-layout-stacked .pi-data-value { }
  
  +
−
.pi-data-value a:link { color: white; font-weight: bolder; }
  
  +
.portable-infobox .pi-title, .portable-infobox .pi-secondary-background {
−
.pi-layout-default .pi-data-value.pi-horizontal-group-item { text-align: center; }
 
  +
background-color: var(--element-secondary-background-color, #2d0b0a);
−
.pi-layout-stacked .pi-data-value.pi-horizontal-group-item { }
 
  +
}
−
.pi-item { border-left: 1px solid #880d08; border-right: 1px solid #880d08; }
  
  +
−
.pi-navigation { border-radius: 0 0 1em 1em; }
  
−
.pi-title, .pi-secondary-background { background-color: #880d08; }
 +
.portable-infobox .pi-title, .portable-infobox .pi-secondary-font {
  +
color: #fff;
−
.pi-title, .pi-secondary-font { text-align: center; color: white; }
  
  +
}
  +
  +
.portable-infobox .pi-caption {
  +
color: #fff;
  +
}
  +
  +
.portable-infobox .pi-data-value .plainlist li:not(:last-of-type) {
  +
border-bottom: 1px dotted var(--element-row-separator, #793f30);
  +
}
  +
  +
.portable-infobox.pi-layout-stacked .pi-data-value ul li:not(:last-of-type) {
  +
border-bottom: 1px dotted var(--element-row-separator, #793f30);
  +
}
  +
  +
/* Navbox */
  +
.navbox {
  +
background-color: var(--element-background-color, #67261e);
  +
border-collapse: collapse;
  +
}
  +
  +
.navbox .navbox-title {
  +
background-color: var(--element-secondary-background-color, #2d0b0a);
  +
border-bottom: 1px solid var(--element-row-separator, #793f30);
  +
}
  +
  +
.navbox .navbox-gutter {
  +
display: none;
  +
}
  +
  +
.navbox .navbox-row {
  +
border-bottom: 1px solid var(--element-row-separator, #793f30);
  +
}
  +
  +
.navbox .navbox-row.alt {
  +
background-color: var(--element-tertiary-background-color, #331211);
  +
}
  +
  +
.navbox > .navbox-row {
  +
border-bottom: 1px solid var(--element-row-separator, #793f30);
  +
}
  +
  +
.navbox .navbox-group {
  +
background-color: var(--element-secondary-background-color, #2d0b0a);
  +
border-right: 1px solid var(--element-row-separator, #793f30);
  +
}
  +
  +
.navbox .navbox-subgroup {
  +
border-collapse: collapse;
  +
}
  +
  +
.navbox .navbox-list {
  +
/* */
  +
}
  +
  +
/* Sidebar / Vertical Navbox */
  +
.vertical-navbox {
  +
/* border-color: $color_coffee_bean_approx; */
  +
float: right;
  +
clear: right;
  +
width: 270px;
  +
margin: 0 0 1.0em 1.0em;
  +
/* padding: 0.2em; */
  +
/* border-spacing: 0.4em 0; */
  +
text-align: center;
  +
line-height: 1.4em;
  +
font-size: 88%;
  +
border: 0 !important;
  +
}
  +
  +
.vertical-navbox th.sectionhead {
  +
border-color: #2d0b0a;
  +
}
  +
  +
.vertical-navbox td .mw-collapsible {
  +
border-bottom: 1px solid var(--element-row-separator, #793f30) !important;
  +
}
  +
  +
/* Notices */
  +
.notice.hatnote {
  +
font-style: italic;
  +
text-align: center;
  +
padding: 0.25em;
  +
font-size: smaller;
  +
}
  +
  +
/* =================================
  +
September 2018 redesign
  +
  +
Kept in a separate CSS so that
  +
changes to it don't clutter page
  +
histories of main CSSs.
  +
=================================
  +
  +
Color theory
  +
  +
Red colors are based on the S8 Hush teaser thumbnail
  +
  +
4D0002 main (page) background
  +
000000 local navigation header background
  +
FDFDBA section header, link colors
  +
4D0002 background skin
  +
FFB7B7 is redlink color; FFa0a0 on hover
  +
  +
Font theory
  +
  +
Main headers on main page: "AHS" (aka "Hill House", which lives on de.ahs)
  +
  +
All the rest of the test is just Rubik
   
  +
*/
−
/* InfoboxBuilder */
  
−
.defaultInfoboxToggleContent span.mw-collapsible-toggle { float: none; display: block; }
  
   
  +
/* Redlink color has to be changed because
−
.defaultInfoboxContainer { float: right; box-sizing: border-box; width: 275px; margin: 0 0 10px 10px; padding: 10px; border: 0; background-color: inherit; font-size: 72%; }
  
  +
this is a dark-themed wiki. Need redlinks
−
.defaultInfoboxContainer table { width: 100%; border: 3px solid #880d08; background-color: black; -webkit-border-radius: 1em; border-radius: 1em; color: white; }
  
  +
to have contrast with dark background */
−
.defaultInfoboxContainer li { line-height: normal; }
  
  +
−
.defaultInfoboxContainer .hlist ul { line-height: normal; }
  
  +
.WikiaMainContent a.new,
−
.defaultInfoboxContainer .hlist dd, .defaultInfoboxContainer .hlist dt, .defaultInfoboxContainer .hlist li { display: inline; white-space: normal; }
  
  +
.WikiaMainContent a.new:visited {
−
.defaultInfoboxContainer a:link { color: white; text-decoration: underline; }
  
  +
color:#ffb7b7!important;
−
.defaultInfoboxContainer a:link:visited { color: gray; text-decoration: underline; }
  
  +
}
−
.defaultInfoboxContainer .defaultInfoboxMainImage img { max-width: 250px !important; height: auto; display: block; padding: 1em; box-sizing: border-box; margin: auto; }
  
  +
−
.defaultInfoboxContainer .defaultInfoboxMainImageCaption { font-size: 140%; font-weight: bold; text-align: center; padding: 5px 0; }
  
  +
/* General mainpage qualities */
−
.defaultInfoboxContainer .defaultInfoboxImage { text-align: center; }
  
  +
.mainpage-wrap {
−
.defaultInfoboxContainer .defaultInfoboxImage img { max-width: 250px !important; height: auto; display: block; box-sizing: border-box; margin: auto; }
  
  +
font-family:rubik;
−
.defaultInfoboxContainer .defaultInfoboxImageCaption { font-size: 90%; }
  
  +
}
−
.defaultInfoboxContainer .defaultInfoboxTitle { font-size: 160%; font-weight: bold; text-align: center; padding: 5px 0; background-color: #880d08; }
  
  +
.mainpage-wrap a,
−
.defaultInfoboxContainer .defaultInfoboxFooter { text-align: center; background-color: #880d08; color: white; }
  
  +
.mainpage-wrap a:visited,
−
.defaultInfoboxContainer .defaultInfoboxFooter a:link { color: white; text-decoration: underline; }
  
  +
.mainpage-wrap a:link {
−
.defaultInfoboxContainer .defaultInfoboxFooter a:link:visited { color: white; text-decoration: underline; }
  
  +
/* placeholder */
−
.defaultInfoboxContainer .defaultInfoboxHeader { padding-top: 10px; font-size: 140%; text-align: center; }
  
  +
}
−
.defaultInfoboxContainer .defaultInfoboxLink { font-size: 140%; font-weight: bold; text-align: center; }
  
  +
.mainpage-wrap .wikia-gallery-caption-within .lightbox-caption a:visited,
−
.defaultInfoboxContainer .defaultInfoboxLine { border-top: 1px solid #ccc; }
  
  +
.mainpage-wrap .wikia-gallery-caption-within .lightbox-caption a:link,
−
.defaultInfoboxContainer .defaultInfoboxLineLeft { vertical-align: top; border-top: 1px solid #B5B7CF; width: 40%; }
  
  +
.mainpage-wrap .wikia-gallery-caption-within .lightbox-caption,
−
.defaultInfoboxContainer .defaultInfoboxLineRight { vertical-align: top; text-align: right; border-top: 1px solid #B5B7CF; width: 60%; }
  
  +
.mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a:visited,
−
.defaultInfoboxContainer .defaultInfoboxSplitLabelLeft, .defaultInfoboxContainer .defaultInfoboxSplitLabelRight { font-weight: bold; }
  
  +
.mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a:link,
−
.defaultInfoboxContainer .defaultInfoboxSplitLabelLeft, .defaultInfoboxContainer .defaultInfoboxSplitValueLeft, .defaultInfoboxContainer .defaultInfoboxSplitLabelRight, .defaultInfoboxContainer .defaultInfoboxSplitValueRight { text-align: center; padding: 0; line-height: normal; width: 50%; }
  
  +
.mainpage-wrap .wikia-gallery-caption-below .lightbox-caption {
  +
letter-spacing:0;
  +
font-weight:normal;
  +
line-height:150%;
  +
font-family:AHS;
  +
padding:.3em .2em .2em .1em;
  +
color:#fff;
  +
background-color:#4d0002;
  +
}
  +
.mainpage .wikia-gallery-item .lightbox-caption {
  +
background:transparent;
  +
margin-bottom:5px;
  +
font-size:20px;
  +
font-weight:normal;
  +
text-decoration:none;
  +
font-family:AHS;
  +
}
  +
.mainpage .wikia-gallery-item img {
  +
filter: grayscale(100%);
  +
transition: 0.5s !important;
  +
}
  +
.mainpage .wikia-gallery-item img:hover {
  +
filter: grayscale(0%);
  +
transition: 0.5s !important;
  +
}
  +
.mainpage .article-thumb {
  +
margin-top:0px;
  +
}
  +
.mainpage .WikiaArticle a.external:after {
  +
display:none;
  +
}
  +
.mainpage .CategorySelect.articlePage.article-categories {
  +
border-color:#fff;
  +
background-color:transparent;
  +
}
  +
.mainpage .CategorySelect.articlePage.article-categories a,
  +
.mainpage .CategorySelect.articlePage.article-categories a:visited {
  +
color:#fff;
  +
}
  +
.mainpage .WikiaPage .page-header__separator {
  +
border-color:#fff;
  +
}
   
  +
/* ==========
−
.miniInfoboxToggleContent span.mw-collapsible-toggle { float: none; display: block; }
  
  +
Left rail
  +
========== */
   
  +
/* Left rail modules */
−
.miniInfoboxContainer { float: right; box-sizing: border-box; width: 200px; margin: 0 0 10px 10px; padding: 10px; border: 0; background-color: inherit; font-size: 72%; }
  
  +
.mainpage-box-about,
−
.miniInfoboxContainer table { width: 100%; border: 3px solid #880d08; background-color: black; -webkit-border-radius: 1em; border-radius: 1em; color: white; }
  
  +
.mainpage-box-characters,
−
.miniInfoboxContainer li { line-height: normal; }
  
  +
.mainpage-box-seasons,
−
.miniInfoboxContainer .hlist ul { line-height: normal; }
  
  +
.mainpage-box-featured-videos {
−
.miniInfoboxContainer .hlist dd, .miniInfoboxContainer .hlist dt, .miniInfoboxContainer .hlist li { display: inline; white-space: normal; }
  
  +
width:670px;
−
.miniInfoboxContainer a:link { color: white; text-decoration: underline; }
  
  +
text-align:center;
−
.miniInfoboxContainer a:link:visited { color: gray; text-decoration: underline; }
  
  +
margin:0 auto;
−
.miniInfoboxContainer .miniInfoboxMainImage img { max-width: 175px !important; height: auto; display: block; padding: 1em; box-sizing: border-box; margin: auto; }
  
  +
font-family:rubik;
−
.miniInfoboxContainer .miniInfoboxMainImageCaption { font-size: 140%; font-weight: bold; text-align: center; padding: 5px 0; }
  
  +
}
−
.miniInfoboxContainer .miniInfoboxImage { text-align: center; }
  
  +
.mainpage-box-characters,
−
.miniInfoboxContainer .miniInfoboxImage img { max-width: 175px !important; height: auto; display: block; box-sizing: border-box; margin: auto; }
  
  +
.mainpage-box-featured-videos,
−
.miniInfoboxContainer .miniInfoboxImageCaption { font-size: 90%; }
  
  +
.mainpage-box-seasons {
−
.miniInfoboxContainer .miniInfoboxTitle { font-size: 160%; font-weight: bold; text-align: center; padding: 5px 0; background-color: #880d08; }
  
  +
margin-top:50px;
−
.miniInfoboxContainer .miniInfoboxFooter { text-align: center; background-color: #880d08; color: white; }
  
  +
}
−
.miniInfoboxContainer .miniInfoboxFooter a:link { color: white; text-decoration: underline; }
  
  +
.mainpage-box-seasons .quote {
−
.miniInfoboxContainer .miniInfoboxFooter a:link:visited { color: white; text-decoration: underline; }
  
  +
text-align:left;
−
.miniInfoboxContainer .miniInfoboxHeader { padding-top: 10px; font-size: 140%; text-align: center; }
  
  +
font-size:35px;
−
.miniInfoboxContainer .miniInfoboxLink { font-size: 140%; font-weight: bold; text-align: center; }
  
  +
font-weight:bold;
−
.miniInfoboxContainer .miniInfoboxLine { border-top: 1px solid #ccc; }
  
  +
line-height:120%;
−
.miniInfoboxContainer .miniInfoboxLineLeft { vertical-align: top; border-top: 1px solid #B5B7CF; width: 40%; }
  
  +
margin:50px 10px;
−
.miniInfoboxContainer .miniInfoboxLineRight { vertical-align: top; text-align: right; border-top: 1px solid #B5B7CF; width: 60%; }
  
  +
font-style:italic;
−
.miniInfoboxContainer .miniInfoboxSplitLabelLeft, .miniInfoboxContainer .miniInfoboxSplitLabelRight { font-weight: bold; }
  
  +
}
−
.miniInfoboxContainer .miniInfoboxSplitLabelLeft, .miniInfoboxContainer .miniInfoboxSplitValueLeft, .miniInfoboxContainer .miniInfoboxSplitLabelRight, .miniInfoboxContainer .miniInfoboxSplitValueRight { text-align: center; padding: 0; line-height: normal; width: 50%; }
  
  +
.mainpage-box-seasons .AHS-overview {
  +
width:650px;
  +
text-align:left;
  +
margin:0 auto 80px 0;
  +
}
  +
.mainpage-box-seasons .AHS-overview .leftcol {
  +
float:left;
  +
}
  +
.mainpage-box-seasons .AHS-overview .rightcol {
  +
padding-left:30px;
  +
float:left;
  +
}
  +
.mainpage-box-seasons .AHS-overview .season-description {
  +
width:310px;
  +
padding-bottom:30px;
  +
}
  +
.mainpage-box-featured-videos {
  +
margin-top:30px;
  +
}
  +
.mainpage-box-fx {
  +
margin:50px auto;
  +
text-align:center;
  +
}
  +
.mainpage-box-fx > div { /*It's important to !important here */
  +
border-radius:0!important;
  +
border:0!important;
  +
width:650px!important;
  +
box-shadow:none!important;
  +
background-color:#000!important;
  +
}
  +
.mainpage-box-fx > div a,
  +
.mainpage-box-fx > div a:visited {
  +
color:#fff;
  +
}
   
  +
/* Left rail headers */
−
.default-infobox-toggle-content span.mw-collapsible-toggle { float: none; display: block; }
  
  +
.mainpage-box-about .header,
  +
.mainpage-box-characters .header,
  +
.mainpage-box-seasons .header,
  +
.mainpage-box-featured-videos .header {
  +
text-align:center;
  +
font-size:42px;
  +
text-transform:uppercase;
  +
letter-spacing:0;
  +
margin:0 auto 20px auto;
  +
color:#fff;
  +
font-family:AHS;
  +
line-height:110%;
  +
}
  +
.mainpage-box-about .subheader {
  +
font-size:25px;
  +
line-height:150%;
  +
width:420px;
  +
margin:0 auto;
  +
}
  +
.mainpage-box-about .description {
  +
width:420px;
  +
padding:20px 0 20px 0;
  +
line-height:150%;
  +
margin:0 auto;
  +
}
  +
.mainpage-box-seasons .subheader {
  +
width:580px;
  +
font-size:25px;
  +
margin:0 auto;
  +
padding-bottom:50px;
  +
line-height:125%;
  +
}
  +
/* Left rail header exceptions */
  +
.mainpage-box-about .header {
  +
font-size:72px;
  +
line-height:100%;
  +
}
  +
/* ==========
  +
Right rail
  +
========== */
  +
  +
/* Right rail modules */
  +
.mainpage-box-share,
  +
.mainpage-box-blogs,
  +
.mainpage-box-discussions {
  +
margin:50px auto;
  +
padding:0;
  +
}
  +
/** Blog module **/
  +
.mainpage-box-blogs {
  +
padding-top:20px;
  +
}
  +
.mainpage-box-blogs a,
  +
.mainpage-box-blogs a:visited {
  +
color:#fff;
  +
}
  +
.mainpage .WikiaBlogListingBox .more,
  +
.mainpage .WikiaBlogListingBox .wikia-button,
  +
.mainpage .WikiaBlogListingBox h2 {
  +
display:none;
  +
}
  +
.mainpage .WikiaBlogListingBox ul {
  +
border-color:#fff;
  +
}
  +
.mainpage .WikiaBlogListingBox ul .WikiaBlogListingPost {
  +
border-top-color:#fff;
  +
}
  +
/** Share module **/
  +
.mainpage-box-share .icons {
  +
text-align: center;
  +
margin:15px auto;
  +
}
  +
.mainpage-box-share .icon {
  +
display: inline;
  +
margin-right:5px;
  +
}
  +
/** Discussions module **/
  +
.mainpage .discussion-module {
  +
display:none /* Turns off standard module to give deference to the bespoke one here */
  +
}
  +
.mainpage .embeddable-discussions-module {
  +
border:none;
  +
background:transparent;
  +
padding:5px;
  +
}
  +
.mainpage .embeddable-discussions-heading {
  +
display:none;
  +
}
  +
.mainpage .embeddable-discussions-show-all {
  +
display:none;
  +
}
  +
.mainpage .embeddable-discussions-show-all a,
  +
.mainpage .embeddable-discussions-show-all a:link,
  +
.mainpage .embeddable-discussions-show-all a:visited {
  +
display:none;
  +
}
  +
.mainpage .embeddable-discussions-module .embeddable-discussions-post-detail {
  +
background-color: transparent;
  +
border:1px solid white;
  +
margin:0 0 20px 0;
  +
padding:5px;
  +
}
  +
.mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon-tiny path,
  +
.mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon-tiny path,
  +
.mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon path,
  +
.mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon path {
  +
fill: #fff;
  +
}
  +
.mainpage .embeddable-discussions-module .embeddable-discussions-post-actions {
  +
border-top-color:#fff
  +
}
  +
.mainpage .embeddable-discussions-module .embeddable-discussions-post-actions a,
  +
.mainpage .embeddable-discussions-module .embeddable-discussions-post-counters,
  +
.mainpage .embeddable-discussions-module .avatar-details,
  +
.mainpage .embeddable-discussions-module .embeddable-discussions-timestamp,
  +
.embeddable-discussions-module .embeddable-discussions-forum {
  +
color:#fff
  +
}
  +
.mainpage .embeddable-discussions-module .embeddable-discussions-title a,
  +
.mainpage .embeddable-discussions-module .embeddable-discussions-title {
  +
color:#fff;
  +
line-height:130%;
  +
}
  +
.mainpage a.avatar-username {
  +
color:#fff;
  +
}
  +
.mainpage .embeddable-discussions-heading-container {
  +
margin-top:0;
  +
}
  +
.mainpage .embeddable-discussions-module .embeddable-discussions-threads {
  +
padding-top:0!important;
  +
}
  +
.mainpage-box-discussions {
  +
margin:0 auto;
  +
}
   
  +
/* Right rail headers */
−
.default-infobox-container { float: right; box-sizing: border-box; width: 275px; margin: 0 0 10px 10px; padding: 10px; border: 0; background-color: inherit; font-size: 72%; }
  
  +
.mainpage-box-share .header,
−
.default-infobox-container table { width: 100%; border: 3px solid #880d08; background-color: black; -webkit-border-radius: 1em; border-radius: 1em; color: white; }
  
  +
.mainpage-box-blogs .header,
−
.default-infobox-container li { line-height: normal; }
  
  +
.mainpage-box-discussions .header {
−
.default-infobox-container .hlist ul { line-height: normal; }
  
  +
font-size:24px;
−
.default-infobox-container .hlist dd, .default-infobox-container .hlist dt, .default-infobox-container .hlist li { display: inline; white-space: normal; }
  
  +
text-align:center;
−
.default-infobox-container a:link { text-decoration: underline; }
  
  +
margin-bottom:20px;
−
.default-infobox-container a:link:visited { text-decoration: underline; }
  
  +
text-transform:none;
−
.default-infobox-container .default-infobox-main-image img { max-width: 250px !important; height: auto; display: block; padding: 1em; box-sizing: border-box; margin: auto; }
  
  +
letter-spacing:0;
−
.default-infobox-container .default-infobox-main-image-caption { font-size: 140%; font-weight: bold; text-align: center; padding: 5px 0; }
  
  +
font-family: AHS;
−
.default-infobox-container .default-infobox-image { text-align: center; }
  
  +
line-height:100%;
−
.default-infobox-container .default-infobox-image img { max-width: 250px !important; height: auto; display: block; box-sizing: border-box; margin: auto; }
  
  +
color:#fff;
−
.default-infobox-container .default-infobox-image-caption { font-size: 90%; }
  
  +
}
−
.default-infobox-container .default-infobox-title { font-size: 160%; font-weight: bold; text-align: center; padding: 5px 0; background-color: #880d08; color: white; }
  
  +
/* Header exceptions for the right rail */
−
.default-infobox-container .default-infobox-footer { text-align: center; background-color: #880d08; color: white; }
  
−
.default-infobox-container .default-infobox-footer a:link { color: white; text-decoration: underline; }
  
−
.default-infobox-container .default-infobox-footer a:link:visited { color: white; text-decoration: underline; }
  
−
.default-infobox-container .default-infobox-header { padding-top: 10px; font-size: 140%; text-align: center; }
  
−
.default-infobox-container .default-infobox-link { font-size: 140%; font-weight: bold; text-align: center; }
  
−
.default-infobox-container .default-infobox-line { border-top: 1px solid #ccc; }
  
−
.default-infobox-container .default-infobox-line-left { vertical-align: top; border-top: 1px solid #B5B7CF; width: 40%; color: white; font-weight: bold; }
  
−
.default-infobox-container .default-infobox-line-right { vertical-align: top; text-align: right; border-top: 1px solid #B5B7CF; width: 60%; }
  
−
.default-infobox-container .default-infobox-split-label-left, .default-infobox-container .default-infobox-split-label-right { font-weight: bold; }
  
−
.default-infobox-container .default-infobox-split-label-left, .default-infobox-container .default-infobox-split-value-left, .default-infobox-container .default-infobox-split-label-right, .default-infobox-container .default-infobox-split-value-right { text-align: center; padding: 0; line-height: normal; width: 50%; }
  
   
  +
.mainpage-box-discussions .header {
−
.skin-oasis .mw-content-text > h2 { overflow: auto; padding: 0.3em 0.4em 0.2em 0.4em; border: none; font-weight: bold; text-align: center; -webkit-border-radius: 0.5em; border-radius: 0.5em; background: #880d08; color: white; }
  
  +
margin-bottom:0;
−
.skin-oasis .mw-content-text > h2 > span.editsection > a[title~="References"], .skin-oasis .mw-content-text h2 > span.editsection > a[title~="Gallery"] { display: none; }
  
  +
margin-top:40px;
−
.skin-oasis .mw-content-text > h2 > span[id~="
"] + span.editsection { display: none; }
  
  +
}
   
−
.skin-venus .mw-content-text h2 > span.editsection > a[title~="References"] { display: none; }
  
−
.skin-venus .defaultInfoboxContainer, .skin-venus .default-infobox-container { font-size: inherit; padding: 0; }
  
−
.skin-venus .infobox-container .infobox-wrapper { border: 0; }
  
−
.skin-venus .infobox-wrapper .see-more { border: 0 !important; background-color: #880d08 !important; line-height: 16px; padding: 12px 10px; }
  
−
.skin-venus .metadata.infobox, .skin-venus .vertical-navbox.infobox, .skin-venus .miniInfoboxContainer { width: 275px; float: right !important; clear: right !important; margin-right: -69px !important; }
  
−
.skin-venus .metadata.infobox .mbox-image .floatleft { margin: 0; }
  
−
.skin-venus .miniInfoboxContainer { width: 225px; }
  
−
.skin-venus .miniInfoboxContainer .miniInfoboxMainImage img { max-width: 200px !important; }
  
−
.skin-venus .miniInfoboxContainer .miniInfoboxImage img { max-width: 200px !important; }
  
−
.skin-venus .miniInfoboxMainImage img { margin: auto !important; }
  
−
.skin-venus .ambox { font-size: 80%; }
  
−
.skin-venus .ambox.ambox-content { margin: 0; }
  
−
.skin-venus .metadata .mbox-text { font-size: 80%; }
  
−
.skin-venus .mw-content-text h2 { margin-left: 0; margin-right: 0; }
  
−
.skin-venus .mw-content-text .navbox li { padding: 0; }
  
−
.skin-venus .mw-content-text .metadata li { padding: 0; margin-top: 0; }
  
−
.skin-venus .mw-content-text .metadata ul { padding: 0; }
  
−
.skin-venus .article .image-thumbnail img { margin: 0; }
  
−
.skin-venus table.article-table tbody td { border: 1px #323232 solid; }
  
   
  +
/* Portability */
−
@media only screen and (min-width: 1497px) { .skin-venus .infobox.vertical-navbox, .skin-venus .infobox.metadata, .skin-venus .miniInfoboxContainer { margin-right: -62px !important; } }
  
  +
@media (max-width: 1023px) {
−
@media only screen and (max-width: 1023px) { .skin-venus .infobox.vertical-navbox, .skin-venus .infobox.metadata, .skin-venus .miniInfoboxContainer { margin-right: 6px !important; } }
  
  +
.mainpage-box-share,
  +
.mainpage-box-blogs,
  +
.mainpage-box-discussions {
  +
margin:0 auto 20px auto;
  +
padding-top:20px;
  +
width:300px;
  +
}
  +
.mainpage-box-share,
  +
.mainpage-box-blogs {
  +
display:inline-block;
  +
}
  +
.mainpage-box-share {
  +
margin-left:10px;
  +
}
  +
.mainpage-box-discussions .header {
  +
margin-top:0;
  +
}
  +
.main-page-tag-rcs .module {
  +
width:300px;
  +
}
  +
}

Latest revision as of 17:28, 12 July 2021

:root {
  --background-main: #4d0002;
  --page-header: #000;
  --page-buttons-background: #000;
  --page-buttons-text: #fff;
  --page-links: #fdfdba;
  --page-toolbar: #000;
  --page-main: #4d0002;
  --page-text: #D5D4D4;
  --color2: #713335;
  --dark_text_1: #fdfdba;
  --dark_text_2: #fdfdba;
  --accent-background-color: #703327;
  --accent-border-color: #fdfdba;
  --accent-color: #D5D4D4;
  --neutral-background-color: #713335;
  --neutral-border-color: #4d0002;
  --neutral-color: #D5D4D4;
}

#WikiaMainContent h2.graphic, #WikiaMainContent h2.highlight, #WikiaMainContent h3.graphic, #WikiaMainContent h3.highlight {
  overflow: auto;
  padding: 0.3em 0.4em 0.2em 0.4em;
  /* border: 0; */
  font-weight: bold;
  text-align: center;
  /* border-radius: 0.5em; */
  /* background: ${$color_coffee_bean_approx}; */
  color: #fff;
}

.article-table, .WikiaTable, .wikitable {
  background-color: #67261e;
}

.article-table th, .article-table > tr > th, .article-table > * > tr > th, .WikiaTable th, .WikiaTable > tr > th, .WikiaTable > * > tr > th, .wikitable th, .wikitable > tr > th, .wikitable > * > tr > th {
  /* background-color: $color_midnight_approx; */
}

table.metadata {
  margin: auto;
  /* border: 1px $color_mercury_approx solid; */
  text-align: center;
}

table.metadata .thumb {
  margin: auto;
}

table.thumbnail {
  background: #2d0b0a;
  border: 1px solid #000;
  border-radius: 5px;
  display: inline-flex;
  margin: 2px;
}

table.thumbnail tr {
  text-align: center;
}

table.thumbnail div.envelope {
  position: relative;
  height: 90px;
  width: 100px;
}

table.thumbnail div.label-background {
  position: absolute;
  top: 77px;
  left: 0;
  width: 100px;
  overflow: hidden;
  line-height: 12px;
  z-index: 3;
  text-align: right;
}

table.thumbnail div.label-text {
  font-size: 0.7em;
  color: #000;
  background-color: #fff;
  margin-left: auto;
  border-top-left-radius: 8px;
  border-top-right-radius: 0;
  float: right;
  padding: 1px;
}

table.thumbnail div.porthole {
  position: absolute;
  top: 0;
  left: 0;
  height: 90px;
  width: 100px;
  overflow: hidden;
}

table.thumbnail div.image-background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

table.thumbnail a:link {
  color: #000;
}

table.infobox.portal {
  clear: right;
  float: right;
  margin: 0 0 1em 1em;
  font-size: 85%;
  border: 5px solid #2d0b0a;
  text-align: center;
  border-spacing: 0;
  min-width: 175px;
  width: 30%;
  max-width: 225px;
  white-space: nowrap;
  border-radius: 0.5em;
}

table.infobox.portal caption {
  font-size: 150%;
  border: 5px;
  font-weight: bold;
}

table.infobox.portal th {
  text-align: center;
  vertical-align: top;
  font-weight: bolder;
}

table.infobox.portal th.sectionhead {
  font-size: 120%;
  text-align: center;
  border: 1px solid #2d0b0a;
}

table.theory {
  border-radius: 0.5em;
  border: 5px solid #2d0b0a;
  border-spacing: 0;
  width: 90%;
  margin: 0 0 1em 1em;
}

table.theory caption {
  font-size: 150%;
  font-weight: bold;
}

table.theory th {
  text-align: center;
  vertical-align: top;
  font-weight: bolder;
}

table.theory th.disposition {
  padding-left: 0;
  padding-right: 0;
  column-width: 100px;
  max-width: 100px;
}

table.theory td {
  text-align: left;
  vertical-align: top;
}

table.theory.foragainst {
  column-width: 45%;
}

table.theory.foragainst th.foragainst {
  column-width: 45%;
  max-width: 50%;
}

table.theory.specific {
  column-width: 100%;
}

/*
.gplus-actionbutton {
  padding: 5px;
  background: $white;
  cursor: pointer;
  line-height: 20px;
  border: 1px solid $color_mercury_approx;
  border-radius: 4px;

  .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: $url_2 transparent 0 -40px no-repeat;
  }

  &:hover {
    background-color: $color_persian_red_approx;
    color: $white;
    border: $color_valencia_approx;

    .icon {
      background: $url_2 transparent 0 0 no-repeat;
    }
  }
}
*/
.spoiler-highlight {
  background-color: #f00;
  color: #f00 !important;
}

.spoiler-highlight a {
  background-color: #f00;
  color: #f00 !important;
}

.spoiler-invisible {
  color: #000 !important;
}

.spoiler-invisible a {
  color: #000 !important;
}

.SpoilerEye {
  margin: 0 0 .1em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAIAAADtKeFkAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAFC0lEQVQ4TwEABf/6AP/eqPzMkfXHp/fTt/7XqP3FeuynUdVuEb5RCqxMD6hTGZAxCIMqA2wnCWEfBmgtCXA9FmoqAGw0A3JCDX1bLgDxvIXwwpzzyqPzvofdkUevWRGPRwl+MQR8PwxoLQVNFwRKFQVkNRhbJANdLANkMgd0SBpuRyNmRit2X0V2YkYA3a532J9ax380n0wVei0AWx0BSB4CRxoBLwkAMxYALBQJJAsBQSEFUC4IWDwQVzYEcmdKe4B8lJ6evNjkrcPGAKdNFX8yA3UoAFIXAD8TADYOACYOADEeCCwiDT5GNlBTNk1KJFtSIWhiMHR7VGNXIIF1PIqTgai8uNz29d708QBoHABiGgBMFwQzDwA2IgtCPyNZXDVue1Z0hGWaspKkrX+Vl2SVlmGHiVWgqHSCgEaIhE2nqn2OnpLO4+bv/fMAezoTVCoKLRgCRUMsY3tleo1ojZlnhoxZgo9poK6ErbSFl5Zkk4xRjYpNj49WiJVsjJ9+vceVl6aOtszQ6vz3AHViSEpKME5JGGR1XZGhen+FUniCUXR3QYCFVoqVcYmObWlzX4KEYYmGVI6XaJiwjZq5oavFqaG9p6fCweD29QBdSyhWW0FsdlVvi3+Qq4uJkVdxaix4bTR9cz5FRjsoS292nrh1ioZ9iGqWoniUr5CZvayjxrKqxqeXs6nD3eAASD0rY3Rqhp+Mf6WilLmikqZ8dn5OfnU4UT8TAAAHCEh2t9PZVniESWBTipRumbWWq8+2sdCxudKukLKrqcPJAFlpaneXlJe5qYevrpbCu5q9pIaZdHp7RiMbBgICBQIaPRRZcQxIX0RRQo+UZavFpLbezKzTw7HSupq+tZ+9wABldW1vk5eNtraQvsai0dGo0sKgu5p9imAzLhMAAAMCHCYAJDYAGSteaU+Nn36u1MG2zKeoxa2nzrqVt6ylwcMAY3JnVHZ8equ5mcfOl8jUns/Rm8CuiKKGaW9IJCkTED4pCRobQlFAhJRxor+npdTSrNXPrdXKkLisfJ+fqsbLAHZ9bVBnZ2mXppfCwJG8wKHT1afRwaPAoY2abnV8TGhsQHmAU5GjfZmxlazXz7Li4q7j7Kvc3niipH+eobzP1ACjoY1mdG1qkp+XwsCcv7afz8+izsWkyK6ivJeXq4WNmmuZpnSpwZ2sz72uz7qp29yn0tCgy8pukY+QqqzU4+cA18i8jI5/Yn18iLK1pc3InMbDmMXBm8i/oczAp8msk62IgqWRqNTGteDXrNfUoNXanbmqh6SaeZmZtszR6Pr1APTU1Mm5rXV6ammLkZzDv6TJwpXCv4+9v5rMzqTTzpTAtYKvqJfIyKTU06LT2p7NzYi6u3Ccopexttjs7vr+8gD91c3z08q5qJd3fG9thYB2nJ2Tvr6Nur6Qv8KOvcCCr6p4pZ93pqeItreawrh+qJ9dhoN4kJC5zNDl8/T69+4A+tfC+9XB8My6zLGciHtlU2BZXICCd6GhjLSqhq2fb5aEapSKcpiKh6eRdZBzVHRqd4l+pbSxyt7k4O/y6+/tAOnGrubDqN6/qePHuNu/pruiiIuAb3B3amp6cnKKfnWKdXeNdXmMZ3OFZV1uW3V7bp6jnrjL0cnf59Xj597r6wDap3/NoH3Kqo7OtqHLrpTIqIzMrJTBpY+ql4uSiIqIg4mKg4J0bVVxalCGfWqbk4eqnZS0rKm+t7PJvbbQwbqknqCSA9mKFgAAAABJRU5ErkJggg==") top left no-repeat;
  height: 20px;
  width: 20px;
}

#WikiaMainContent h2.graphic, #WikiaMainContent h2.highlight {
  font-size: 150%;
}

#WikiaMainContent h2 + h3.highlight {
  margin-top: -0.2em;
}

#WikiaMainContent h3.graphic, #WikiaMainContent h3.highlight {
  font-size: 125%;
}

#WikiaMainContent .mw-content-text > h2 {
  overflow: auto;
  padding: 0.3em 0.4em 0.2em 0.4em;
  font-weight: bold;
  text-align: center;
  background: #2d0b0a;
  /* color: $white; */
}

#WikiaMainContent .mw-content-text > h2 > span.editsection > a[title~="References"],
#WikiaMainContent .mw-content-text > h2 > span.editsection > a[title~="Gallery"],
#WikiaMainContent .mw-content-text > h2 > span[id~="
"] + span.editsection {
  display: none;
}

div.mainpage-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: space-around;
  align-items: center;
  text-align: center;
}

div.article-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: flex-start;
  align-items: flex-start;
}

div.article-footer div.footer-item {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  min-width: 20%;
}

.force-blk-bkg {
  color: #fff;
  background-color: #000;
  text-align: center;
}

.undisplayedtext {
  display: none;
}

@media print {
  .ambox, .ambox-notice, .ambox-speedy, .ambox-delete, .ambox-content, .ambox-style, .ambox-move, .ambox-protection {
    display: none;
    display: none;
  }
  .asbox {
    display: none;
    display: none;
  }
}

[data-flex-layout="data-card"] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
}

[data-spoiler="obscured"] {
  color: transparent;
}

[data-spoiler="obscured"] a:link {
  color: transparent;
}

[data-spoiler="obscured"] a:visited {
  color: transparent;
}

figure.article-thumb {
  border: 5px solid #2d0b0a;
  border-radius: 2px;
  margin-right: 5px;
}

.story-Coven ul {
  list-style-image: url("https://images.wikia.nocookie.net/__cb20130920211857/americanhorrorstory/images/thumb/b/bd/AHSW-Coven-Full.png/15px-AHSW-Coven-Full.png");
}

footer.article-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: flex-start;
  align-items: flex-start;
}

footer.article-footer div.footer-item {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  min-width: 20%;
}

blockquote[data-format=dialogue] {
  margin: 1em auto;
}

blockquote[data-format=dialogue] dl {
  margin: 0;
  padding: 0.25em 0.5em;
}

#stdSummaries {
  border-radius: 4px;
  padding: 1px 2px;
  width: 284px;
}

.editpage-sourcewidemode-on.mode-source #stdSummaries {
  left: -17px;
  position: relative;
  top: 25px;
  width: 278px;
}

div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
#mw-protect-cascadeon,
div.titleblacklist-warning {
  border: 1px solid #fff;
  background: #000;
  background: inherit;
}

.Wall .comments .stafflogo {
  background: #fff url(https://slot1-images.wikia.nocookie.net/__cb7290017290012/common/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-company-logo-fandom.svg);
}

.WikiaPage .page-header .wds-button.wds-is-secondary,
.WikiaRail .rail-module .wds-button.wds-is-secondary {
  background: #000;
  border: transparent;
  color: #fff;
}

.CategorySelect.articlePage.article-categories {
  background: #000;
  border-color: #000;
}

.messagebox.nested-talk, .mbox-inside .standard-talk {
  border: 1px solid #c0c090;
  background-color: #f8eaba;
  width: 100%;
  margin: 2px 0;
  padding: 2px;
}

td.mbox-text, th.mbox-text {
  border: none;
  padding: 0.25em 0.9em;
  width: 100%;
}

div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon, div.titleblacklist-warning {
  clear: both;
  margin: 0.2em 0;
  border: 1px solid #bb7070;
  background: #ffdbdb;
  padding: 0.25em 0.9em;
}

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

:root {
  --article-notice: #1e90ff;
  --article-speedy: #b22222;
  --article-delete: #b22222;
  --article-content: #f28500;
  --article-style: #f4c430;
  --article-move: #9932cc;
  --article-protection: #bba;
}

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

.messagebox.small, .messagebox.small-talk {
  width: 238px;
  font-size: 85%;
  float: right;
  clear: both;
  margin: 0 0 1em 1em;
  line-height: 1.25em;
}

.messagebox.small-talk {
  background: #f8eaba;
}

.mbox-inside .imbox, .mbox-inside .imbox-notice {
  margin: 4px;
}

.mbox-inside .tmbox.mbox-small {
  line-height: 1.5em;
  font-size: 100%;
}

td.mbox-image {
  border: none;
  padding: 2px 0 2px 0.9em;
  text-align: center;
}

td.mbox-imageright {
  border: none;
  padding: 2px 0.9em 2px 0;
  text-align: center;
}

td.mbox-empty-cell {
  border: none;
  padding: 0;
  width: 1px;
}

.ambox, .ambox-notice, .ambox-speedy, .ambox-delete, .ambox-content, .ambox-style, .ambox-move, .ambox-protection {
  --article-notice: #1e90ff;
  --article-speedy: #b22222;
  --article-delete: #b22222;
  --article-content: #f28500;
  --article-style: #f4c430;
  --article-move: #9932cc;
  --article-protection: #bba;
  margin: 10px;
  /* border: 1px solid $color_silver_chalice_approx; */
  background: var(--element-background-color);
  border-left: 10px solid var(--classification-border-color, #1e90ff);
}

.ambox-notice {
  --classification-border-color: var(--article-notice);
}

.ambox-speedy {
  --classification-border-color: var(--article-speedy);
  background: #fee;
}

.ambox-delete {
  --classification-border-color: var(--article-delete);
}

.ambox-content {
  --classification-border-color: var(--article-content);
}

.ambox-style {
  --classification-border-color: var(--article-style);
}

.ambox-move {
  --classification-border-color: var(--article-move);
}

.ambox-protection {
  --classification-border-color: var(--article-protection);
}

.ambox td.mbox-text, .ambox-notice td.mbox-text, .ambox-speedy td.mbox-text, .ambox-delete td.mbox-text, .ambox-content td.mbox-text, .ambox-style td.mbox-text, .ambox-move td.mbox-text, .ambox-protection td.mbox-text {
  padding: 0.25em 0.5em;
}

.ambox td.mbox-image, .ambox-notice td.mbox-image, .ambox-speedy td.mbox-image, .ambox-delete td.mbox-image, .ambox-content td.mbox-image, .ambox-style td.mbox-image, .ambox-move td.mbox-image, .ambox-protection td.mbox-image {
  padding: 2px 0 2px 0.5em;
}

.ambox td.mbox-imageright, .ambox-notice td.mbox-imageright, .ambox-speedy td.mbox-imageright, .ambox-delete td.mbox-imageright, .ambox-content td.mbox-imageright, .ambox-style td.mbox-imageright, .ambox-move td.mbox-imageright, .ambox-protection td.mbox-imageright {
  padding: 2px 0.5em 2px 0;
}

.ambox th.mbox-text, .ambox-notice th.mbox-text, .ambox-speedy th.mbox-text, .ambox-delete th.mbox-text, .ambox-content th.mbox-text, .ambox-style th.mbox-text, .ambox-move th.mbox-text, .ambox-protection th.mbox-text {
  padding: 0.25em 0.5em;
}

.ambox + .ambox, .ambox-notice + .ambox, .ambox-speedy + .ambox, .ambox-delete + .ambox, .ambox-content + .ambox, .ambox-style + .ambox, .ambox-move + .ambox, .ambox-protection + .ambox, .ambox + .ambox-notice, .ambox-notice + .ambox-notice, .ambox-speedy + .ambox-notice, .ambox-delete + .ambox-notice, .ambox-content + .ambox-notice, .ambox-style + .ambox-notice, .ambox-move + .ambox-notice, .ambox-protection + .ambox-notice, .ambox + .ambox-speedy, .ambox-notice + .ambox-speedy, .ambox-speedy + .ambox-speedy, .ambox-delete + .ambox-speedy, .ambox-content + .ambox-speedy, .ambox-style + .ambox-speedy, .ambox-move + .ambox-speedy, .ambox-protection + .ambox-speedy, .ambox + .ambox-delete, .ambox-notice + .ambox-delete, .ambox-speedy + .ambox-delete, .ambox-delete + .ambox-delete, .ambox-content + .ambox-delete, .ambox-style + .ambox-delete, .ambox-move + .ambox-delete, .ambox-protection + .ambox-delete, .ambox + .ambox-content, .ambox-notice + .ambox-content, .ambox-speedy + .ambox-content, .ambox-delete + .ambox-content, .ambox-content + .ambox-content, .ambox-style + .ambox-content, .ambox-move + .ambox-content, .ambox-protection + .ambox-content, .ambox + .ambox-style, .ambox-notice + .ambox-style, .ambox-speedy + .ambox-style, .ambox-delete + .ambox-style, .ambox-content + .ambox-style, .ambox-style + .ambox-style, .ambox-move + .ambox-style, .ambox-protection + .ambox-style, .ambox + .ambox-move, .ambox-notice + .ambox-move, .ambox-speedy + .ambox-move, .ambox-delete + .ambox-move, .ambox-content + .ambox-move, .ambox-style + .ambox-move, .ambox-move + .ambox-move, .ambox-protection + .ambox-move, .ambox + .ambox-protection, .ambox-notice + .ambox-protection, .ambox-speedy + .ambox-protection, .ambox-delete + .ambox-protection, .ambox-content + .ambox-protection, .ambox-style + .ambox-protection, .ambox-move + .ambox-protection, .ambox-protection + .ambox-protection {
  margin-top: -1px;
}

.imbox, .imbox-notice {
  --classification-border-color: #1e90ff;
  --image-notice: #1e90ff;
  margin: 4px 10%;
  border-collapse: collapse;
  border: 3px solid var(--classification-border-color);
  background: var(--element-background-color);
}

.imbox-notice {
  border: 3px solid #1e90ff;
  --classification-border-color: var(--image-notice);
}

.imbox-speedy {
  border: 3px solid #b22222;
  background: #fee;
}

.imbox-delete {
  border: 3px solid #b22222;
}

.imbox-content {
  border: 3px solid #f28500;
}

.imbox-style {
  border: 3px solid #f4c430;
}

.imbox-move {
  border: 3px solid #9932cc;
}

.imbox-protection {
  border: 3px solid #bba;
}

.imbox-license {
  border: 3px solid #88a;
  background: #f7f8ff;
}

.imbox-featured {
  border: 3px solid #cba135;
}

.cmbox {
  --classification-background-color: #dfe8ff;
  margin: 3px 10%;
  border-collapse: collapse;
  border: 1px solid #aaa;
  background: #dfe8ff;
}

.cmbox-notice {
  background: #d8e8ff;
}

.cmbox-speedy {
  margin-top: 4px;
  margin-bottom: 4px;
  border: 4px solid #b22222;
  background: #ffdbdb;
}

.cmbox-delete {
  background: #ffdbdb;
}

.cmbox-content {
  background: #ffe7ce;
}

.cmbox-style {
  background: #fff9db;
}

.cmbox-move {
  background: #e4d8ff;
}

.cmbox-protection {
  background: #efefe1;
}

.ombox {
  margin: 4px 10%;
  border-collapse: collapse;
  border: 1px solid #aaa;
  background: var(--element-background-color);
}

.ombox-notice {
  border: 1px solid #aaa;
}

.ombox-speedy {
  border: 2px solid #b22222;
  background: #fee;
}

.ombox-delete {
  border: 2px solid #b22222;
}

.ombox-content {
  border: 1px solid #f28500;
}

.ombox-style {
  border: 1px solid #f4c430;
}

.ombox-move {
  border: 1px solid #9932cc;
}

.ombox-protection {
  border: 2px solid #bba;
}

.tmbox {
  margin: 4px 10%;
  border-collapse: collapse;
  border: 1px solid #c0c090;
  background: var(--element-background-color);
}

.tmbox-speedy {
  border: 2px solid #b22222;
  background: #fee;
}

.tmbox-delete {
  border: 2px solid #b22222;
}

.tmbox-content {
  border: 2px solid #f28500;
}

.tmbox-style {
  border: 2px solid #f4c430;
}

.tmbox-move {
  border: 2px solid #9932cc;
}

.tmbox-protection {
  border: 1px solid #c0c090;
}

.tmbox-notice {
  border: 1px solid #c0c090;
}

.dmbox {
  clear: both;
  margin: 0.9em 1em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: transparent;
}

.fmbox {
  clear: both;
  margin: 0.2em 0;
  width: 100%;
  border: 1px solid #aaa;
  background: var(--element-background-color);
}

.fmbox-warning {
  border: 1px solid #bb7070;
  background: #ffdbdb;
}

.fmbox-editnotice {
  background: transparent;
}

.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
  display: none;
}

.compact-ambox table.ambox, .compact-ambox table.ambox-notice, .compact-ambox table.ambox-speedy, .compact-ambox table.ambox-delete, .compact-ambox table.ambox-content, .compact-ambox table.ambox-style, .compact-ambox table.ambox-move, .compact-ambox table.ambox-protection {
  border: none;
  border-collapse: collapse;
  background: transparent;
  margin: 0 0 0 1.6em !important;
  padding: 0 !important;
  width: auto;
  display: block;
}

.compact-ambox table .mbox-text {
  padding: 0 !important;
  margin: 0 !important;
}

.compact-ambox table .mbox-text-span {
  display: list-item;
  line-height: 1.5em;
  list-style-type: square;
  list-style-image: url("//bits.wikimedia.org/static-current/skins/common/images/bullet.gif");
}

.compact-ambox .hide-when-compact {
  display: none;
}

.imbox .mbox-text .imbox, .imbox-notice .mbox-text .imbox, .imbox .mbox-text .imbox-notice, .imbox-notice .mbox-text .imbox-notice {
  margin: 0 -0.5em;
  display: block;
}

.mediawiki .mbox-inside .tmbox {
  margin: 2px 0;
  width: 100%;
}

body.mediawiki table.mbox-small {
  clear: right;
  float: right;
  margin: 4px 0 4px 1em;
  width: 270px;
  font-size: 88%;
  line-height: 1.25em;
}

body.mediawiki table.mbox-small-left {
  margin: 4px 1em 4px 0;
  width: 238px;
  border-collapse: collapse;
  font-size: 88%;
  line-height: 1.25em;
}

body.mediawiki .compact-ambox table.mbox-small-left {
  font-size: 100%;
  width: auto;
  margin: 0;
}

.hlist.hwrap {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}

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

/* Improving readability of warnings in editor */
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, #mw-protect-cascadeon, div.titleblacklist-warning {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #a68081;
    padding: 0.25em 0.9em;
}

/* Content elements */
:root {
  --element-background-color: #67261e;
  --element-border-color: #573c3b;
  --element-row-separator: #793f30;
  --element-secondary-background-color: #2d0b0a;
  --element-tertiary-background-color: #331211;
}

/* Portable Infoboxes */
.portable-infobox.pi-background {
  background-color: var(--element-background-color, #67261e);
}

.portable-infobox .pi-border-color {
  border-color: var(--element-row-separator, #793f30);
}

.portable-infobox .pi-title, .portable-infobox .pi-secondary-background {
  background-color: var(--element-secondary-background-color, #2d0b0a);
}

.portable-infobox .pi-title, .portable-infobox .pi-secondary-font {
  color: #fff;
}

.portable-infobox .pi-caption {
  color: #fff;
}

.portable-infobox .pi-data-value .plainlist li:not(:last-of-type) {
  border-bottom: 1px dotted var(--element-row-separator, #793f30);
}

.portable-infobox.pi-layout-stacked .pi-data-value ul li:not(:last-of-type) {
  border-bottom: 1px dotted var(--element-row-separator, #793f30);
}

/* Navbox */
.navbox {
  background-color: var(--element-background-color, #67261e);
  border-collapse: collapse;
}

.navbox .navbox-title {
  background-color: var(--element-secondary-background-color, #2d0b0a);
  border-bottom: 1px solid var(--element-row-separator, #793f30);
}

.navbox .navbox-gutter {
  display: none;
}

.navbox .navbox-row {
  border-bottom: 1px solid var(--element-row-separator, #793f30);
}

.navbox .navbox-row.alt {
  background-color: var(--element-tertiary-background-color, #331211);
}

.navbox > .navbox-row {
  border-bottom: 1px solid var(--element-row-separator, #793f30);
}

.navbox .navbox-group {
  background-color: var(--element-secondary-background-color, #2d0b0a);
  border-right: 1px solid var(--element-row-separator, #793f30);
}

.navbox .navbox-subgroup {
  border-collapse: collapse;
}

.navbox .navbox-list {
  /* */
}

/* Sidebar / Vertical Navbox */
.vertical-navbox {
  /* border-color: $color_coffee_bean_approx; */
  float: right;
  clear: right;
  width: 270px;
  margin: 0 0 1.0em 1.0em;
  /* padding: 0.2em; */
  /* border-spacing: 0.4em 0; */
  text-align: center;
  line-height: 1.4em;
  font-size: 88%;
  border: 0 !important;
}

.vertical-navbox th.sectionhead {
  border-color: #2d0b0a;
}

.vertical-navbox td .mw-collapsible {
  border-bottom: 1px solid var(--element-row-separator, #793f30) !important;
}

/* Notices */
.notice.hatnote {
  font-style: italic;
  text-align: center;
  padding: 0.25em;
  font-size: smaller;
}

/* =================================
   September 2018 redesign

   Kept in a separate CSS so that
   changes to it don't clutter page
   histories of main CSSs.
   ================================= 

   Color theory

    Red colors are based on the S8 Hush teaser thumbnail

    4D0002 main (page) background
    000000 local navigation header background
    FDFDBA section header, link colors
    4D0002 background skin
    FFB7B7 is redlink color; FFa0a0 on hover

   Font theory
    
    Main headers on main page: "AHS" (aka "Hill House", which lives on de.ahs)
			
    All the rest of the test is just Rubik

*/

/* Redlink color has to be changed because
   this is a dark-themed wiki. Need redlinks
   to have contrast with dark background */
   
.WikiaMainContent a.new,
.WikiaMainContent a.new:visited {
      color:#ffb7b7!important;
}
 
/* General mainpage qualities */
.mainpage-wrap {
      font-family:rubik;
}
.mainpage-wrap a,
.mainpage-wrap a:visited,
.mainpage-wrap a:link {
      /* placeholder */
}
.mainpage-wrap .wikia-gallery-caption-within .lightbox-caption a:visited,
.mainpage-wrap .wikia-gallery-caption-within .lightbox-caption a:link,
.mainpage-wrap .wikia-gallery-caption-within .lightbox-caption,
.mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a:visited,
.mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a:link,
.mainpage-wrap .wikia-gallery-caption-below .lightbox-caption {
    letter-spacing:0;
    font-weight:normal;
    line-height:150%;
    font-family:AHS;
    padding:.3em .2em .2em .1em;
    color:#fff;
    background-color:#4d0002;
}
.mainpage .wikia-gallery-item .lightbox-caption {
    background:transparent;
    margin-bottom:5px;
    font-size:20px;
    font-weight:normal;
    text-decoration:none;
    font-family:AHS;
}
.mainpage .wikia-gallery-item img {
    filter: grayscale(100%);
    transition: 0.5s !important;    
}
.mainpage .wikia-gallery-item img:hover {
    filter: grayscale(0%);
    transition: 0.5s !important;
}
.mainpage .article-thumb {
    margin-top:0px;
}
.mainpage .WikiaArticle a.external:after {
    display:none;
}
.mainpage .CategorySelect.articlePage.article-categories {
    border-color:#fff;
    background-color:transparent;
}
.mainpage .CategorySelect.articlePage.article-categories a,
.mainpage .CategorySelect.articlePage.article-categories a:visited {
    color:#fff;
}
.mainpage .WikiaPage .page-header__separator {
    border-color:#fff;
}

/* ==========
   Left rail
   ========== */

/* Left rail modules */
.mainpage-box-about,
.mainpage-box-characters,
.mainpage-box-seasons,
.mainpage-box-featured-videos {
      width:670px;
      text-align:center;
      margin:0 auto;
      font-family:rubik;
}
.mainpage-box-characters,
.mainpage-box-featured-videos,
.mainpage-box-seasons {
    margin-top:50px;
}
.mainpage-box-seasons .quote {
    text-align:left;
    font-size:35px;
    font-weight:bold;
    line-height:120%;
    margin:50px 10px;
    font-style:italic;
}
.mainpage-box-seasons .AHS-overview {
    width:650px;
    text-align:left;
    margin:0 auto 80px 0;
}
.mainpage-box-seasons .AHS-overview .leftcol {
    float:left;
}
.mainpage-box-seasons .AHS-overview .rightcol {
    padding-left:30px;
    float:left;
}
.mainpage-box-seasons .AHS-overview .season-description {
    width:310px;
    padding-bottom:30px;
}
.mainpage-box-featured-videos {
    margin-top:30px;
}
.mainpage-box-fx {
    margin:50px auto;
    text-align:center;
}
.mainpage-box-fx > div { /*It's important to !important here */
    border-radius:0!important;
    border:0!important;
    width:650px!important;
    box-shadow:none!important;
    background-color:#000!important;
}
.mainpage-box-fx > div a,
.mainpage-box-fx > div a:visited {
    color:#fff;
}

/* Left rail headers */
.mainpage-box-about .header,
.mainpage-box-characters .header,
.mainpage-box-seasons .header,
.mainpage-box-featured-videos .header {
     text-align:center;
     font-size:42px;
     text-transform:uppercase;
     letter-spacing:0;
     margin:0 auto 20px auto;
     color:#fff;         
     font-family:AHS;
     line-height:110%;
}
.mainpage-box-about .subheader {
    font-size:25px;
    line-height:150%;
    width:420px;
    margin:0 auto;
}
.mainpage-box-about .description {
    width:420px;
    padding:20px 0 20px 0;
    line-height:150%;
    margin:0 auto;
}
.mainpage-box-seasons .subheader {
    width:580px;
    font-size:25px;
    margin:0 auto;
    padding-bottom:50px;
    line-height:125%;
}
/* Left rail header exceptions */
.mainpage-box-about .header {
    font-size:72px;
    line-height:100%;
}
/* ==========
   Right rail
   ========== */
   
/* Right rail modules */
.mainpage-box-share,
.mainpage-box-blogs,
.mainpage-box-discussions {
     margin:50px auto;
     padding:0;
}
/** Blog module **/
.mainpage-box-blogs {
    padding-top:20px;
}
.mainpage-box-blogs a,
.mainpage-box-blogs a:visited {
    color:#fff;
}
.mainpage .WikiaBlogListingBox .more,
.mainpage .WikiaBlogListingBox .wikia-button,
.mainpage .WikiaBlogListingBox h2 {
    display:none;
}
.mainpage .WikiaBlogListingBox ul {
    border-color:#fff;
}
.mainpage .WikiaBlogListingBox ul .WikiaBlogListingPost {
    border-top-color:#fff;
}
/** Share module **/
.mainpage-box-share .icons {
     text-align: center; 
     margin:15px auto;
}
 .mainpage-box-share .icon {
     display: inline;
     margin-right:5px;
}
/** Discussions module **/
.mainpage .discussion-module { 
     display:none /* Turns off standard module to give deference to the bespoke one here */
}
.mainpage .embeddable-discussions-module { 
     border:none;
     background:transparent;
     padding:5px;
}
.mainpage .embeddable-discussions-heading {
     display:none;
}
.mainpage .embeddable-discussions-show-all {
     display:none;
}
.mainpage .embeddable-discussions-show-all a,
.mainpage .embeddable-discussions-show-all a:link,
.mainpage .embeddable-discussions-show-all a:visited {
     display:none;
}
.mainpage .embeddable-discussions-module .embeddable-discussions-post-detail { 
     background-color: transparent; 
     border:1px solid white;
     margin:0 0 20px 0;
     padding:5px;
}
.mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon-tiny path,
.mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon-tiny path,
.mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon path,
.mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon path {
    fill: #fff;
}
.mainpage .embeddable-discussions-module .embeddable-discussions-post-actions {
     border-top-color:#fff
}
.mainpage .embeddable-discussions-module .embeddable-discussions-post-actions a,
.mainpage .embeddable-discussions-module .embeddable-discussions-post-counters,
.mainpage .embeddable-discussions-module .avatar-details,
.mainpage .embeddable-discussions-module .embeddable-discussions-timestamp,
.embeddable-discussions-module .embeddable-discussions-forum {
    color:#fff
}
.mainpage .embeddable-discussions-module .embeddable-discussions-title a,
.mainpage .embeddable-discussions-module .embeddable-discussions-title {
    color:#fff;
    line-height:130%;
}
.mainpage a.avatar-username {
    color:#fff;
}
.mainpage .embeddable-discussions-heading-container {
    margin-top:0;
}
.mainpage .embeddable-discussions-module .embeddable-discussions-threads {
    padding-top:0!important;
}
.mainpage-box-discussions {
     margin:0 auto;
}

/* Right rail headers */
.mainpage-box-share .header,
.mainpage-box-blogs .header,
.mainpage-box-discussions .header {
     font-size:24px;
     text-align:center;
     margin-bottom:20px;
     text-transform:none;
     letter-spacing:0;
     font-family: AHS;
     line-height:100%;
     color:#fff;
}
/* Header exceptions for the right rail */

.mainpage-box-discussions .header {
    margin-bottom:0;
    margin-top:40px;
}


/* Portability */
@media (max-width: 1023px) {
     .mainpage-box-share,
     .mainpage-box-blogs,
     .mainpage-box-discussions {
         margin:0 auto 20px auto;
         padding-top:20px;
         width:300px;
     }
     .mainpage-box-share,
     .mainpage-box-blogs {
         display:inline-block;
     }
     .mainpage-box-share {
         margin-left:10px;
     }
     .mainpage-box-discussions .header {
         margin-top:0;
     }
     .main-page-tag-rcs .module {
          width:300px;
     }
}
Community content is available under CC-BY-SA unless otherwise noted.
More Fandoms