Common.css: 두 판 사이의 차이
CABAL WIKI
편집 요약 없음 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */ | /* 이 CSS 설정은 모든 스킨에 적용됩니다 */ | ||
/* | /* ===== 커스터마이징된 목차 위치 ===== */ | ||
#toc { | #toc { | ||
position: fixed; | position: fixed; | ||
top: | top: 200px; /* "위키 도구" 아래 여백 조정 */ | ||
left: 30px; /* 왼쪽 마진 */ | |||
width: 250px; | width: 250px; | ||
max-height: | max-height: 70vh; | ||
overflow: auto; | overflow: auto; | ||
padding: 10px 15px; | padding: 10px 15px; | ||
background: #fff; | |||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
border-radius: 8px; | |||
font-size: 0.95em; | font-size: 0.95em; | ||
z-index: 1000; | z-index: 1000; | ||
box-shadow: 0 2px | box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); | ||
} | } | ||
/* | /* ===== 본문은 여백 조정 없이 중앙 정렬 유지 ===== */ | ||
#mw-content-text { | #mw-content-text { | ||
margin-left: auto !important; | margin-left: auto !important; | ||
| 23번째 줄: | 24번째 줄: | ||
} | } | ||
/* 모바일 대응 */ | /* ===== 모바일 대응: 기본 위치로 복귀 ===== */ | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
#toc { | #toc { | ||
| 29번째 줄: | 30번째 줄: | ||
width: auto; | width: auto; | ||
border: none; | border: none; | ||
box-shadow: none; | |||
padding: 0; | padding: 0; | ||
margin-top: 1em; | |||
} | } | ||
} | } | ||
2025년 7월 10일 (목) 04:03 판
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
/* ===== 커스터마이징된 목차 위치 ===== */
#toc {
position: fixed;
top: 200px; /* "위키 도구" 아래 여백 조정 */
left: 30px; /* 왼쪽 마진 */
width: 250px;
max-height: 70vh;
overflow: auto;
padding: 10px 15px;
background: #fff;
border: 1px solid #ccc;
border-radius: 8px;
font-size: 0.95em;
z-index: 1000;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
/* ===== 본문은 여백 조정 없이 중앙 정렬 유지 ===== */
#mw-content-text {
margin-left: auto !important;
margin-right: auto !important;
}
/* ===== 모바일 대응: 기본 위치로 복귀 ===== */
@media screen and (max-width: 768px) {
#toc {
position: static !important;
width: auto;
border: none;
box-shadow: none;
padding: 0;
margin-top: 1em;
}
}