« Modèle:MiniCard/styles.css » : différence entre les versions

Navigation interactive dans l’historique

← Modification précédente Modification suivante →

@@ Ligne 24 : / Ligne 24 : @@
      align-items: center;
      min-width: 180px;
-    max-width: 300px;
      height: 60px;
-     margin: 0 12px 12px 0;
+     background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
-     vertical-align: top;
+     backdrop-filter: blur(10px);
 }
-.minicard-grid .minicard {
-    display: flex;
-    margin: 0;
-    min-width: 0;
-    max-width: none;
-    width: auto;
-}
-/* État hover */
 .minicard:hover {
      border-color: rgba(74, 158, 255, 0.4);
      transform: translateY(-2px);
-     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
+     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
-}
-/* Liens externes : curseur pointer */
-.minicard[data-external="1"] {
-    cursor: pointer;
 }
-/* Background avec image */
+/* Image de fond */
 .minicard-background {
      position: absolute;
      top: 0;
      left: 0;
-     right: 0;
+     width: 100%;
-     bottom: 0;
+     height: 100%;
-    pointer-events: none;
-    overflow: hidden;
      z-index: 0;
 }
@@ Ligne 66 : / Ligne 49 : @@
      height: 100%;
      object-fit: cover;
-     transition: transform 0.4s ease;
+     opacity: 0.4;
 }
-.minicard:hover .minicard-background img {
-    transform: scale(1.1);
-}
-/* Overlay sombre */
 .minicard-overlay {
      position: absolute;
      top: 0;
      left: 0;
-     right: 0;
+     width: 100%;
-     bottom: 0;
+     height: 100%;
-     background: linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.7) 100%);
+     background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 100%);
-    transition: opacity 0.3s ease;
-    z-index: 0;
 }
-.minicard:hover .minicard-overlay {
+/* Conteneur de lien */
-    opacity: 0.6;
+.minicard-link {
-}
-/* Liens internes (wikilinks) */
-.minicard > a:not(.minicard-link-external) {
      position: relative;
      z-index: 1;
-    padding: 0 16px;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
+    padding: 0 16px;
+}
+/* Liens internes */
+.minicard-link a:not(.external) {
      color: #ffffff !important;
      text-decoration: none !important;
@@ Ligne 105 : / Ligne 81 : @@
 0 8px rgba(0, 0, 0, 0.6);
      transition: all 0.3s ease;
-}
-.minicard:hover > a:not(.minicard-link-external) {
-    padding-left: 20px;
-}
-/* Texte des liens externes */
-.minicard-external-text {
-    position: relative;
-    z-index: 1;
-    padding: 0 16px;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
+}
+/* Liens externes */
+.minicard-link a.external {
      color: #ffffff !important;
      text-decoration: none !important;
@@ Ligne 127 : / Ligne 96 : @@
 0 8px rgba(0, 0, 0, 0.6);
      transition: all 0.3s ease;
-     pointer-events: none;
+     width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
 }
-.minicard:hover .minicard-external-text {
+/* Masquer l'icône de lien externe par défaut de MediaWiki */
+.minicard-link a.external::after {
+    display: none !important;
+}
+/* Hover sur tous les liens */
+.minicard:hover .minicard-link a {
      padding-left: 20px;
+    text-shadow:
+        -1px -1px 6px rgba(0, 0, 0, 0.9),
+px 1px 6px rgba(0, 0, 0, 0.9),
+0 12px rgba(74, 158, 255, 0.5);
 }
@@ Ligne 139 : / Ligne 121 : @@
      z-index: 1;
      padding: 0 16px;
-     color: #ffffff;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+     color: #ffffff !important;
      text-shadow:
          -1px -1px 4px rgba(0, 0, 0, 0.8),
@@ Ligne 146 : / Ligne 132 : @@
 }
-/* Version sans image (fallback) */
+/* Sans image */
 .minicard.minicard--no-image {
-     background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.02) 100%);
+     background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
 }
@@ Ligne 169 : / Ligne 155 : @@
      }
-     .minicard > a:not(.minicard-link-external),
+     .minicard-link {
-    .minicard-external-text,
-    .minicard-text {
          padding: 0 12px;
      }
@@ Ligne 183 : / Ligne 167 : @@
      .minicard {
          min-width: 0;
-        margin-right: 8px;
      }
 }