MediaWiki:Common.css: Difference between revisions

Revision as of 08:07, 12 November 2025

/* ===== Main Page Styling ===== */
.mainpage-hero {
  text-align: center;
  margin: 10px auto 24px;
}
.mainpage-title {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: .3px;
  margin-top: 8px;
}
.mainpage-sub {
  opacity: .8;
  margin-top: 4px;
}

.mainpage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  max-width: 1100px;
  margin: 24px auto;
  padding: 0 12px;
}
@media (max-width: 1000px) {
  .mainpage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .mainpage-grid { grid-template-columns: 1fr; }
}

.mainpage-card {
  background: rgba(255,214,90,.06);
  border: 1px solid rgba(255,214,90,.18);
  border-radius: 14px;
  padding: 16px 18px;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}
.mainpage-card:hover {
  background: rgba(255,214,90,.12);
  border-color: rgba(255,214,90,.35);
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
  transform: translateY(-2px);
}

.mainpage-card-title {
  font-weight: 700;
  margin-bottom: 6px;
  color: #ffd65a;
}
.mainpage-card-title a {
  text-decoration: none !important;
  color: #ffd65a !important;
  display: inline-block;
}
.mainpage-card-title a:hover {
  text-shadow: 0 0 6px rgba(255, 214, 90, 0.8);
}

.mainpage-card-desc {
  opacity: .85;
  line-height: 1.45;
}

.mainpage-updates {
  max-width: 900px;
  margin: 28px auto 10px;
  padding: 0 12px;
}

/* Hide "Powered by MediaWiki" */
.citizen-footer__poweredby {
  display: none !important;
}

@@ Line 1: / Line 1: @@
-/* ==========================================
+/* ===== Main Page Styling ===== */
-   ConquestPS — Parchment Overlay Main Page
+.mainpage-hero {
-   ========================================== */
-/* Beach background stays */
-body.page-Main_Page {
-  background: url('/resources/assets/conquest-beach-bg.png') center top / cover no-repeat fixed;
-  color: #2a220f; /* default text color for parchment areas */
-}
-/* Dim overlay to keep text readable */
-body.page-Main_Page::before {
-  content: "";
-  position: fixed;
-  inset: 0;
-  background: rgba(0,0,0,0.35);
-  z-index: -1;
-}
-/* Main parchment container */
-.parchment-wrap {
-  --parch-gold: #e9c76a;
-  --parch-gold-deep: #d7ad3a;
-  --parch-ink: #2a220f;
-  --parch-edge: rgba(0,0,0,0.25);
-  max-width: 1100px;
-  margin: 24px auto 80px;
-  padding: 28px 22px;
-  color: var(--parch-ink);
-  /* Texture stack (each layer is optional) */
-  background:
-    radial-gradient(120% 120% at 10% 0%, rgba(255,255,255,0.07), rgba(0,0,0,0) 50%),
-    radial-gradient(100% 100% at 90% 10%, rgba(255,255,255,0.05), rgba(0,0,0,0) 60%),
-    linear-gradient(180deg, #f6e2b8 0%, #efd7a4 30%, #e7cc8f 60%, #e2c481 100%),
-    url('/resources/assets/parchment-texture.jpg'),
-    url('/resources/assets/paper-noise.png');
-  background-blend-mode: overlay, overlay, normal, multiply, overlay;
-  background-size: cover, cover, cover, cover, 512px 512px;
-  border-radius: 18px;
-  border: 1px solid rgba(0,0,0,0.18);
-  box-shadow:
-18px 40px rgba(0,0,0,0.45),
-    inset 0 0 40px rgba(255,255,255,0.15),
-    inset 0 -8px 24px rgba(0,0,0,0.08);
-}
-/* Inner container for layout */
-.parchment-inner {
-  max-width: 1000px;
-  margin: 0 auto;
    text-align: center;
+  margin: 10px auto 24px;
 }
+.mainpage-title {
-/* Hero */
+   font-size: 28px;
-.parch-hero {
+   font-weight: 800;
-  padding: 14px 12px 8px;
-}
-.parch-hero img {
-  width: 150px;
-  filter: drop-shadow(0 6px 10px rgba(0,0,0,0.35));
-  margin-bottom: 8px;
-}
-.parch-title {
-   font-size: 34px;
-   font-weight: 900;
-  color: var(--parch-gold-deep);
-  text-shadow:
-2px 0 #f6e7b8,
-2px 10px rgba(0,0,0,0.15);
    letter-spacing: .3px;
+  margin-top: 8px;
 }
+.mainpage-sub {
-.parch-sub {
+   opacity: .8;
-  margin-top: 6px;
+   margin-top: 4px;
-   opacity: .85;
-  font-size: 16px;
-}
-/* Decorative divider */
-.parch-divider {
-  height: 10px;
-   margin: 18px auto 8px;
-  background:
-    radial-gradient(circle at 50% 130%, rgba(0,0,0,0.18), rgba(0,0,0,0) 60%),
-    linear-gradient(180deg, rgba(255,255,255,0.3), rgba(0,0,0,0.08)),
-    linear-gradient(90deg, transparent, rgba(0,0,0,0.25), transparent);
-  border-radius: 100px;
 }
-/* Grid for cards */
+.mainpage-grid {
-.parch-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
-   margin: 14px 0 8px;
+  max-width: 1100px;
+   margin: 24px auto;
+  padding: 0 12px;
 }
+@media (max-width: 1000px) {
-@media (max-width: 1000px) { .parch-grid { grid-template-columns: repeat(2, 1fr); } }
+  .mainpage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-@media (max-width: 560px)  { .parch-grid { grid-template-columns: 1fr; } }
+}
+@media (max-width: 560px) {
-/* Card links */
+  .mainpage-grid { grid-template-columns: 1fr; }
-.parch-card-link {
-  display: block;
-  text-decoration: none !important;
-  color: inherit !important;
 }
-/* Parchment cards */
+.mainpage-card {
-.parch-card {
+   background: rgba(255,214,90,.06);
-   background:
+   border: 1px solid rgba(255,214,90,.18);
-    linear-gradient(180deg, rgba(255,255,255,0.25), rgba(255,255,255,0.05)),
-    linear-gradient(180deg, #f3e0b1 0%, #ecd29a 100%);
-  background-blend-mode: overlay, normal;
-   border: 1px solid rgba(78,60,22,0.25);
    border-radius: 14px;
-   padding: 16px 16px 14px;
+   padding: 16px 18px;
-  box-shadow:
+   transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
-6px 16px rgba(0,0,0,0.22),
-    inset 0 1px 0 rgba(255,255,255,0.35);
-   transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
 }
+.mainpage-card:hover {
-.parch-card:hover {
+   background: rgba(255,214,90,.12);
-   transform: translateY(-3px);
+   border-color: rgba(255,214,90,.35);
-   border-color: rgba(78,60,22,0.38);
+   box-shadow: 0 6px 18px rgba(0,0,0,.35);
-   box-shadow:
+  transform: translateY(-2px);
-10px 24px rgba(0,0,0,0.32),
-    inset 0 1px 0 rgba(255,255,255,0.5);
 }
-/* Card text */
+.mainpage-card-title {
-.parch-card-title {
+   font-weight: 700;
-   font-weight: 800;
-  color: #c8921c;              /* golden header */
-  text-shadow: 0 1px 0 #fff3cc;
    margin-bottom: 6px;
-   font-size: 16px;
+   color: #ffd65a;
+}
+.mainpage-card-title a {
+  text-decoration: none !important;
+  color: #ffd65a !important;
+  display: inline-block;
+}
+.mainpage-card-title a:hover {
+  text-shadow: 0 0 6px rgba(255, 214, 90, 0.8);
 }
-.parch-card-desc {
+.mainpage-card-desc {
-   color: #463a1e;
+   opacity: .85;
    line-height: 1.45;
-  font-size: 14px;
-  opacity: .95;
 }
-/* Updates panel (scroll-style) */
+.mainpage-updates {
-.parch-updates {
+   max-width: 900px;
-   margin-top: 20px;
+   margin: 28px auto 10px;
-   text-align: left;
+   padding: 0 12px;
-  background:
-    linear-gradient(180deg, rgba(255,255,255,0.25), rgba(0,0,0,0.06)),
-    #efdcad;
-  border: 1px solid rgba(78,60,22,0.25);
-  border-radius: 12px;
-   padding: 14px 16px;
-  box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 4px 12px rgba(0,0,0,0.18);
 }
-.parch-updates h3 {
+/* Hide "Powered by MediaWiki" */
-   margin: 0 0 6px;
+.citizen-footer__poweredby {
-  color: #b37a12;
+   display: none !important;
-  font-size: 17px;
-  font-weight: 800;
 }
-/* Hide "Powered by MediaWiki" */
-.citizen-footer__poweredby { display: none !important; }