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

편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
 
/* ===== WATCHWIKI MAIN PAGE — FLAT TIFFANY BLUE =====
/* ===== WATCHWIKI MAIN PAGE THEME (Tiffany Blue) =====
   기본 대문(대문), 프로젝트 네임스페이스형(시계위키: 대문), 영문(Main_Page) 모두 타깃 */
   아래 셀렉터는 한국어 기본 대문 '대문' 과
  프로젝트 네임스페이스형 '시계위키: 대문', 그리고 영문 'Main_Page' 를 모두 포함합니다.
  실제 대문이 다른 이름이라면 .page-XXXX 형태를 여기에 추가하세요.
*/
.page-대문,
.page-대문,
.page-시계위키\:_대문,
.page-시계위키\:_대문,
.page-Main_Page {
.page-Main_Page {
   --ww-tiffany-100: #e6fbf8;
  /* 팔레트: 그라디언트 없이 평면톤 */
   --ww-tiffany-200: #d4f7f3;
   --ww-bg:        #eafaf8;              /* 연한 티파니 블루 배경 */
   --ww-ink:         #0e3a37; /* 포인트 텍스트 */
  --ww-ink:       #0e3a37;             /* 포인트 텍스트 컬러(딥 틸) */
   --ww-line:      rgba(17,151,143,.14); /* 아주 옅은 틴티드 선/보더 */
  --ww-link:     #11978f;             /* 링크 */
   --ww-link-hov: #0d7c75;              /* 링크 호버 */
  --ww-shadow:    0 8px 24px rgba(0,0,0,.06); /* 뉴트럴 그림자(촌스럽지 않게) */
}
}


/* 배경(히어로) */
/* 배경(히어로): 단색만 사용 */
.page-대문 .main-hero,
.page-대문 .main-hero,
.page-시계위키\:_대문 .main-hero,
.page-시계위키\:_대문 .main-hero,
.page-Main_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-color: var(--ww-bg);  /* 단색! */
  border-top: 1px solid var(--ww-line);
  border-bottom: 1px solid var(--ww-line);
}
}


27번째 줄: 29번째 줄:
   max-width: 980px;
   max-width: 980px;
   margin: 0 auto;
   margin: 0 auto;
   background: #fff;
   background: #fff;                 /* 플랫 화이트 */
   border: 1px solid rgba(129,216,208,.35);
   border: 1px solid var(--ww-line); /* 옅은 민트 보더 */
   border-radius: 16px;
   border-radius: 14px;
   box-shadow: 0 10px 28px rgba(129,216,208,.18), 0 2px 6px rgba(0,0,0,.06);
   box-shadow: var(--ww-shadow);
   padding: 28px;
   padding: 28px;
   color: #20262d;
   color: #20262d;
}
}


/* 제목/링크 컬러 */
/* 제목/링크 컬러 - 절제된 포인트 */
.page-대문 .main-card h1,
.page-대문 .mai
.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 .mw-logo-icon,