MediaWiki:FandomMobile.css

/******************** /* Mobile main page * /********************/ }
 * 1) mmpcontent .mmpbody {

max-width: 100%; height: auto; }
 * 1) mmpheader img, #mmpcontent .mmpbody img {

background-position: center center, center center; background-size: auto, cover; color: #f4f2ec; font-family: Eczar, serif; font-weight: bold; font-size: 125%; height: 100px; line-height: 100px; }
 * 1) mmpcontent .imageheading {

position: relative; }
 * 1) mmpcontent .mmpcollapsible .imageheading {

position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #f4f2ec; line-height: 100px; padding-left: 32px; }
 * 1) mmpcontent .mmpcollapsible .imageheading a {

text-decoration: none; }
 * 1) mmpcontent .mmpcollapsible .imageheading a:hover, #mmpcontent .mmpcollapsible .imageheading a:active {

border-bottom: 5px solid #1d0b07; }
 * 1) mmpcontent .mmpcollapsible.collapsed .imageheading {

background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHAQMAAAD6aRWtAAAABlBMVEVvcnTzvkSH/0sSAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhAg8MFh7c4lBhAAAAFElEQVQI12NwYEhgKGCoAOIEBgcAEjYCmWxNs0wAAAAASUVORK5CYII=") 20px center no-repeat; }
 * 1) mmpcontent .mmpcollapsible.collapsed .imageheading a {

display: none; }
 * 1) mmpcontent .mmpcollapsible.collapsed .mmpbody {

border-bottom: none; }
 * 1) mmpcontent .mmpcollapsible.expanded .imageheading {

background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEVvcnTzvkSH/0sSAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfhAg8MFiVt6blFAAAAEElEQVQI12P4x1DDYMEgAAAKHgHDGrfkbwAAAABJRU5ErkJggg==") 20px center no-repeat; }
 * 1) mmpcontent .mmpcollapsible.expanded .imageheading a {

display: block; }
 * 1) mmpcontent .mmpcollapsible.expanded .mmpbody {

display: block; border-radius: 8px; border: 1px outset rgba(129, 72, 104, 0.2); background: #814868; font-weight: bold; text-align: center; padding: 4px; margin: 40px auto 0 auto; width: 200px; }
 * 1) mmpcontent .button .wrapper {

display: block; border-radius: 7px; border: 2px outset rgba(123, 3, 167, 0.6); background: #7b03a7; background: linear-gradient(to right, #7b03a7, #bd0ec8 50%, #7b03a7 100%); background: linear-gradient(to right, #7b03a7, #bd0ec8 50%, #7b03a7 100%) border-box; color: #ffffff !important; font-weight: bold; text-align: center; padding: 8px; }
 * 1) mmpcontent .button a {

display: inline-block; vertical-align: top; width: 50%; max-width: 50%; }
 * 1) mmpcontent .twocols .leftcol {

display: inline-block; vertical-align: top; width: 50%; max-width: 50%; }
 * 1) mmpcontent .twocols .rightcol {

font-weight: bold; background: #423321; color: #f4f2ec; line-height: 1; padding: 1em 0 1em 1.6em; margin: 0 0 1px 0; }
 * 1) mmpcontent .listheading {

margin: 0 1px 1px 0; }
 * 1) mmpcontent .twocols .leftcol .listheading {

margin: 0 1px 1px 1px; }
 * 1) mmpcontent .twocols .rightcol .listheading {

padding: 0; margin: 0; }
 * 1) mmpcontent ul {

list-style: none; background: #1d0b07; line-height: 1; padding: 0; margin: 0 0 1px 0; }
 * 1) mmpcontent ul li {

display: block; padding: 1em 0 1em 1.6em; }
 * 1) mmpcontent ul li a {

margin: 0 1px 1px 0; }
 * 1) mmpcontent .twocols .leftcol ul li {

margin: 0 1px 1px 1px; }
 * 1) mmpcontent .twocols .rightcol ul li {

border-bottom: 5px solid #1d0b07; background: #1a0e05 url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/7/78/Mobile_Main_Page_header.jpg/revision/latest") no-repeat center center / cover; color: #c0a66d; text-align: center; padding: 8% 12%; line-height: 2; }
 * 1) mmpheader {

color: #ffca49; }
 * 1) mmpheader a, #mmpheader a:link {

color: #f6d17a; }
 * 1) mmpheader a:visited {

color: #ffca49 !important; }
 * 1) mmpheader a.extiw, #mmpheader a.external {

color: #f6d17a !important; }
 * 1) mmpheader .mmpbody a.extiw:visited, #mmpheader a.external:visited {

background: #1a0e05; color: #ffffff; font-size: 105%; text-align: center; padding: 8% 8%; line-height: 2; }
 * 1) mmpfeature .mmpbody {

color: #d5ab6b; }
 * 1) mmpfeature .mmpbody a, #mmpfeature .mmpbody a:link {

color: #f6d17a; }
 * 1) mmpfeature .mmpbody a:visited {

color: #d5ab6b !important; }
 * 1) mmpfeature .mmpbody a.extiw, #mmpfeature .mmpbody a.external {

color: #f6d17a !important; }
 * 1) mmpfeature .mmpbody a.extiw:visited, #mmpfeature .mmpbody a.external:visited {

background-image: linear-gradient(to right, rgba(42, 25, 7, 0.8), rgba(42, 25, 7, 0.6) 50%, rgba(42, 25, 7, 0.8) 100%), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/b/b7/Mobile_Main_Page_Feature_header_5.jpg/revision/latest"); background-position: center 25%; }
 * 1) mmpfeature .imageheading {

color: #ffffff; font-family: Eczar, serif; font-size: 340%; font-weight: bold; line-height: 62px; margin-bottom: 10px; }
 * 1) mmpfeature .heading {

color: #ffdb4e; font-size: 180%; line-height: 33px; margin-bottom: 20px; }
 * 1) mmpfeature .subheading {

background: #150704; }
 * 1) mmpexpansions .mmpbody {

background-image: linear-gradient(to right, rgba(42, 25, 7, 0.8), rgba(42, 25, 7, 0.6) 50%, rgba(42, 25, 7, 0.8) 100%), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/7/77/Mobile_Main_Page_Expansions_header.jpg/revision/latest"); background-position: center center, top center; }
 * 1) mmpexpansions .imageheading {

color: #d5ab6b; }
 * 1) mmpexpansions .mmpbody a, #mmpexpansions .mmpbody a:link {

color: #f6d17a; }
 * 1) mmpexpansions .mmpbody a:visited {

background: #150704; color: #ffffff; text-align: center; margin-bottom: -1px; overflow: hidden; }
 * 1) mmpclasshero .mmpbody {

background-image: linear-gradient(to right, rgba(42, 25, 7, 0.8), rgba(42, 25, 7, 0.6) 50%, rgba(42, 25, 7, 0.8) 100%), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/3/30/Mobile_Main_Page_Classes_and_Heroes_header.jpg/revision/latest"); }
 * 1) mmpclasshero .imageheading {

color: #d5ab6b; }
 * 1) mmpclasshero .mmpbody a, #mmpclasshero .mmpbody a:link {

color: #f6d17a; }
 * 1) mmpclasshero .mmpbody a:visited {

display: flex; flex-flow: row nowrap; text-align: center; overflow: hidden; }
 * 1) mmpclasshero .classherolinkgroup {

display: flex; flex-flow: column nowrap; width: 50%; }
 * 1) mmpclasshero .classlinks, #mmpclasshero .herolinks {

line-height: 3.5; margin: 0 1px 1px 0; width: 100%; height: 100%; }
 * 1) mmpclasshero .classlink {

line-height: 3.5; margin: 0 0 1px 1px; width: 100%; flex-basis: 100%; }
 * 1) mmpclasshero .herolink {

display: table; width: 100%; height: 100%; }
 * 1) mmpclasshero .classlink .inner, #mmpclasshero .herolink .inner {

display: inline-block; background-position: left center; background-size: 20px 20px; background-repeat: no-repeat; width: 25px; height: 20px; vertical-align: middle; }
 * 1) mmpclasshero .classlink .icon {

display: table-cell; background-color: #423321; color: #ffffff !important; font-family: Eczar, serif; font-size: 110%; font-weight: bold; text-align: left; padding-left: 1.6em; vertical-align: middle; }
 * 1) mmpclasshero .classlink a {

display: table-cell; background-color: #1d0b07; text-align: left; padding-left: 1.6em; vertical-align: middle; }
 * 1) mmpclasshero .herolink a {

display: none; }
 * 1) mmpclasshero .herolink .image {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/0/05/Demon_Hunter_icon.png/revision/latest"); }
 * 1) mmpclasshero #demonhunterlink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/8/8d/Icon_Druid_64.png/revision/latest"); }
 * 1) mmpclasshero #druidlink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/f/f4/Icon_Hunter_64.png/revision/latest"); }
 * 1) mmpclasshero #hunterlink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/f/f2/Icon_Mage_64.png/revision/latest"); }
 * 1) mmpclasshero #magelink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/7/7b/Icon_Paladin_64.png/revision/latest"); }
 * 1) mmpclasshero #paladinlink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/2/23/Icon_Priest_64.png/revision/latest"); }
 * 1) mmpclasshero #priestlink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/7/76/Icon_Rogue_64.png/revision/latest"); }
 * 1) mmpclasshero #roguelink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/a/a8/Icon_Shaman_64.png/revision/latest"); }
 * 1) mmpclasshero #shamanlink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/2/2e/Icon_Warlock_64.png/revision/latest"); }
 * 1) mmpclasshero #warlocklink .icon {

background-image: url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/1/19/Icon_Warrior_64.png/revision/latest"); }
 * 1) mmpclasshero #warriorlink .icon {

background: #1d0b07; color: #ffffff; font-size: 105%; text-align: center; padding: 15% 15%; line-height: 2; }
 * 1) mmpguide .mmpbody {

color: #d5ab6b; }
 * 1) mmpguide .mmpbody a, #mmpguide .mmpbody a:link {

color: #f6d17a; }
 * 1) mmpguide .mmpbody a:visited {

background-image: linear-gradient(to right, rgba(42, 25, 7, 0.8), rgba(42, 25, 7, 0.6) 50%, rgba(42, 25, 7, 0.8) 100%), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/d/df/Mobile_Main_Page_Guide_header.jpg/revision/latest"); }
 * 1) mmpguide .imageheading {

color: #ffdb4e; font-size: 250%; line-height: 45px; margin-bottom: 40px; }
 * 1) mmpguide .subheading {

background: #1d0b07; text-align: center; padding: 10px 0; }
 * 1) mmpstreamer .mmpbody {

background-image: linear-gradient(to right, rgba(42, 25, 7, 0.8), rgba(42, 25, 7, 0.6) 50%, rgba(42, 25, 7, 0.8) 100%), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/d/d1/Mobile_Main_Page_Streamer_header.jpg/revision/latest"); }
 * 1) mmpstreamer .imageheading {

background: #150704; }
 * 1) mmpmechanics .mmpbody {

background-image: linear-gradient(to right, rgba(42, 25, 7, 0.8), rgba(42, 25, 7, 0.6) 50%, rgba(42, 25, 7, 0.8) 100%), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/3/3a/Mobile_Main_Page_Mechanics_header.jpg/revision/latest"); }
 * 1) mmpmechanics .imageheading {

color: #d5ab6b; }
 * 1) mmpmechanics .mmpbody a, #mmpguide .mmpbody a:link {

color: #f6d17a; }
 * 1) mmpmechanics .mmpbody a:visited {

background: #150704; }
 * 1) mmpgameplay .mmpbody {

background-image: linear-gradient(to right, rgba(42, 25, 7, 0.8), rgba(42, 25, 7, 0.6) 50%, rgba(42, 25, 7, 0.8) 100%), url("https://static.wikia.nocookie.net/hearthstone_gamepedia/images/2/23/Mobile_Main_Page_Gameplay_header.jpg/revision/latest"); }
 * 1) mmpgameplay .imageheading {

color: #d5ab6b; }
 * 1) mmpgameplay .mmpbody a, #mmpgameplay .mmpbody a:link {

color: #f6d17a; }
 * 1) mmpgameplay .mmpbody a:visited {

background: transparent; color: #aa8e70; padding: 30px 30px 0 30px; }
 * 1) mmpnews .mmpbody {

color: #a1360e !important; }
 * 1) mmpnews .mmpbody a.extiw, #mmpnews .mmpbody a.external {

color: #cc6238 !important; }
 * 1) mmpnews .mmpbody a.extiw:visited, #mmpnews .mmpbody a.external:visited {

border-bottom: 1px solid #e2ddcf; color: #000000; font-family: Eczar, serif; font-weight: bold; font-size: 200%; text-align: center; margin-bottom: 5px; padding-bottom: 5px; }
 * 1) mmpnews .heading {

background: transparent; border-bottom: 1px solid #e2ddcf; padding-top: 5px; margin-bottom: 5px; padding-bottom: 5px; }
 * 1) mmpnews .newsitem {

/****************** /* Infobox styles * /******************/ .stdinfobox, .cardbox { border-radius: 7px; border: 1px solid #805416; background: #fdf0d9; color: #2c2c2c; margin: 0 10px 10px 10px; padding: 8px; vertical-align: top; width: auto; overflow: hidden; }

.stdinfobox.clear { clear: right; margin-top: 10px; }

.stdinfobox .title, .cardbox .title { font-weight: bold; font-family: Eczar, serif; border-radius: 4px; border: none; background: #fdf0d9; color: #3f2503; font-size: 132%; font-weight: bold; text-align: center; margin: 0 0 8px 0; padding: 0 0 5px 0; overflow: auto; }

.stdinfobox .image, .cardbox .image { display: inline-block; text-align: center; padding: 10px; vertical-align: middle; }

.stdinfobox .image img, .cardbox .image img { margin: 0; padding: 0; }

.stdinfobox .body, .cardbox .body { display: inline-block; margin: 0; padding: 10px; vertical-align: middle; }

.stdinfobox .article-table-wrapper, .cardbox .article-table-wrapper { border: none; background: transparent; box-shadow: none; }

.stdinfobox .article-table-wrapper table, .cardbox .article-table-wrapper table { margin: 0 auto; border: none; background: transparent; box-shadow:none; }

.stdinfobox .article-table-wrapper table tr, .article-table-wrapper .cardbox table tr { border: none; background: transparent; }

.stdinfobox .article-table-wrapper table tr th, .article-table-wrapper .cardbox table tr th { border: none; background: transparent; font-weight: bold; color: #3f2503; text-align: right; vertical-align: top; white-space: nowrap; padding: 0 3px 1px 0; }

.stdinfobox .article-table-wrapper table tr td, .cardbox .article-table-wrapper table tr td { border: none; background: transparent; color: #2c2c2c; text-align: left; vertical-align: center; padding: 0 0 1px 3px; }

.stdinfobox table tr td.wide, .cardbox table tr td.wide { border: none; background: transparent; color: #2c2c2c; text-align: center; vertical-align: center; padding: 0 3px 1px 3px; }

/************************************** /* Card infobox image selector styles * /**************************************/ .card-infobox-image-selector-js .card-infobox-image-selector-links { background: #efd8af; }

.card-infobox-image-selector-js .card-infobox-image-selector-links .card-infobox-image-title { text-align: center; flex: 1 0 25%; }

.card-infobox-image-selector-js .card-infobox-image-selector-links .card-infobox-image-title .card-infobox-image-title-text { display: none; }

.card-infobox-image-selector-js .card-infobox-image-selector-links .card-infobox-image-title .card-infobox-image-title-link { display: inline; }

.card-infobox-image-selector-js .card-infobox-image-selector-links .card-infobox-image-title.card-infobox-image-selected { background: #f6ead1; }

.card-infobox-image-selector-js .card-infobox-image-selector-links .card-infobox-image-title.card-infobox-image-selected .card-infobox-image-title-text { display: inline; }

.card-infobox-image-selector-js .card-infobox-image-selector-links .card-infobox-image-title.card-infobox-image-selected .card-infobox-image-title-link { display: none; }

.card-infobox-image-selector-js .card-infobox-image { display: none; }

.card-infobox-image-selector-js .card-infobox-image.card-infobox-image-selected { display: block; }

.card-infobox-image-selector-js .card-infobox-image-note { display: none; }

/****************** /* General styles * /******************/ .ghost { color: #7c581a; }

.deschead { display: none; }

.wideonly { display: none; }

.nomobile { display: none; }