미디어위키: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-main-menu,
.vector-main-menu .vector-menu,
.vector-main-menu .vector-menu-heading,
.vector-main-menu .vector-menu-content,
.vector-main-menu .vector-menu-content-list,
.vector-main-menu .vector-main-menu-action {
  background-color: #F0F7FF !important;
}

/* 그룹별 구분선은 연한 회색으로 유지 */
.vector-main-menu .vector-menu-content-list li {
  border-bottom: 1px solid #d0d7e5; /* 원하는 색상으로 조절 가능 */
}

/* 마지막 항목은 밑줄 제거 */
.vector-main-menu .vector-menu-content-list li:last-child {
  border-bottom: none;
}

/* 메뉴 제목 줄 (주 메뉴 / 둘러보기 등) */
.vector-main-menu .vector-pinnable-header,
.vector-main-menu .vector-menu-heading {
  background-color: #F0F7FF !important;
  font-weight: bold;
}

/* 링크 hover 효과 */
.vector-main-menu a:hover {
  background-color: #e0eeff !important;
  color: #000 !important;
}