시계위키: 대문: 두 판 사이의 차이

편집 요약 없음
Murph38 (토론)의 120 판 편집을 되돌림
태그: 편집 취소
 
(같은 사용자의 중간 판 21개는 보이지 않습니다)
1번째 줄: 1번째 줄:
<!-- ===== Watchwiki MainPage Wrapper START ===== -->
<div class="main-hero">
<div class="main-hero">
   <div class="main-card">
   <div class="main-card">
     <h1>시계위키에 오신 것을 환영합니다</h1>
     <h1>시계위키에 오신 것을 환영합니다!</h1>
     <p>…본문…</p>
     <p>대문 본문입니다. 이 위키는 현재 관리자만 편집이 가능합니다. 추후 오픈위키로 변경될 예정입니다.</p>
   </div>
   </div>
</div>
</div>


/* ===== Main page (시계위키: 대문) 전용 스코프 ===== */
<div class="portal-toolbar-wrap">
.page-시계위키\:_대문 {
   <div class="portal-toolbar">
 
    <span class="tab">[[시계위키:연습장]]</span>
  /* 연한 티파니 블루 팔레트 */
    <span class="tab">[[손목시계의 역사]]</span>
  --tiffany-50:  #f1fcfa;
    <span class="tab">[[무브먼트]]</span>
   --tiffany-100: #e6fbf8;
    <span class="tab">[[분류:공지]]</span>
  --tiffany-200: #d4f7f3;
   </div>
  --tiffany-300: #c0f0ea;
</div>
  --tiffany-400: #a9e7df;
  --tiffany-500: #81d8d0; /* 기준색(참고) */
  --ink-deep:  #0e3a37;  /* 본문/제목 포인트용 딥 틸 */
 
  /* 배경(히어로) */
  /* 아주 옅은 그라데이션으로 깨끗한 민트-블루 느낌 */
  /* 필요 시 아래 두 줄 중 하나만 남겨도 됩니다 */
}
.page-시계위키\:_대문 .main-hero {
  padding: 56px 16px;
  background: linear-gradient(180deg, var(--tiffany-100) 0%, var(--tiffany-200) 100%);
}
 
/* 카드(본문 박스) */
.page-시계위키\:_대문 .main-card {
  max-width: 980px;
  margin: 0 auto;
  background: #fff;                                /* 라이트 카드 */
  border: 1px solid rgba(129, 216, 208, .35);      /* 티파니 블루 톤 보더 */
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(129, 216, 208, .18),
              0 2px 6px rgba(0,0,0,.06);          /* 옅은 민트 섀도 */
  padding: 28px;
  color: #20262d;
}
 
/* 제목/링크 포인트 컬러 */
.page-시계위키\:_대문 .main-card h1,
.page-시계위키\:_대문 .main-card h2 {
  color: var(--ink-deep);
}
.page-시계위키\:_대문 .main-card a {
  color: #11978f;
}
.page-시계위키\:_대문 .main-card a:hover {
   color: #0d7c75;
}
 
/* 모바일 튜닝 */
@media (max-width: 720px) {
  .page-시계위키\:_대문 .main-hero { padding: 36px 12px; }
  .page-시계위키\:_대문 .main-card { padding: 20px; border-radius: 12px; }
}
 
/* (선택) 유리(글래스) 카드 버전 — 상단 카드만 살짝 투명+블러 */
.page-시계위키\:_대문 .main-card.is-glass {
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}