MediaWiki:Minerva.css: Difference between revisions

From Church of God Knowledge Encyclopedia
Jump to navigation Jump to search
No edit summary
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 25: Line 25:
.content p{margin-top:0}
.content p{margin-top:0}


/* PDF 다운로드, 주시하기, 편집 버튼 숨김  
/* 언어선택, PDF 다운로드, 주시하기, 편집 버튼 숨김 */
#page-actions > li:not(#language-selector){display:none}
#page-actions{margin-top:20px; display:none}
*/
#language-selector{display:none}


/* 공유하기 표시 여백 */
/* 공유하기 표시 여백 */
Line 42: Line 40:
nav .ico-arrow::before, nav .ico-arrow::after{content: ''; position: relative; width: 6px; height: 1px; display: block; background: #000}
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)}
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;
}


/* 로그인 */
/* 로그인 */
Line 60: Line 72:
.mw-notification, .toast, .drawer{z-index:9999}
.mw-notification, .toast, .drawer{z-index:9999}


.a2a_kit a {display:inline-block; margin-right:10/* 본문 좌우 여백 */
.a2a_kit a {display:inline-block; margin-right:10px}
@media(max-width:999px){px}
.content .wikishare_toolbox a > img{width:28px}
.content .wikishare_toolbox a > img{width:28px}
.content .infobox tbody > tr > th {
    flex: initial;
}


/* 미네르바 스킨의 썸네일 이미지 크기 보정 */
/* 미네르바 스킨의 썸네일 이미지 크기 보정 */
.content .infobox {max-width:356px !important;}
@media(max-width:719px){
@media(max-width:719px){
     .thumbinner{width:100% !important}
     .thumbinner{width:100% !important}
     a.image{width:100%}
     a.image{width:100%}
     a.image img{width:100% !important}
     a.image > img{width:100% !important}
     table.infobox{display:table}
     table.infobox{display:table}
.thumb, .gallery .gallerybox div.thumb{position: relative; width: calc(100% + 32px) !important; left: -16px}
.thumb, .gallery .gallerybox div.thumb{position: relative; width: calc(100% + 32px) !important; left: -16px}
Line 84: Line 104:
}
}


.minerva-header > form{justify-content:right}
#mw-mf-page-left ul {
@media(max-width:800px){
    padding-bottom: 22px;
.branding-box{max-width: calc(100% - 450px); min-width:auto !important}
.minerva-header .branding-box a{width:100%}
.minerva-header .branding-box a span{width:100%; line-height:normal; overflow:hidden; text-overflow:ellipsis}
}
}
@media(max-width:719px){
 
.branding-box{max-width: calc(100% - 111px)}
#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
}
.minerva-header .search-box {
margin-left: 100px;
}
}

Latest revision as of 15:15, 26 March 2025

/* 최근편집일, 개인정보처리방침, 면책조항 삭제 */
#footer-info-lastmod,
#footer-places-privacy,
#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}

/* 유튜브 */
.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 {
    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
}
.minerva-header .search-box {
	margin-left: 100px;
}