Common.css: 두 판 사이의 차이
CABAL WIKI
편집 요약 없음 |
편집 요약 없음 |
||
1번째 줄: | 1번째 줄: | ||
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */ | /* 이 CSS 설정은 모든 스킨에 적용됩니다 */ | ||
/* | /* 오른쪽 고정 목차 */ | ||
#toc { | #toc { | ||
position: fixed; | position: fixed; | ||
top: 100px; | top: 100px; | ||
right: 30px; | |||
width: | width: 250px; | ||
max-height: 80vh; | max-height: 80vh; | ||
overflow: auto; | overflow: auto; | ||
background-color: # | background-color: #ffffff; | ||
padding: 10px 15px; | padding: 10px 15px; | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
font-size: 0. | font-size: 0.95em; | ||
z-index: 1000; | z-index: 1000; | ||
box-shadow: 0 | box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); | ||
border-radius: 8px; | |||
} | } | ||
/* | /* 본문 여백 수정 불필요 — 타임리스는 기본 레이아웃 유지 */ | ||
#mw-content-text { | #mw-content-text { | ||
margin-left: | margin-left: auto !important; | ||
margin-right: auto !important; | |||
} | } | ||
/* | /* 모바일 대응 */ | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
#toc { | #toc { | ||
30번째 줄: | 32번째 줄: | ||
padding: 0; | padding: 0; | ||
box-shadow: none; | box-shadow: none; | ||
margin: 0; | |||
margin | |||
} | } | ||
} | } |
2025년 7월 10일 (목) 04:01 판
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */ /* 오른쪽 고정 목차 */ #toc { position: fixed; top: 100px; right: 30px; width: 250px; max-height: 80vh; overflow: auto; background-color: #ffffff; padding: 10px 15px; border: 1px solid #ccc; font-size: 0.95em; z-index: 1000; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); border-radius: 8px; } /* 본문 여백 수정 불필요 — 타임리스는 기본 레이아웃 유지 */ #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; background: transparent; padding: 0; box-shadow: none; margin: 0; } }