|
|
| (같은 사용자의 중간 판 20개는 보이지 않습니다) |
| 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: 280px; /* 왼쪽 사이드바 옆으로 붙이기 */
| |
| width: 220px;
| |
| max-height: 80vh;
| |
| overflow: auto;
| |
| background-color: #f9f9f9;
| |
| padding: 10px 15px;
| |
| border: 1px solid #ccc;
| |
| font-size: 0.9em;
| |
| z-index: 1000;
| |
| box-shadow: 0 0 5px rgba(0,0,0,0.1);
| |
| }
| |
| | |
| /* 📌 본문이랑 겹치지 않게 margin 추가 */ | |
| #mw-content-text {
| |
| margin-left: 540px;
| |
| }
| |
| | |
| /* 📱 모바일 환경에서는 고정 해제 */
| |
| @media screen and (max-width: 768px) {
| |
| #toc {
| |
| position: static !important;
| |
| width: auto;
| |
| border: none;
| |
| background: transparent;
| |
| padding: 0;
| |
| box-shadow: none;
| |
| }
| |
| | |
| #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");