행위

미디어위키

Common.css: 두 판 사이의 차이

CABAL WIKI

편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
/* 오른쪽 고정 목차 */
/* ===== 커스터마이징된 목차 위치 ===== */
 
#toc {
#toc {
     position: fixed;
     position: fixed;
     top: 100px;
     top: 200px;               /* "위키 도구" 아래 여백 조정 */
     right: 30px;
     left: 30px;               /* 왼쪽 마진 */
     width: 250px;
     width: 250px;
     max-height: 80vh;
     max-height: 70vh;
     overflow: auto;
     overflow: auto;
    background-color: #ffffff;
     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 8px rgba(0, 0, 0, 0.15);
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
}


/* 본문 여백 수정 불필요 — 타임리스는 기본 레이아웃 유지 */
/* ===== 본문은 여백 조정 없이 중앙 정렬 유지 ===== */
#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;
         background: transparent;
         box-shadow: none;
         padding: 0;
         padding: 0;
         box-shadow: none;
         margin-top: 1em;
        margin: 0;
     }
     }
}
}

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