MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */

/*** front page styles ***/ .fpmain { width: 100%; overflow: hidden; }

.fpbox { margin: 5px; padding: 5px; overflow: auto; background: rgba(0,0,0, 0.05); border: 1px solid #505050; box-shadow: 1px 1px 2px rgba(100,100,100, 0.5); }

.fpbox.plain { background: transparent; border: none; box-shadow: none; }

.fpbox .heading, .fpbox .mainheading, .fpbox .welcome { margin: 0 0 10px; padding: 0 0 5px; overflow: auto; border: 0; border-bottom: 1px solid #505050; }

.fpbox .mainheading, .fpbox .welcome { font-size: 150%; font-weight: bold; }

.fpbox .heading { text-align: center; font-size: 132%; }

.linkslabel { margin: 15px 5px 5px; padding: 0 0 5px; border-bottom: 2px solid #505050; }

/* auto-resize front page video to fit smaller columns */ .fpbox .embedvideo, .fpbox .embedvideowrap { width: 100% !important; max-width: 480px; margin: 0 auto; }

.fpbox .embedvideowrap iframe { width: 100% !important; }

/*** Template:FP link styles ***/ .fplinks { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; text-align: center; }

.fplink-outer { padding: 5px; flex-basis: calc(25% - 10px); width: calc(25% - 15px); min-width: 115px; display: inline-block; vertical-align: middle; }

.fplink-wide { flex-basis: calc(33% - 10px); width: calc(33% - 15px); }

.fplink-fullwidth { flex-basis: 100%; width: calc(100% - 15px); font-weight: bold; }

.fplink { padding: 0.5em; box-sizing: border-box; width: 100%; height: 100%; display: table; background: rgba(100,100,100,0.3); border: 1px solid #505050; }

.fplink-fullwidth .fplink { background: rgba(100,100,100,0.4); }

.fplink-plain { background: transparent; border-radius: 0; border: 0; box-shadow: none; }

.fplink-inner { display: table-row; }

.fplink a { display: table-cell; vertical-align: middle; }

.fplink img { max-width: 150px; width: 100%; height: auto; }

/***************** @font-face { font-family: 'Lithos Pro Regular'; src: local('Lithos Pro Regular'), url('/media/hydra/fonts/LithosPro-Regular.otf') format('opentype'); }
 * Base framework *

body, .primary-navigation-enabled { background-color:#082010; }

div#content, div#mw-mf-page-center, .navigation-enabled #mw-mf-page-center { background:transparent; }

div#bodyContent, div.content-unstyled { margin-bottom:1em; }

.overlay-enabled, #content { background-color: rgba(52,51,49); color: #ddd; }

.header-container.header-chrome { background-color:#3C4137; border-bottom:2px solid #000; }

.header > div { width:unset; }

.header .branding-box h1, .header .branding-box a { color: #eee; font-family:'Lithos Pro Regular',sans-serif; text-shadow:0px 4px 1px #000; }

a#mw-mf-main-menu-button { background-color:#c8300e; background:url(https://static.wikia.nocookie.net/hades_gamepedia_en/images/c/cf/Button.png/revision/latest) no-repeat top left border-box; /* */ background-size:100% 100%; border:none; height:2em; padding-top:0.5em; margin-right:5px; }

.mw-echo-ui-notificationItemWidget-icon, .mw-echo-ui-toggleReadCircleButtonWidget-circle, .mw-ui-icon::before { filter:brightness(2); }

.mw-ui-button { background-color:#212120; border:1px solid #797C4F; box-shadow:0px 0px 0px 1px #000,2px 2px 2px #000,inset 0px 0px 5px #000; }

footer .last-modified-bar { background-color: #070707; border-bottom:#f48020 1px solid; }

footer .last-modified-bar a { color:#D7DEE8; text-shadow:1px 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.3), 1px -1px 1px rgba(0,0,0,0.3), -1px -1px 1px rgba(0,0,0,0.3); }

.page-list .info, .topic-title-list .info, .site-link-list .info, .page-list .component, .topic-title-list .component, .site-link-list .component { color:#A2A4A5; }

/*** Side menu ***/ .skin-minerva #mw-mf-page-left, .skin-minerva #mw-mf-page-left ul li{ background:#000; }

.notification-count { background:none; }

/*********************
 * End base framework *

/*********** font-family: 'Lithos Pro Regular', sans-serif; color:#DDDDDD; text-shadow:1px 1px 1px rgba(25,25,25,0.75), -1px 1px 1px rgba(25,25,25,0.75), 1px -1px 1px rgba(25,25,25,0.75), -1px -1px 1px rgba(25,25,25,0.75); font-weight:bold; font-size:1.7em; }
 * Headings *
 * 1) section_0 {
 * 1) section_0 {

font-family: 'Lithos Pro Regular', sans-serif; color:#DDDDDD; text-shadow:1px 1px 1px rgba(25,25,25,0.75), -1px 1px 1px rgba(25,25,25,0.75), 1px -1px 1px rgba(25,25,25,0.75), -1px -1px 1px rgba(25,25,25,0.75); font-size:1.3em; } /***************
 * 1) bodyContent h1,
 * 2) bodyContent h2,
 * 3) bodyContent h3,
 * 4) bodyContent h4,
 * 5) bodyContent h5,
 * 6) bodyContent h6 {
 * end headings *

/******** div#footer a, a:visited, div#content a:not(.new), div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, color: #00B241; text-shadow:0px 0px 1px #000; }
 * Links *
 * 1) content a,
 * 1) content a,
 * 1) mw-indicator-mw-helplink a {

/************
 * End Links *

/***************** div.overlay.search-overlay { background-color:rgba(0,0,0,0.8); background:linear-gradient(to bottom, rgba(0,0,0,0.8) 90%, transparent); color:#0e0e0e; } div.overlay.search-overlay h3 { text-shadow:none; } /*********************
 * Search overlay *
 * End search overlay *

/******************* footer { border-top:none; background: #1b1b1c ; color: rgb(240,240,240); } footer div.license a, #footer-info-desktop-toggle a, ul.footer-places a { color:#5A93CC !important; } footer div.license a:visited, #footer-info-desktop-toggle a:visited, ul.footer-places a:visited { color:#800074 !important; } .content table th { background-color: rgba(0, 0, 0, 0); } footer a, footer a.external { color:rgba(0 0 128); } footer a:visited { color:rgba(128 0 128); }
 * Gamepedia footer *

footer#footer .footer-box { flex:unset; }

footer#footer div.footer-box ul li { white-space:nowrap; } /***********************
 * End Gamepedia footer *

/************** .client-js div#preferences { background:rgba(0,0,0,0.2); border:1px solid #7f7f7f; margin-top:1px; }
 * Preferences *

.client-js #preftoc, .client-js #preftoc li, .client-js #preftoc li a, .client-js #preftoc li { background-image: none; background-color: transparent; color:#bfbfbf; font-size:1em; }

.client-js #preftoc li a:active { font-size:1em; }

.client-js ul#preftoc { margin-left:-0.1em; margin-bottom:5px; }

.client-js #preftoc li.selected a { background-image: none; color: #fff; text-decoration:none; }

.client-js #preftoc li.selected { border:0; padding-right:0; }

.client-js #preftoc li:not(.selected) a:hover { color:#fff; text-decoration:none; text-shadow:5px 5px 1px rgba(0,0,0,0.25); }

.skin-hydradark #preferences legend { color: #DDDDDD; text-shadow: 1px 1px 1px rgba(25,25,25,0.75), -1px 1px 1px rgba(25,25,25,0.75), 1px -1px 1px rgba(25,25,25,0.75), -1px -1px 1px rgba(25,25,25,0.75); }

.skin-hydradark #preferences fieldset.prefsection fieldset { border-color:#7f7f7f; }

.client-js .htmlform-tip { color:#BFBFBF; } /******************
 * End Preferences *

/*************** background-color:rgba(0,0,0,0.3); padding:1px; }
 * Page History *
 * 1) pagehistory li.selected {
 * 1) pagehistory li.selected {

table.diff, td.diff-otitle, td.diff-ntitle { background-color:rgba(0,0,0,0.3) }

.mw-plusminus-pos { color: #007F00; }

.mw-plusminus-neg { color: #B20000; }

/**************
 * end history *

/********************* .skin-hydradark table.TablePager td { border:1px solid #000; }
 * tablepager styling *

.skin-hydradark table.TablePager tr th { background-color:#3C4137; letter-spacing:0.1em; color: #fff; font-family: 'Lithos Pro Regular', sans-serif; text-shadow:0px 4px 1px #000; border:1px solid #000; box-shadow:inset 0 0 0px 1px #000, inset 0 0 5px rgba(0,0,0,0.5); }

.skin-hydradark table.TablePager tbody tr td { background-color:rgba(21,21,19,0.3) }

.skin-hydradark table.TablePager tbody tr:hover td { background:rgba(75,75,75,0.2); } /*************************
 * end tablepager styling *

/******************** table.wikitable { border:1px solid #000; background-color:rgba(21,21,19,0.3) }
 * wikitable styling *

table.wikitable tbody tr th table.wikitable > tr > th, table.wikitable > * > tr > th { background-color:#3C4137; letter-spacing:0.1em; color: #fff; font-family: 'Lithos Pro Regular', sans-serif; text-shadow:0px 4px 1px #000; border:1px solid #000; box-shadow:inset 0 0 0px 1px #000, inset 0 0 5px rgba(0,0,0,0.5); }

table.wikitable tbody tr td { border:1px solid #000; } /************************
 * End wikitable styling *

/******************* div.thumbinner { background-color:rgba(21,22,19,0.8); background:linear-gradient(105deg, rgba(0,0,0,0.8) 48%, rgba(21,22,19,0.8) 52%); border:2px solid #797C4F; box-shadow:0px 0px 0px 1px #000, inset 0px 0px 5px #000; }
 * Thumnbail tweaks *

li.gallerybox div.thumb { background-color:rgba(21,22,19,0.8); background:linear-gradient(105deg, rgba(0,0,0,0.8) 48%, rgba(21,22,19,0.8) 52%); border:2px solid #797C4F; box-shadow:0px 0px 0px 1px #000, inset 0px 0px 5px #000; } /***********************
 * End thumbnail tweaks *

/*************************** ul#filetoc { background-color:rgba(0,0,0,0.6); border:1px solid #000; } /*******************************
 * Category bar and filetoc *
 * 1) catlinks,
 * 1) catlinks,
 * End Category bar and filetoc *

/********************************** div#toc, .client-js div.toc-mobile { background-color:rgba(0,0,0,0.6); border:1px solid #000; } /******************
 * Table of contents (toc) styling *
 * End toc styling *

/********************************* .fpbox { box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.5); border:2px solid #161616; }
 * Front Page (FP) styling tweaks *

.fpbox .heading { font-family: 'Lithos Pro Regular',sans-serif; color: #DDDDDD; text-shadow: 1px 1px 1px rgba(25,25,25,0.75),-1px 1px 1px rgba(25,25,25,0.75),1px -1px 1px rgba(25,25,25,0.75),-1px -1px 1px rgba(25,25,25,0.75); border-bottom:0; background: url(https://static.wikia.nocookie.net/hades_gamepedia_en/images/b/b9/Heading_border.jpg/revision/latest) repeat-x bottom left border-box; background-size:auto 6px } /****************
 * End FP tweaks *

/************************************** td.boonTableRarity { width:15em; vertical-align:top; }
 * Used by Template:Boon table row *

td.boonTableName { text-align:center; } /*****************
 * End boon table *

/***************** .content .infobox { float: none; width:94%; max-width:23em; margin:auto; padding: 4px; border:1px solid #797C4F; box-shadow:0px 0px 0px 1px #000, 2px 2px 2px #000, inset 0px 0px 5px #000; background-color:rgba(21,21,19,0.3); }
 * Infobox styles *

.content .infobox-table { width: 100% !important; display:table; padding: 0; margin:0; background-color:transparent; border: 0; }

.content .infobox-header { text-align:center; padding:0.4em; padding-bottom: 10px; font-size: 150%; background-color:#3C4137; letter-spacing:0.1em; color: #fff; font-family: 'Lithos Pro Regular', sans-serif; text-shadow:0px 4px 1px #000; border:1px solid #000; box-shadow:inset 0 0 0px 1px #000, inset 0 0 5px rgba(0,0,0,0.5); }

.content .infobox-section { text-align:center; background-color:#3C4137; letter-spacing:0.1em; color: #fff; font-family: 'Lithos Pro Regular', sans-serif; text-shadow:0px 4px 1px #000; border:1px solid #000; box-shadow:inset 0 0 0px 1px #000, inset 0 0 5px rgba(0,0,0,0.5); }

.content .infobox-section a { color:#fff; }

.content .infobox-centered { text-align: center; }

.content .infobox-row { vertical-align: top; }

.content .infobox-row-name { text-align: left; white-space: nowrap; }

.content .infobox-spacer { height: 0.5em; } /*********************
 * End infobox styles *

/* Gallery tweak */ ul.mw-gallery-nolines li.gallerybox div.thumb { background:none; box-shadow:none; border:none; }