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

2025년 9월 4일 (목) 17:48 판

/* ===== WATCHWIKI MAIN PAGE — FLAT TIFFANY BLUE =====
   기본 대문(대문), 프로젝트 네임스페이스형(시계위키: 대문), 영문(Main_Page) 모두 타깃 */
.page-대문,
.page-시계위키\:_대문,
.page-Main_Page {
  /* 팔레트: 그라디언트 없이 평면톤 */
  --ww-bg:        #eafaf8;              /* 연한 티파니 블루 배경 */
  --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_Page .main-hero {
  padding: 56px 16px;
  background-color: var(--ww-bg);   /* 단색! */
  border-top: 1px solid var(--ww-line);
  border-bottom: 1px solid var(--ww-line);
}

/* Vector 2022: 로고 아이콘 숨기고(작은 로고), 워드마크/텍스트만 표시 */
.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; }

/* 카드(본문 박스) */
.page-대문 .main-card,
.page-시계위키\:_대문 .main-card,
.page-Main_Page .main-card {
  max-width: 980px;
  margin: 0 auto;
  background: #fff;                 /* 플랫 화이트 */
  border: 1px solid var(--ww-line); /* 옅은 민트 보더 */
  border-radius: 14px;
  box-shadow: var(--ww-shadow);
  padding: 28px;
  color: #20262d;
}

/* 제목/링크 컬러 - 절제된 포인트 */
.page-대문 .mai

/* ===== 메인/공용 버튼 스타일 ===== */
.portal-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 16px 0 24px;
}

.portal-buttons .btn {
  display: inline-block;
  padding: 0.6em 1.0em;
  font-weight: 600;
  border-radius: 10px;
  border: 1px solid #a2a9b1;
  text-decoration: none;
  line-height: 1.2;
  background: #f8f9fa;       /* 기본(세컨더리) */
  color: #202122;
}

.portal-buttons .btn:hover {
  background: #eaecf0;
  border-color: #72777d;
}

/* 강조(프라이머리) 버튼 */
.portal-buttons .btn.primary {
  background: #36c;  /* 미디어위키 기본 파란색 계열 */
  color: #fff;
  border-color: #36c;
}

.portal-buttons .btn.primary:hover {
  filter: brightness(0.95);
}

/* 모바일에서 꽉 차게 보이도록(선택) */
@media (max-width: 720px) {
  .portal-buttons {
    gap: 8px;
  }
  .portal-buttons .btn {
    flex: 1 1 auto;
    text-align: center;
  }
}