미디어위키:Common.css: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
6번째 줄: 6번째 줄:


/* ===== WATCHWIKI MAIN PAGE THEME (Tiffany Blue) — START ===== */
/* ===== WATCHWIKI MAIN PAGE THEME (Tiffany Blue) — START ===== */
.page-시계위키: 대문 {
/* 페이지명이 다르면 .page-시계위키\:_대문 를 여러분 대문 이름으로 바꿔주세요. */
.page-시계위키\:_대문 {
   --ww-tiffany-100: #e6fbf8;
   --ww-tiffany-100: #e6fbf8;
   --ww-tiffany-200: #d4f7f3;
   --ww-tiffany-200: #d4f7f3;
12번째 줄: 13번째 줄:
}
}


.page-시계위키:_대문 .main-hero {
/* 배경(히어로) */
.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%);
}
}


.page-시계위키: 대문 .main-card {
/* 카드(본문 박스) */
.page-시계위키\:_대문 .main-card {
   max-width: 980px;
   max-width: 980px;
   margin: 0 auto;
   margin: 0 auto;
28번째 줄: 31번째 줄:
}
}


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


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


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


.page-시계위키: 대문 .main-card.is-glass {
/* (선택) 유리 느낌 — 카드 div에 class="main-card is-glass" 추가 시 적용 */
.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);
45번째 줄: 51번째 줄:
}
}


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