미디어위키:Common.css: 두 판 사이의 차이
외관
편집 요약 없음 |
편집 요약 없음 |
||
| 20번째 줄: | 20번째 줄: | ||
margin: 0 0 20px 0; | margin: 0 0 20px 0; | ||
} | } | ||
} | |||
/* 벡터 스킨의 섹션 밑줄을 회색으로 통일 */ | |||
.mw-parser-output h2 { | |||
border-bottom: 1px solid #cccccc !important; | |||
padding-bottom: 5px !important; | |||
} | |||
/* 사이드바 목차 깔끔하게 정리 */ | |||
#toc { | |||
background: #f8f9fa; | |||
border: 1px solid #ccc; | |||
padding: 10px; | |||
} | } | ||
2026년 5월 29일 (금) 07:40 판
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
/* 1. PC/모바일 반응형 정보상자 (나무위키 스타일) */
.m4-infobox {
float: right;
clear: right;
width: 330px;
margin: 0 0 20px 20px;
border: 1px solid #cccccc;
background-color: #f9f9f9;
font-size: 0.9em;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
border-collapse: collapse;
}
/* 모바일 화면일 때 표를 100% 꽉 차게 위로 올림 */
@media screen and (max-width: 768px) {
.m4-infobox {
float: none;
width: 100%;
margin: 0 0 20px 0;
}
}
/* 벡터 스킨의 섹션 밑줄을 회색으로 통일 */
.mw-parser-output h2 {
border-bottom: 1px solid #cccccc !important;
padding-bottom: 5px !important;
}
/* 사이드바 목차 깔끔하게 정리 */
#toc {
background: #f8f9fa;
border: 1px solid #ccc;
padding: 10px;
}