미디어위키:Common.css: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
(내용을 "→주석 팝업 스타일: .ref-tooltip { font-size: 12px; line-height: 1.4; border-radius: 4px; background-color: #f9f9f9; } →링크 팝업 스타일: .link-preview-popup { font-size: 12px; line-height: 1.4; border-radius: 4px; background-color: #f9f9f9; }"(으)로 바꿈) 태그: 대체됨 수동 되돌리기 되돌려진 기여 |
잔글편집 요약 없음 |
||
(같은 사용자의 중간 판 13개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
.ref-tooltip { | .ref-tooltip { | ||
font-size: 12px; | font-size: 12px; | ||
max-width: 300px; | |||
word-wrap: break-word; | |||
border-radius: 4px; | border-radius: 4px; | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
} | } | ||
/* | /* 고정된 목차 스타일 */ | ||
#toc { | |||
position: fixed; | |||
top: 80px; /* 상단에서의 거리 */ | |||
right: 20px; /* 오른쪽에서의 거리 */ | |||
width: 250px; /* 목차 너비 */ | |||
background-color: #f9f9f9; | |||
border: 1px solid #ddd; | |||
border-radius: 4px; | border-radius: 4px; | ||
padding: 10px; | |||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); | |||
z-index: 1000; /* 다른 요소 위에 표시 */ | |||
overflow: hidden; /* 목차 전체에 스크롤 제거 */ | |||
} | |||
/* 목차 내부 리스트 스크롤 */ | |||
#toc > ul, #toc > ol { | |||
max-height: 75vh; /* 화면 높이의 75%까지만 사용 */ | |||
overflow-y: auto; /* 세로 스크롤 활성화 */ | |||
margin: 0; | |||
padding: 0; | |||
list-style: none; /* 리스트 스타일 제거 */ | |||
padding-right: 10px; /* 스크롤바 공간 확보 */ | |||
} | |||
/* 목차 링크 스타일 */ | |||
#toc a { | |||
text-decoration: none; | |||
color: #0073aa; | |||
} | |||
#toc a:hover { | |||
text-decoration: underline; | |||
} | |||
/* 페이지 내용과 목차 간 여백 설정 */ | |||
#content { | |||
margin-right: 280px; /* 목차 너비 + 여백 */ | |||
} | } |
2025년 2월 3일 (월) 19:01 기준 최신판
.ref-tooltip {
font-size: 12px;
max-width: 300px;
word-wrap: break-word;
border-radius: 4px;
background-color: #f9f9f9;
}
/* 고정된 목차 스타일 */
#toc {
position: fixed;
top: 80px; /* 상단에서의 거리 */
right: 20px; /* 오른쪽에서의 거리 */
width: 250px; /* 목차 너비 */
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 4px;
padding: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
z-index: 1000; /* 다른 요소 위에 표시 */
overflow: hidden; /* 목차 전체에 스크롤 제거 */
}
/* 목차 내부 리스트 스크롤 */
#toc > ul, #toc > ol {
max-height: 75vh; /* 화면 높이의 75%까지만 사용 */
overflow-y: auto; /* 세로 스크롤 활성화 */
margin: 0;
padding: 0;
list-style: none; /* 리스트 스타일 제거 */
padding-right: 10px; /* 스크롤바 공간 확보 */
}
/* 목차 링크 스타일 */
#toc a {
text-decoration: none;
color: #0073aa;
}
#toc a:hover {
text-decoration: underline;
}
/* 페이지 내용과 목차 간 여백 설정 */
#content {
margin-right: 280px; /* 목차 너비 + 여백 */
}