미디어위키:Common.css
둘러보기로 이동
검색으로 이동
참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
.ref-tooltip {
font-size: 12px;
max-width: 300px;
word-wrap: break-word;
border-radius: 4px;
background-color: #f9f9f9;
}
/* 고정된 목차 스타일 */
#toc {
position: fixed;
top: 90px; /* 상단에서의 거리 */
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; /* 다른 요소 위에 표시 */
}
/* 목차 내 리스트의 스크롤 설정 */
#toc ul {
max-height: 80vh; /* 화면 높이의 80%까지만 사용 */
overflow-y: auto; /* 세로 스크롤 활성화 */
padding-right: 10px; /* 스크롤바 공간 확보 */
margin: 0;
padding: 0;
}
/* 페이지 내용과 목차 간 여백 설정 */
#content {
margin-right: 280px; /* 목차 너비 + 여백 */
}
/* 목차 링크 스타일 */
#toc a {
text-decoration: none;
color: #0073aa;
}
#toc a:hover {
text-decoration: underline;
}