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

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


.skin-vector-2022 .mw-logo-icon,
/* ===== WATCHWIKI MAIN PAGE THEME (Tiffany Blue) =====
.skin-vector-2022 .vector-sticky-header-logo { display: none !important; }
  아래 셀렉터는 한국어 기본 대문 '대문' 과
 
  프로젝트 네임스페이스형 '시계위키: 대문', 그리고 영문 'Main_Page' 를 모두 포함합니다.
.skin-vector-2022 .mw-logo-wordmark { margin-left: 0 !important; }
  실제 대문이 다른 이름이라면 .page-XXXX 형태를 여기에 추가하세요.
 
*/
/* ===== WATCHWIKI MAIN PAGE THEME (Tiffany Blue) — START ===== */
.page-대문,
/* 페이지명이 다르면 .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 { display:none; } */
.page-대문 #firstHeading,
/* ===== WATCHWIKI MAIN PAGE THEME — END ===== */
.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; }