미디어위키:Common.css: 두 판 사이의 차이
편집 요약 없음 |
편집 요약 없음 |
||
1번째 줄: | 1번째 줄: | ||
/* ===== WATCHWIKI MAIN PAGE THEME (Tiffany Blue) ===== | |||
아래 셀렉터는 한국어 기본 대문 '대문' 과 | |||
프로젝트 네임스페이스형 '시계위키: 대문', 그리고 영문 'Main_Page' 를 모두 포함합니다. | |||
실제 대문이 다른 이름이라면 .page-XXXX 형태를 여기에 추가하세요. | |||
*/ | |||
/* ===== WATCHWIKI MAIN PAGE THEME (Tiffany Blue) | .page-대문, | ||
.page-시계위키\:_대문, | |||
.page- | .page-Main_Page { | ||
--ww-tiffany-100: #e6fbf8; | --ww-tiffany-100: #e6fbf8; | ||
--ww-tiffany-200: #d4f7f3; | --ww-tiffany-200: #d4f7f3; | ||
--ww-ink: #0e3a37; | --ww-ink: #0e3a37; /* 포인트 텍스트 */ | ||
} | } | ||
/* 배경(히어로) */ | /* 배경(히어로) */ | ||
시계위키:_대문 .main-hero { | .page-대문 .main-hero, | ||
.page-시계위키\:_대문 .main-hero, | |||
.page-Main_Page .main-hero { | |||
padding: 56px 16px; | padding: 56px 16px; | ||
background: linear-gradient(180deg, var(--ww-tiffany-100) 0%, var(--ww-tiffany-200) 100%); | background: linear-gradient(180deg, var(--ww-tiffany-100) 0%, var(--ww-tiffany-200) 100%); | ||
20번째 줄: | 22번째 줄: | ||
/* 카드(본문 박스) */ | /* 카드(본문 박스) */ | ||
.page-시계위키:_대문 .main-card { | .page-대문 .main-card, | ||
.page-시계위키\:_대문 .main-card, | |||
.page-Main_Page .main-card { | |||
max-width: 980px; | max-width: 980px; | ||
margin: 0 auto; | margin: 0 auto; | ||
32번째 줄: | 36번째 줄: | ||
/* 제목/링크 컬러 */ | /* 제목/링크 컬러 */ | ||
.page-시계위키:_대문 .main-card h1, | .page-대문 .main-card h1, | ||
.page-시계위키:_대문 .main-card h2 { color: var(--ww-ink); } | .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 { color: #11978f; } | .page-대문 .main-card a, | ||
.page-시계위키:_대문 .main-card a:hover { color: #0d7c75; } | .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) { | @media (max-width: 720px) { | ||
.page-시계위키:_대문 .main-hero { padding: 36px 12px; } | .page-대문 .main-hero, | ||
.page-시계위키:_대문 .main-card { padding: 20px; border-radius: 12px; } | .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; } | |||
} | } | ||
/* (선택) 유리 느낌 — 카드 div에 class="main-card is-glass" 추가 시 적용 */ | /* (선택) 유리 느낌 — 카드 div에 class="main-card is-glass" 추가 시 적용 */ | ||
.page-시계위키:_대문 .main-card.is-glass { | .page-대문 .main-card.is-glass, | ||
.page-시계위키\:_대문 .main-card.is-glass, | |||
.page-Main_Page .main-card.is-glass { | |||
background: rgba(255,255,255,.88); | background: rgba(255,255,255,.88); | ||
backdrop-filter: blur(8px); | backdrop-filter: blur(8px); | ||
51번째 줄: | 69번째 줄: | ||
} | } | ||
/* (선택) 대문 상단 큰 제목 숨기기 — 필요 시 주석 해제 | /* (선택) 대문 상단 큰 제목 숨기기 — 필요 시 주석 해제 | ||
.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; } |