MediaWiki:Common.css: Difference between revisions
No edit summary Tag: Reverted |
No edit summary |
||
| (33 intermediate revisions by 2 users not shown) | |||
| Line 4: | Line 4: | ||
/*.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}*/ | ||
.cog-container{max-width:960px; margin-left:auto; margin-right:auto} | .cog-container{max-width:960px; margin-left:auto; margin-right:auto} | ||
| Line 23: | Line 23: | ||
/* cog-related-site */ | /* cog-related-site */ | ||
.cog-related-site ul{display:flex; flex-wrap:wrap; border-top:1px solid #686C70; margin-left: | .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-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;} | ||
| Line 42: | Line 42: | ||
.site-img a{ display:inline-block; width:42px; height:42px; font-size:0; vertical-align:top; padding-right:0 !important;} | .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(/ | .site-img.site-img1 a{background:url(/resources/assets/Ico-watv.png) !important} | ||
.site-img.site-img2 a{background:url(/ | .site-img.site-img2 a{background:url(/resources/assets/Ico-father.png) !important} | ||
.site-img.site-img3 a{background:url(/ | .site-img.site-img3 a{background:url(/resources/assets/Ico-mediacast.png) !important} | ||
.site-img.site-img4 a{background:url(/ | .site-img.site-img4 a{background:url(/resources/assets/Ico-youtube.png) !important} | ||
.site-img.site-img5 a{background:url(/ | .site-img.site-img5 a{background:url(/resources/assets/Ico-mother.png) !important} | ||
.site-img.site-img6 a{background:url(/ | .site-img.site-img6 a{background:url(/resources/assets/Ico-press.png) !important} | ||
.site-img.site-img7 a{background:url(/ | .site-img.site-img7 a{background:url(/resources/assets/Ico-award.png) !important} | ||
.site-img.site-img8 a{background:url(/ | .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){ | @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(/ | .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(/ | .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(/ | .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(/ | .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(/ | .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(/ | .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(/ | .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(/ | .site-img.site-img8 a{background:url(/resources/assets/Ico-seminar@3x.png) !important; background-size:100% !important} | ||
} | } | ||
@media(min-width:768px){ | @media(min-width:768px){ | ||
/* .part-t{padding-top:40px} */ | |||
.cog-title{padding:25px 30px} | .cog-title{padding:25px 30px} | ||
.cog-title h1{font-size:28px} | .cog-title h1{font-size:28px} | ||
| Line 125: | Line 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: | .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} | ||
| Line 148: | Line 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 th{width:35%} | ||
| Line 176: | Line 176: | ||
#top-button:hover{opacity:1} | #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, #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} | |||
} | |||
.hatnote.navigation-not-searchable {font-style: italic} | |||
/* 언어 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; | |||
} | |||