|
|
| (같은 사용자의 중간 판 751개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| /* 이 CSS 설정은 리버티 스킨을 사용하는 사용자에게 적용됩니다 */
| |
| .mw-headline-number { color: #0275d8; }
| |
| .mw-headline-number::after { content: "."; }
| |
| /* 분류칸 그림자 제거 */
| |
| .skin-liberty .catlinks {
| |
| box-shadow: none !important; /* 그림자 제거 */
| |
| border: 1px solid #ddd; /* 필요 시 테두리 스타일을 정의 */
| |
| }
| |
| /* 검색창 스타일 */
| |
| .skin-liberty .searchInput input[type="search"] {
| |
| border-radius: 100px; /* 둥근 모서리 */
| |
| padding: 10px 15px; /* 내부 여백 */
| |
| width: 100%; /* 부모 컨테이너 너비를 기준으로 채움 */
| |
| max-width: 600px; /* 최대 너비 제한 */
| |
| min-width: 200px; /* 최소 너비 제한 */
| |
| border: 1px solid #ccc; /* 테두리 색상 */
| |
| outline: none; /* 포커스 시 기본 테두리 제거 */
| |
| transition: all 0.3s ease; /* 애니메이션 추가 */
| |
| box-sizing: border-box; /* 테두리와 패딩 포함 */
| |
| }
| |
|
| |
|
| /* 작은 화면 (태블릿 크기) */
| | .liberty-content-header { |
| @media (max-width: 768px) {
| | border-bottom: 0.8px !important; |
| .skin-liberty .searchInput input[type="search"] {
| |
| max-width: 400px; /* 최대 너비 축소 */
| |
| }
| |
| }
| |
| | |
| /* 아주 작은 화면 (모바일) */
| |
| @media (max-width: 480px) {
| |
| .skin-liberty .searchInput input[type="search"] {
| |
| max-width: 300px; /* 최대 너비 더 축소 */
| |
| min-width: 150px; /* 최소 너비 조정 */
| |
| padding: 8px 12px; /* 패딩 축소 */
| |
| }
| |
| } | | } |