MediaWiki:Mobile.css

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.

/* CSS placed here will affect users of the mobile site */
 /*<nowiki>*/
/* Used on the [[Main Page]]. */
#mainpage .banner-wrapper {
    width: 75%;
    margin: auto;
    background: #F5FAFF;
    border: 1px solid #AAA;
    box-shadow: inset 0 0 0 4px #F5FAFF, inset 0 0 0 5px #7BC;
    padding: 7px;
    font-weight: bold;
    text-align: center;
    color: #000;
}
#mainpage.Halloween .banner-wrapper {
    background: #302226;
    border: 1px solid #F60;
    box-shadow: inset 0 0 0 4px #FCFCFC, inset 0 0 0 5px #F60;
    color: #9EED5C;
}
#mainpage.Wintersday .banner-wrapper {
    background: #7CCD7C;
    border: 1px solid #F5FAFF;
    box-shadow: inset 0 0 0 4px #CC3300, inset 0 0 0 5px #FFF;
    color: #000;
}

#mainpage .banner a {
    color: #0645AD;
}
#mainpage.Halloween .banner a {
    color: #9EEDCC;
}
#mainpage.Wintersday .banner a {
    color: #0645AD;
}

#mainpage .campaign-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
    align-items: center;
    margin: 0.5% auto
}

#mainpage .campaign-icons {
    flex-grow: 1;
    min-width: 160px;
}

#mainpage .content-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    border-collapse: separate;
}

#mainpage .heading-icon {
    float: right;
    max-width: 64px;
    max-height: 64px;
}

#mainpage .subscript {
    text-align: right;
    font-size: 0.8em;
    font-style: italic;
    margin: 0.3em 1em;
}

#mainpage .content-frame-outer {
    background: #FCFCFC;
    border: 1px solid #AAA;
    flex-grow: 1;
    vertical-align: top;
    width: 33%;
    box-sizing: border-box;
    min-width: 325px;
    margin: 2px;
}
#mainpage.Halloween .content-frame-outer {
    background: #F6F6F4;
    border: 1px solid #F60;
}
#mainpage.Wintersday .content-frame-outer {
    background: #FCFCFC;
    border: 1px solid #C30;
}

#mainpage .content-frame-outer.double-width {
    width: calc(66% + 4px);
}

#mainpage .content-frame-outer.calendar {
    border-width: 0;
    background: transparent;
}

#mainpage .content-frame-inner {
    background: #ACD;
    border: 1px solid #7BC;
    padding: 5px;
    margin: 3px;
    font-weight: bold;
    text-align: center;
    font-size: 120%;
    color: #000;
}
#mainpage.Halloween .content-frame-inner {
    background: #34282C;
    border: 1px solid #F60;
    color: #9EED5C;
}
#mainpage.Wintersday .content-frame-inner {
    background: #7CCD7C;
    border: 1px solid #693;
    color: #000;
}

#mainpage .content {
    padding: 0em 1em;
}

/* TOC display level limiter, will only display the TOC up to level N */
.toc1 li.toclevel-2,
.toc1 li.toclevel-3, .toc2 li.toclevel-3,
.toc1 li.toclevel-4, .toc2 li.toclevel-4, .toc3 li.toclevel-4,
.toc1 li.toclevel-5, .toc2 li.toclevel-5, .toc3 li.toclevel-5, .toc4 li.toclevel-5,
.toc1 li.toclevel-6, .toc2 li.toclevel-6, .toc3 li.toclevel-6, .toc4 li.toclevel-6, .toc5 li.toclevel-6
{ display: none; }

/* Editing box */
.editor-container.content
{ height: 90vh; }
#wikitext-editor
{ height: 100%; }

/* Skill progression template, auto-wrapping */
table.skill-progression
{ margin: 1em 0.25em; border: 1px solid #6A3; text-align: center; line-height: 1.5em; }
table.skill-progression th
{ border-bottom: 1px solid #6A3; background: #ADA; padding: 3px; }
table.skill-progression div.column
{ border-left: 1px solid #6A3; float: left; }
table.skill-progression div.attr
{ padding: 3px; background: #DFD; }
table.skill-progression div.var
{ padding: 3px; border-top: 1px solid #6A3; }

/* Infobox templates */
div.infobox
{ font-size: 0.9em; border: 1px solid silver; background: #FFF;
  margin: 1em 0em 0.5em 0.5em; padding: 1px; }
div.infobox p
{ clear: both; text-align: center; margin: 0.5em; }
div.infobox p.heading
{ padding: 5px; margin: 0; font-weight: bold; background: silver; font-size: 1.1em; }
div.infobox p.subheading
{ padding: 5px; margin: 0; font-weight: bold; background: silver; }
div.infobox div
{ padding: 0; margin: 0; }
div.infobox dl
{ padding: 0; margin: 0; clear: both; }
div.infobox dt
{ float: left; clear: both; margin: 1px 10px 2px 0px; padding: 5px; background: silver; width: 45%;  }
div.infobox dd
{ margin: 3px 0px 2px 0px; padding: 5px 0; }

table.infobox
{ float: right; font-size: 0.9em; border: 1px solid silver; background: #FFF;
  margin: 0em 0em 0.5em 0.5em; }
table.infobox th
{ font-weight: bold; background: silver; text-align: left; }
table.infobox tr
{ vertical-align: top; }
table.infobox th.heading
{ text-align: center; font-size: 1.1em; }
table.infobox th.subheading, table.infobox td.image
{ text-align: center; }

/* Skill infobox template */
div.skill-box p.heading, div.skill-box p.subheading, div.skill-box dt
{ background: #ADA; }
div.skill-box dt
{ width: 6.25em; }

div.skill-box div.skill-image
{ float: left; text-align: right; width: 80px; padding: 1.4em 0em; }
div.skill-box div.skill-stats
{ float: left; text-align: right; width: 5em; }
div.skill-box div.skill-stats ul
{ list-style: none none; margin: 0; margin-top: 1em; padding: 0; }

/* Lesser infobox templates */
.infobox.guild_hall th
{ background: #CAD; }
.infobox.feedback th
{ background: #E5DFEB; }

/* Skill infobox template, profession icon background; use 'profession-bg' for general usage */
div.skill-box,              .profession-bg
{ background: #FFF url(./images/e/ec/Any-faded-large.png) no-repeat 8em 0em; }
div.skill-box.Warrior,      .profession-bg.Warrior
{ background: #FFF url(./images/6/6e/Warrior-faded-large.png) no-repeat 8em 0em; }
div.skill-box.Ranger,       .profession-bg.Ranger
{ background: #FFF url(./images/1/14/Ranger-faded-large.png) no-repeat 7.5em 0.5em; }
div.skill-box.Monk,         .profession-bg.Monk
{ background: #FFF url(./images/e/e6/Monk-faded-large.png) no-repeat 8em 0em; }
div.skill-box.Elementalist, .profession-bg.Elementalist
{ background: #FFF url(./images/9/94/Elementalist-faded-large.png) no-repeat 8.5em 0em; }
div.skill-box.Mesmer,       .profession-bg.Mesmer
{ background: #FFF url(./images/5/5c/Mesmer-faded-large.png) no-repeat 7.25em 1em; }
div.skill-box.Necromancer,  .profession-bg.Necromancer
{ background: #FFF url(./images/f/f7/Necromancer-faded-large.png) no-repeat 8em 0em; }
div.skill-box.Assassin,     .profession-bg.Assassin
{ background: #FFF url(./images/a/a9/Assassin-faded-large.png) no-repeat 8em 2em; }
div.skill-box.Ritualist,    .profession-bg.Ritualist
{ background: #FFF url(./images/b/b7/Ritualist-faded-large.png) no-repeat 8.5em -1em; }
div.skill-box.Paragon,      .profession-bg.Paragon
{ background: #FFF url(./images/3/3a/Paragon-faded-large.png) no-repeat 9em 0.5em; }
div.skill-box.Dervish,      .profession-bg.Dervish
{ background: #FFF url(./images/b/b7/Dervish-faded-large.png) no-repeat 8.5em 1em; }
div.skill-box.Monster,      .profession-bg.Monster
{ background: #FFF url(./images/a/a5/Monster-faded-large.png) no-repeat 7.5em 0em; }

/* Miscellaneous changes */
ul.special abbr, ul.special acronym
{ border: none; }
ol.references > li:target, sup.reference:target, cite:target
{ background: #EEF; }
ol.references
{ font-size: 90%; }
sup, sub
{ line-height: 1em; }
h1, h2, h3, h4, h5, h6
{ overflow: hidden; }
.mw-editsection, .mw-editsection-like
{ line-height: unset; }
div.searchresults .mw-search-results
{ float: none; }
h5, h6
{ font-style:italic; }
.nomobile
{ display: none; }

/* Universal styles */
.hide
{ display: none; }
.hidelist ul
{ list-style: none none; padding: 0; margin: 0; }
.hidelist p
{ font-style: italic; margin: 0em 0em 0.2em; }
.hidelist p + ul
{ margin-bottom: 0.5em; }

/* Avoid descending letters in the last edited text being clipped */
footer .last-modified-bar__text {
  line-height: 1.5em;
}

/** UI BUTTONS **/
/* Sidebar - Community portal */
.mw-ui-icon-minerva-cp:before {
  background-image: url('/images/8/86/Mobile_skin_sidebar_community_portal.svg');
}
/* Sidebar - Recent changes */
.mw-ui-icon-minerva-rc:before {
  background-image: url('/images/6/66/Mobile_skin_sidebar_recent_changes.svg');
}
/* Sidebar - Help center */
.mw-ui-icon-minerva-hc:before {
  background-image: url('/images/c/c2/Mobile_skin_sidebar_help_center.svg');
}
/* Sidebar - Admin noticeboard */
.mw-ui-icon-minerva-an:before {
  background-image: url('/images/c/ca/Mobile_skin_sidebar_admin_noticeboard.svg');
}
/* Sidebar - Wiki bug */
.mw-ui-icon-minerva-wb:before {
  background-image: url('/images/1/17/Mobile_skin_sidebar_wiki_bug.svg');
}
/*</nowiki>*/