|
|
| 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 (시계위키: 대문) 전용 스코프 ===== */
| | <!-- ===== Watchwiki MainPage Wrapper END ===== --> |
| .page-시계위키\:_대문 {
| |
| | |
| /* 연한 티파니 블루 팔레트 */
| |
| --tiffany-50: #f1fcfa;
| |
| --tiffany-100: #e6fbf8;
| |
| --tiffany-200: #d4f7f3;
| |
| --tiffany-300: #c0f0ea;
| |
| --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);
| |
| }
| |
