"Common.css"의 두 판 사이의 차이
North Korea Humanities
(내용을 "→이 CSS 설정은 모든 스킨에 적용됩니다: cite { box-shadow: inset 0 -20px 0 #FAFAFA; }"(으)로 바꿈) (태그: 대체됨) |
|||
2번째 줄: | 2번째 줄: | ||
cite { | cite { | ||
box-shadow: inset 0 -20px 0 #FAFAFA; | box-shadow: inset 0 -20px 0 #FAFAFA; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Accordion header styles */ | ||
+ | .bs-accordion .panel-heading { | ||
+ | padding: 0; /* Remove padding on the heading */ | ||
+ | } | ||
+ | |||
+ | /* Make anchor clickable area larger */ | ||
+ | .bs-accordion .panel-heading a { | ||
+ | display: block; | ||
+ | padding: 10px 15px; /* Increase the padding to make the clickable area bigger */ | ||
+ | text-decoration: none; /* Optional: Remove underline if any */ | ||
+ | |||
+ | /* Chevron rotation on active state */ | ||
+ | transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1); | ||
+ | } | ||
+ | |||
+ | /* Chevron icon behavior when expanded */ | ||
+ | .bs-accordion .panel-heading a[aria-expanded="true"] .glyphicon.glyphicon-chevron-right { | ||
+ | transform: rotate(90deg); /* Rotate the chevron when the panel is expanded */ | ||
+ | transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1); | ||
+ | } | ||
+ | |||
+ | /* Default chevron behavior */ | ||
+ | .bs-accordion .panel-heading .glyphicon.glyphicon-chevron-right { | ||
+ | transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1); /* Smooth transition for chevron rotation */ | ||
} | } |
2024년 11월 23일 (토) 16:49 판
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
cite {
box-shadow: inset 0 -20px 0 #FAFAFA;
}
/* Accordion header styles */
.bs-accordion .panel-heading {
padding: 0; /* Remove padding on the heading */
}
/* Make anchor clickable area larger */
.bs-accordion .panel-heading a {
display: block;
padding: 10px 15px; /* Increase the padding to make the clickable area bigger */
text-decoration: none; /* Optional: Remove underline if any */
/* Chevron rotation on active state */
transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* Chevron icon behavior when expanded */
.bs-accordion .panel-heading a[aria-expanded="true"] .glyphicon.glyphicon-chevron-right {
transform: rotate(90deg); /* Rotate the chevron when the panel is expanded */
transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
/* Default chevron behavior */
.bs-accordion .panel-heading .glyphicon.glyphicon-chevron-right {
transition: transform 350ms cubic-bezier(0.645, 0.045, 0.355, 1); /* Smooth transition for chevron rotation */
}