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

편집 요약 없음
태그: 되돌려진 기여
편집 요약 없음
 
(사용자 2명의 중간 판 65개는 보이지 않습니다)
1번째 줄: 1번째 줄:
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
.wikiEditor-ui * {font-size: 13px; font-family: monospace,monospace}
h1, h2, p ,span ,div{font-family:'Noto Sans KR', sans-serif}


/* 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}*/
.fw500{font-weight:500}
.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:500;}
.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:500}
.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:500}
.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-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}
    .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: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;}
88번째 줄: 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}
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:500}
.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:500}
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; padding-top:8px; padding-bottom:8px}
.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}
153번째 줄: 179번째 줄:
#top-button::after{left:12px; top:11px; transform:rotate(45deg)}
#top-button::after{left:12px; top:11px; transform:rotate(45deg)}


/* Default style for navigation boxes */
/* 내비게이션 박스 */
.navbox {                     /* Navbox container style */
.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}
box-sizing: border-box;
.navbox .navbox {margin-top:0}
border: 1px solid #a2a9b1;
.navbox + .navbox {margin-top:-1px}
width: 100%;
.navbox-inner, .navbox-subgroup {width:100%}
clear: both;
.navbox-group, .navbox-title, .navbox-abovebelow {padding:0.25em 1em; line-height:1.5em; text-align:center}
font-size: 88%;
th.navbox-group {white-space:nowrap; text-align:right}
text-align: center;
.navbox, .navbox-subgroup {background-color:#fdfdfd}
padding: 1px;
.navbox-list {line-height:1.5em; border-color:#fdfdfd}
margin: 1em auto 0;       /* Prevent preceding content from clinging to navboxes */
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}
}
}
.navbox .navbox {
 
margin-top: 0;           /* No top margin for nested navboxes */
/* 존재하지 않는 문서 페이지의 '기록' 링크 스타일 제거 */
.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}
}
}
.navbox + .navbox {
 
margin-top: -1px;         /* Single pixel border between adjacent navboxes */
/* 언어 box */
.vector-menu-dropdown {
    direction: ltr;
    float: left;
    cursor: pointer;
    position: relative;
    line-height: 1.125em;
    top: 10px;
}
}
.navbox-inner,
 
.navbox-subgroup {
.select-language {
width: 100%;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/resources/assets/ico_lang.svg) no-repeat left center;
  background-size: 32px;
}
}
.navbox-group,
 
.navbox-title,
#mw-head .vector-menu-dropdown .vector-menu-heading {
.navbox-abovebelow {
  border-radius: 6px;
padding: 0.25em 1em;     /* Title, group and above/below styles */
  padding: 0;
line-height: 1.5em;
  display: flex;
text-align: center;
  align-items: center;
  padding-left: 12px;
  padding-right: 5px;
  gap: 5px;
  height: 30px;
  top: 10px;
}
}
th.navbox-group {             /* Group style */
 
white-space: nowrap;
.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-content {
/* @noflip */
  border: 1px solid #bbb;
text-align: right;
  border-radius: 6px;
  padding: 6px 0;
}
}
.navbox,
 
.navbox-subgroup {
.vector-menu-dropdown:not(.vector-user-menu):hover .vector-menu-content {
background-color: #fdfdfd; /* Background color */
  border: 1px solid #bbb;
}
  border-radius: 6px;
.navbox-list {
  padding: 6px 0;
line-height: 1.5em;
border-color: #fdfdfd;    /* Must match background color */
}
/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {   /* Borders above 2nd, 3rd, etc. rows */
border-top: 2px solid #fdfdfd; /* Must match background color */
}
.navbox th,
.navbox-title {
background-color: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background-color: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background-color: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
background-color: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
background-color: transparent; /* Odd row striping */
}
.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;       /* Adjust hlist padding in navboxes */
}
}


/* Default styling for Navbar template */
#footer-places-disclaimers {
.navbar {
    display: none;
display: inline;
font-size: 88%;
font-weight: normal;
}
.navbar ul {
display: inline-block;
white-space: nowrap;
}
.mw-body-content .navbar ul {
line-height: inherit;
}
.navbar li {
word-spacing: -0.125em;
}
.navbar.mini li abbr[title] {
font-variant: small-caps;
border-bottom: none;
text-decoration: none;
cursor: inherit;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
font-size: 100%;
}
.navbox .navbar {
display: block;
font-size: 100%;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
}
}