Template:Stakeholder count widget/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 7: / Line 7: @@
 }
-/* Make each tile a fixed-width button */
+/* Make each tile look like a centered card */
-.stakeholder-count-widget-tile a {
+.stakeholder-count-widget-tile {
-     display: flex;
+     text-align: center;
-    flex-direction: column;
-    justify-content: space-between;
-    align-items: center;
-    width: 220px;
-    min-height: 120px;
      padding: 10px 0;
-    text-align: center;
-    border: 1.5px solid #000001;
-    border-radius: 2px;
-    background: transparent;
-    color: inherit;
-    text-decoration: none;
-    font-weight: 600;
-    font-size: 0.95em;
-    letter-spacing: 0.01em;
-    transition:
-        transform 0.15s ease,
-        border-color 0.15s ease,
-        background-color 0.2s ease;
-}
-/* Hover: grey fill, crisp border, slight lift */
-.stakeholder-count-widget-tile a:hover {
-    border-color: #000;
-    background-color: #f2f2f2;
-    transform: translateY(-1px);
-}
-/* Active: pressed look */
-.stakeholder-count-widget-tile a:active {
-    transform: translateY(0);
-}
-/* Title, count, and link text tweaks */
-.stakeholder-count-widget-tile .tile-title {
-    margin-bottom: 4px;
 }
+/* Count styling */
 .stakeholder-count-widget-tile .count {
+    display: block;
      font-size: 1.3em;
      font-weight: 700;
-     margin: 4px 0;
+     margin: 6px 0;
 }
-.stakeholder-count-widget-tile .see-link {
+/* "See ___" links */
-     font-size: 0.85em;
+.stakeholder-count-widget-tile a {
-    opacity: 0.7;
+     font-size: 0.9em;
-    margin-top: 4px;
 }