MediaWiki:Minerva.css: Difference between revisions

From Church of God Knowledge Encyclopedia
Jump to navigation Jump to search
No edit summary
No edit summary
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* 최근편집일, 개인정보처리방침, 면책조항 삭제 */
/* Minerva 상단 브랜드 텍스트가 너무 길 때 아이콘 깨지는 문제 방지 */
#footer-info-lastmod,
.minerva-header .branding-box {
#footer-places-privacy,
    max-width: 60%;       /* 텍스트가 차지하는 최대 폭 제한 */
#footer-places-disclaimer {display:none}
    white-space: nowrap; /* 한 줄로 표시 */
 
     overflow: hidden;
/* 푸터 하나님의교회 소개 표시 */
     text-overflow: ellipsis; /* 넘치는 부분은 … 처리 */
#footer-places-about {display:inline}
 
/* 저작권 표시 */
#footer-info-custom-copyright {display:inline-block}
 
/* 미네르바 노이어 대문의 'OO님, 환영합니다!' 삭제 */
.page-Main_Page #section_0 {display:none}
 
/* 푸터 위키이름 삭제 */
footer .footer-content h2 {display:none}
footer #mw-data-after-content h2 {display:block}
 
/*각주*/
ol.references > li{font-size:12px; margin-top:4px; line-height:1.6}
ol.references{padding-left:24px}
.client-js .collapsible-block{margin-top:10px; margin-bottom:10px}
.content h3{font-size:16px}
.content * + h3{margin-top: 1.5em}
.content p{margin-top:0}
 
/* 언어선택, PDF 다운로드, 주시하기, 편집 버튼 숨김 */
#page-actions{margin-top:20px; display:none}
 
/* 공유하기 표시 여백 */
#content{padding-bottom:110px}
 
/* 모바일 메뉴 푸터 삭제*/
#mw-mf-page-left .hlist{display:none}
 
/* 모바일 메뉴 열기/닫기 */
nav .ico-arrow{position:absolute; top:50%; right:20px}
nav .ico-arrow::before{transform: rotate(45deg)}
nav .ico-arrow::after{transform: rotate(-45deg); margin-left: 4px; margin-top: -1px}
nav .ico-arrow::before, nav .ico-arrow::after{content: ''; position: relative; width: 6px; height: 1px; display: block; background: #000}
nav li.open .ico-arrow {transform:rotate(180deg)}
#p-main-categories .recommended,
#p-main-categories .category,
#p-main-categories .language{display:none}
 
#p-main-categories.recommended-open .recommended,
#p-main-categories.category-open .category,
#p-main-categories.language-open .language{display:list-item}
#p-main-categories .recommended span,
#p-main-categories .category span,
#p-main-categories .language span{font-weight:500}
.recommended-open > li:hover {
     background-color: #eaeff7;
     list-style: none;
}
 
/* 로그인 */
#userloginForm .warningbox{display:none}
 
/* 유튜브 */
.video-wrap{position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.26%; margin-top:20px; background-color:#666;}
.video-wrap iframe{position:absolute; top:0; left:0; width:100%; height:100%}
/* p iframe{width:100%; height:200px}
@media(min-width:720px){
p iframe{width:600px; height:340px}
}
@media(min-width:1300px){
p iframe{width:1000px; height:560px}
}*/
 
.mw-parser-output a.extiw, .mw-parser-output a.external{color: #69f;}
.mw-notification, .toast, .drawer{z-index:9999}
 
.a2a_kit a {display:inline-block; margin-right:10px}
.content .wikishare_toolbox a > img{width:28px}
 
 
 
.content .infobox tbody > tr > th {
    flex: initial;
}
 
/* 미네르바 스킨의 썸네일 이미지 크기 보정 */
.content .infobox {max-width:356px !important;}
 
 
@media(max-width:719px){
    .thumbinner{width:100% !important}
    a.image{width:100%}
    a.image > img{width:100% !important}
    table.infobox{display:table}
.thumb, .gallery .gallerybox div.thumb{position: relative; width: calc(100% + 32px) !important; left: -16px}
.thumb .thumbcaption{margin-left:16px}
.infobox .thumb{position:static; width:auto !important; left:0}
 
    .custom-image{width: 100vw !important; position: relative; left: -16px; background: none; border: none; padding: 0 !important; float: none !important; margin-left: unset !important; margin-right: unset !important;}
    .custom-image .thumbcaption {padding:0 16px !important}
    .custom-album {border:none !important; background:none !important; float:none !important; margin:0 !important; padding:0 !important}
    .custom-album .thumbcaption{margin-bottom:10px}
    .custom-album .custom-image{width: calc(100vw + 3px) !important}
    .custom-album .albumitem{margin:5px 0}
    .infobox .custom-image {width: 100% !important; left:0}
    .infobox .custom-album {width: 100% !important}
}
 
#mw-mf-page-left ul {
    padding-bottom: 22px;
}
 
#mw-mf-page-left ul li {
    background-color: #ffffff;
    position: relative;
    border-top: 1px solid #eaecf0;
    margin-top: -1px
}
}


#mw-mf-page-left ul li:first-child {
@media (max-width: 720px) {
     border-top: 0
     .minerva-header .branding-box {
}
        max-width: 55%;
 
     }
#mw-mf-page-left ul li a {
    color: #54595d;
    display: flex;
    align-items: center;
    line-height: inherit;
    max-width: 100%;
     padding: 12px 10px 12px 15px;
}
 
#mw-mf-page-left ul li a:hover {
    box-shadow: inset 4px 0 0 0 #3366cc;
    text-decoration: none
}
 
#mw-mf-page-left ul li a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.875rem;
    font-weight: bold
}
}

Latest revision as of 14:02, 25 November 2025

/* Minerva 상단 브랜드 텍스트가 너무 길 때 아이콘 깨지는 문제 방지 */
.minerva-header .branding-box {
    max-width: 60%;       /* 텍스트가 차지하는 최대 폭 제한 */
    white-space: nowrap;  /* 한 줄로 표시 */
    overflow: hidden;
    text-overflow: ellipsis; /* 넘치는 부분은 … 처리 */
}

@media (max-width: 720px) {
    .minerva-header .branding-box {
        max-width: 55%;
    }
}