MediaWiki:Common.css: Difference between revisions

From Church of God Knowledge Encyclopedia
Jump to navigation Jump to search
← Older editNewer edit →
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
Line 1: Line 1:
/* 최근편집일, 개인정보처리방침, 면책조항 삭제 */
.wikiEditor-ui * {font-size: 13px; font-family: monospace,monospace}
#footer-info-lastmod,
#footer-places-privacy,
#footer-places-disclaimer {display:none}


/* 푸터 하나님의교회 소개 표시 */
/* h1, h2, p ,span ,div{font-family:'roboto','notokr',sans-serif} */
#footer-places-about {display:inline}
/*.mw-parser-output .external{background:none; padding:0}*/
.fw600{font-weight:600}
/*.part-t{padding-top:20px}*/


/* 저작권 표시 */
.cog-container{max-width:960px; margin-left:auto; margin-right:auto}
#footer-info-custom-copyright {display:inline-block}
.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:600;}
.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:600}


/* 미네르바 노이어 대문의 'OO님, 환영합니다!' 삭제 */
/* cog-box */
.page-Main_Page #section_0 {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;}


/* 푸터 위키이름 삭제 */
/* cog-related-site */
footer .footer-content h2 {display:none}
.cog-related-site ul{display:flex; flex-wrap:wrap; border-top:1px solid #686C70; margin-left:14px; padding-left:0 !important; padding-top:10px}
footer #mw-data-after-content h2 {display:block}
.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-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}
ol.references > li{font-size:12px; margin-top:4px; line-height:1.6}
.video-wrap iframe{position:absolute; width:100%; height:100%; left:0}
ol.references{padding-left:24px}
.client-js .collapsible-block{margin-top:10px; margin-bottom:10px}
.content h3{font-size:16px}
.content * + h3{margin-top: 1.5em}
.content p{margin-top:0}


/* 언어선택, PDF 다운로드, 주시하기, 편집 버튼 숨김 */
/* content */
#page-actions{margin-top:20px; display:none}
.content li{margin-bottom:2px}


/* 공유하기 표시 여백 */
.cog-related-site ul li img{width:42px; height:42px;}
#content{padding-bottom:110px}
.cog-related-site ul li::marker{font-size:0;}
.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:600}
.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;}
#mw-mf-page-left .hlist{display:none}
.site-img.site-img1 a{background:url(/resources/assets/Ico-watv.png) !important}
.site-img.site-img2 a{background:url(/resources/assets/Ico-father.png) !important}
.site-img.site-img3 a{background:url(/resources/assets/Ico-mediacast.png) !important}
.site-img.site-img4 a{background:url(/resources/assets/Ico-youtube.png) !important}
.site-img.site-img5 a{background:url(/resources/assets/Ico-mother.png) !important}
.site-img.site-img6 a{background:url(/resources/assets/Ico-press.png) !important}
.site-img.site-img7 a{background:url(/resources/assets/Ico-award.png) !important}
.site-img.site-img8 a{background:url(/resources/assets/Ico-seminar.png) !important}


/* 모바일 메뉴 열기/닫기 */
nav .ico-arrow{position:absolute; top:50%; right:20px}
nav .ico-arrow::before{transform: rotate(45deg)}
nav .ico-arrow::after{transform: rotate(-45deg); margin-left: 4px; margin-top: -1px}
nav .ico-arrow::before, nav .ico-arrow::after{content: ''; position: relative; width: 6px; height: 1px; display: block; background: #000}
nav li.open .ico-arrow {transform:rotate(180deg)}
#p-main-categories .recommended,
#p-main-categories .category,
#p-main-categories .language{display:none}


#p-main-categories.recommended-open .recommended,
@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){
#p-main-categories.category-open .category,
    .site-img.site-img1 a{background:url(/resources/assets/Ico-watv@3x.png) !important; background-size:100% !important}
#p-main-categories.language-open .language{display:list-item}
    .site-img.site-img2 a{background:url(/resources/assets/Ico-father@3x.png) !important; background-size:100% !important}
#p-main-categories .recommended span,
    .site-img.site-img3 a{background:url(/resources/assets/Ico-mediacast@3x.png) !important; background-size:100% !important}
#p-main-categories .category span,
    .site-img.site-img4 a{background:url(/resources/assets/Ico-youtube@3x.png) !important; background-size:100% !important}
#p-main-categories .language span{font-weight:500}
    .site-img.site-img5 a{background:url(/resources/assets/Ico-mother@3x.png) !important; background-size:100% !important}
.recommended-open > li:hover {
    .site-img.site-img6 a{background:url(/resources/assets/Ico-press@3x.png) !important; background-size:100% !important}
     background-color: #eaeff7;
     .site-img.site-img7 a{background:url(/resources/assets/Ico-award@3x.png) !important; background-size:100% !important}
     list-style: none;
     .site-img.site-img8 a{background:url(/resources/assets/Ico-seminar@3x.png) !important; background-size:100% !important}
}
}


/* 로그인 */
@media(min-width:768px){
#userloginForm .warningbox{display:none}
/*   .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}
}


/* 유튜브 */
/* =========== */
.video-wrap{position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.26%; margin-top:20px; background-color:#666;}
.box-half{box-sizing:border-box; margin-top:10px}
.video-wrap iframe{position:absolute; top:0; left:0; width:100%; height:100%}
.cog-item {box-sizing:border-box; padding-left:10px; padding-right:10px; margin-top:10px}
/* p iframe{width:100%; height:200px}
@media(min-width:768px){
@media(min-width:720px){
    .box-half{width:50%; margin-top:-10px}
p iframe{width:600px; height:340px}
    .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;}
}
}
@media(min-width:1300px){
/* =========== */
p iframe{width:1000px; height:560px}
/* 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:174px; 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-parser-output a.extiw, .mw-parser-output a.external{color: #69f;}
#mw-navigation{display:block; width:calc(100% - 174px); position:absolute; top:0; padding-left:174px}
.mw-notification, .toast, .drawer{z-index:9999}
#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}


.a2a_kit a {display:inline-block; margin-right:10px}
#p-logo{margin-bottom:0; margin-top:12px}
.content .wikishare_toolbox a > img{width:28px}


.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:600}
.mw-body-content p{text-align: left}
#p-search{margin-right:0}
.content .section-heading{margin-bottom:0 !important; font-size:18px}
b,strong{font-weight:600}
.mw-parser-output a.extiw, .mw-parser-output a.external{color:#0745AD}
.mw-content-ltr dl{margin-top:0; margin-bottom:0}
.mw-content-ltr dd{margin-left:14px}


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


.content .infobox tbody > tr > th {
/* WMC SI: 파일 클릭 방지 */
    flex: initial;  
#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% !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 th{width:35%}
.infobox td{width:100%}
.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}
 
/* TOP 버튼 */
#top-button{opacity:0; transition:opacity 0.5s; pointer-events: none; width:30px;height:30px;border:solid 3px #1e96ff; border-radius:30px; position:fixed; right:15px; bottom:15px; background-color:white; cursor:pointer; z-index:999}
#top-button.active{opacity:0.7; pointer-events: auto}
#top-button:hover{opacity:1}
#top-button::before, #top-button::after{content:''; display:block; width:15px; height:4px; background-color:#1e96ff; position:absolute;}
#top-button::before{left:3px; top:12px; transform:rotate(135deg)}
#top-button::after{left:12px; top:11px; transform:rotate(45deg)}


/* 미네르바 스킨의 썸네일 이미지 크기 보정 */
/* 내비게이션 박스 */
.content .infobox {max-width:356px !important;}
.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"}


@media(max-width:719px){
.plainlist ol, .plainlist ul {line-height:inherit; list-style:none none; margin:0}
    .thumbinner{width:100% !important}
.plainlist ol li, .plainlist ul li {margin-bottom:0}
    a.image{width:100%}
    a.image > img{width:100% !important}
    table.infobox{display:table}
.thumb, .gallery .gallerybox div.thumb{position: relative; width: calc(100% + 32px) !important; left: -16px}
.thumb .thumbcaption{margin-left:16px}
.infobox .thumb{position:static; width:auto !important; left:0}


    .custom-image{width: 100vw !important; position: relative; left: -16px; background: none; border: none; padding: 0 !important; float: none !important; margin-left: unset !important; margin-right: unset !important;}
/* 인쇄 스타일 보정 */
    .custom-image .thumbcaption {padding:0 16px !important}
@media print {
    .custom-album {border:none !important; background:none !important; float:none !important; margin:0 !important; padding:0 !important}
#mw-navigation{display:none}
    .custom-album .thumbcaption{margin-bottom:10px}
    .custom-album .custom-image{width: calc(100vw + 3px) !important}
    .custom-album .albumitem{margin:5px 0}
    .infobox .custom-image {width: 100% !important; left:0}
    .infobox .custom-album {width: 100% !important}
}
}


#mw-mf-page-left ul {
/* 존재하지 않는 문서 페이지의 '기록' 링크 스타일 제거 */
    padding-bottom: 22px;
.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}


#mw-mf-page-left ul li {
    background-color: #ffffff;
    position: relative;
    border-top: 1px solid #eaecf0;
    margin-top: -1px
}


#mw-mf-page-left ul li:first-child {
.tx-center p {text-align:center;}
    border-top: 0
.gallerytext p {text-align:center;}
}
ul.gallery{padding:0; margin:0}
ul.gallery .thumb{margin:0 !important}


#mw-mf-page-left ul li a {
    color: #54595d;
    display: flex;
    align-items: center;
    line-height: inherit;
    max-width: 100%;
    padding: 12px 10px 12px 15px;
}


#mw-mf-page-left ul li a:hover {
/* 본문 스타일 */
    box-shadow: inset 4px 0 0 0 #3366cc;
.mw-parser-output{line-height:1.7; font-size:15px}
    text-decoration: none
.skin-minerva .mw-parser-output{font-size:18px}
}
.mw-parser-output i{font-style: italic}


#mw-mf-page-left ul li a span {
/* 틀:그림, 틀:앨범 스타일 */
    overflow: hidden;
.custom-image {background-color:#f8f9fa; border:1px solid #c8ccd1; color: #000; padding:3px; overflow:hidden}
    text-overflow: ellipsis;
.custom-image.noborder, .custom-album .custom-image {background:none; border:none}
    white-space: nowrap;
.custom-image img{width:100%; height:auto}
    font-size: 0.875rem;
.custom-image .thumbcaption{text-align:center}
    font-weight: bold
.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}
}
}

Revision as of 13:13, 12 December 2024

.wikiEditor-ui * {font-size: 13px; font-family: monospace,monospace}

/* h1, h2, p ,span ,div{font-family:'roboto','notokr',sans-serif} */
/*.mw-parser-output .external{background:none; padding:0}*/
.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:600;}
.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:600}

/* 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:14px; 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; width:100%}
.cog-intro-wrap .cog-intro-desc{flex:1; font-size:16px;}
.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 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.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:600}
.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(/resources/assets/Ico-watv.png) !important}
.site-img.site-img2 a{background:url(/resources/assets/Ico-father.png) !important}
.site-img.site-img3 a{background:url(/resources/assets/Ico-mediacast.png) !important}
.site-img.site-img4 a{background:url(/resources/assets/Ico-youtube.png) !important}
.site-img.site-img5 a{background:url(/resources/assets/Ico-mother.png) !important}
.site-img.site-img6 a{background:url(/resources/assets/Ico-press.png) !important}
.site-img.site-img7 a{background:url(/resources/assets/Ico-award.png) !important}
.site-img.site-img8 a{background:url(/resources/assets/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(/resources/assets/Ico-watv@3x.png) !important; background-size:100% !important}
    .site-img.site-img2 a{background:url(/resources/assets/Ico-father@3x.png) !important; background-size:100% !important}
    .site-img.site-img3 a{background:url(/resources/assets/Ico-mediacast@3x.png) !important; background-size:100% !important}
    .site-img.site-img4 a{background:url(/resources/assets/Ico-youtube@3x.png) !important; background-size:100% !important}
    .site-img.site-img5 a{background:url(/resources/assets/Ico-mother@3x.png) !important; background-size:100% !important}
    .site-img.site-img6 a{background:url(/resources/assets/Ico-press@3x.png) !important; background-size:100% !important}
    .site-img.site-img7 a{background:url(/resources/assets/Ico-award@3x.png) !important; background-size:100% !important}
    .site-img.site-img8 a{background:url(/resources/assets/Ico-seminar@3x.png) !important; background-size:100% !important}
}

@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}
}

/* =========== */
.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 */
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:174px; 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% - 174px); position:absolute; top:0; padding-left:174px}
#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:600}
.mw-body-content p{text-align: left}
#p-search{margin-right:0}
.content .section-heading{margin-bottom:0 !important; font-size:18px}
b,strong{font-weight:600}
.mw-parser-output a.extiw, .mw-parser-output a.external{color:#0745AD}
.mw-content-ltr dl{margin-top:0; margin-bottom:0}
.mw-content-ltr dd{margin-left:14px}

/* 각주 */
.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% !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 th{width:35%}
.infobox td{width:100%}
.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}

/* TOP 버튼 */
#top-button{opacity:0; transition:opacity 0.5s; pointer-events: none; width:30px;height:30px;border:solid 3px #1e96ff; border-radius:30px; position:fixed; right:15px; bottom:15px; background-color:white; cursor:pointer; z-index:999}
#top-button.active{opacity:0.7; pointer-events: auto}
#top-button:hover{opacity:1}
#top-button::before, #top-button::after{content:''; display:block; width:15px; height:4px; background-color:#1e96ff; position:absolute;}
#top-button::before{left:3px; top:12px; transform:rotate(135deg)}
#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}
}
Retrieved from "https://en.churchofgod.wiki/index.php?title=MediaWiki:Common.css&oldid=4959"