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

편집 요약 없음
편집 요약 없음
태그: 수동 되돌리기
 
(사용자 2명의 중간 판 53개는 보이지 않습니다)
11번째 줄: 11번째 줄:
.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:600;}
.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:600}
.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}


36번째 줄: 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.site-info{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:600}
.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}
.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-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-img2 a{background:url(/images/7/70/Ico-father.png) !important}
91번째 줄: 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;}
     .mw-content-ltr .cog-box-wrap ul{margin:0; margin-top:10px;}
     .mw-content-ltr .cog-box-wrap ul li{margin-left:14px; padding-left:2px;}
     .mw-content-ltr .cog-box-wrap ul li{margin-left:14px; padding-left:2px;}
}
}
105번째 줄: 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;}
111번째 줄: 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}
126번째 줄: 125번째 줄:
.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:600}
.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}
148번째 줄: 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:45% !important}
.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}
212번째 줄: 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}
}