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

← 이전 편집 다음 편집 →

@@ 1번째 줄: / 1번째 줄: @@
-<!-- ===== Watchwiki MainPage Wrapper START ===== -->
+/* ===== WATCHWIKI MAIN PAGE THEME (Tiffany Blue) — START ===== */
-<div class="main-hero">
+/* 페이지명이 다르면 .page-시계위키\:_대문 를 여러분 대문 이름으로 바꿔주세요. */
-   <div class="main-card">
+.page-시계위키\:_대문 {
-    <h1>시계위키에 오신 것을 환영합니다</h1>
+  --ww-tiffany-100: #e6fbf8;
-    <p>여기에 대문 본문을 입력하세요.</p>
+  --ww-tiffany-200: #d4f7f3;
-   </div>
+  --ww-ink:         #0e3a37;   /* 포인트 텍스트 색 */
-</div>
+}
-<!-- ===== Watchwiki MainPage Wrapper END ===== -->
+/* 배경(히어로) */
+.page-시계위키\:_대문 .main-hero {
+  padding: 56px 16px;
+  background: linear-gradient(180deg, var(--ww-tiffany-100) 0%, var(--ww-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(--ww-ink); }
+.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; }
+}
+/* (선택) 유리 느낌 — 카드 div에 class="main-card is-glass" 추가 시 적용 */
+.page-시계위키\:_대문 .main-card.is-glass {
+  background: rgba(255,255,255,.88);
+  backdrop-filter: blur(8px);
+   -webkit-backdrop-filter: blur(8px);
+}
+/* (선택) 대문 상단 큰 제목 숨기기 — 필요 시 주석 해제 */
+/* .page-시계위키\:_대문 #firstHeading { display:none; } */
+/* ===== WATCHWIKI MAIN PAGE THEME — END ===== */