MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 97: / Line 97: @@
 .hover-table img:hover {
      transform: scale(1.1);
-}
-/* Style for collapsed sections */
-/* Ensure no unwanted spacing on the first accordion */
-.accordion-section:first-child {
-    margin-top: 0 !important;
-}
-.accordion-section {
-    margin: 0;
-    padding: 0;
-}
-/* Header styling (collapsed by default) */
-.accordion-header {
-    background-color: #222; /* Dark background */
-    color: #ccc; /* Lighter text */
-    font-weight: normal;
-    padding: 15px;
-    border: 1px solid #444;
-    cursor: pointer;
-    display: block;
-    width: 100%;
-    box-sizing: border-box;
-    margin-bottom: 0;
-}
-/* Header when expanded */
-.accordion-section.expanded .accordion-header {
-    background-color: #333; /* Slightly lighter dark */
-    color: #fff; /* White text */
-    font-weight: bold;
-    border: 1px solid #00cc00;
-}
-/* Content styling */
-.accordion-content {
-    border: 1px solid #444;
-    padding: 10px;
-    background-color: #111; /* Dark background */
-    color: #ddd; /* Lighter text */
-    width: 100%;
-    box-sizing: border-box;
-    margin-top: 0;
-}
-/* Ensure no extra spacing between sections */
-.accordion-section + .accordion-section {
-    margin-top: 5px;
 }
@@ Line 160: / Line 111: @@
    .hover-table tr {
      display: block;
+  }
+}
+/* Uniform icon sizing and hover fix */
+.icon-wrapper {
+    width: 100px;
+    height: 100px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+    transition: transform 0.2s ease-in-out;
+}
+.icon-wrapper img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+/* Hover effect on the wrapper */
+.icon-wrapper:hover {
+    transform: scale(1.1);
+}
+.hover-table td span {
+    white-space: nowrap;
+    display: inline-block;
+    max-width: 100%;
+    font-size: 15px; /* or scale down just a bit */
+}
+/* Hide template spacer on mobile */
+@media screen and (max-width: 768px) {
+  .desktop-only-spacer {
+    display: none !important;
    }
 }