미디어위키:Vector-2022.css: 두 판 사이의 차이

리버티게임(개발), 모두가 만들어가는 자유로운 게임
둘러보기로 이동 검색으로 이동
imported>Hsl0
(새 문서: @media screen and (max-width: 999px) { →‎추가 스크롤 생성 방지: body { overflow-x: hidden; } .mw-page-container { padding-left: clamp(0px, calc(50vw - 14.6875em), 0.9375em); padding-right: clamp(0px, calc(50vw - 14.6875em), 0.9375em); min-width: auto; overflow-x: hidden; overflow-y: hidden; } →‎불필요한 여백 제거: .mw-footer-container { padding-top: 0; } .mw-footer-container { padding-bottom: 10px; } } /*...)
 
imported>Hsl0
편집 요약 없음
11번째 줄: 11번째 줄:
    overflow-y: hidden;
    overflow-y: hidden;
}
}
.mw-header {
    padding-left: clamp(0px, calc(0.9375em + 50% - 50vw), 0.46875em);
    padding-right: clamp(0px, calc(0.9375em + 50% - 50vw), 0.46875em);
}
/* 불필요한 여백 제거 */
/* 불필요한 여백 제거 */
.mw-footer-container {
.mw-footer-container {
18번째 줄: 23번째 줄:
    padding-bottom: 10px;
    padding-bottom: 10px;
}
}
/* 공지 폭 조정 */
    .mw-dismissable-notice .mw-dismissable-notice-body {
        margin-left: max(0px, min(5em, calc(50% - 13.75rem)));
        margin-right: max(0px, min(20%, calc(50% - 13.75rem)));
    }
}
}


/* 반응형 폭 조정 */
/* 본문 여백 넓히기 */
.mw-header {
    padding-left: clamp(0px, calc(0.9375em + 50% - 50vw), 0.46875em);
    padding-right: clamp(0px, calc(0.9375em + 50% - 50vw), 0.46875em);
}
#content, #footer {
#content, #footer {
     padding-right: clamp(0.5em, calc(50vw - 13.75em), 0.9375em);
     padding-right: 0.9375em;
     padding-left: clamp(0.5em, calc(50vw - 13.75em), 0.9375em);
     padding-left: 0.9375em;
}
}

2022년 6월 30일 (목) 00:40 판

@media screen and (max-width: 999px) {
	/* 추가 스크롤 생성 방지 */
	body {
	    overflow-x: hidden;
	}
	.mw-page-container {
	    padding-left: clamp(0px, calc(50vw - 14.6875em), 0.9375em);
	    padding-right: clamp(0px, calc(50vw - 14.6875em), 0.9375em);
	    min-width: auto;
	    overflow-x: hidden;
	    overflow-y: hidden;
	}
	.mw-header {
	    padding-left: clamp(0px, calc(0.9375em + 50% - 50vw), 0.46875em);
	    padding-right: clamp(0px, calc(0.9375em + 50% - 50vw), 0.46875em);
	}
	
	/* 불필요한 여백 제거 */
	.mw-footer-container {
	    padding-top: 0;
	}
	.mw-footer-container {
	    padding-bottom: 10px;
	}
	
	/* 공지 폭 조정 */
    .mw-dismissable-notice .mw-dismissable-notice-body {
        margin-left: max(0px, min(5em, calc(50% - 13.75rem)));
        margin-right: max(0px, min(20%, calc(50% - 13.75rem)));
    }
}

/* 본문 여백 넓히기 */
#content, #footer {
    padding-right: 0.9375em;
    padding-left: 0.9375em;
}