미디어위키:Mobile.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
/* 이 CSS 설정은 모바일 사이트를 사용하는 사용자에게 적용됩니다 */
/* 이 문서의 일부는 한국어 위키백과의 미디어위키:Mobile.css(https://ko.wikipedia.org/w/index.php?title=%EB%AF%B8%EB%94%94%EC%96%B4%EC%9C%84%ED%82%A4:Mobile.css&oldid=20844753)에서 가져왔음을 밝힙니다.*/

/* 한국어 텍스트는 keep-all */
:lang(ko) {
	word-break: keep-all;
}

/* 한국어 텍스트 안에 있더라도 중국어와 일본어 그리고 한자는 노멀 */
:lang(ja), :lang(zh), :lang(ko-hani), :lang(und-hani), :lang(mul-hani) {
	word-break: normal;
}

/* 취소선 회색 */
del, s {
	color: grey;
}

/* 취소선을 포인트를 향하거나 터치하면 잠시 스타일 없애기 */
del:hover, s:hover, del:active, s:active { text-decoration:none; }

/* 특수:버전에서 서버 소프트웨어 버전이 기본적으로 안보이게 */
#sv-software { display:none; }

/* 임베드된 영상을 모바일 화면 폭에 맞추기 */
@media screen and (max-width: 450px) {
    .mw-parser-output iframe {
		width: 100%;
		height: 212px;
	}
}

/*지도 마커 투명하게 */
img.leaflet-marker-icon {
	background-color: rgba(0, 0, 0, 0) !important;
}

/* 인용문에서 영문이 세리프체가 되는 현상 fix */
blockquote {
	font-family: -apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Lato','Helvetica','Arial',sans-serif;
}

/* 인용문이 화면 삐져나오는 현상 수정 */
@media screen and (max-width: 450px) {
	blockquote { 
		table-layout: fixed;
		width: fit-content;
	}
}

/* 틀:트윗 프로필 사진 어색하게 나오는 현상 수정 */
.template-tweet-image .floatleft {
    margin: initial;
}

/* faq 매뉴가 푸더에 노출되도록 하는 css */
#footer-places-faq {
    display: inline-block;
}

/* Mobile template hacks (see phab T56176) */
.mobile-float-reset {
	float: none !important;
	width: 100% !important;
}

/* Hide the images */
.geo-nondefault, .geo-multi-punct,
/* Hide stuff meant for accounts with special permissions. Made visible again in
   [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]] and
   [[MediaWiki:Group-autoconfirmed.css]]. */
.sysop-show,
.accountcreator-show,
.autoconfirmed-show,
/* Copied from Common.css - allow for hiding text in compact form e.g. clean up templates */
.hide-when-compact,
/* portal pages are badly formatted. Until this changes these should be hidden. (see https://phabricator.wikimedia.org/T86495) */
.noprint.portal {
	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
TODO: Move to Citation template when templates have stylesheets
See https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
*/
@media screen, handheld {
	.citation *.printonly {
		display: none;
	}
}
/* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */
.citation {
	word-wrap: break-word;
}

/* override default center aligning of th cells in some browsers,
 * most th cells in infoboxes are row headers and left aligned */
.infobox > th {
	/* @noflip */
	text-align: left;
}

/* Default styling for Navbar template
TODO: Move to Navbar template when templates have stylesheets
See https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
*/
.navbar {
	display: inline;
	font-size: 88%;
	font-weight: normal;
}
.navbar ul {
	display: inline;
	white-space: nowrap;
}
.navbar li {
	word-spacing: -0.125em;
}
.navbar.mini li span {
	font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.navbox .navbar,
.infobox .navbar {
	font-size: 100%;
}
.navbox .navbar {
	display: block;
}
.navbox-title .navbar {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
	/* @noflip */
	margin-right: 0.5em;
	width: 6em;
}
/* Unbulleted lists e.g. Barack Obama page */
.plainlist ul {
	list-style: none;
}

.visualhide {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/*
Hatnotes and disambiguation notices
Please review the default hatnote styles provided by MobileFrontend before adding here.
*/
.hatnote i {
	font-style: normal;
}
div.hatnote {
	/* @noflip */
	/*padding-left: 1.6em;
	margin-bottom: 0.5em;
	commented out until https://phabricator.wikimedia.org/T130846 is resolved*/
}

/* Geographical coordinates defaults. See [[Template:Coord/link]]
   for how these are used. The classes "geo", "longitude", and
   "latitude" are used by the [[Geo microformat]]. */
.geo-default, .geo-dms, .geo-dec  { display: inline; }

.longitude, .latitude             { white-space: nowrap; }

/* Prevent line breaks in silly places:
   1) Where desired
   2) Links when we don't want them to
   3) Bold "links" to the page itself
   4) Ref tags with group names <ref group="Note"> --> "[Note 1]"
Please document here what pages use this
Enabled 
*/
.mw-parser-output .nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
	white-space: nowrap;
}
.mw-parser-output .infobox .nowrap {
	white-space: normal !important;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
	white-space: normal;
}

/* hidden sortkey for tablesorter */
td .sortkey,
th .sortkey {
	display: none;
	speak: none;
}

/* Pie chart: Transparent borders */
.transborder {
	border: solid transparent;
}

/* Generic class for Times-based serif, texhtml class for inline math */
/*
.times-serif,
span.texhtml {
	font-family: serif;
}
*/
span.texhtml {
	white-space: nowrap;
}

/* Enable custom list style types for lists of references */
.reflist ol.references {
	list-style-type: inherit;
}

/* Hanging indentation for Template:Refbegin */
.refbegin-hanging-indents > ul,
.refbegin-hanging-indents > dl {
	list-style-type: none;
	margin-left: 0;
}
.refbegin-hanging-indents > ul > li,
.refbegin-hanging-indents > dl > dd {
	margin-left: 0;
	padding-left: 1.0em;
	text-indent: -1.0em;
	list-style: none;
}

/* Prevent flags in tables from collapsing */
.flagicon img {
	min-width: 25px;
}

/* Prevent unnecessary margin at the bottom of centralnotices */
.cnotice {
	margin-bottom: 0 !important;
}

/**
******************DEPRECATED STYLES ************************************
These styles will be removed shortly. Please see inline comments.
**/


/*
Generate interpuncts 
Should be removed and moved to templates once TemplateStyles is live
*/
#content .hlist dt:after {
	content: ": ";
}
/* Can be removed when T169315 is resolved */
#content .hlist-separated li:after {
	font-size: 0.8em;
	color: #333;
}
/*
Note the mobile skin provides a `hlist-separated` class for this purpose. Use this class name alongside the hlist class instead as this will result in a FOUC.
Should be removed and moved to templates once TemplateStyles is live
*/
#content .hlist dd:after {
	content: " · ";
	font-weight: bold;
}
/* Should be removed and moved to templates once TemplateStyles is live */
#content .hlist dd:last-child:after,
#content .hlist dt:last-child:after,
#content .hlist li:last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
/* Should be removed and moved to templates once TemplateStyles is live */
#content .hlist dd dd:first-child:before, #content .hlist dd dt:first-child:before, #content .hlist dd li:first-child:before,
#content .hlist dt dd:first-child:before, #content .hlist dt dt:first-child:before, #content .hlist dt li:first-child:before,
#content .hlist li dd:first-child:before, #content .hlist li dt:first-child:before, #content .hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}
/* Should be removed and moved to templates once TemplateStyles is live */
#content .hlist dd dd:last-child:after, #content .hlist dd dt:last-child:after, #content .hlist dd li:last-child:after,
#content .hlist dt dd:last-child:after, #content .hlist dt dt:last-child:after, #content .hlist dt li:last-child:after,
#content .hlist li dd:last-child:after, #content .hlist li dt:last-child:after, #content .hlist li li:last-child:after {
	content: ") ";
	font-weight: normal;
}
/* Put ordinals in front of ordered list items */
/* Should be removed and moved to templates once TemplateStyles is live */
#content .hlist ol {
	counter-reset: listitem;
}
/* Should be removed and moved to templates once TemplateStyles is live */
#content .hlist ol > li {
	counter-increment: listitem;
}
/* Should be removed and moved to templates once TemplateStyles is live */
#content .hlist ol > li:before {
	content: " " counter(listitem) " ";
	white-space: nowrap;
}
/* Should be removed and moved to templates once TemplateStyles is live */
#content .hlist dd ol > li:first-child:before,
#content .hlist dt ol > li:first-child:before,
#content .hlist li ol > li:first-child:before {
	content: " (" counter(listitem) " ";
}
/* hllist fix */
.mw-parser-output .hlist dd, .mw-parser-output .hlist dt, .mw-parser-output .hlist li {
    margin: 0;
    display: inline !important;
}