미디어위키:Common.css

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

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


/* ===== WATCHWIKI MAIN PAGE THEME (Tiffany Blue) =====
   아래 셀렉터는 한국어 기본 대문 '대문' 과
   프로젝트 네임스페이스형 '시계위키: 대문', 그리고 영문 'Main_Page' 를 모두 포함합니다.
   실제 대문이 다른 이름이라면 .page-XXXX 형태를 여기에 추가하세요.
*/
.page-대문,
.page-시계위키\:_대문,
.page-Main_Page {
  --ww-tiffany-100: #e6fbf8;
  --ww-tiffany-200: #d4f7f3;
  --ww-ink:         #0e3a37; /* 포인트 텍스트 */
}

/* 배경(히어로) */
.page-대문 .main-hero,
.page-시계위키\:_대문 .main-hero,
.page-Main_Page .main-hero {
  padding: 56px 16px;
  background: linear-gradient(180deg, var(--ww-tiffany-100) 0%, var(--ww-tiffany-200) 100%);
}

/* 카드(본문 박스) */
.page-대문 .main-card,
.page-시계위키\:_대문 .main-card,
.page-Main_Page .main-card {
  max-width: 980px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid rgba(129,216,208,.35);
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(129,216,208,.18), 0 2px 6px rgba(0,0,0,.06);
  padding: 28px;
  color: #20262d;
}

/* 제목/링크 컬러 */
.page-대문 .main-card h1,
.page-시계위키\:_대문 .main-card h1,
.page-Main_Page .main-card h1,
.page-대문 .main-card h2,
.page-시계위키\:_대문 .main-card h2,
.page-Main_Page .main-card h2 { color: var(--ww-ink); }

.page-대문 .main-card a,
.page-시계위키\:_대문 .main-card a,
.page-Main_Page .main-card a { color: #11978f; }
.page-대문 .main-card a:hover,
.page-시계위키\:_대문 .main-card a:hover,
.page-Main_Page .main-card a:hover { color: #0d7c75; }

/* 모바일 튜닝 */
@media (max-width: 720px) {
  .page-대문 .main-hero,
  .page-시계위키\:_대문 .main-hero,
  .page-Main_Page .main-hero { padding: 36px 12px; }
  .page-대문 .main-card,
  .page-시계위키\:_대문 .main-card,
  .page-Main_Page .main-card { padding: 20px; border-radius: 12px; }
}


/* (선택) 대문 상단 큰 제목 숨기기 — 필요 시 주석 해제
.page-대문 #firstHeading,
.page-시계위키\:_대문 #firstHeading,
.page-Main_Page #firstHeading { display:none; }
*/


.skin-vector-2022 .mw-logo-icon,
.skin-vector-2022 .vector-sticky-header-logo { display: none !important; }

.skin-vector-2022 .mw-logo-wordmark { margin-left: 0 !important; }