"미디어위키:Common.css"의 두 판 사이의 차이

343번째 줄: 343번째 줄:
border-left: 0;
border-left: 0;
}
}
/* z-column */
.z-column-2>ul { column-count: 2; }
.z-column-3>ul { column-count: 3; }
.z-column-4>ul { column-count: 4; }
.z-column-5>ul { column-count: 5; }
.z-column-6>ul { column-count: 6; }
@media (max-width: 640px) {
@media (max-width: 640px) {
[class^="z-column"] {
[class^="z-column"]>ul { column-count: 2 !important; }
column-count: 2 !important;
}
}
}
.z-column-2 { column-count: 2; }
.z-column-3 { column-count: 3; }
.z-column-4 { column-count: 4; }
.z-column-5 { column-count: 5; }
.z-column-6 { column-count: 6; }


/* TOC */
/* TOC */

2020년 10월 21일 (수) 21:21 판

cite.citation { font-style: inherit }
a.mw-selflink{ font-weight:bold; text-decoration:none; color:inherit !important; }
a.mw-selflink:hover{ text-decoration:none; }
.bracket1 { color: #9ac; padding: 0 .3em; }
.baraket1>img {box-shadow: none !important;}
.zmap,
.mw-parser-output>p>img,
.mw-parser-output>p>a>img {
  box-shadow: 0 2px 5px 1px rgba(0,0,0,.2);
  box-sizing: content-box;
  border-radius: 3px;
  padding: 5px;
  max-width: 100%;
  height: auto;
  background: #fff;
}
.mw-content-ltr>h2 {
  padding: .3em 0 .2em;
}
/* ul, ol, dd */
.mw-content-ltr ul {
	margin: .3em 0 0 1.6em;
	padding: 0;
}
.mw-content-ltr ol {
	margin: .3em 0 0 1.6em;
	padding: 0;
	list-style: disc;
	counter-reset: item;
}
.mw-content-ltr ol>li {
	counter-increment: li;
}
.mw-content-ltr ol>li::before {
	content: counters(item, ".")". ";
	counter-increment: item;
}
.mw-content-ltr dd {
	margin-left: 1.6em;
	margin-bottom: .1em;
}
.mw-headline {
  cursor: pointer;
}
.mw-headline:hover {
  border-bottom: 1px solid #39d;
}
.mw-headline-number {
  color: #39d;
}
.mw-headline-number:after {
  content: ".";
}
.mw-highlight .hll {
    background-color: #bb03;
}
.mw-highlight-header {
	display: table;
	border-left: 4px solid #59b;
	padding: 0 12px;
	margin-bottom: -5px;
	word-break: break-all;
	background: #cee;
	border-radius: 5px 5px 0 0;
}
.mw-highlight-lang-console, .mw-highlight-lang-doscon {
	background: #000 !important;
	color: #fff !important;
}
.mw-highlight-lang-console .m, .mw-highlight-lang-doscon .m { color: #ccc !important; }
.mw-highlight-lang-console .o, .mw-highlight-lang-doscon .o { color: #ccc !important; }
.mw-highlight-lang-console .gp, .mw-highlight-lang-doscon .gp { color: #aaf !important; }
.mw-highlight-lang-console .go, .mw-highlight-lang-doscon .go { color: #ddd !important; }
.mw-highlight-lang-console .nv, .mw-highlight-lang-doscon .nv { color: #ffc !important; }
.mw-highlight-lang-console .c1, .mw-highlight-lang-doscon .c1 { color: #cff !important; font-style: normal !important; }
.mw-highlight-lang-console .s1, .mw-highlight-lang-console .s2, .mw-highlight-lang-doscon .s1, .mw-highlight-lang-doscon .s2 { color: #fcc !important; }
.mw-highlight-lang-console .nb, .mw-highlight-lang-console .k, .mw-highlight-lang-doscon .nb, .mw-highlight-lang-doscon .k { color: #cfc !important; }
/* shit canceller */
#msupload-dropzone { height: auto !important }
.mw-editfont-monospace { font-family: inherit !important }
.wikiEditor-ui-toolbar .page-characters div span { height: auto !important }

.z-ed>a[target=_blank] {
    opacity: .5;
    zoom: .8;
    color: #09d;
}
.grayblur {filter:grayscale(100%) opacity(.1);}
blockquote.note {
  background: #fff3d4;
  border: 1px solid #f6b73c;
  border-radius: 4px;
  display: flex;
}
blockquote.note>p {
  text-align: center;
  flex-basis: 50px;
  margin: 0;
}
blockquote.note>div {
  flex: 1;
}
.wikitable { word-break: break-word; }
.wikitable td>p { margin: 0 }
.wikitable > caption { caption-side: top }
.mw-content-ltr .wikitable ul { margin: 0 0 0 1.6em; }

.slash { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="100%" x2="100%" y2="0" stroke="gray" /></svg>'); }
.backslash { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>'); }
.slash, .backslash { text-align: left !important; }
.slash div, .backslash div { text-align: right !important; }

table.count tr { counter-increment: tr }
table.count td:first-child:before { content: counter(tr) }
table.count tr.count-reset { counter-reset: tr }

.version-old, .version-obsolete {background: #f867}
.version-legacy {background: #ee97}
.version-current, .version-stable {background: #be67}
.version-preview {background: #FED1A0}
.version-future, .version-testing {background: #9de7}
.version-never {background: LightGray}
.transborder {
    border: solid transparent;
}
.zw-tabs ul.nav { margin:0 }
.nav-link { cursor:pointer }
.zw-tabs .tab-pane { padding: 0.5em; border: 1px solid #dee2e6; border-top: 0 }
.k8s-caution, .k8s-note, .k8s-warning {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.k8s-warning {  border-left-color: #d9534f }
.k8s-caution {  border-left-color: #f0ad4e }
.k8s-note {  border-left-color: #428bca }

/* 한자 */
.hanja-title span {
	margin-right: .4em;
	zoom: 3;
	opacity: .5;
}
.hanja-title span:nth-child(1) {
	zoom:4;
	opacity: 1;
}

/* 한자 */
.hanja-info {
	float: right;
	margin: 0 10px;
	text-align: center;
	border-collapse: collapse;
}
.hanja-info th, .hanja-info td {
	border: 1px solid #88888833;
}
.hanja-info .han {
	font-size: 3em;
	padding: .3em;
	font-family: serif;
	background: #6688aa11;
}
.hanja-meaning {
	padding: 7px;
	background: #6688aa11;
	border-radius: .25rem;
	border: 1px solid #88888833;
	width: auto;
	overflow: hidden;
}
.radical>p {
  width: 601px; max-width: 100%;
  border: 1px solid #ccc;
  border-width: 1px 0 0 1px;
  display: inline-block;
}
.radical>p>* {
  box-sizing: border-box;
  width: 50px; height: 50px;
  float:left;
  font-size: 34px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #888;
  padding-top: 10px;
}
.radical>p>a {
  font-family: serif;
  border-color: #fff #888 #888 #fff;
}
.radical>p>a:hover {
  text-decoration: none;
  background: #09d;
  border-color: #09d;
  color: #fff;
}
.radical>p>b {
  background: #555;
  border-color: #555 #888 #888 #555;
  color: #fff;
  font-size: 18px;
}

.radicals tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.radicals th {
  background: #666;
  color: #fff;
  width: 50px;
  text-align: right;
}
.radicals td {
  margin: 0;
  padding: 0;
}
.radicals ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.radicals li {
  float: left;
}
.radicals li>a {
  float: left;
  font-size: 28px;
  width: 40px; 
  height: 40px;
  text-align: center;
  text-decoration: none;
  padding-top: 4px;
  font-family: serif;
  border-left: 1px solid #ddd;
}
.radicals li>a:hover {
  text-decoration: none;
  background: #09d;
  border-color: #09d;
  color: #fff;
}

.t-radical {
  width: 100%;
}
.t-radical * {
  text-align: center;
  vertical-align: middle;
}
.t-radical1 {
  background: #999;
  color: #fff;
  width: 30px;
  vertical-align:top;
}
.t-radical2>p>* {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  float: left;
  font-size: 28px;
  border: 1px solid #888;
  padding-top:5px;
}
.t-radical2>p>a {
  text-decoration: none;
  border-color: #fff #888 #888 #fff;
  background: linear-gradient(#eee, #fff);
}
.t-radical2>p>a:hover {
  background: #09d;
  border-color: #09d;
  color: #fff;
}
.t-radical2>p>.new:hover {
  background: #b00;
}
.t-radical2>p>b {
  background: #555;
  border-color: #555;
  color: #fff;
  font-size: 15px;
}
.referencetooltip li {
  border: #008a 2px solid;
  background-color: #888a;
}
ol.references li:target, sup.reference:target {
  background-color: #6bc3;
}
/* 2020-10-04 */
.printfooter {
  display: none;
}
.mw-editsection {
  font-size: small;
  margin-left: 1em;
}
.wikitable {
  border-collapse: collapse;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
  border: 1px solid #a2a9b1;
  padding: 0.2em 0.4em;
}

.catlinks li {
  border-left: 1px solid;
  display: inline-block;
  padding: 0 0.5em;
  line-height: 1.25em;
}
.catlinks li:first-child {
  border-left: 0;
}
/* 2020-10-04 */
.printfooter {
  display: none;
}
.mw-editsection {
  font-size: small;
  margin-left: 1em;
}
.wikitable {
  border-collapse: collapse;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
  border: 1px solid #a2a9b1;
  padding: 0.2em 0.4em;
}

.catlinks li {
	border-left: 1px solid;
	display: inline-block;
	padding: 0 0.5em;
	line-height: 1.25em;
}
.catlinks li:first-child {
	border-left: 0;
}

/* z-column */
.z-column-2>ul { column-count: 2; }
.z-column-3>ul { column-count: 3; }
.z-column-4>ul { column-count: 4; }
.z-column-5>ul { column-count: 5; }
.z-column-6>ul { column-count: 6; }
@media (max-width: 640px) {
	[class^="z-column"]>ul { column-count: 2 !important; }
}

/* TOC */
#toc { display: inline-block; }
.toctogglespan { display: none;	}
.toctitle {
	border-radius: 3px 3px 0 0;
	padding: 1em 1em .6em 1.3em;
}
.toctitle h2 { margin: 0; padding: 0; font-size: 1.3em; }
#toc li { list-style-type: none; }
#toc ul { line-height: 1.6em; }
#toc > ul {
	padding: 1em 1.5em;
	border: 1px solid;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	margin: 0;
}
.tocnumber { color: #39d; }
.tocnumber:after { content: "."; }
/* /TOC */
.z-bg-dark img {
	background: #000 !important;
}
/* blockquote */
.z-blockquote {
	position: relative;
	margin: .5em 2em;
	padding: 1em 3em 1em 4em;
	background: #9991;
	border-left: .5em solid #7ba8;
}
@media (max-width: 640px) {
	.z-blockquote {
		margin: .5em;
	}
}
.z-blockquote:before {
	position: absolute;
	font-size: 4em;
	font-family: Georgia, cursive;
	font-weight: bold;
	color: #7ba8;
	content: '“';
	top: .5em;
	left: .3em;
}
.z-blockquote cite {
	display: block;
	text-align: right;
	font-style: normal;
}
/* /blockquote */

/** 정보상자 **/
.infobox {
	border: 1px solid #a2a9b1;
	border-spacing: 3px;
	background-color: #f8f9fa;
	color: black;
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	font-size: 88%;
	line-height: 1.5em;
	width: 25em;
}
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	padding: 0.2em;
	text-align: center;
}
.infobox td,
.infobox th {
	vertical-align: top;
	/* @noflip */
	text-align: left;
}

.infobox th {
	white-space: nowrap;
}

.infobox.bordered {
	border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}

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

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

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

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}

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

.infobox.geography  td,
.infobox.geography  th {
	border-top: 1px solid #a2a9b1;
	padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
	border-top: 1px solid #a2a9b1;
	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: 1px solid #a2a9b1;
	padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
	border: 0;
	padding: 0;
}
/* 섬네일 */
div.tright, div.floatright, table.floatright {
    clear: right;
    float: right;
}
div.tright {
    margin: 0.5em 0 1.3em 1.4em;
}
div.thumb {
    margin-bottom: 0.5em;
    width: auto;
    background-color: transparent;
}
div.thumbinner {
    border: 1px solid #8886;
    padding: 3px;
    background-color: #8883;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
}
div.thumb div a img {
    background-color: #ffffff;
}
html .thumbimage {
    background-color: #fff;
    border: 1px solid #c8ccd1;
}
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}