"미디어위키:Common.css"의 두 판 사이의 차이
(새 문서: →이 CSS 설정은 모든 스킨에 적용됩니다: .divTable { width: 100%; border-collapse: collapse; font-size: 14px; } .divTable .row { display: flex; border-botto...) |
|||
| 1번째 줄: | 1번째 줄: | ||
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */ | /* 이 CSS 설정은 모든 스킨에 적용됩니다 */ | ||
| + | .episode-filter-input { | ||
| + | box-sizing: border-box; | ||
| + | width: 100%; | ||
| + | max-width: 100%; | ||
| + | border: 1px solid #ddd; | ||
| + | padding: 8px 10px; | ||
| + | min-height: 32px; | ||
| + | margin-bottom: 12px; | ||
| + | font-size: 14px; | ||
| + | border-radius: 4px; | ||
| + | outline: none; | ||
| + | } | ||
| + | |||
| + | /* placeholder 효과 */ | ||
| + | .episode-filter-input:empty:before { | ||
| + | content: attr(data-placeholder); | ||
| + | color: #aaa; | ||
| + | } | ||
| + | |||
| + | |||
.divTable { | .divTable { | ||
width: 100%; | width: 100%; | ||
2025년 11월 26일 (수) 16:55 기준 최신판
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
.episode-filter-input {
box-sizing: border-box;
width: 100%;
max-width: 100%;
border: 1px solid #ddd;
padding: 8px 10px;
min-height: 32px;
margin-bottom: 12px;
font-size: 14px;
border-radius: 4px;
outline: none;
}
/* placeholder 효과 */
.episode-filter-input:empty:before {
content: attr(data-placeholder);
color: #aaa;
}
.divTable {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
.divTable .row {
display: flex;
border-bottom: 1px solid #eee;
}
.divTable .thead .row {
background-color: #f5f5f5;
font-weight: 600;
}
.divTable .header,
.divTable .cell {
padding: 8px 10px;
border-right: 1px solid #eee;
}
.divTable .header:last-child,
.divTable .cell:last-child {
border-right: none;
}
.divTable .header:nth-child(1),
.divTable .cell:nth-child(1) {
flex: 0 0 120px;
}
.divTable .header:nth-child(2),
.divTable .cell:nth-child(2) {
flex: 0 0 260px;
}
.divTable .header:nth-child(3),
.divTable .cell:nth-child(3) {
flex: 1 1 auto;
}