미디어위키:Vector-2022.css
참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/* 워드마크 부분 숨기기 */
.mw-logo-container {
display: none !important;
}
/* 아이콘을 크게 확장 */
.mw-logo-icon {
height: 26px !important; /* 원하는 높이만 지정 */
width: auto !important; /* 가로는 자동으로 비율에 맞춰 */
}
body {
background-color: #F0F7FF !important;
}
/* 본문 영역 배경 */
#content,
.mw-body,
.mw-page-container,
.mw-body-content {
background-color: #F0F7FF !important;
}
/* 상단 배너 영역 */
.main-banner img {
display: block;
margin: 0 auto;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
/* 상단 헤더 전체 배경 */
.vector-header,
.vector-header-container,
.vector-page-titlebar {
background-color: #F0F7FF !important;
}
/* 헤더 구분선 제거(원하는 경우) */
.vector-header,
.vector-page-titlebar {
border-bottom: none !important;
}
/* 왼쪽 사이드 전체 */
.vector-sidebar-container,
.vector-menu,
.vector-menu-portal,
.vector-menu-content,
.vector-menu-content-list,
.vector-menu-content-list li {
background-color: #F0F7FF !important;
border: none !important;
}
/* 사이드바 제목 줄 */
.vector-menu-heading {
background-color: #F0F7FF !important;
border: none !important;
}
/* 사이드바 링크 hover */
.vector-menu-content-list li a:hover {
background-color: #e0eeff !important;
color: #000 !important;
}
/* 주 메뉴 및 다른 사이드 메뉴 박스 배경 제거 */
.vector-menu-portal,
.vector-menu-portal .vector-menu-content,
.vector-menu-portal .vector-menu-content-list {
background: #F0F7FF !important;
border: none !important;
}
/* 제목줄 배경도 통일 */
.vector-menu-heading {
background: #F0F7FF !important;
border: none !important;
}