MediaWiki:Mobile.css
From Guild Wars Wiki
Jump to navigationJump to search
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>*/