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