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

편집 요약 없음
편집 요약 없음
태그: 수동 되돌리기
 
(사용자 2명의 중간 판 62개는 보이지 않습니다)
1번째 줄: 1번째 줄:
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
.wikiEditor-ui * {font-size: 13px; font-family: monospace,monospace}
h1, h2, p ,span ,div{font-family:'Noto Sans KR', sans-serif}


/* h1, h2, p ,span ,div{font-family:'roboto','notokr',sans-serif} */
/* h1, h2, p ,span ,div{font-family:'roboto','notokr',sans-serif} */
.mw-parser-output .external{background:none; padding:0}
/*.mw-parser-output .external{background:none; padding:0}*/
.fw500{font-weight:500}
.fw600{font-weight:600}
.fw600{font-weight:600}
.part-t{padding-top:20px}
.part-t{padding-top:20px}
12번째 줄: 10번째 줄:
.cog-title h1{font-size:20px; margin:0; border-bottom:none; font-weight:600}
.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 h2{font-size:17px; font-weight:400 !important; border-bottom:none}
.cog-title div{font-size:17px; font-weight:500;}
.cog-title div{font-size:17px; font-weight:600;}
.cog-tag, .cog-tag a{color:#0745AD !important; padding-right:0}
.cog-tag, .cog-tag a{color:#0745AD !important;}
.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-button a{background:#F8F9FB !important; border:1px solid #DADEE6; border-radius:4px; display:inline-block; padding:6px 12px !important; font-size:14px; font-weight:600}


/* cog-box */
/* cog-box */
26번째 줄: 24번째 줄:
/* cog-related-site */
/* 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{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-related-site ul li{display:flex; padding-top:4px; padding-bottom:4px; margin-top:10px; box-sizing:border-box; width:100%}
.cog-intro-wrap .cog-intro-desc{flex:1; font-size:16px;}
.cog-intro-wrap .cog-intro-desc{flex:1; font-size:16px;}
.cog-represent-img{width:320px; height:200px;}
.cog-represent-img{width:320px; height:200px; border-radius:8px; overflow:hidden}


.video-wrap{background-color:#000; position:relative; width:100%; padding-bottom:56.25%; margin:0 auto; margin-top:10px; margin-bottom:10px}
.video-wrap{background-color:#000; position:relative; width:100%; padding-bottom:56.25%; margin:0 auto; margin-top:10px; margin-bottom:10px}
38번째 줄: 36번째 줄:
.cog-related-site ul li img{width:42px; height:42px;}
.cog-related-site ul li img{width:42px; height:42px;}
.cog-related-site ul li::marker{font-size:0;}
.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 ul li > div.site-info{margin-left:14px; font-size:14px; margin-right:14px; line-height:1.5}
.cog-related-site .cog-tag a{font-size:13px; font-weight:500}
.cog-related-site .cog-tag a{font-size:13px; font-weight:600}
.vector-menu-portal h3{border-bottom: 2px solid #D8D8D8; background-image:initial}
.vector-menu-portal h3{border-bottom: 2px solid #D8D8D8; background-image:initial}
.cog-box-wrap img{width:100%; height:100%}
.site-img a{ display:inline-block; width:42px; height:42px; font-size:0; vertical-align:top; padding-right:0 !important;}
.site-img.site-img1 a{background:url(/images/a/a7/Ico-watv.png) !important}
.site-img.site-img2 a{background:url(/images/7/70/Ico-father.png) !important}
.site-img.site-img3 a{background:url(/images/a/a5/Ico-mediacast.png) !important}
.site-img.site-img4 a{background:url(/images/0/0a/Ico-youtube.png) !important}
.site-img.site-img5 a{background:url(/images/f/fe/Ico-mother.png) !important}
.site-img.site-img6 a{background:url(/images/1/1c/Ico-press.png) !important}
.site-img.site-img7 a{background:url(/images/b/be/Ico-award.png) !important}
.site-img.site-img8 a{background:url(/images/e/e9/Ico-seminar.png) !important}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
    .site-img.site-img1 a{background:url(/images/a/a7/Ico-watv@3x.png) !important; background-size:100% !important}
    .site-img.site-img2 a{background:url(/images/2/2c/Ico-father@3x.png) !important; background-size:100% !important}
    .site-img.site-img3 a{background:url(/images/5/58/Ico-mediacast@3x.png) !important; background-size:100% !important}
    .site-img.site-img4 a{background:url(/images/7/71/Ico-youtube@3x.png) !important; background-size:100% !important}
    .site-img.site-img5 a{background:url(/images/a/ae/Ico-mother@3x.png) !important; background-size:100% !important}
    .site-img.site-img6 a{background:url(/images/f/fc/Ico-press@3x.png) !important; background-size:100% !important}
    .site-img.site-img7 a{background:url(/images/1/1e/Ico-award@3x.png) !important; background-size:100% !important}
    .site-img.site-img8 a{background:url(/images/a/a6/Ico-seminar@3x.png) !important; background-size:100% !important}
}


@media(min-width:768px){
@media(min-width:768px){
68번째 줄: 89번째 줄:
}
}


/* =========== */
.box-half{box-sizing:border-box; margin-top:10px}
.cog-item {box-sizing:border-box; padding-left:10px; padding-right:10px; margin-top:10px}
@media(min-width:768px){
    .box-half{width:50%; margin-top:-10px}
    .cog-item {margin-top:20px}
    .mw-content-ltr .cog-box-wrap ul{margin:0; margin-top:0.5em;}
    .mw-content-ltr .cog-box-wrap ul li{margin-left:14px; padding-left:2px;}
}
/* =========== */
/* sub */
/* sub */
cite,
cite,
73번째 줄: 104번째 줄:
body{background:#fff; position:relative; max-width:1400px; margin-left:auto; margin-right:auto}
body{background:#fff; position:relative; max-width:1400px; margin-left:auto; margin-right:auto}
#mw-head{background:#fff}
#mw-head{background:#fff}
#mw-panel{width:160px; padding-left:0 !important}
#mw-panel{width:174px; padding-left:0 !important}
.mw-body{border:none; position:relative}
.mw-body{border:none; position:relative}
#mw-body-content{max-width:960px; margin-left:auto; margin-right:auto;}
#mw-body-content{max-width:960px; margin-left:auto; margin-right:auto;}
79번째 줄: 110번째 줄:
#mw-page-base{background:#fff;}
#mw-page-base{background:#fff;}


#mw-navigation{display:block; width:calc(100% - 160px); position:absolute; top:0; padding-left:160px}
#mw-navigation{display:block; width:calc(100% - 174px); position:absolute; top:0; padding-left:174px}
#mw-head {background:#fff; max-width:960px; margin-left:auto; margin-right:auto; position:static}
#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}
.mw-body-content{max-width:960px; margin-left:auto; margin-right:auto}
93번째 줄: 124번째 줄:
.mw-references-columns li{padding-top:4px; font-size:12px}
.mw-references-columns li{padding-top:4px; font-size:12px}
.mw-footer > ul{max-width:960px; margin-left:auto; margin-right:auto}
.mw-footer > ul{max-width:960px; margin-left:auto; margin-right:auto}
.mw-body-content h2{font-weight:500}
.mw-body-content h2{font-weight:600}
.mw-body-content p{text-align: left}
#p-search{margin-right:0}
#p-search{margin-right:0}
.content .section-heading{margin-bottom:0 !important; font-size:18px}
.content .section-heading{margin-bottom:0 !important; font-size:18px}
b,strong{font-weight:500}
b,strong{font-weight:600}
.mw-parser-output a.extiw, .mw-parser-output a.external{color:#0745AD}
.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-content-ltr dl{margin-top:0; margin-bottom:0}
.mw-content-ltr dd{margin-left:14px}


/* 각주 */
/* 각주 */
115번째 줄: 148번째 줄:
#footer-info-custom-copyright a {color:#000}
#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 {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% !important; 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-subbox {padding:0; border:none; margin:-3px; width:auto; min-width:100%; font-size:100%; clear:none; float:none; background-color:transparent}
.infobox th{width:35%}
.infobox td{width:100%}
.infobox td, .infobox th {vertical-align:top; text-align:left}
.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 .infobox-above, .infobox caption, .infobox-title {font-size:125%; font-weight:bold; text-align:center}
143번째 줄: 178번째 줄:
#top-button::before{left:3px; top:12px; transform:rotate(135deg)}
#top-button::before{left:3px; top:12px; transform:rotate(135deg)}
#top-button::after{left:12px; top:11px; transform:rotate(45deg)}
#top-button::after{left:12px; top:11px; transform:rotate(45deg)}
/* 내비게이션 박스 */
.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}
.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}
/* 인쇄 스타일 보정 */
@media print {
#mw-navigation{display:none}
}
/* 존재하지 않는 문서 페이지의 '기록' 링크 스타일 제거 */
.plainlinks a.disable{color: inherit; text-decoration: auto !important; cursor: auto}
/* 공유하기 툴바 스타일 */
#wikisharetoolbar{position:absolute; left:-10px; bottom:-100px; margin-left:10px; margin-bottom:10px; background:transparent !important; border:none; padding:0}
.wikishare_icon {margin: 2px}
.wikishare_button_SMS img{width:30px; opacity:0.5}
.wikishare_button_KakaoTalk{display:none;}
.wikishare_button_Copy{display:none;}
.mg-top-sm{margin-top:14px}
.tx-center p {text-align:center;}
.gallerytext p {text-align:center;}
ul.gallery{padding:0; margin:0}
ul.gallery .thumb{margin:0 !important}
/* 본문 스타일 */
.mw-parser-output{line-height:1.7; font-size:15px}
.skin-minerva .mw-parser-output{font-size:18px}
.mw-parser-output i{font-style: italic}
/* 틀:그림, 틀:앨범 스타일 */
.custom-image {background-color:#f8f9fa; border:1px solid #c8ccd1; color: #000; padding:3px; overflow:hidden}
.custom-image.noborder, .custom-album .custom-image {background:none; border:none}
.custom-image img{width:100%; height:auto}
.custom-image .thumbcaption{text-align:center}
.skin-vector .custom-image .thumbcaption{text-align:left}
.church-thumb .custom-image .thumbcaption{text-align:center}
.custom-image pre{overflow:hidden; background:none; border:none; padding:0; margin:0; line-height:0}
.custom-image.center {margin:0 auto}
.custom-image.right {margin-left:auto}
.custom-image.float-left {clear:left; float:left; margin:5px 0; margin-right:10px}
.custom-image.float-right {clear:right; float:right; margin:5px 0; margin-left:10px}
.custom-album {display:flex; flex-wrap:wrap; max-width:100%; align-items:flex-start; border: solid 1px #d3d8e1; background-color: #f4f5f7}
.custom-album * {box-sizing:border-box}
.custom-album .custom-image {max-height: 100%}
.custom-album.center {margin:0 auto}
.custom-album.right {margin-left:auto}
.custom-album.float-left {clear:left; float:left; margin:5px 0; margin-right: 10px}
.custom-album.float-right {clear:right; float:right; margin:5px 0; margin-left: 10px}
.custom-album.noborder {border: none; background: none}
.custom-album > p {display:none}
@media(max-width:719px){
.custom-album > *{width:100% !important}
}