"Common.css"의 두 판 사이의 차이
North Korea Humanities
| 2번째 줄: | 2번째 줄: | ||
cite { | cite { | ||
box-shadow: inset 0 -20px 0 #FAFAFA; | box-shadow: inset 0 -20px 0 #FAFAFA; | ||
| + | } | ||
| + | |||
| + | .tabs { | ||
| + | display: flex; | ||
| + | border-bottom: 2px solid #ddd; | ||
| + | list-style: none; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | .tab-title { | ||
| + | margin: 0; | ||
| + | padding: 10px 20px; | ||
| + | cursor: pointer; | ||
| + | border: 1px solid #ddd; | ||
| + | border-bottom: none; | ||
| + | background-color: #f9f9f9; | ||
| + | } | ||
| + | |||
| + | .tab-title.active { | ||
| + | background-color: #4A90E2; /* 활성화된 탭의 배경색 */ | ||
| + | color: white; | ||
| + | font-weight: bold; | ||
} | } | ||
2024년 11월 22일 (금) 16:47 판
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
cite {
box-shadow: inset 0 -20px 0 #FAFAFA;
}
.tabs {
display: flex;
border-bottom: 2px solid #ddd;
list-style: none;
padding: 0;
margin: 0;
}
.tab-title {
margin: 0;
padding: 10px 20px;
cursor: pointer;
border: 1px solid #ddd;
border-bottom: none;
background-color: #f9f9f9;
}
.tab-title.active {
background-color: #4A90E2; /* 활성화된 탭의 배경색 */
color: white;
font-weight: bold;
}