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; } }