미디어위키: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%}
.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){
71번째 줄: 91번째 줄:
/* =========== */
/* =========== */
.box-half{box-sizing:border-box; margin-top:10px}
.box-half{box-sizing:border-box; margin-top:10px}
.cog-item {box-sizing:border-box; padding-left:10px; padding-right:10px; margin-bottom:10px}
.cog-item {box-sizing:border-box; padding-left:10px; padding-right:10px; margin-top:10px}
@media(min-width:768px){
@media(min-width:768px){
     .box-half{width:50%; margin-top:0}
     .box-half{width:50%; margin-top:-10px}
     .cog-item{margin-bottom: 20px;}
     .cog-item {margin-top:20px}
     .cog-item {font-size:16px}
     .mw-content-ltr .cog-box-wrap ul{margin:0; margin-top:0.5em;}
     .cog-item p {font-size:14px}
     .mw-content-ltr .cog-box-wrap ul li{margin-left:14px; padding-left:2px;}
}
}
/* =========== */
/* =========== */
84번째 줄: 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;}
90번째 줄: 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}
104번째 줄: 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}


/* 각주 */
/* 각주 */
126번째 줄: 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{width:100%}
.infobox td, .infobox th {vertical-align:top; text-align:left}
.infobox td, .infobox th {vertical-align:top; text-align:left}
189번째 줄: 212번째 줄:
.plainlist ol, .plainlist ul {line-height:inherit; list-style:none none; margin:0}
.plainlist ol, .plainlist ul {line-height:inherit; list-style:none none; margin:0}
.plainlist ol li, .plainlist ul li {margin-bottom: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}
}
/* 언어 box */
.vector-menu-dropdown {
    direction: ltr;
    float: left;
    cursor: pointer;
    position: relative;
    line-height: 1.125em;
    top: 10px;
}
.select-language {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/resources/assets/ico_lang.svg) no-repeat left center;
  background-size: 32px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading {
  border-radius: 6px;
  padding: 0;
  display: flex;
  align-items: center;
  padding-left: 12px;
  padding-right: 5px;
  gap: 5px;
  height: 30px;
  top: 10px;
}
.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-content {
  border: 1px solid #bbb;
  border-radius: 6px;
  padding: 6px 0;
}
.vector-menu-dropdown:not(.vector-user-menu):hover .vector-menu-content {
  border: 1px solid #bbb;
  border-radius: 6px;
  padding: 6px 0;
}
#footer-places-disclaimers {
    display: none;
}