Diablo Wiki

We've Moved! Just as Gamepedia has joined forces with Fandom, this wiki had joined forces with our Fandom equivalent. The wiki has been archived and we ask that readers and editors move to the now combined wiki on Fandom. Click to go to the new wiki.

READ MORE

Diablo Wiki
Don't have an account?
Register
Advertisement
Register
Diablo Wiki
Diablo Wiki
10,761
pages

Mobile.css

MediaWiki page
Sign in to edit

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/*************************
/* Temporary 1.29 styles *
/*************************/
/* Generic Hydra Dark styles in place until custom fixes can be made */
.globalNotice {
  position: relative;
  color: #e0e0e0;
}

.header-container.header-chrome {
  border: 1px solid #cccccc;
  background: #212121;
}

.header {
  border-top: 1px solid #cccccc;
}

.header .branding-box h1 {
  border-bottom: none;
}

.mw-ui-anchor.mw-ui-progressive {
  color: #F37F20;
}

.notification-count {
  background: transparent;
}

.notification-count.notification-unseen .circle, .notification-count .circle {
  border-color: #cccccc;
}

.mw-echo-ui-notificationItemWidget-unread {
  background: #363636 !important;
}

.mw-echo-ui-notificationItemWidget, .mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group {
  border: 1px solid #cccccc !important;
  background: #212121 !important;
}

.overlay-header-container, .mw-echo-ui-crossWikiNotificationItemWidget-separator, .mw-echo-ui-bundleNotificationItemWidget-separator {
  border-bottom: 1px solid #cccccc !important
}

.overlay-footer-container {
  border-top: 1px solid #cccccc !important
}

.mw-echo-ui-notificationItemWidget-content-message-header, .mw-echo-ui-menuItemWidget-content, .mw-echo-ui-crossWikiNotificationItemWidget .mw-echo-ui-subGroupListWidget-header-row-title, .mw-echo-ui-bundleNotificationItemWidget .mw-echo-ui-subGroupListWidget-header-row-title, .mw-echo-ui-notificationItemWidget-content-actions-timestamp {
  color: #E0E0E0 !important;
}

.mw-echo-ui-notificationItemWidget-content-message-body {
  color: #cccccc !important;
}

.mw-ui-icon-mainmenu, #searchIcon.mw-ui-icon-magnifying-glass, .oo-ui-icon-expand, .oo-ui-icon-collapse, .oo-ui-icon-userAvatar, .oo-ui-icon-ellipsis {
  filter: invert(100%);
}

.overlay-enabled, #content {
  background: transparent;
}

.overlay, .overlay.editor-overlay, .overlay-header-container, .overlay-footer-container {
  background: #212121 !important;
}

.mw-ui-icon-arrow::before {
  filter: invert(100%);
}

#content .section {
  border-bottom: 1px solid #cccccc;
}

div.toc-mobile, .client-js div.toc-mobile {
  border: 1px solid #cccccc;
  background: #212121;
  color: #E0E0E0;
  padding: 8px;
  margin-bottom: 5px;
}

div.view-border-box {
  border: 1px solid #cccccc;
  background: #212121;
  color: #E0E0E0;
  padding: 8px;
  margin-bottom: 5px;
}

div.view-border-box.watch-this-article {
  border: none;
  background: #d3d3d3;
  margin: 0;
  padding: 0;
}

div.view-border-box.post-content {
  border: none;
  background: #cccccc !important;
}

div#mw-mf-last-modified {
  background: transparent !important;
}

input:not([type="submit"]), select, textarea {
  border: 1px solid #cccccc !important;
  background-color: #1f1f1f !important;
  color: #ffffff !important;
}

.header .search-box input.search, .search-box input.search {
  background-color: #1f1f1f !important;
}

.mw-ui-button {
  border-radius: 4px;
  border: 1px outset #ff9900;
  background: #ff9900;
  color: #000000 !important;
  font-weight: bold;
}

.mw-ui-button:hover {
  background: #ffcc33 !important;
  color: #000000 !important;
}

div.mw-echo-ui-menuItemWidget-content, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  color: #ff9900 !important;
}

#mw-mf-page-center > footer {
  border-top: 1px solid #cccccc;
  background: #212121;
  color: #E0E0E0;
}

.editor-overlay .wikitext-editor {
  color: #E0E0E0;
}

.editor-overlay .summary-request {
  color: #E0E0E0 !important;
}

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.ve-ui-mwSaveDialog-options {
  background-color: #212121 !important;
}

.search-overlay {
  background: rgba(0, 0, 0, 0.9) !important;
}

.search-overlay .results,
.search-overlay .search-feedback {
  background-color: #212121 !important;
}

.list-thumb.list-thumb-none {
  background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M0%200h56v56H0z%22%2F%3E%3Cpath%20fill%3D%22%23E0E0E0%22%20d%3D%22M36.4%2013.5H17.8v24.9c0%201.4.9%202.3%202.3%202.3h18.7v-25c.1-1.4-1-2.2-2.4-2.2zM30.2%2017h5.1v6.4h-5.1V17zm-8.8%200h6v1.8h-6V17zm0%204.6h6v1.8h-6v-1.8zm0%2015.5v-1.8h13.8v1.8H21.4zm13.8-4.5H21.4v-1.8h13.8v1.8zm0-4.7H21.4v-1.8h13.8v1.8z%22%2F%3E%3C%2Fsvg%3E) !important;
}

.page-summary h2, .page-summary h3 {
  color: #E0E0E0 !important;
}




body {
    background: #330707;
    color: #A18E73;
}

#mw-mf-page-center, body.navigation-enabled #mw-mf-page-center, .animations #mw-mf-page-center {
    background: #330707 !important;
    color: #A18E73;
}

body.navigation-enabled .transparent-shield {
  background: rgba(51, 7, 7, 0.8) !important;
}

a {
    color: #E0B021;
}

a:hover {
   color: #AF833B;
}

a:visited {
    color: #AF833B;
}

h2 {
    border-bottom: 0px solid #AAAAAA;
}

.thumb {
    background: none repeat scroll 0 0 #100303;
    border: 1px solid #330707;
    margin-bottom: 10px;
}

table[style] {
    float: none !important;
    margin-left: 0 !important;
    width: 100%;
}

table {
    border: 0px solid #CCCCCC;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    margin: auto;
    margin-bottom: 15px;
    padding: 3px;
}

table td, table th {
    border: 0px solid #CCCCCC;
    padding: 3px;
}

table.infobox {
    background: none repeat scroll 0 0 #100303;
    border: 1px solid #330707;
    width: 21em !important;
    margin: auto;
}

.mwm-notice {
    background: #0A0101;
    border: 1px solid #330707;
}

.nomobile {
    display: none;
}

/********************
/* Main menu styles *
/********************/
.primary-navigation-enabled {
  border-left: 12px solid #330707 !important;
  background: #0A0101 !important;
}

#mw-mf-page-left {
  border-left: 12px solid #330707;
  background: transparent;
}

#mw-mf-page-left ul {
  background: transparent;
}

#mw-mf-page-left ul:first-child {
  border-bottom: 12px solid #330707;
}

#mw-mf-page-left ul li {
  border-top: 1px solid #330707;
  border-bottom: 1px solid #330707;
  background: transparent;
  text-shadow: none;
}

#mw-mf-page-left ul li a, #mw-mf-page-left ul.hlist li a {
  border: none;
  color: #E0B021;
}

#mw-mf-page-left ul li:hover {
  border-left: 12px solid #E0B021;
  background: transparent;
}

#mw-mf-page-left ul.hlist li:hover {
  border: none;
}

#mw-mf-page-left ul li:hover a, #mw-mf-page-left ul.hlist li:hover a {
  color: #AF833B;
}

/* Common styles - mostly copied from MediaWiki:Common.css (excluding desktop-specific styles like nodesktop) */

/* Style for related articles link */
.rellink {
font-style: italic;
}

/* HTML5 Audio tag not formatted from the extension */
audio {
  width: 180px;
}

/* Removes the header from the main page */
body.page-Diablo_III_Wiki h1.firstHeading { display:none; }

body.page-Diablo_II_Wiki h1.firstHeading { display:none; }

body.page-Diablo_I_Wiki h1.firstHeading { display:none; }

/* Controls the color scheme for common tables */

.dftable {
  background-color: #0A0101;
}

.dftable td {
  background-color: #0A0101;
}

.dftable th {
  background-color: #1F0400;
  color: #D49E43;
}

.dftable th.header {
  background-color: #2F0600;
  font-family: Georgia;
        border: none;
}

.dftable th.headergreen {
  background-color: #2F0600;
        color: #8BD442;
  font-family: Georgia;
  padding: 1.0em;
}

.dftable th.header2 {
  background-color: #2F0600;
  font-family: Georgia;
}

.dfborder {
  border: 1px solid #330707;
  border-collapse: collapse;
}

.dfborder td {
  border: 1px solid #330707;
}

.dfborder th {
  border: 1px solid #330707;
}

/* Attributes template style */
.attributesbox {
  padding: 5px;
  border: 1px solid #2F0600;
  font-size: 0.9em;
  width: 100%
}

.attributesbox th {
  text-align: center;
}

.attributesbox th.subheader {
  width: 33%;
}

.attributesbox td {
  text-align: center;
  padding: 0.5em;
}

/* Infobox template style */
.infobox {
  border: 1px solid #2F0600;
  float: right;
  margin-left: .5em;
  width: 270px;
}

.infobox table {  
  background-color: #0A0101;    
  width: 100%;  
}

.infobox th.header {
  padding: 1.0em;
  font-size: 1.2em;
}

.infobox th {
  padding: 3px;
}

.infobox td {
  padding: 3px;
}

.infobox td.image {
  padding: 1em;
  text-align: center;
}

/* Navbox template style */

.navbox {
  border: 1px solid #2F0600;
  font-size: 0.9em;
  padding: 5px;
  width:100%;
}

.navbox th {
  padding-left: 1em;
  padding-right: 1em;
  text-align: right;
  white-space: nowrap;
  width: 1px;
}

.navbox th.header {
  text-align: center;
  white-space: normal;
}

.navboxv {
  border: 1px solid #2F0600;
  font-size: 0.9em;
  margin: 0px auto;
  padding: 5px;
  text-align: center;
}
  
/* Portalbox template style */

.portalbox {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  border: 1px solid #2F0600;
  width: 100%;
}

.portalbox th.header {
  background-color: #2F0600;
  font-size: 1.4em;
  font-weight: normal;
  padding-top: .2em;
  padding-bottom: .2em;
  text-align: center;
}

/* Table style for Breakpoints (Diablo II) */

.breakpoints {
  background-color: #000;
  text-align: center;

}

.breakpoints th {
  background-color: #2F0600;
  width: 70px;

}

.breakpoints th.header {
  background-color: #2F0600;
  color: #F2D5AD;
  font-size: 110%;
  width: 150px;

}

/* Table style for Immune Monsters (Diablo II) */

.immune {
        background-color: #000000;
        text-align: right;
}

.immune th {
        background-color: #2F0600;
        color: #F2D5AD
}

.immune td.red {
        background-color: #CC0000;
        color: #000000;
}

.immune td.green {
        background-color: #008000;
        color: #000000;
}

/* A temporary style used only by the current skill template for Diablo II */
.infoboxskill {
  background-color: #080808;
  border-spacing: 0;
  height:100%;
}

.infoboxskill > td {
  padding: 0;
}

.infoboxskill th {
  font-weight: bold;
  text-align: right;
}

.infoboxskill th.header {
  background-color: #2F0600; 
  padding: 3px; 
  text-align: left;
}

.infoboxskill td.image {
  height: 100%; 
  text-align:center; 
  vertical-align:top;
}

.infoboxskill table {
  background-color: #080808;
  border-spacing: 5px;
  height:100%;
  padding: 0;
  text-align: left;
  vertical-align: top;
}

/* Standard colors to be used in the wiki */
.d3color_blue {color:#7979D4;}
.d3color_gold {color:gold;}
.d3color_grey {color:#696969;}
.d3color_green {color:#8BD442;}
.d3color_orange {color:#BF642F;}
.d3color_purple {color:#9D34D9;}
.d3color_red {color:red;}
.d3color_white {color:#FFFFFF;}
.d3color_yellow {color:#F8CC30;}

.d2color_blue {color:#4169E1;}
.d2color_gold {color:#A59263;}
.d2color_green {color:#00FF00;}
.d2color_orange {color:#FFA500;}
.d2color_yellow {color:#FFFF00;}

/*** Start of Diablo: The Hell ***/
/* Last updated at 2010-06-08 */

/* Standard table */
table.THtable
{
 border-collapse: collapse;
}

table.THtable td, table.THtable th
{
 padding: 1px 10px;
}

table.THtable th
{
 background-color: #2f0600;
}

table.THtable tr:nth-child(even)
{
 background-color: transparent;
}

table.THtable tr:nth-child(odd)
{
 background-color: #210400;
}


/* Table for a specific character's stats */

table.THstats-specific td:nth-child(1)
{
 text-align: left;
 width: 8em;
}

table.THstats-specific td:nth-child(2)
{
 text-align: right;
}

table.THstats-specific td:nth-child(3)
{
 text-align: right;
}

table.THstats-specific td:nth-child(4)
{
 text-align: left;
}

/* Table for the combined character's stats */

table.THstats-all td
{
 text-align: right;
}

table.THstats-all td:nth-child(1)
{
 text-align: left;
 width: 8em;
}


/* Table for item stats */

table.THitems td
{
 width: 3em;
 text-align: right;
}

table.THitems td:nth-child(1)
{
 text-align: left;
 width: 16em;
}


/* Table for pre- and subfixes */

table.THpresubfixes td
{
 width: 4em;
 text-align: right;
}

table.THpresubfixes td:nth-child(1)
{
 text-align: left;
 width: 8em;
}

table.THpresubfixes td:nth-child(2)
{
 text-align: left;
 width: 15.5em;
}

/* Table for unique items */

table.THuniqueitems
{
 width: 100%;
}

table.THuniqueitems td:nth-child(1)
{
 width: 11.5em;
}

table.THuniqueitems td:nth-child(2)
{
 width: 6.5em;
}

/* Table for monster lists */

table.THmonster tr:nth-child(even)
{
 background-color: #180300;
}

table.THmonster tr:nth-child(odd)
{
 background-color: #000;
}

table.THmonster
{
 border-collapse: collapse;
 text-align: center;
}

table.THmonster td
{
 border: 1px dotted #4b0900;
 padding: 0 3px;
}

table.THmonster tr:nth-child(2)
{
 background-color: #220400;
}

table.THmonster tr:nth-child(1) td
{
 background-color: #2f0600;
}

table.THmonster tr:nth-child(1) td
{
 color: #d9bf9b;
}

table.THmonster tr:nth-child(1) td, table.THmonster tr:nth-child(2) td
{
 font-weight: bold;
}

table.THmonster td.Undead
{
 color: white;
}

table.THmonster td.Demon
{
 color: red;
}

table.THmonster td.Animal
{
 color: green;
}

table.THmonster
{
 border: 1px solid #5e0c00;
}

table.THmonster tr:nth-child(1) td:nth-child(1),
table.THmonster tr:not(:nth-child(-n+2)) td:nth-child(1),
table.THmonster tr:not(:nth-child(-n+2)) td:nth-child(4),
table.THmonster tr:not(:nth-child(-n+2)) td:nth-child(7),
table.THmonster tr:not(:nth-child(-n+2)) td:nth-child(10),
table.THmonster tr:nth-child(1) td:nth-child(2),
table.THmonster tr:nth-child(1) td:nth-child(3),
table.THmonster tr:nth-child(1) td:nth-child(4),
table.THmonster tr:nth-child(2) td:nth-child(3),
table.THmonster tr:nth-child(2) td:nth-child(6),
table.THmonster tr:nth-child(2) td:nth-child(9)
{
 border-right: 1px solid #5e0c00;
}

/* Table for spell tables */

table.THspell td
{
 text-align: right;
 width: 1.7em;
}

table.THspell td:nth-child(1)
{
 text-align: left;
 width: 9em;
}

/*** End of Diablo: The Hell ***/

/* class infobox template, class icon background; use 'class-bg' for general usage */

div.class-box.Barbarian,      .class-bg.Barbarian
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/a/af/Barbarian1.jpg/revision/latest) no-repeat 0em 0em; }
div.class-box.Demon_Hunter,       .class-bg.Demon_Hunter
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/a/a0/Demon_Hunter.jpg/revision/latest) no-repeat 0em 0em; }
div.class-box.Monk,         .class-bg.Monk
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/3/33/Monk.jpg/revision/latest) no-repeat 0em 0em; }
div.class-box.Witch_Doctor, .class-bg.Witch_Doctor
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/8/8b/Witch_Doctor.jpg/revision/latest) no-repeat 0em 0em; }
div.class-box.Wizard,       .class-bg.Wizard
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/f/fe/Wizard.jpg/revision/latest) no-repeat 0em 0em; }

/* quality image template, color background; use 'quality-bg' for general usage */

div.quality-box.Normal,    .quality-bg.Normal
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/c/c8/Brown_bkgrd.png/revision/latest) no-repeat 0em 0em;
  border: 1px solid #352012; }
div.quality-box.Common,    .quality-bg.Common
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/c/c8/Brown_bkgrd.png/revision/latest) no-repeat 0em 0em;
  border: 1px solid #352012; }
div.quality-box.Magic,    .quality-bg.Magic
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/8/8d/Blue_bkgd.png/revision/latest) no-repeat 0em 0em;
  border: 1px solid #7979D4; }
div.quality-box.Rare,    .quality-bg.Rare
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/c/c6/Yellow_bkgd.png/revision/latest) no-repeat 0em 0em;
  border: 1px solid #F8CC30; }
div.quality-box.Legendary,    .quality-bg.Legendary
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/4/4f/Orange_bkgd.png/revision/latest) no-repeat 0em 0em;
  border: 1px solid #BF642F; }
div.quality-box.Set,    .quality-bg.Set
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/b/bf/Green_bkgd.png/revision/latest) no-repeat 0em 0em;
  border: 1px solid #8BD442; }

/* damage type image template, color background; use 'damage-bg' for general usage */

div.damage-box.Poison,    .damage-bg.Poison
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/0/05/Poison.png/revision/latest) no-repeat 0em 0em;
  border: 0px solid #000; }

div.damage-box.Arcane,    .damage-bg.Arcane
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/d/d8/Arcane.png/revision/latest) no-repeat 0em 0em;
  border: 0px solid #000; }

div.damage-box.Cold,    .damage-bg.Cold
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/6/6b/Cold.png/revision/latest) no-repeat 0em 0em;
  border: 0px solid #000; }

div.damage-box.Fire,    .damage-bg.Fire
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/3/30/Fire.png/revision/latest) no-repeat 0em 0em;
  border: 0px solid #000; }

div.damage-box.Holy,    .damage-bg.Holy
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/a/a3/Holy.png/revision/latest) no-repeat 0em 0em;
  border: 0px solid #000; }

div.damage-box.Lightning,    .damage-bg.Lightning
{ background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/8/86/Lightning.png/revision/latest) no-repeat 0em 0em;
  border: 0px solid #000; }

div.inventory { background: #000 url(https://static.wikia.nocookie.net/diablo_gamepedia/images/d/db/Inventory.png/revision/latest) no-repeat 0em 0em; }

/* hover tooltip formatting */
.htt {
background-color:#000;
}

/* Test zone */
.dfboxtest {
width: 300px;
border: 1px solid #2F0600;
padding: 5px;
background-color: #0A0101;
}

.headertest {
background-color: #2F0600;
font-size: 120%;
font-weight: bold;
text-align: center;
font-family: Georgia;
color: #D49E43;
padding: .5em;
}

.achlist ul li {
  list-style: none;
  background: url("https://static.wikia.nocookie.net/diablo_gamepedia/images/f/f0/Achievement_list_bullet_icon.png/revision/latest") no-repeat 1px 0;
  margin-left: -18px;
  padding-left: 20px;
  min-height: 16px
}

.achreq ul li {
  list-style: none;
  background: url("https://static.wikia.nocookie.net/diablo_gamepedia/images/8/8e/Achievement_req_bullet_icon.png/revision/latest") no-repeat 1px 2px;
  margin-left: -18px;
  margin-top: -1px;
  padding-left: 20px;
  min-height: 16px;
}

.questlist ul li {
  list-style: none;
  background: url("https://static.wikia.nocookie.net/diablo_gamepedia/images/1/19/Quest_list_icon.png/revision/latest") no-repeat 1px 0;
  margin-left: -18px;
  padding-left: 20px;
  min-height: 16px
}

/* Flex text link list */
.skin-minerva .flextextlinks {
  text-align: center;
}

.skin-minerva .flextextlinks ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  text-align: center;
  margin: -2px -10px;
  padding: 0;
}

.skin-minerva .flextextlinks ul li {
  display: flex;
  list-style: none;
  flex-flow: column wrap;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  flex: 1 0 15rem;
  margin: 0;
  padding: 2px 10px;
}

@media ( min-width: 30rem ) {
  .skin-minerva .flextextlinks ul li {
    flex: 0 0 15rem;
  }
}

.skin-minerva .flextextlinks ul li a, 
.skin-minerva .flextextlinks.plainlinks ul li a {
  display: flex;
  border: none;
  background: #402d01 !important;
  color: #e0b021 !important;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 10px !important;
}

.skin-minerva .flextextlinks ul li a:visited, 
.skin-minerva .flextextlinks.plainlinks ul li a:visited {
  background: #402d01 !important;
  color: #af833b !important;
}

/* Flex icon link list */
.skin-minerva .flexiconlinks {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  text-align: center;
  margin: -10px;
  padding: 0;
}

.flexiconlinks.horizontal {
  margin: -2px -10px;
}

.skin-minerva .flexiconlinks .iconlink {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  border: none;
  background: #402d01;
  color: #e0b021;
  margin: 10px;
  padding: 5px 10px;
  flex: 0 0 8rem;
  min-width: 128px;
}

.skin-minerva .flexiconlinks.horizontal .iconlink {
  margin: 2px 10px;
  padding: 10px;
}

.skin-minerva .flexiconlinks.iconsize24 .iconlink {
  flex: 0 0 1.5rem;
  min-width: 24px;
}

.skin-minerva .flexiconlinks.linksize24 .iconlink {
  flex: 0 0 1.5rem;
  min-width: 24px;
}

.skin-minerva .flexiconlinks.iconsize64 .iconlink {
  flex: 0 0 4rem;
  min-width: 64px;
}

.skin-minerva .flexiconlinks.linksize64 .iconlink {
  flex: 0 0 4rem;
  min-width: 64px;
}

.skin-minerva .flexiconlinks.iconsize96 .iconlink {
  flex: 0 0 6rem;
  min-width: 96px;
}

.skin-minerva .flexiconlinks.linksize96 .iconlink {
  flex: 0 0 6rem;
  min-width: 96px;
}

.skin-minerva .flexiconlinks.iconsize128 .iconlink {
  flex: 0 0 8rem;
  min-width: 128px;
}

.skin-minerva .flexiconlinks.linksize128 .iconlink {
  flex: 0 0 8rem;
  min-width: 128px;
}

.skin-minerva .flexiconlinks.iconsize192 .iconlink {
  flex: 0 0 12rem;
  min-width: 192px;
}

.skin-minerva .flexiconlinks.linksize192 .iconlink {
  flex: 0 0 12rem;
  min-width: 192px;
}

.skin-minerva .flexiconlinks.iconsize256 .iconlink {
  flex: 0 0 16rem;
  min-width: 256px;
}

.skin-minerva .flexiconlinks.linksize256 .iconlink {
  flex: 0 0 16rem;
  min-width: 256px;
}

.skin-minerva .flexiconlinks.horizontal .iconlink {
  flex-flow: row nowrap;
  align-items: flex-start;
  flex: 1 0 15rem;
  box-sizing: border-box;
}

@media ( min-width: 30rem ) {
  .skin-minerva .flexiconlinks.horizontal .iconlink {
    flex: 0 0 15rem;
  }
}

.skin-minerva .flexiconlinks .iconlink .icon {
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  min-width: 128px;
  width: 128px;
  height: 128px;
}

.skin-minerva .flexiconlinks.horizontal .iconlink .icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.skin-minerva .flexiconlinks.linksize24 .iconlink .icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.skin-minerva .flexiconlinks.linksize64 .iconlink .icon {
  min-width: 64px;
  width: 64px;
  height: 64px;
}

.skin-minerva .flexiconlinks.linksize96 .iconlink .icon {
  min-width: 96px;
  width: 96px;
  height: 96px;
}

.skin-minerva .flexiconlinks.linksize128 .iconlink .icon {
  min-width: 128px;
  width: 128px;
  height: 128px;
}

.skin-minerva .flexiconlinks.linksize192 .iconlink .icon {
  min-width: 192px;
  width: 192px;
  height: 192px;
}

.skin-minerva .flexiconlinks.linksize256 .iconlink .icon {
  min-width: 256px;
  width: 256px;
  height: 256px;
}

.skin-minerva .flexiconlinks.iconsize64 .iconlink .icon {
  min-width: 64px;
  width: 64px;
  height: 64px;
}

.skin-minerva .flexiconlinks.iconsize96 .iconlink .icon {
  min-width: 96px;
  width: 96px;
  height: 96px;
}

.skin-minerva .flexiconlinks.iconsize128 .iconlink .icon {
  min-width: 128px;
  width: 128px;
  height: 128px;
}

.skin-minerva .flexiconlinks.iconsize192 .iconlink .icon {
  min-width: 192px;
  width: 192px;
  height: 192px;
}

.skin-minerva .flexiconlinks.iconsize256 .iconlink .icon {
  min-width: 256px;
  width: 256px;
  height: 256px;
}

.skin-minerva .flexiconlinks .iconlink .icon a {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: center;
  flex: 0 0 100%;
  margin: -5px -10px 0 -10px;
  padding: 5px 10px 0 10px;
}

.skin-minerva .flexiconlinks.horizontal .iconlink .icon a {
  margin: -10px 0 -10px -10px;
  padding: 10px 0 10px 10px !important;
}

.skin-minerva .flexiconlinks .iconlink .text {
  color: #e0b021;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  width: 100%;
  text-align: center;
}

.skin-minerva .flexiconlinks.horizontal .iconlink .text {
  flex-grow: 1;
  width: auto;
  text-align: left;
}

.skin-minerva .flexiconlinks .iconlink .text a {
  display: block;
  color: #e0b021 !important;
  width: auto;
  margin: 0 -10px -5px -10px;
  padding: 0 10px 5px 10px !important;
}

.skin-minerva .flexiconlinks .iconlink .text a:visited {
  color: #af833b !important;
}

.skin-minerva .flexiconlinks.horizontal .iconlink .text a,
.skin-minerva .flexiconlinks.horizontal .iconlink .text a:visited {
  margin: -10px -10px -10px 0;
  padding: 10px 10px 10px 0.5rem !important;
}

/* Responsive flex page layout */
.skin-minerva .rfpelements {
  width: 100%;
  overflow: hidden;
}

.skin-minerva .rfpblock {
  margin: 5px;
  padding: 3px 6px;
  text-align: left;
}

.skin-minerva .rfpblock.rfpmobilecollapsible .heading a {
  display: block;
  padding: 0 0 0 15px;
}

.skin-minerva .rfpblock.rfpmobilecollapsible .heading a:hover, 
.skin-minerva .rfpblock.rfpmobilecollapsible .heading .imageheading a:active {
  text-decoration: none;
}

.skin-minerva .rfpblock.rfpmobilecollapsible.collapsed .heading {
  border: none;
  margin-bottom: -1px;
}

.skin-minerva .rfpblock.rfpmobilecollapsible.collapsed .body {
  display: none;
}

.skin-minerva .rfpblock.rfpmobilecollapsible.expanded .body {
  display: block;
}

.skin-minerva .rfpblock img {
  max-width: 100%;
  height: auto;
}

/* Responsive flex specials */
.skin-minerva .rfptwitter:not(.collapsed),
.skin-minerva .rfptwitter.expanded {
  display: flex;
  flex-flow: column nowrap;
}

.skin-minerva .rfptwitter:not(.collapsed) .body,
.skin-minerva .rfptwitter:not(.collapsed) .body .twitter-timeline-wrapper,
.skin-minerva .rfptwitter.expanded .body,
.skin-minerva .rfptwitter.expanded .body .twitter-timeline-wrapper {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 410px;
}

.skin-minerva .rfptwitter:not(.collapsed) .body .twitter-timeline-wrapper iframe,
.skin-minerva .rfptwitter.expanded .body .twitter-timeline-wrapper iframe {
  width: auto !important;
  height: auto !important;
  flex: 0 0 400px;
}

/* Responsive flex appearance */
.skin-minerva .rfpbox,
.skin-minerva .rfpmobilebox {
  border: none;
  background: #0a0101;
  color: #e0e0e0;
  margin: 5px;
  padding: 3px 6px;
}

.skin-minerva .rfpblock .heading {
  background: #2f0600;
  font-family: Georgia;
  color: #d49e43;
  font-weight: bold;
  font-size: 132%;
  margin: -1px -4px 10px -4px;
  padding: 0.2em 0.5em;
}

.skin-minerva .rfpblock.rfpmobilecollapsible.collapsed .heading a {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%227%22%20viewBox%3D%220%200%205%207%22%3E%3Cg%20fill%3D%22%23c36f26%22%3E%3Ctitle%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3Eleft%20arrow%3C%2Ftitle%3E%3Cpath%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20d%3D%22M1%200%20L1%207%20L5%203.5%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") left center no-repeat;
}

.skin-minerva .rfpblock.rfpmobilecollapsible.expanded .heading a {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%224%22%20viewBox%3D%220%200%207%204%22%3E%3Cg%20fill%3D%22%23c36f26%22%3E%3Ctitle%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3Edown%20arrow%3C%2Ftitle%3E%3Cpath%20xmlns%3Adefault%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20d%3D%22M0%200%20L7%200%20L3.5%204%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") left center no-repeat;
}

/* Responsive flex documentation examples */
.rfpdoclabel {
  border: 1px solid #0a0101;
  padding: 3px 6px;
  text-align: center;
}

.rfpdocexample {
  display: flex;
  flex-flow: row wrap;
  text-align: center;
  margin: 0 0 10px 0;
}

.rfpdocnarrow {
  border: 1px solid #0a0101;
  padding: 3px 0 0 0;
  width: 16.666667%;
  box-sizing: border-box;
}

.rfpdocmedium {
  border: 1px solid #0a0101;
  padding: 3px 0 0 0;
  width: 33.333333%;
  box-sizing: border-box;
}

.rfpdocwide {
  border: 1px solid #0a0101;
  padding: 3px 0 0 0;
  width: 50%;
  box-sizing: border-box;
}

.rfpdocelements {
  display: flex;
  flex-flow: row wrap;
}

.rfpdocshelf,
.rfpdocstack {
  display: flex;
  flex-flow: column nowrap;
  margin: 0;
  padding: 0;
  flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.rfpdocblock {
  margin: 5px;
  padding: 3px 6px;
  flex: 0 0 calc( 100% - 10px );
  max-width: calc( 100% - 10px );
  text-align: center;
  box-sizing: border-box;
}

.rfpdocstack .rfpdocstack,
.rfpsdoctack .rfpdocshelf,
.rfpdocshelf .rfpdocshelf,
.rfpdocshelf .rfpdocstack {
  flex: 1 0 auto;
  max-width: 100%;
}

.rfpdocstack .rfpdocblock,
.rfpdocshelf .rfpdocblock {
  flex: 1 0 auto;
  max-width: calc( 100% - 10px );
}

.rfpdocstack .rfpdocnoresize {
  flex: 0 0 auto;
}

.rfpdocmedium .rfpdoc100-50-67size,
.rfpdocmedium .rfpdoc100-50-50size,
.rfpdocmedium .rfpdoc100-50-33size {
  flex: 0 0 50%;
  max-width: 50%;
}

.rfpdocmedium .rfpdocblock.rfpdoc100-50-67size,
.rfpdocmedium .rfpdocblock.rfpdoc100-50-50size,
.rfpdocmedium .rfpdocblock.rfpdoc100-50-33size {
  flex: 0 0 calc( 50% - 10px );
  max-width: calc( 50% - 10px );
}

.rfpdocwide .rfpdoc100-100-67size,
.rfpdocwide .rfpdoc100-50-67size {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.rfpdocwide .rfpdocblock.rfpdoc100-100-67size,
.rfpdocwide .rfpdocblock.rfpdoc100-50-67size {
  flex: 0 0 calc( 66.666667% - 10px );
  max-width: calc( 66.666667% - 10px );
}

.rfpdocwide .rfpdoc100-100-50size,
.rfpdocwide .rfpdoc100-50-50size {
  flex: 0 0 50%;
  max-width: 50%;
}

.rfpdocwide .rfpdocblock.rfpdoc100-100-50size,
.rfpdocwide .rfpdocblock.rfpdoc100-50-50size {
  flex: 0 0 calc( 50% - 10px );
  max-width: calc( 50% - 10px );
}

.rfpdocwide .rfpdoc100-100-33size,
.rfpdocwide .rfpdoc100-50-33size {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.rfpdocwide .rfpdocblock.rfpdoc100-100-33size,
.rfpdocwide .rfpdocblock.rfpdoc100-50-33size {
  flex: 0 0 calc( 33.333333% - 10px );
  max-width: calc( 33.333333% - 10px );
}

.rfpdocwide .rfpdocshelf {
  flex-flow: row wrap;
}

.rfpdocwide .rfpdocshelf > .rfpdocstack {
  flex: 0 0 50%;
  max-width: 50%;
}

.rfpdocwide .rfpdocshelf > .rfpdocblock {
  flex: 0 0 calc( 50% - 10px );
  max-width: calc( 50% - 10px );
}

.rfpdocwide .rfpdocshelf > .rfpdocstack.rfpdockeepwide {
  flex: 0 0 100%;
  max-width: 100%;
}

.rfpdocwide .rfpdocshelf > .rfpdocblock.rfpdockeepwide {
  flex: 0 0 calc( 100% - 10px );
  max-width: calc( 100% - 10px );
}

/* Main page article lists */
.mparticlelists {
  display: flex;
  flex-flow: row wrap;
  margin: -10px;
}

.mparticlelist {
  min-width: 53px;
  flex: 1 0 auto;
  min-width: 33.333333%;
  max-width: 100%;
  text-align: left;
  padding: 10px;
  box-sizing: border-box;
}

.mparticlelistimage {
  max-width: 100%;
  height: auto;
  text-align: center;
}

.mparticlelistheader {
  background: #1f0400;
  color: #d49e43;
  font-weight: bold;
  text-align: center;
  margin: 5px -3px 5px -3px;
  padding: 2px 3px;
}

.mparticlelist ul {
  list-style: none;
  font-weight: bold;
}

.mparticlelist ul > li > ul {
  list-style: none;
  font-weight: normal;
}
img.scalable {
    max-width: 100%;
    height:auto;
}
.globalNotice .globalNoticeDismiss {
    display: none;
}
Community content is available under CC BY-NC-SA unless otherwise noted.
More Fandoms
Advertisement