MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 3: / Line 3: @@
   */
-/* Staff Page CSS */
+/* Page wrapper */
+.vc-staff-page {
+  max-width: 1200px;
+  margin: 0 auto;
+}
+/* Two-column grid */
+.vc-staff-grid {
+  display: grid;
+  gap: 18px 28px;
+  margin: 14px 0 26px 0;
+}
-/* Grid Layout */
+.vc-staff-grid--2 {
-.staff-grid {
+  grid-template-columns: 1fr 1fr;
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 40px;
-    margin-top: 20px;
 }
-/* Columns */
+@media (max-width: 900px) {
-.staff-column h2 {
+  .vc-staff-grid--2 {
-     text-align: center;
+     grid-template-columns: 1fr;
-    margin-bottom: 20px;
+  }
 }
-/* Cards */
+/* Column blocks */
-.staff-card {
+.vc-staff-col {
-    display: flex;
+  min-width: 0;
-    align-items: center;
-    gap: 12px;
-    background: #111;
-    border: 1px solid #222;
-    padding: 10px;
-    border-radius: 8px;
-    transition: 0.2s ease;
 }
-.staff-card:hover {
+/* Card */
-    border-color: #33ff00;
+.vc-staff-card {
-    box-shadow: 0 0 8px #33ff00;
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  padding: 14px 16px;
+  border-radius: 10px;
+  background: linear-gradient(90deg, #0b0b0b 0%, #141414 60%, #0b0b0b 100%);
+  border: 1px solid #242424;
+  box-shadow: 0 8px 24px rgba(0,0,0,.25);
+  min-height: 92px;
 }
-.staff-avatar {
+.vc-staff-card:hover {
-    image-rendering: pixelated;
+  border-color: #33ff00;
-    border-radius: 6px;
+  box-shadow: 0 0 0 1px rgba(51,255,0,.35), 0 12px 28px rgba(0,0,0,.35);
 }
-/* Name */
+/* Avatar */
-.staff-name {
+.vc-staff-avatar {
-    font-weight: bold;
+  width: 64px;
-    color: #ff3b3b; /* default red */
+  height: 64px;
+  flex: 0 0 64px;
+  border-radius: 8px;
+  background: #fff;
+  display: grid;
+  place-items: center;
+  overflow: hidden;
 }
-/* Role text */
+.vc-avatar-img {
-.staff-role {
+  image-rendering: pixelated;
-    font-size: 0.85em;
-    color: #aaa;
 }
-/* Role Colors */
+/* Text */
-.staff-founder .staff-name { color: #ff0000; }
+.vc-staff-info { line-height: 1.15; }
-.staff-admin .staff-name { color: #ff5555; }
+.vc-staff-name a { text-decoration: none; font-weight: 700; }
-.staff-moderator .staff-name { color: #ff00ff; }
+.vc-staff-title { color: #cfcfcf; font-size: 12px; margin-top: 4px; }
-.staff-programmer .staff-name { color: #00ffff; }
-.staff-builder .staff-name { color: #ffaa00; }
+/* Role colors */
+.vc-role-founder .vc-staff-name a { color: #ff3b3b; }
+.vc-role-director .vc-staff-name a { color: #ff3b3b; }
+.vc-role-admin .vc-staff-name a { color: #ff4d4d; }
+.vc-role-moderator .vc-staff-name a { color: #c85cff; }
+.vc-role-programmer .vc-staff-name a { color: #00e5ff; }
+.vc-role-builder .vc-staff-name a { color: #ffb020; }
+/* Optional: tame wiki headings on this page */
+.vc-staff-page h2, .vc-staff-page h3, .vc-staff-page h4 {
+  border-bottom: 0 !important;
+  margin-bottom: 10px;
+}
 /* ===== VindexCraft Rules Styling (High-Color Sections) ===== */