미디어위키: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;
}