Liberty.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
오페라: Ctrl-F5를 입력.

/* 이 CSS 설정은 리버티 스킨을 사용하는 사용자에게 적용됩니다 */
.mw-headline-number { color: #0275d8; }
.mw-headline-number::after { content: "."; }
/* 분류칸 그림자 제거 */
.skin-liberty .catlinks {
    box-shadow: none !important; /* 그림자 제거 */
    border: 1px solid #ddd; /* 필요 시 테두리 스타일을 정의 */
}
/* 검색창 스타일 */
.skin-liberty .search-container input[type="search"] {
	border-radius: 25px; /* 둥근 모서리 */
    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; /* 테두리와 패딩 포함 */
}

/* 작은 화면 (태블릿 크기) */
@media (max-width: 768px) {
    .skin-liberty .search-container input[type="search"] {
        max-width: 400px; /* 최대 너비 축소 */
    }
}

/* 아주 작은 화면 (모바일) */
@media (max-width: 480px) {
    .skin-liberty .search-container input[type="search"] {
        max-width: 300px; /* 최대 너비 더 축소 */
        min-width: 150px; /* 최소 너비 조정 */
        padding: 8px 12px; /* 패딩 축소 */
    }
}

미디어위키:Liberty.css