라이브러리 CSS 꾸미기

웹 페이지로 만든 CSS로 라이브러리를 꾸미는 방법을 설명합니다. CSS로 설정하려는 색상 톤과 비슷한 라이브러리의 색상을 지정하는 것을 권장합니다.

쓰리래빗츠 북을 릴리즈(메이저와 마이너 릴리즈)할 때 HTML 구조에 변경이 발생하면 여기서 설명한 내용이 맞지 않을 수 있습니다. 쓰리래빗츠는 CSS를 직접 수정하여 UI를 변경하는 것에 대해서 하위 호환을 보장하지 않습니다.

라이브러리 메뉴 1배경 색상을 바꾸려면 다음 CSS를 사용합니다.

.r_top {
    background-color: red !important;
}

마우스가 라이브러리 메뉴 위에 왔을 때의 2색상을 바꾸려면 다음 CSS를 사용합니다.

.r_library_menu li:hover a {
    background-color: blue !important;
    border-color: green !important;
}

라이브러리 하위 메뉴 영역의 3배경 색상을 바꾸려면 다음 CSS를 사용합니다.

.r_library_children_panel ul,
.r_library_children_panel > div {
    background-color: red !important;
}

마우스가 라이브러리 하위 메뉴 위에 왔을 때의 4색상을 바꾸려면 다음 CSS를 사용합니다.

.r_library_children_panel li a:hover {
    background-color: blue !important;
    border-color: green !important;
}

라이브러리 메인 페이지의 검색 버튼 5색상을 바꾸려면 다음 CSS를 사용합니다.

.r_header form button {
    background-color: blue !important;
}

마우스가 검색 버튼 위에 왔을 때의 색상을 바꾸려면 다음 CSS를 사용합니다.

.r_header form button:hover {
    background-color: red !important;
}