미디어위키:Common.css: 두 판 사이의 차이
Resultofunion (토론 | 기여) 편집 요약 없음 태그: 모바일 편집 모바일 웹 편집 |
Resultofunion (토론 | 기여) 편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap'); | @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap'); | ||
h1, h2, p ,span ,div{font-family:'Noto Sans KR', sans-serif} | h1, h2, p ,span ,div{font-family:'Noto Sans KR', sans-serif} | ||
.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} */ | ||
| 26번째 줄: | 27번째 줄: | ||
/* 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번째 줄: | 39번째 줄: | ||
.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; 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:500} | ||
.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.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){ | ||
| 76번째 줄: | 99번째 줄: | ||
.cog-item{margin-bottom: 20px;} | .cog-item{margin-bottom: 20px;} | ||
.cog-item {font-size:16px} | .cog-item {font-size:16px} | ||
.cog- | .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;} | |||
} | } | ||
/* =========== */ | /* =========== */ | ||
| 109번째 줄: | 133번째 줄: | ||
b,strong{font-weight:500} | b,strong{font-weight:500} | ||
.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} | |||
/* 각주 */ | /* 각주 */ | ||
| 128번째 줄: | 153번째 줄: | ||
.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%; 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 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} | ||