MediaWiki:Common.css: Difference between revisions
No edit summary Tag: Reverted |
No edit summary |
||
| (21 intermediate revisions by the same user 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 237: | Line 237: | ||
/* 본문 스타일 */ | |||
.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} | .mw-parser-output i{font-style: italic} | ||
/* 틀:그림, 틀:앨범 스타일 */ | |||
.custom-image {background-color:#f8f9fa; border:1px solid #c8ccd1; color: #000; padding:3px; overflow:hidden} | .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.noborder, .custom-album .custom-image {background:none; border:none} | ||
.custom-image img{width:100%; height:auto} | .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 pre{overflow:hidden; background:none; border:none; padding:0; margin:0; line-height:0} | ||
.custom-image.center {margin:0 auto} | .custom-image.center {margin:0 auto} | ||
.custom-image.right {margin-left:auto} | .custom-image.right {margin-left:auto} | ||
.custom-image.float-left {float:left; margin:0; margin-right:10px} | .custom-image.float-left {clear:left; float:left; margin:5px 0; margin-right:10px} | ||
.custom-image.float-right {float:right; margin:0; margin-left: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 {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 * {box-sizing:border-box} | ||
.custom-album .custom-image {max-height: 100%} | .custom-album .custom-image {max-height: 100%} | ||
.custom-album.center {margin:0 auto} | .custom-album.center {margin:0 auto} | ||
.custom-album.right {margin-left:auto} | .custom-album.right {margin-left:auto} | ||
.custom-album.float-left {float:left; margin:0; margin-right: 10px} | .custom-album.float-left {clear:left; float:left; margin:5px 0; margin-right: 10px} | ||
.custom-album.float-right {float:right; margin:0; margin-left: 10px} | .custom-album.float-right {clear:right; float:right; margin:5px 0; margin-left: 10px} | ||
.custom-album.noborder {border: none; background: none} | .custom-album.noborder {border: none; background: none} | ||
.custom-album > p {display:none} | .custom-album > p {display:none} | ||
@media(max-width:719px){ | @media(max-width:719px){ | ||
.custom-album > *{width:100% !important} | .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; | |||
} | } | ||