미디어위키:Common.css: 두 판 사이의 차이
Resultofunion (토론 | 기여) 편집 요약 없음 |
Resultofunion (토론 | 기여) 편집 요약 없음 태그: 수동 되돌리기 |
||
| (사용자 2명의 중간 판 61개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
.wikiEditor-ui * {font-size: 13px; font-family: monospace,monospace} | |||
/* 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}*/ | ||
.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: | .cog-title div{font-size:17px; font-weight:600;} | ||
.cog-tag, .cog-tag a{color:#0745AD !important; | .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: | .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: | .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- | .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: | .box-half{width:50%; margin-top:-10px} | ||
.cog-item{margin- | .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;} | |||
} | } | ||
/* =========== */ | /* =========== */ | ||
| 82번째 줄: | 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: | #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;} | ||
| 88번째 줄: | 110번째 줄: | ||
#mw-page-base{background:#fff;} | #mw-page-base{background:#fff;} | ||
#mw-navigation{display:block; width:calc(100% - | #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} | ||
| 102번째 줄: | 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: | .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: | 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 | .mw-content-ltr dl{margin-top:0; margin-bottom:0} | ||
.mw-content-ltr dd{margin-left:14px} | |||
/* 각주 */ | /* 각주 */ | ||
| 124번째 줄: | 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} | ||
| 152번째 줄: | 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} | |||
} | |||