MediaWiki:Mobile.css

2025-12-15T19:36:55Z

Maintenance script: Add mobile-specific styles

/* Mobile-specific styles */

/* Make main page image responsive */
.page-Main_Page .mw-parser-output .floatnone,
.page-Main_Page .mw-parser-output .center {
width: 100% !important;
}

.page-Main_Page .mw-parser-output img {
max-width: 100% !important;
height: auto !important;
}

/* Hide imagemap on mobile - coordinates don't scale */
.page-Main_Page .mw-parser-output map {
display: none;
}

/* Stack all table layouts */
.page-Main_Page table,
.page-Main_Page table tbody,
.page-Main_Page table tr,
.page-Main_Page table td {
display: block !important;
width: 100% !important;
}

/* Remove fixed widths */
.page-Main_Page td[style] {
width: 100% !important;
border-right: none !important;
}

/* Better spacing for content boxes */
.page-Main_Page .mw-parser-output > table {
margin-bottom: 1em;
}

/* Quick links should be readable */
#mp-topbanner ul {
margin: 0;
padding-left: 1.5em;
}

#mp-topbanner li {
margin-bottom: 0.5em;
}

Template:Top

2025-12-15T19:36:27Z

Maintenance script: Update template for mobile-friendly layout

<div id="mp-topbanner" style="border: 1px solid #ccc; background: #fcfcfc; padding: 1em; margin-top: 1em;">
<div style="text-align: center; margin-bottom: 1em;">
<div style="font-size: 1.5em; font-weight: bold; color: #333;">Welcome to the Korean Wiki Project</div>
<div style="font-size: 0.95em; color: #666;">Collaborative Korean-language learning</div>
<div style="font-size: 0.85em; margin-top: 0.5em;">[[Special:Statistics|{{NUMBEROFARTICLES}}]] articles, [[Special:Statistics|{{NUMBEROFUSERS}}]] registered users, and growing!</div>
</div>

<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 1em; font-size: 0.95em;">
<div>
* [[Getting started|Getting Started]]
* [[Learn hangeul|Learning Hangeul]]
* [[:Category:Grammar Pattern|Grammar]]
</div>
<div>
* [[:Category:Vocabulary|Vocabulary]]
* [[:Category:Idioms|Idioms]]
* [[:Category:Proverbs|Proverbs]]
</div>
<div>
* [[:Category:Slang|Slang]]
* [[:Category:Media|Media]]
* [[Studying resources|Resources]]
</div>
</div>
</div>
{{QuickBar}}

MediaWiki:Common.css

2025-12-15T19:36:03Z

Maintenance script: Add mobile-responsive CSS

/* CSS placed here will be applied to all skins */
/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
border: 1px #aaa solid;
padding: 0.2em;
}
.wikitable th,
.prettytable th {
background: #f2f2f2;
text-align: center;
}
.wikitable caption,
.prettytable caption {
font-weight: bold;
}

.LanguageLinks {
margin-top:0.5em;
}
.LanguageLinks table {
border:1px solid #AAAAAA;
border-collapse:collapse;
clear:both;
font-size:85%;
margin:0 1px;
padding:0.2em;
}
.LanguageLinks span {
white-space:nowrap;
}

/* Pseudo-classes in support of [[Template:lang]]. */

:lang(he) {
font-family: "SBL Hebrew", "Ezra SIL SR", "Ezra SIL", Cardo, "Chrysanthi Unicode", "TITUS Cyberbit Basic", "Arial Unicode MS", Narkisim, "Times New Roman";
font-family /**/:inherit;
}
:lang(fa) {
font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar;
font-family /**/:inherit;
}
:lang(ps) {
font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar;
font-family /**/:inherit;
}
:lang(ur) {
font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar;
font-family /**/:inherit;
}
:lang(sux-Xsux) {
font-family: Akkadian;
font-family /**/:inherit;
}
:lang(ja) {
font-family: Code2000, "Arial Unicode MS", "Bitstream Cyberbit", "Bitstream CyberCJK", IPAGothic, IPAPGothic, IPAUIGothic, "Kochi Gothic", IPAMincho, IPAPMincho;
font-family /**/:inherit;
}
:lang(ko) {
font-family: "Adobe Myungjo Std M", AppleMyungjo, "Baekmuk Batang", "Baekmuk Gulim", Batang, Dotum, DotumChe, Gulim, GulimChe, HYGothic-Extra, HYMyeongJo-Extra, "New Gulim", UnBatang, UnDotum, UnYetgul, UWKMJF;
font-family /**/:inherit;
}
:lang(zh-Hans) {
font-family: "Adobe Song Std L", "AR PL ShanHeiSun Uni", "AR PL ShanHeiSun Uni MBE", "MS Hei", "MS Song", SimHei;
font-family /**/:inherit;
}
:lang(zh-Hant) {
font-family: "Adobe Ming Std L", "AR PL New Sung", "AR PL ZenKai Uni", "AR PL ZenKai Uni MBE", MingLiU, PMingLiU;
font-family /**/:inherit;
}
:lang(grc) {
font-family: "Athena Unicode", Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000;
font-family /**/:inherit;
}

/* Article message box template styles */
table.ambox {
margin: 0 10%; /* Will not overlap with other elements */
border-collapse: collapse;
background: #fbfbfb;
border: 1px solid #aaa;
border-left: 10px solid #1e90ff; /* Default "notice" blue */
}
table.ambox th.mbox-text, table.ambox td.mbox-text { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
width: 100%; /* Make all templates the same width regardless of text size */
}
table.ambox td.mbox-image { /* The left image cell */
padding: 2px 0px 2px 0.5em; /* 0.5em left, 0px right */
text-align: center;
}
table.ambox td.mbox-imageright { /* The right image cell */
padding: 2px 4px 2px 0px; /* 0px left, 4px right */
text-align: center;
}
table.ambox-notice {
border-left: 10px solid #1e90ff; /* Blue */
/* border-right: 10px solid #1e90ff; */ /* If you want two blue bars */
}
table.ambox-delete,
table.ambox-serious {
border-left: 10px solid #b22222; /* Red */
}
table.ambox-content {
border-left: 10px solid #f28500; /* Orange */
}
table.ambox-style {
border-left: 10px solid #f4c430; /* Yellow */
}
table.ambox-merge {
border-left: 10px solid #9932cc; /* Purple */
}
table.ambox-protection {
border-left: 10px solid #bba; /* Gray */
}
table.ambox.ambox-mini { /* Small floating box variant */
float: right;
clear: right;
margin: 0 0 0 1em;
width: 25%;
}
@media print { /* Do not print article message box */
.ambox {
display: none;
}
}

/* Messagebox templates */
.messagebox {
border: 1px solid #aaa;
background-color: #f9f9f9;
width: 80%;
margin: 0 auto 1em auto;
padding: .2em;
}
.messagebox.merge {
border: 1px solid #c0b8cc;
background-color: #f0e5ff;
text-align: center;
}
.messagebox.cleanup {
border: 1px solid #9f9fff;
background-color: #efefff;
text-align: center;
}
.messagebox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.messagebox.nested-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
width: 100%;
margin: 2px 4px 2px 4px;
}
.messagebox.small {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
}
.messagebox.small-talk {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
background: #F8EABA;
}

/* Content in columns with CSS instead of tables [[Template:Columns]] */
div.columns-2 div.column {
float: left;
width: 50%;
min-width: 300px;
}

div.columns-3 div.column {
float: left;
width: 33.3%;
min-width: 200px;
}

div.columns-4 div.column {
float: left;
width: 25%;
min-width: 150px;
}

div.columns-5 div.column {
float: left;
width: 20%;
min-width: 120px;
}

/* Style for "notices" */
.notice {
margin: 1em;
padding: 0.2em;
}

#disambig {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.spoiler {
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd;
}

/* Infobox template style */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}

.infobox.sisterproject {
width: 20em;
font-size: 90%;
}

@media print {
.infobox.sisterproject {
display: none;
}
}

.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #aaa;
}

/* Styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */
.infobox.geography {
text-align: left;
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}

.infobox.geography td,
.infobox.geography th {
border-top: solid 1px #aaa;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: solid 1px #aaa;
padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: solid 1px #aaa;
padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}

/* default skin for navigation boxes */
table.navbox { /* navbox container style */
border:1px solid #aaa;
width:100%;
margin:auto;
clear:both;
font-size:88%;
text-align:center;
padding:2px;
}
table.navbox + table.navbox {
margin-top:-1px; /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
text-align:center; /* title and above/below styles */
padding-left:1em;
padding-right:1em;
}
.navbox-group { /* group style */
white-space:nowrap;
text-align:right;
font-weight:bold;
padding-left:1em;
padding-right:1em;
}
.navbox, .navbox-subgroup {
background:#fdfdfd; /* Background color */
}
.navbox-title, table.navbox th {
background:#ccccff; /* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
background:#ddddff; /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background:#e6e6ff; /* Level 3 color */
}
.navbox-even {
background:#f7f7f7; /* Even row striping */
}
.navbox-odd {
background:transparent; /* Odd row striping */
}

@media print {
.navbox {
display: none;
}
}

/* make the list of references look smaller */
ol.references {
font-size: 100%;
}

.references-small { font-size: 90%;}

/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
font-size: 90%;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}

.same-bg { background: none; }

/* Highlight clicked reference in blue to help navigation */
ol.references > li:target {
background-color: #DEF;
}

sup.reference:target {
background-color: #DEF;
}

/* Styling for citations */
cite {
font-style: normal;
word-wrap: break-word;
}

/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */
cite:target {
background-color: #DEF;
}

/* Do not expand URLs within citations for printing. The URLs should be included explicitly, to avoid confusion */

@media print {
#content cite a.external.text:after {
display: none;
}
}

/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */

@media screen, handheld, projection {
cite *.printonly {
display: none;
}
}

th.mbox-text, td.mbox-text {
border:medium none;
padding:0.25em 0.9em;
width:100%;
}
td.mbox-image {
border:medium none;
padding:2px 0 2px 0.9em;
text-align:center;
}
td.mbox-imageright {
border:medium none;
padding:2px 0.9em 2px 0;
text-align:center;
}
.mediawiki table.mbox-small {
clear:right;
float:right;
font-size:88%;
line-height:1.25em;
margin:4px 0 4px 1em;
width:238px;
}
table.ambox {
background:#FBFBFB none repeat scroll 0 0;
border-color:#AAAAAA #AAAAAA #AAAAAA #1E90FF;
border-style:solid;
border-width:1px 1px 1px 10px;
margin:-1px 10% 0;
}
.ambox th.mbox-text, .ambox td.mbox-text {
padding:0.25em 0.5em;
}
.ambox td.mbox-image {
padding:2px 0 2px 0.5em;
}
.ambox td.mbox-imageright {
padding:2px 0.5em 2px 0;
}
table.ambox-notice {
border-left:10px solid #1E90FF;
}
table.ambox-speedy {
background:#FFEEEE none repeat scroll 0 0;
border-left:10px solid #B22222;
}
table.ambox-delete {
border-left:10px solid #B22222;
}
table.ambox-content {
border-left:10px solid #F28500;
}
table.ambox-style {
border-left:10px solid #F4C430;
}
table.ambox-move {
border-left:10px solid #9932CC;
}
table.ambox-protection {
border-left:10px solid #BBBBAA;
}
table.imbox {
background:#FBFBFB none repeat scroll 0 0;
border:3px solid #1E90FF;
border-collapse:collapse;
margin:4px 10%;
}
.imbox .mbox-text .imbox {
margin:0 -0.5em;
}
.mbox-inside .imbox {
margin:4px;
}
table.imbox-notice {
border:3px solid #1E90FF;
}
table.imbox-speedy {
background:#FFEEEE none repeat scroll 0 0;
border:3px solid #B22222;
}
table.imbox-delete {
border:3px solid #B22222;
}
table.imbox-content {
border:3px solid #F28500;
}
table.imbox-style {
border:3px solid #F4C430;
}
table.imbox-move {
border:3px solid #9932CC;
}
table.imbox-protection {
border:3px solid #BBBBAA;
}
table.imbox-license {
background:#F7F8FF none repeat scroll 0 0;
border:3px solid #8888AA;
}
table.imbox-featured {
border:3px solid #CBA135;
}
table.cmbox {
background:#DFE8FF none repeat scroll 0 0;
border:1px solid #AAAAAA;
border-collapse:collapse;
margin:3px 10%;
}
table.cmbox-notice {
background:#D8E8FF none repeat scroll 0 0;
}
table.cmbox-speedy {
background:#FFDBDB none repeat scroll 0 0;
border:4px solid #B22222;
margin-bottom:4px;
margin-top:4px;
}
table.cmbox-delete {
background:#FFDBDB none repeat scroll 0 0;
}
table.cmbox-content {
background:#FFE7CE none repeat scroll 0 0;
}
table.cmbox-style {
background:#FFF9DB none repeat scroll 0 0;
}
table.cmbox-move {
background:#E4D8FF none repeat scroll 0 0;
}
table.cmbox-protection {
background:#EFEFE1 none repeat scroll 0 0;
}
table.ombox {
background:#F9F9F9 none repeat scroll 0 0;
border:1px solid #AAAAAA;
border-collapse:collapse;
margin:4px 10%;
}
table.ombox-notice {
border:1px solid #AAAAAA;
}
table.ombox-speedy {
background:#FFEEEE none repeat scroll 0 0;
border:2px solid #B22222;
}
table.ombox-delete {
border:2px solid #B22222;
}
table.ombox-content {
border:1px solid #F28500;
}
table.ombox-style {
border:1px solid #F4C430;
}
table.ombox-move {
border:1px solid #9932CC;
}
table.ombox-protection {
border:2px solid #BBBBAA;
}
table.tmbox {
background:#F8EABA none repeat scroll 0 0;
border:1px solid #C0C090;
border-collapse:collapse;
margin:4px 10%;
}
.mediawiki .mbox-inside .tmbox {
margin:2px 0;
width:100%;
}
.mbox-inside .tmbox.mbox-small {
font-size:100%;
line-height:1.5em;
}
table.tmbox-speedy {
background:#FFEEEE none repeat scroll 0 0;
border:2px solid #B22222;
}
table.tmbox-delete {
border:2px solid #B22222;
}
table.tmbox-content {
border:2px solid #F28500;
}
table.tmbox-style {
border:2px solid #F4C430;
}
table.tmbox-move {
border:2px solid #9932CC;
}
table.tmbox-protection, table.tmbox-notice {
border:1px solid #C0C090;
}
div.fmbox-warning, div.mw-warning-with-logexcerpt, div.mw-cascadeprotectedwarning {
background:#FFDBDB none repeat scroll 0 0;
border:1px solid #BB7070;
clear:both;
margin:0.2em 0;
padding:0.25em 0.9em;
}

.majorwarning {
background:yellow none repeat scroll 0 0;
border:2px solid red;
font-size:125%;
padding:0.3em;
text-align:center;
}
.page-notice, .page-warning {
border-style:solid;
border-width:1px;
margin-bottom:1em;
margin-left:auto;
margin-right:auto;
padding:0.3em 0.5em;
text-align:center;
width:95%;
}
.page-notice {
background-color:#F9F9F9;
border-color:#025E9D;
text-align:left;
}
.page-warning {
background-color:#FFFFFF;
border-color:#C51919;
border-width:2px;
}
.pw-head {
color:#C51919;
font-weight:bold;
}
.block-note {
background-image:url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);
background-position:left top;
background-repeat:no-repeat;
}
.block-contents {
display:block;
padding-left:20px;
}

/**
* Stylesheet for Babel extension.
*
* This should be added to your MediaWiki:Common.css page when installing this
* extension and should not be modified. You may modify the CSS code on the
* MediaWiki:Common.css page to adjust colours etc.
*
* @addtogroup Extensions
*/

/* Babel wrapper layout. */
table.mw-babel-wrapper {
width: 238px;
float: right;
clear: right;
margin: 1em;
border-style: solid;
border-width: 1px;
border-color: #99B3FF;
}

/* Babel box layout. */
div.mw-babel-box {
float: left;
clear: left;
margin: 1px;
}

div.mw-babel-box table {
width: 238px;
}

div.mw-babel-box table th {
width: 238px;
width: 45px;
height: 45px;
font-size: 14pt;
font-family: monospace;
}

div.mw-babel-box table td {
font-size: 8pt;
padding: 4pt;
line-height: 1.25em;
}

/* Babel box colours. */
div.mw-babel-box-0 {
border: solid #B7B7B7 1px;
}

div.mw-babel-box-1 {
border: solid #C0C8FF 1px;
}

div.mw-babel-box-2 {
border: solid #77E0E8 1px;
}

div.mw-babel-box-3 {
border: solid #99B3FF 1px;
}

div.mw-babel-box-4 {
border: solid #CCCC00 1px;
}

div.mw-babel-box-5 {
border: solid #F99C99 1px;
}

div.mw-babel-box-N {
border: solid #6EF7A7 1px;
}

div.mw-babel-box-0 table th {
background-color: #B7B7B7;
}

div.mw-babel-box-1 table th {
background-color: #C0C8FF;
}

div.mw-babel-box-2 table th {
background-color: #77E0E8;
}

div.mw-babel-box-3 table th {
background-color: #99B3FF;
}

div.mw-babel-box-4 table th {
background-color: #CCCC00;
}

div.mw-babel-box-5 table th {
background-color: #F99C99;
}

div.mw-babel-box-N table th{
background-color: #6EF7A7;
}

div.mw-babel-box-0 table {
background-color: #E8E8E8;
}

div.mw-babel-box-1 table {
background-color: #F0F8FF;
}

div.mw-babel-box-2 table {
background-color: #D0F8FF;
}

div.mw-babel-box-3 table {
background-color: #E0E8FF;
}

div.mw-babel-box-4 table {
background-color: #FFFF99;
}

div.mw-babel-box-5 table {
background-color: #F9CBC9;
}

div.mw-babel-box-N table {
background-color: #C5FCDC;
}

.babel-box td.babel-footer {
text-align: center;
}

.contributionscores-wrapper { }
.contributionscores-title { background-color: #aaaaaa; margin-bottom: 0px; padding-left: .4em; }
.contributionscores .header { background-color: #cccccc; border-bottom: 1px solid #999999; font-weight: bold; }
.contributionscores .odd { background-color: #eeeeee; }
.contributionscores .header td { padding-left: .2em; padding-right: .2em; }
.contributionscores .content { padding-left: .2em; padding-right: .2em; }

.verse pre {
background-color: #ffffff;
font-family:sans-serif;
line-height: 150%;
border: 0px;
padding-left: 2em;
margin: 0;
white-space: pre;
}

.verse p {
white-space: pre;
}

.prose p {
}

.prose {
width: 35em;
text-align:justify;
margin:0px auto;
}

#p-googleadsense .pBody {
padding-top: 5px;
text-align: center;
}
.languageTable td{
border-style: none !important;
}

/* ==========================================================================
MOBILE RESPONSIVE STYLES
========================================================================== */

/* Make main page responsive */
@media screen and (max-width: 768px) {
/* Stack main page tables vertically */
#mp-topbanner,
#mp-topbanner > tbody > tr,
#mp-topbanner > tbody > tr > td {
display: block !important;
width: 100% !important;
}

/* Make all tables responsive */
table {
width: 100% !important;
max-width: 100% !important;
}

/* Stack table cells on mobile */
.mw-body-content > table > tbody > tr > td,
.mw-parser-output > table > tbody > tr > td {
display: block !important;
width: 100% !important;
box-sizing: border-box;
}

/* Hide fixed-width imagemap, show regular image */
.mw-parser-output map,
.mw-parser-output img[usemap] + div {
display: none !important;
}

/* Make images responsive */
.mw-parser-output img {
max-width: 100% !important;
height: auto !important;
}

/* Fix sidebar boxes on main page */
.mw-parser-output table[style*="width: 300px"],
.mw-parser-output table[style*="width:300px"] {
width: 100% !important;
float: none !important;
}

/* Stack two-column layouts */
.mw-parser-output td[style*="vertical-align: top"][style*="border-right"],
.mw-parser-output td[style*="width: 300px"] {
display: block !important;
width: 100% !important;
border-right: none !important;
padding: 0.5em !important;
}

/* Improve readability of content boxes */
.mw-parser-output div[style*="padding"] {
padding: 0.5em !important;
}

/* Make navigation links wrap properly */
#mp-topbanner ul {
padding-left: 1em;
}

/* Infoboxes should not float on mobile */
.infobox {
float: none !important;
margin: 1em auto !important;
width: 100% !important;
max-width: 100% !important;
}

/* Navboxes */
.navbox {
font-size: 100% !important;
}

/* Babel boxes */
table.mw-babel-wrapper {
float: none !important;
width: 100% !important;
margin: 1em 0 !important;
}
}

/* Slightly larger screens - tablets */
@media screen and (max-width: 1024px) and (min-width: 769px) {
.mw-parser-output img[usemap] {
max-width: 100%;
height: auto;
}
}

/* Make imagemap image responsive while keeping functionality on larger screens */
.mw-parser-output .noresize {
max-width: 100%;
height: auto !important;
width: auto !important;
}

.mw-parser-output .noresize img {
max-width: 100%;
height: auto !important;
}

/* Better touch targets for mobile */
@media screen and (max-width: 768px) {
.mw-parser-output a {
padding: 0.25em 0;
display: inline-block;
}

.mw-parser-output li {
margin-bottom: 0.5em;
}
}

Korean Wiki Project - User contributions [en]

MediaWiki:Mobile.css

Template:Top

MediaWiki:Common.css