|
|
| (같은 사용자의 중간 판 21개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| /* 이 CSS 설정은 모든 스킨에 적용됩니다 */ | | @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"); |
| /* 데스크톱: 목차를 본문 왼쪽에 고정하되 약간 여유를 둬서 붙임 */ | |
| #toc {
| |
| position: fixed;
| |
| top: 100px;
| |
| left: 240px; /* 왼쪽 사이드바 크기에 맞춰 조정 */
| |
| max-height: 80vh;
| |
| overflow: auto;
| |
| background-color: #f9f9f9;
| |
| padding: 1em;
| |
| border: 1px solid #ccc;
| |
| z-index: 999;
| |
| width: 250px;
| |
| font-size: 0.9em;
| |
| }
| |
| | |
| /* 본문 콘텐츠와 겹치지 않도록 여백 확보 */ | |
| #mw-content-text {
| |
| margin-left: 520px; /* toc 너비 + 여유 공간 */
| |
| }
| |
| | |
| /* 모바일: 목차 고정 해제 및 기본 위치로 복원 */
| |
| @media (max-width: 768px) {
| |
| #toc {
| |
| position: static !important;
| |
| max-height: none;
| |
| overflow: visible;
| |
| background-color: transparent;
| |
| padding: 0;
| |
| border: none;
| |
| width: auto;
| |
| }
| |
| | |
| #mw-content-text {
| |
| margin-left: 0;
| |
| }
| |
| }
| |
2025년 10월 1일 (수) 05:21 기준 최신판
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");