"Common.css"의 두 판 사이의 차이
DB CAFE
11번째 줄: | 11번째 줄: | ||
pre.source-javascript { | pre.source-javascript { | ||
font-family: "Nanum Gothic Coding","나눔고딕코딩", serif, "Courier New" !important; | font-family: "Nanum Gothic Coding","나눔고딕코딩", serif, "Courier New" !important; | ||
+ | } | ||
+ | cite.citation { font-style: inherit } | ||
+ | a.mw-selflink{color:inherit;font-weight:bold;text-decoration:inherit} | ||
+ | a.mw-selflink:hover{cursor:inherit;text-decoration:inherit} | ||
+ | a.mw-selflink:active,a.mw-selflink:visited{color:inherit} | ||
+ | .bracket1 { color: #9ac; padding: 0 .3em; } | ||
+ | .baraket1>img {box-shadow: none !important;} | ||
+ | .zmap, | ||
+ | .mw-parser-output>p>img, | ||
+ | .mw-parser-output .image>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; | ||
+ | } | ||
+ | .mw-content-ltr ol { | ||
+ | margin: 0.3em 0 0 1.6em; | ||
+ | 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-headline { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .mw-headline:hover { | ||
+ | border-bottom: 1px solid #39d; | ||
+ | } | ||
+ | .mw-headline-number { | ||
+ | color: #39d; | ||
+ | } | ||
+ | .mw-headline-number:after { | ||
+ | content: "."; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | /* 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 div, .backslash div { text-align: right; } | ||
+ | |||
+ | 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: #FDB3AB} | ||
+ | .version-legacy {background: #FEF8C6} | ||
+ | .version-current, .version-stable {background: #D4F4B4} | ||
+ | .version-preview {background: #FED1A0} | ||
+ | .version-future, .version-testing {background-color: #C1E6F5} | ||
+ | .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>a.new:hover { | ||
+ | background: #b00; | ||
+ | } | ||
+ | .t-radical2>p>b { | ||
+ | background: #555; | ||
+ | border-color: #555; | ||
+ | color: #fff; | ||
+ | font-size: 15px; | ||
} | } |
2020년 3월 5일 (목) 18:42 판
@import url("https://fonts.googleapis.com/css?family=Nanum+Gothic+Coding") body { font-family:"Nanum Gothic Coding", sans-serif; } div # content h1, div # content h2 {font-family : "Nanum Gothic Coding", serif} div.mw-geshi div, div.mw-geshi div pre, div.mw-geshi div span, span.mw-geshi, pre.source-css, pre.source-javascript { font-family: "Nanum Gothic Coding","나눔고딕코딩", serif, "Courier New" !important; } cite.citation { font-style: inherit } a.mw-selflink{color:inherit;font-weight:bold;text-decoration:inherit} a.mw-selflink:hover{cursor:inherit;text-decoration:inherit} a.mw-selflink:active,a.mw-selflink:visited{color:inherit} .bracket1 { color: #9ac; padding: 0 .3em; } .baraket1>img {box-shadow: none !important;} .zmap, .mw-parser-output>p>img, .mw-parser-output .image>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; } .mw-content-ltr ol { margin: 0.3em 0 0 1.6em; 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-headline { cursor: pointer; } .mw-headline:hover { border-bottom: 1px solid #39d; } .mw-headline-number { color: #39d; } .mw-headline-number:after { content: "."; } .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; } /* 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 div, .backslash div { text-align: right; } 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: #FDB3AB} .version-legacy {background: #FEF8C6} .version-current, .version-stable {background: #D4F4B4} .version-preview {background: #FED1A0} .version-future, .version-testing {background-color: #C1E6F5} .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>a.new:hover { background: #b00; } .t-radical2>p>b { background: #555; border-color: #555; color: #fff; font-size: 15px; }