참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
/* All CSS here will be loaded for users of the MinervaNeue skin */
/* 가온 위키 Minerva 커스텀 메뉴 스타일 */
/* 레벨 2, 3 <ul> 기본값 정리 */
.gaon-menu-level2,
.gaon-menu-level3 {
margin: 0;
padding: 0;
list-style: none;
}
/* 상위 그룹(게시판 / 버그/기능 개선 / 도구 / 도움말) 라인 */
.gaon-menu-header > .gaon-menu-header__anchor {
font-weight: 600;
/* Minerva 기본 anchor(.toggle-list-item__anchor)와 동일한 레이아웃 유지 */
display: flex;
align-items: center;
}
/* 하위 항목 anchor 의 레이아웃 정리 */
.gaon-menu-item > .gaon-menu-link {
display: flex;
align-items: center;
}
/* 아이콘과 텍스트 사이 간격 */
.gaon-menu .minerva-icon + .toggle-list-item__label {
margin-left: 0.6em;
}
/* 레벨별 들여쓰기
- Minerva 기본 padding 에 더해 추가 padding 을 주는 방식 */
.gaon-menu-item-level2 > .gaon-menu-link {
padding-left: 2.5em; /* 2단계는 살짝 들여쓰기 */
}
.gaon-menu-item-level3 > .gaon-menu-link {
padding-left: 3.5em; /* 3단계는 조금 더 들여쓰기 */
}
/* 펼침/접힘 화살표(상위 그룹 오른쪽) */
.gaon-menu-header > .gaon-menu-header__anchor::after {
content: '▾';
margin-left: auto;
font-size: 0.7em;
opacity: 0.7;
}
/* 접힌 상태의 상위 그룹 화살표 */
.gaon-menu-header--collapsed > .gaon-menu-header__anchor::after {
content: '▸';
}
/* 2단계 중 children 이 있는 항목(예: 파일 올리기)의 화살표 */
.gaon-menu-item--has-children > .gaon-menu-link::after {
content: '▾';
margin-left: auto;
font-size: 0.7em;
opacity: 0.7;
}
/* 접힌 상태의 2단계 화살표 */
.gaon-menu-item--collapsed > .gaon-menu-link::after {
content: '▸';
}