« Modèle:MiniCard/styles.css » : différence entre les versions
De Nefald
Autres actions
m wrapper |
Aucun résumé des modifications |
||
| Ligne 54 : | Ligne 54 : | ||
pointer-events: none; | pointer-events: none; | ||
overflow: hidden; | overflow: hidden; | ||
z-index: 0; | |||
} | } | ||
| Ligne 81 : | Ligne 82 : | ||
); | ); | ||
transition: opacity 0.3s ease; | transition: opacity 0.3s ease; | ||
z-index: 0; | |||
} | } | ||
| Ligne 88 : | Ligne 90 : | ||
/* Liens internes */ | /* Liens internes */ | ||
.minicard > a { | .minicard > a:not(.minicard-link-external) { | ||
position: relative; | position: relative; | ||
z-index: 1; | z-index: 1; | ||
| Ligne 105 : | Ligne 107 : | ||
} | } | ||
.minicard:hover > a { | .minicard:hover > a:not(.minicard-link-external) { | ||
padding-left: 20px; | padding-left: 20px; | ||
text-shadow: | text-shadow: | ||
| Ligne 113 : | Ligne 115 : | ||
} | } | ||
/* Liens externes | /* Liens externes */ | ||
.minicard-link-external { | .minicard-link-external { | ||
position: relative; | position: relative; | ||
| Ligne 120 : | Ligne 122 : | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
display: flex; | display: flex !important; | ||
align-items: center; | align-items: center; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
| Ligne 134 : | Ligne 132 : | ||
font-weight: 600; | font-weight: 600; | ||
font-size: 0.95rem; | font-size: 0.95rem; | ||
transition: all 0.3s ease; | |||
cursor: pointer; | |||
} | } | ||
.minicard:hover .minicard-link-external { | .minicard:hover .minicard-link-external { | ||
padding-left: 20px; | padding-left: 20px; | ||
text-shadow: | text-shadow: | ||
-1px -1px 6px rgba(0, 0, 0, 0.9), | -1px -1px 6px rgba(0, 0, 0, 0.9), | ||
| Ligne 148 : | Ligne 145 : | ||
/* Icône externe */ | /* Icône externe */ | ||
.minicard- | .minicard-external-icon { | ||
margin-left: 4px; | margin-left: 4px; | ||
font-size: 0.85rem; | font-size: 0.85rem; | ||
| Ligne 156 : | Ligne 152 : | ||
} | } | ||
.minicard:hover .minicard- | .minicard:hover .minicard-external-icon { | ||
opacity: 1; | opacity: 1; | ||
} | |||
/* Texte sans lien */ | |||
.minicard-text { | |||
position: relative; | |||
z-index: 1; | |||
padding: 0 16px; | |||
color: #ffffff; | |||
text-shadow: | |||
-1px -1px 4px rgba(0, 0, 0, 0.8), | |||
1px 1px 4px rgba(0, 0, 0, 0.8), | |||
0 0 8px rgba(0, 0, 0, 0.6); | |||
} | } | ||
| Ligne 183 : | Ligne 191 : | ||
} | } | ||
.minicard > a, | .minicard > a:not(.minicard-link-external), | ||
.minicard-link-external { | .minicard-link-external, | ||
.minicard-text { | |||
padding: 0 12px; | padding: 0 12px; | ||
} | } | ||
.minicard-link-external | .minicard-link-external { | ||
font-size: 0.85rem; | font-size: 0.85rem; | ||
} | } | ||