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

하나님의 교회 지식사전
둘러보기로 이동 검색으로 이동
편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 6개는 보이지 않습니다)
1번째 줄: 1번째 줄:
/* 최근편집일, 개인정보처리방침, 면책조항 삭제 */
/* Minerva 상단 브랜드 텍스트 길어서 아이콘 겹치는 문제 해결 */
#footer-info-lastmod,
.minerva-header .branding-box {
#footer-places-privacy,
    max-width: calc(100% - 90px); /* 오른쪽 아이콘 영역 90px 정도 확보 */
#footer-places-disclaimer {display:none}
 
/* 푸터 하나님의교회 소개 표시 */
#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}
.minerva-header .branding-box a {
 
    display: block;
/* 유튜브 */
     white-space: nowrap;
.video-wrap{position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.26%; margin-top:20px; background-color:#666;}
     overflow: hidden;
.video-wrap iframe{position:absolute; top:0; left:0; width:100%; height:100%}
     text-overflow: ellipsis;
/* 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 {
@media (max-width: 720px) {
    padding-bottom: 22px;
     .minerva-header .branding-box {
}
        max-width: calc(100% - 96px); /* 아이콘이 3개라면 조금 더 */
 
     }
#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 {
    border-top: 0
}
 
#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
}
}

2025년 11월 26일 (수) 09:30 기준 최신판

/* Minerva 상단 브랜드 텍스트 길어서 아이콘 겹치는 문제 해결 */
.minerva-header .branding-box {
    max-width: calc(100% - 90px);  /* 오른쪽 아이콘 영역 90px 정도 확보 */
}

/* 실제 텍스트에 말줄임 적용 */
.minerva-header .branding-box a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 720px) {
    .minerva-header .branding-box {
        max-width: calc(100% - 96px); /* 아이콘이 3개라면 조금 더 */
    }
}