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

하나님의 교회 지식사전
둘러보기로 이동 검색으로 이동
← 이전 편집다음 편집 →
편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
/* // -- 전산실에서 만든 스타일입니다. 수정할 수 없습니다. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
h1, h2, p ,span ,div{font-family:'Noto Sans KR', sans-serif}


/* 틀 삽입도구 버튼 스타일 */
/* h1, h2, p ,span ,div{font-family:'roboto','notokr',sans-serif} */
.my-buttons {
.mw-parser-output .external{background:none; padding:0}
text-align: left;
.fw500{font-weight:500}
font-size: 110%;
.fw600{font-weight:600}
color: black;
.part-t{padding-top:20px}
background-color: #f9f9f9 !important;
text-decoration: none;
border: 1px solid #dddddd;
margin: 0.25em;
padding-left: 3px;
padding-right: 3px;
}


.my-button_gp {
.cog-container{max-width:960px; margin-left:auto; margin-right:auto}
text-align: left;
.cog-title{border:1px solid #E3E6EC; border-radius:8px; padding:20px}
font-size: 110%;
.cog-title h1{font-size:20px; margin:0; border-bottom:none; font-weight:600}
color: black;
.cog-title h2{font-size:17px; font-weight:400 !important; border-bottom:none}
background-color: #fc3 !important;
.cog-title div{font-size:17px; font-weight:500;}
text-decoration: none;
.cog-tag, .cog-tag a{color:#0745AD !important; padding-right:0}
border: 1px solid #dddddd;
.cog-button a{background:#F8F9FB !important; border:1px solid #DADEE6; border-radius:4px; display:inline-block; padding:6px 12px !important; font-size:14px; font-weight:500}
margin: 0.25em;
padding-left: 3px;
padding-right: 3px;
}


#editform .my-button_file {
/* cog-box */
    display:none;
.cog-box-wrap{margin-left:-10px; margin-right:-10px}
}
.cog-box{box-sizing:border-box; padding-left:10px; padding-right:10px; margin-bottom:10px}
.cog-box-inner{border:1px solid #E3E6EC; box-sizing:border-box; border-radius:8px; height:100%; padding:12px 20px}
.cog-box-title{font-size:18px; font-weight:600; position:relative}
.cog-box ul{margin-top:8px}
.cog-box ul li a{color:#0745AD;}


#mw-upload-form .mw-charinsert-buttons,
/* cog-related-site */
#mw-upload-form .mw-charinsert-button,
.cog-related-site ul{display:flex; flex-wrap:wrap; border-top:1px solid #686C70; margin-left:0; padding-left:0 !important; padding-top:10px}
#mw-upload-form .mw-editTools > p{
.cog-related-site ul li{display:flex; padding-top:4px; padding-bottom:4px; margin-top:10px; box-sizing:border-box}
    display:none;
.cog-intro-wrap .cog-intro-desc{flex:1; font-size:16px;}
}
.cog-represent-img{width:320px; height:200px;}


#mw-upload-form .mw-charinsert-buttons.my-button_file{
.video-wrap{background-color:#000; position:relative; width:100%; padding-bottom:56.25%; margin:0 auto; margin-top:10px; margin-bottom:10px}
    display:block;
.video-wrap iframe{position:absolute; width:100%; height:100%; left:0}
}


.mw-charinsert-buttons {
/* content */
border: 1px solid #aaa;
.content li{margin-bottom:2px}
margin-top: 10px;
padding: 1px;
font-size: 1.1em;
text-align: left;
}


.mw-charinsert-button_gp {
.cog-related-site ul li img{width:42px; height:42px;}
border: 1px solid #aaa;
.cog-related-site ul li::marker{font-size:0;}
margin-top: 10px;
.cog-related-site ul li > div{margin-left:14px; font-size:14px; line-height:1.5}
padding: 1px;
.cog-related-site .cog-tag a{font-size:13px; font-weight:500}
font-size: 1.1em;
.vector-menu-portal h3{border-bottom: 2px solid #D8D8D8; background-image:initial}
text-align: center;
color: red;
}


.mw-charinsert-buttons a {
@media(min-width:768px){
background-color: #cde !important;
    .part-t{padding-top:40px}
color: #000;
    .cog-title{padding:25px 30px}
border: thin #069 outset;
    .cog-title h1{font-size:28px}
padding: 0 1px 1px;
    .cog-box-wrap{display:flex; flex-wrap:wrap; box-sizing:border-box}
font-weight: bold;
    .cog-box{width:50%; margin-bottom:20px}
font-size: 0.9em;
    .cog-box ul li{font-size:15px}
text-decoration: none;
    .cog-intro-wrap{display:flex}
    .cog-intro-wrap .cog-intro-desc{padding-left:30px}
    .cog-related-site ul li{width:25%}
    .cog-related-site .cog-tag a{font-size:14px}
}
}
 
@media(max-width:767px){
.mw-charinsert-buttons a:hover,
    .cog-container{margin-top:20px}
.mw-charinsert-buttons a:active {
    .cog-intro-wrap .cog-intro-desc{margin-top:16px}
background-color: #bcd;
    .content ul{padding-left:20px}
border-style: inset;
    .ico-arrow{position:absolute; right:0; top:12px}
    .ico-arrow::before,
    .ico-arrow::after{content:''; position:relative; width:6px; height:1px; display:block; background:#000}
    .ico-arrow::before{transform:rotate(45deg)}
    .ico-arrow::after{transform:rotate(-45deg); margin-left:4px; margin-top:-1px}
    .cog-box-title.open .ico-arrow{transform:rotate(180deg)}
    .cog-box-title ~ * {display:none}
    .cog-box-title.open ~ * {display:block}
}
}


.client-js .mw-edittools-section {
/* sub */
display: inline;
cite,
}
i{font-style:normal}
body{background:#fff; position:relative; max-width:1400px; margin-left:auto; margin-right:auto}
#mw-head{background:#fff}
#mw-panel{width:160px; padding-left:0 !important}
.mw-body{border:none; position:relative}
#mw-body-content{max-width:960px; margin-left:auto; margin-right:auto;}
.mw-body .firstHeading{max-width:960px; margin-left:auto; margin-right:auto;}
#mw-page-base{background:#fff;}


.client-js .mw-edittools-section input[type="button"] {
#mw-navigation{display:block; width:calc(100% - 160px); position:absolute; top:0; padding-left:160px}
font-size: 0.9em;
#mw-head {background:#fff; max-width:960px; margin-left:auto; margin-right:auto; position:static}
margin-left: 1px;
.mw-body-content{max-width:960px; margin-left:auto; margin-right:auto}
padding-left: 1px;
#left-navigation,
padding-right: 1px;
#right-navigation,
}
#p-personal{position:static; margin:0; padding:0}
#p-personal{padding-top:10px;}
#left-navigation,
#right-navigation{padding-top:9px}


/* 파일 클릭 방지 */
#p-logo{margin-bottom:0; margin-top:12px}
#filetoc + .fullImageLink a,
.mw-mmv-image img{
    pointer-events: none!important;
}


/* 미디어뷰어 다운로드 방지 */
.mw-references-columns li{padding-top:4px; font-size:12px}
.mw-mmv-download-button,
.mw-footer > ul{max-width:960px; margin-left:auto; margin-right:auto}
.mw-mmv-dialog.mw-mmv-download-dialog{
.mw-body-content h2{font-weight:500}
    display: none!important;
#p-search{margin-right:0}
}
.content .section-heading{margin-bottom:0 !important; font-size:18px}
b,strong{font-weight:500}
.mw-parser-output a.extiw, .mw-parser-output a.external{color:#0745AD}
.mw-content-ltr dl{margin-top:0; margin-bottom:0; padding-top:8px; padding-bottom:8px}


/* 각주 목록이 비활성화되는 문제 해결 */
/* 각주 */
.mw-references-wrap{
.mw-references-wrap{pointer-events:all !important; background:none; border:none; opacity:1 !important; padding:0}
pointer-events:all !important;
background:none;
border:none;
opacity:1 !important;
padding:0;
}


/* 푸터 */
/* WMC SI: 파일 클릭 방지 */
#footer-copyrightico{display:none}
#filetoc + .fullImageLink a,
.mw-mmv-image img {pointer-events:none!important}


/* WMC SI: 푸터 */
#footer-copyrightico {display:none}
#footer-info-lastmod,
#footer-info-lastmod,
#footer-places-privacy,
#footer-places-privacy,
#footer-places-disclaimer {
#footer-places-disclaimer {display:none}
display:none;
#footer-info-custom-copyright {pointer-events:none}
}
#footer-info-custom-copyright a {color:#000}
#footer-info-custom-copyright{
pointer-events:none;
}
#footer-info-custom-copyright a{
color:#000;
}
/* 전산실에서 만든 스타일입니다. 수정할 수 없습니다. -- // */


 
.infobox {border:1px solid #a2a9b1; border-spacing:3px; background-color:#f8f9fa; color:black; margin:0.5em 0 0.5em 1em; padding:0.2em; float:right; clear:right; font-size:88%; line-height:1.5em; width:22em}
.mw-charinsert-buttons {border:1px solid #aaa; margin-top:10px; padding:1px; font-size:1.1em; text-align:center;}
.infobox-subbox {padding:0; border:none; margin:-3px; width:auto; min-width:100%; font-size:100%; clear:none; float:none; background-color:transparent}
.mw-charinsert-button_gp {border:1px solid #aaa; margin-top:10px; padding:1px; font-size:1.1em; text-align:center; color: red;}
.infobox td, .infobox th {vertical-align:top; text-align:left}
.mw-charinsert-buttons a {background-color: #cde !important; color:#000; border:thin #069 outset; padding:0 1px 1px; font-weight:bold; font-size:0.9em; text-decoration:none;}
.infobox .infobox-above, .infobox caption, .infobox-title {font-size:125%; font-weight:bold; text-align:center}
.mw-charinsert-buttons a:hover,
.infobox caption, .infobox-title {padding:0.2em}
.mw-charinsert-buttons a:active {background-color: #bcd; border-style: inset;}
.infobox .infobox-header, .infobox .infobox-subheader, .infobox .infobox-image, .infobox .infobox-full-data, .infobox .infobox-below {text-align:center}
.client-js .mw-edittools-section {display:inline;}
.infobox .infobox-navbar {text-align:right}
.client-js .mw-edittools-section input[type="button"] {font-size:0.9em; margin-left:1px; padding-left:1px; padding-right:1px;}
.infobox.bordered {border-collapse:collapse}
cite,
dfn {font-style:inherit;}
q {quotes:'"' '"' "'" "'";}
blockquote {overflow:hidden; margin:1em 0; padding:0 40px;}
small {font-size:85%;}
.mw-body-content sub,
.mw-body-content sup,
span.reference {font-size:80%;}
.ns-talk .mw-body-content dd {margin-top:0.4em; margin-bottom:0.4em;}
#interwiki-completelist {font-weight:bold;}
.client-js .mw-special-Watchlist #watchlist-message,
.client-js .NavFrame.collapsed .NavContent,
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child) {display:none;}
.mw-rcfilters-enabled .mw-specialpage-summary {margin-top:1em;}
#editpage-specialchars {display:none;}
body.action-info .mw-body-content :target,
.citation:target {background-color:#def; background-color:rgba(0, 127, 255, 0.133);}
.citation {word-wrap:break-word;}
ol.references {font-size:90%; margin-bottom:0.5em;}
.hlist dl,
.hlist ol,
.hlist ul {margin:0; padding:0;}
.hlist dd,
.hlist dt,
.hlist li {margin:0; display:inline;}
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {display:inline;}
.hlist .mw-empty-li {display:none;}
.hlist dt:after {content:": ";}
.hlist dd:after,
.hlist li:after {content:" · "; font-weight:bold;}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {content:none;}
.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {content:" ("; font-weight:normal;}
.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {content:")"; font-weight:normal;}
.hlist ol {counter-reset:listitem;}
.hlist ol > li {counter-increment:listitem;}
.hlist ol > li:before {content:" " counter(listitem) "\a0";}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {content: " (" counter(listitem) "\a0";}
.plainlist ol,
.plainlist ul {line-height: inherit; list-style: none none; margin: 0;}
.plainlist ol li,
.plainlist ul li {margin-bottom: 0;}
.navbox {box-sizing: border-box;border: 1px solid #a2a9b1;width: 100%;clear: both;font-size: 88%;text-align: center;padding: 1px;margin: 1em auto 0;}
.navbox .navbox {margin-top: 0;}
.navbox + .navbox {margin-top: -1px;}
.navbox-inner,
.navbox-subgroup {width: 100%;}
.navbox-group,
.navbox-title,
.navbox-abovebelow {padding: 0.25em 1em;line-height: 1.5em;text-align: center;}
th.navbox-group {white-space: nowrap; text-align: right;}
.navbox,
.navbox-subgroup {background-color: #fdfdfd;}
.navbox-list {line-height: 1.5em; border-color: #fdfdfd;}
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {border-top: 2px solid #fdfdfd;}
.navbox th,
.navbox-title {background-color: #ccccff;}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {background-color: #ddddff;}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {background-color: #e6e6ff;}
.navbox-even {background-color: #f7f7f7;}
.navbox-odd {background-color: transparent;}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {padding: 0.125em 0;}
.mw-parser-output .mw-collapsible-toggle {font-weight: normal;text-align: right;padding-right: 0.2em;padding-left: 0.2em;}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {float: left;text-align: left;}
.infobox {border: 1px solid #a2a9b1;border-spacing: 3px;background-color: #f8f9fa;color: black;margin: 0.5em 0 0.5em 1em;padding: 0.2em;float: right;clear: right;font-size: 88%;line-height: 1.5em;width: 22em;}
.infobox-subbox {padding: 0;border: none;margin: -3px;width: auto;min-width: 100%;font-size: 100%;clear: none;float: none;background-color: transparent;}
.infobox td,  
.infobox th {vertical-align: top;text-align: left;}
.infobox .infobox-above,
.infobox caption,
.infobox-title {font-size: 125%;font-weight: bold;text-align: center;}
.infobox caption,
.infobox-title {padding: 0.2em;}
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {text-align: center;}
.infobox .infobox-navbar {text-align: right;}
.infobox.bordered {border-collapse: collapse;}
.infobox.bordered td,
.infobox.bordered td,
.infobox.bordered th {border: 1px solid #a2a9b1;}
.infobox.bordered th {border:1px solid #a2a9b1}
.infobox.bordered .borderless td,
.infobox.bordered .borderless td, .infobox.bordered .borderless th {border:0}
.infobox.bordered .borderless th {border: 0;}
.infobox.sisterproject {width:20em; font-size:90%}
.infobox.sisterproject {width: 20em;font-size: 90%;}
.infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th {border:0; border-top:1px solid #a2a9b1; border-right:1px solid #a2a9b1}
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th {border:0; border-right:1px solid #a2a9b1}
.infobox.bordered .mergedtoprow th {border: 0;border-top: 1px solid #a2a9b1;border-right: 1px solid #a2a9b1;}
.infobox.geography {border-collapse:collapse; line-height:1.2em; font-size:90%}
.infobox.bordered .mergedrow td,
.infobox.geography  td, .infobox.geography  th {border-top:1px solid #a2a9b1; padding:0.4em 0.6em 0.4em 0.6em}
.infobox.bordered .mergedrow th {border: 0;border-right: 1px solid #a2a9b1;}
.infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th {border-top:1px solid #a2a9b1; padding:0.4em 0.6em 0.2em 0.6em}
.infobox.geography {border-collapse: collapse;line-height: 1.2em;font-size: 90%;}
.infobox.geography .mergedrow td, .infobox.geography .mergedrow th {border:0; padding:0 0.6em 0.2em 0.6em}
.infobox.geography  td,
.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  th {border-top: 1px solid #a2a9b1;padding: 0.4em 0.6em 0.4em 0.6em;}
.infobox.geography .maptable td, .infobox.geography .maptable th {border:0; padding:0}
.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;}
.wikitable.plainrowheaders th[scope=row] {font-weight: normal;text-align: left;}
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {text-align: left;}
.toc.hlist ul,
#toc.hlist ul,
.wikitable.hlist td ul,
.wikitable.hlist td ol,
.wikitable.hlist td dl {text-align: inherit;}
table.mw-hiero-table td {vertical-align: middle;}
.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;padding-right: 18px;}
.messagebox {border: 1px solid #a2a9b1;background-color: #f8f9fa;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;margin: 4px auto;}
.mbox-inside .standard-talk,
.messagebox.nested-talk {border: 1px solid #c0c090;background-color: #f8eaba;width: 100%;margin: 2px 0;padding: 2px;}
.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-color: #f8eaba;}
th.mbox-text, td.mbox-text {border: none;padding: 0.25em 0.9em;width: 100%;}
td.mbox-image {border: none;padding: 2px 0 2px 0.9em;text-align: center;}
td.mbox-imageright {border: none;padding: 2px 0.9em 2px 0;text-align: center;}
td.mbox-empty-cell {border: none;padding: 0;width: 1px;}
table.ambox {margin: 0 10%;border: 1px solid #a2a9b1;border-left: 10px solid #36c;background-color: #fbfbfb;box-sizing: border-box;}
table.ambox + table.ambox {margin-top: -1px;}
.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 #36c;}
table.ambox-speedy {border-left: 10px solid #b32424;background-color: #fee7e6;}
table.ambox-delete {border-left: 10px solid #b32424;}
table.ambox-content {border-left: 10px solid #f28500;}
table.ambox-style {border-left: 10px solid #fc3;}
table.ambox-move {border-left: 10px solid #9932cc;}
table.ambox-protection {border-left: 10px solid #a2a9b1;}
table.imbox {margin: 4px 10%;border-collapse: collapse;border: 3px solid #36c;background-color: #fbfbfb;box-sizing: border-box;}
.imbox .mbox-text .imbox {margin: 0 -0.5em;display: block;}
.mbox-inside .imbox {margin: 4px;}
table.imbox-notice {border: 3px solid #36c;}
table.imbox-speedy {border: 3px solid #b32424;background-color: #fee7e6;}
table.imbox-delete {border: 3px solid #b32424;}
table.imbox-content {border: 3px solid #f28500;}
table.imbox-style {border: 3px solid #fc3;}
table.imbox-move {border: 3px solid #9932cc;}
table.imbox-protection {border: 3px solid #a2a9b1;}
table.imbox-license {border: 3px solid #88a;background-color: #f7f8ff;}
table.imbox-featured {border: 3px solid #cba135;}
table.cmbox {margin: 3px 10%;border-collapse: collapse;border: 1px solid #a2a9b1;background-color: #dfe8ff;box-sizing: border-box;}
table.cmbox-notice {background-color: #d8e8ff;}
table.cmbox-speedy {margin-top: 4px;margin-bottom: 4px;border: 4px solid #b32424;background-color: #ffdbdb;}
table.cmbox-delete {background-color: #ffdbdb;}
table.cmbox-content {background-color: #ffe7ce;}
table.cmbox-style {background-color: #fff9db;}
table.cmbox-move {background-color: #e4d8ff;}
table.cmbox-protection {background-color: #efefe1;}
table.ombox {margin: 4px 10%;border-collapse: collapse;border: 1px solid #a2a9b1;background-color: #f8f9fa;box-sizing: border-box;}
table.ombox-notice {border: 1px solid #a2a9b1;}
table.ombox-speedy {border: 2px solid #b32424;background-color: #fee7e6;}
table.ombox-delete {border: 2px solid #b32424;}
table.ombox-content {border: 1px solid #f28500;}
table.ombox-style {border: 1px solid #fc3;}
table.ombox-move {border: 1px solid #9932cc;}
table.ombox-protection {border: 2px solid #a2a9b1;}
table.tmbox {margin: 4px 10%;border-collapse: collapse;border: 1px solid #c0c090;background-color: #f8eaba;min-width: 80%;box-sizing: border-box;}
.tmbox.mbox-small {min-width: 0;}
.mediawiki .mbox-inside .tmbox {margin: 2px 0;width: 100%;}
.mbox-inside .tmbox.mbox-small {line-height: 1.5em;font-size: 100%;}
table.tmbox-speedy {border: 2px solid #b32424;background-color: #fee7e6;}
table.tmbox-delete {border: 2px solid #b32424;}
table.tmbox-content {border: 2px solid #f28500;}
table.tmbox-style {border: 2px solid #fc3;}
table.tmbox-move {border: 2px solid #9932cc;}
table.tmbox-protection,
table.tmbox-notice {border: 1px solid #c0c090;}
table.fmbox {clear: both;margin: 0.2em 0;width: 100%;border: 1px solid #a2a9b1;background-color: #f8f9fa;box-sizing: border-box;}
table.fmbox-system {background-color: #f8f9fa;}
table.fmbox-warning {border: 1px solid #bb7070;background-color: #ffdbdb;}
table.fmbox-editnotice {background-color: transparent;}
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning,
div.locked-warning {clear: both;margin: 0.2em 0;border: 1px solid #bb7070;background-color: #ffdbdb;padding: 0.25em 0.9em;box-sizing: border-box;}
html body.mediawiki .mbox-small {clear: right;float: right;margin: 4px 0 4px 1em;box-sizing: border-box;width: 238px;font-size: 88%;line-height: 1.25em;}
html body.mediawiki .mbox-small-left {margin: 4px 1em 4px 0;box-sizing: border-box;overflow: hidden;width: 238px;border-collapse: collapse;font-size: 88%;line-height: 1.25em;}
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {display: none;}
.compact-ambox table.ambox {border: none;border-collapse: collapse;background-color: transparent;margin: 0 0 0 1.6em !important;padding: 0 !important;width: auto;display: block;}
body.mediawiki .compact-ambox table.mbox-small-left {font-size: 100%;width: auto;margin: 0;}
.compact-ambox table .mbox-text {padding: 0 !important;margin: 0 !important;}
.compact-ambox table .mbox-text-span {display: list-item;line-height: 1.5em;list-style-type: square;list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg);}
.compact-ambox .hide-when-compact {display: none;}
.visualhide {position: absolute;left: -10000px;top: auto;width: 1px;height: 1px;overflow: hidden;}
.nounderlines a,
.IPA a:link,
.IPA a:visited {text-decoration: none !important;}
div.NavFrame {padding: 4px;border: 1px solid #a2a9b1;text-align: center;font-size: 95%;}
div.NavFrame + div.NavFrame {border-top-style: none;border-top-style: hidden;}
div.NavFrame div.NavHead {line-height: 1.6em;font-weight: bold;background-color: #ccf;position: relative;}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {font-size: 100%;}
a.NavToggle {position: absolute;top: 0;right: 3px;font-weight: normal;font-size: 90%;}
.hatnote {font-style: italic;}
.hatnote i {font-style: normal;}
div.hatnote {padding-left: 1.6em;margin-bottom: 0.5em;}
div.hatnote + div.hatnote {margin-top: -0.5em;}
.nowrap,
.nowraplinks a {white-space: nowrap;}
.nowrap pre {white-space: pre;}
.wrap,
.wraplinks a {white-space: normal;}
#wpUploadDescription {height: 13em;}
.thumbinner {min-width: 100px;}
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {clear: both;}
.wpb .wpb-header {display: none;}
.wpbs-inner .wpb .wpb-header {display: table-row;}
.wpbs-inner .wpb-outside {display: none;}
.mw-tag-markers {font-style: italic;font-size: 90%;}
.checkuser-show,
.sysop-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {display: none;}
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {display: none !important;}
ul.permissions-errors > li {list-style: none none;}
ul.permissions-errors {margin: 0;}
span.texhtml {font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;font-size: 118%;line-height: 1;white-space: nowrap;-moz-font-feature-settings: "lnum", "tnum", "kern" 0;-webkit-font-feature-settings: "lnum", "tnum", "kern" 0;font-feature-settings: "lnum", "tnum", "kern" 0;font-variant-numeric: lining-nums tabular-nums;font-kerning: none;}
span.texhtml span.texhtml {font-size: 100%;}
span.mwe-math-mathml-inline {font-size: 118%;}
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {margin-left: 1.6em !important;margin-top: 0.6em;margin-bottom: 0.6em;}
.mwe-math-mathml-display math {display: inline;}
.k-player .k-attribution {visibility: hidden;}
.PopUpMediaTransform a .play-btn-large {margin: 0;top: auto;right: auto;bottom: 0;left: 0;}
.bordered-images img {border: solid #ddd 1px;}
@media screen {
    #content .gallerybox div.thumb {background-color: #f8f9fa;}
    .gallerybox .thumb img {background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;}
    .ns-0 .gallerybox .thumb img,
    .ns-2 .gallerybox .thumb img,
    .ns-100 .gallerybox .thumb img,
    .nochecker .gallerybox .thumb img {background-image: none;}
    #siteSub {display: block;}
}
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
#t-upload {display: none;}

2022년 1월 12일 (수) 16:41 판

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
h1, h2, p ,span ,div{font-family:'Noto Sans KR', sans-serif}

/* h1, h2, p ,span ,div{font-family:'roboto','notokr',sans-serif} */
.mw-parser-output .external{background:none; padding:0}
.fw500{font-weight:500}
.fw600{font-weight:600}
.part-t{padding-top:20px}

.cog-container{max-width:960px; margin-left:auto; margin-right:auto}
.cog-title{border:1px solid #E3E6EC; border-radius:8px; padding:20px}
.cog-title h1{font-size:20px; margin:0; border-bottom:none; font-weight:600}
.cog-title h2{font-size:17px; font-weight:400 !important; border-bottom:none}
.cog-title div{font-size:17px; font-weight:500;}
.cog-tag, .cog-tag a{color:#0745AD !important; padding-right:0}
.cog-button a{background:#F8F9FB !important; border:1px solid #DADEE6; border-radius:4px; display:inline-block; padding:6px 12px !important; font-size:14px; font-weight:500}

/* cog-box */
.cog-box-wrap{margin-left:-10px; margin-right:-10px}
.cog-box{box-sizing:border-box; padding-left:10px; padding-right:10px; margin-bottom:10px}
.cog-box-inner{border:1px solid #E3E6EC; box-sizing:border-box; border-radius:8px; height:100%; padding:12px 20px}
.cog-box-title{font-size:18px; font-weight:600; position:relative}
.cog-box ul{margin-top:8px}
.cog-box ul li a{color:#0745AD;}

/* cog-related-site */
.cog-related-site ul{display:flex; flex-wrap:wrap; border-top:1px solid #686C70; margin-left:0; padding-left:0 !important; padding-top:10px}
.cog-related-site ul li{display:flex; padding-top:4px; padding-bottom:4px; margin-top:10px; box-sizing:border-box}
.cog-intro-wrap .cog-intro-desc{flex:1; font-size:16px;}
.cog-represent-img{width:320px; height:200px;}

.video-wrap{background-color:#000; position:relative; width:100%; padding-bottom:56.25%; margin:0 auto; margin-top:10px; margin-bottom:10px}
.video-wrap iframe{position:absolute; width:100%; height:100%; left:0}

/* content */
.content li{margin-bottom:2px}

.cog-related-site ul li img{width:42px; height:42px;}
.cog-related-site ul li::marker{font-size:0;}
.cog-related-site ul li > div{margin-left:14px; font-size:14px; line-height:1.5}
.cog-related-site .cog-tag a{font-size:13px; font-weight:500}
.vector-menu-portal h3{border-bottom: 2px solid #D8D8D8; background-image:initial}

@media(min-width:768px){
    .part-t{padding-top:40px}
    .cog-title{padding:25px 30px}
    .cog-title h1{font-size:28px}
    .cog-box-wrap{display:flex; flex-wrap:wrap; box-sizing:border-box}
    .cog-box{width:50%; margin-bottom:20px}
    .cog-box ul li{font-size:15px}
    .cog-intro-wrap{display:flex}
    .cog-intro-wrap .cog-intro-desc{padding-left:30px}
    .cog-related-site ul li{width:25%}
    .cog-related-site .cog-tag a{font-size:14px}
}
@media(max-width:767px){
    .cog-container{margin-top:20px}
    .cog-intro-wrap .cog-intro-desc{margin-top:16px}
    .content ul{padding-left:20px}
    .ico-arrow{position:absolute; right:0; top:12px}
    .ico-arrow::before,
    .ico-arrow::after{content:''; position:relative; width:6px; height:1px; display:block; background:#000}
    .ico-arrow::before{transform:rotate(45deg)}
    .ico-arrow::after{transform:rotate(-45deg); margin-left:4px; margin-top:-1px}
    .cog-box-title.open .ico-arrow{transform:rotate(180deg)}
    .cog-box-title ~ * {display:none}
    .cog-box-title.open ~ * {display:block}
}

/* sub */
cite,
i{font-style:normal}
body{background:#fff; position:relative; max-width:1400px; margin-left:auto; margin-right:auto}
#mw-head{background:#fff}
#mw-panel{width:160px; padding-left:0 !important}
.mw-body{border:none; position:relative}
#mw-body-content{max-width:960px; margin-left:auto; margin-right:auto;}
.mw-body .firstHeading{max-width:960px; margin-left:auto; margin-right:auto;}
#mw-page-base{background:#fff;}

#mw-navigation{display:block; width:calc(100% - 160px); position:absolute; top:0; padding-left:160px}
#mw-head {background:#fff; max-width:960px; margin-left:auto; margin-right:auto; position:static}
.mw-body-content{max-width:960px; margin-left:auto; margin-right:auto}
#left-navigation,
#right-navigation,
#p-personal{position:static; margin:0; padding:0}
#p-personal{padding-top:10px;}
#left-navigation,
#right-navigation{padding-top:9px}

#p-logo{margin-bottom:0; margin-top:12px}

.mw-references-columns li{padding-top:4px; font-size:12px}
.mw-footer > ul{max-width:960px; margin-left:auto; margin-right:auto}
.mw-body-content h2{font-weight:500}
#p-search{margin-right:0}
.content .section-heading{margin-bottom:0 !important; font-size:18px}
b,strong{font-weight:500}
.mw-parser-output a.extiw, .mw-parser-output a.external{color:#0745AD}
.mw-content-ltr dl{margin-top:0; margin-bottom:0; padding-top:8px; padding-bottom:8px}

/* 각주 */
.mw-references-wrap{pointer-events:all !important; background:none; border:none; opacity:1 !important; padding:0}

/* WMC SI: 파일 클릭 방지 */
#filetoc + .fullImageLink a,
.mw-mmv-image img {pointer-events:none!important}

/* WMC SI: 푸터 */
#footer-copyrightico {display:none}
#footer-info-lastmod,
#footer-places-privacy,
#footer-places-disclaimer {display:none}
#footer-info-custom-copyright {pointer-events:none}
#footer-info-custom-copyright a {color:#000}

.infobox {border:1px solid #a2a9b1; border-spacing:3px; background-color:#f8f9fa; color:black; margin:0.5em 0 0.5em 1em; padding:0.2em; float:right; clear:right; font-size:88%; line-height:1.5em; width:22em}
.infobox-subbox {padding:0; border:none; margin:-3px; width:auto; min-width:100%; font-size:100%; clear:none; float:none; background-color:transparent}
.infobox td, .infobox th {vertical-align:top; text-align:left}
.infobox .infobox-above, .infobox caption, .infobox-title {font-size:125%; font-weight:bold; text-align:center}
.infobox caption, .infobox-title {padding:0.2em}
.infobox .infobox-header, .infobox .infobox-subheader, .infobox .infobox-image, .infobox .infobox-full-data, .infobox .infobox-below {text-align:center}
.infobox .infobox-navbar {text-align:right}
.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.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th {border:0; border-top:1px solid #a2a9b1; border-right:1px solid #a2a9b1}
.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th {border:0; border-right:1px solid #a2a9b1}
.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}
원본 주소 "https://watv.kr/index.php?title=미디어위키:Common.css&oldid=429"