« Modèle:MiniCard/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
mAucun résumé des modifications Balise : Révoqué |
||
| Ligne 30 : | Ligne 30 : | ||
} | } | ||
.minicard-grid .minicard { | .minicard-grid .minicard { | ||
display: flex; | display: flex; | ||
| Ligne 39 : | Ligne 38 : | ||
} | } | ||
/* État hover */ | |||
.minicard:hover { | .minicard:hover { | ||
border-color: rgba(74, 158, 255, 0.4); | border-color: rgba(74, 158, 255, 0.4); | ||
transform: translateY(-2px); | transform: translateY(-2px); | ||
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4); | box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4); | ||
} | |||
/* Liens externes : curseur pointer */ | |||
.minicard[data-external="1"] { | |||
cursor: pointer; | |||
} | } | ||
| Ligne 75 : | Ligne 80 : | ||
right: 0; | right: 0; | ||
bottom: 0; | bottom: 0; | ||
background: linear-gradient( | 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%); | ||
transition: opacity 0.3s ease; | transition: opacity 0.3s ease; | ||
z-index: 0; | z-index: 0; | ||
| Ligne 89 : | Ligne 89 : | ||
} | } | ||
/* Liens internes */ | /* Liens internes (wikilinks) */ | ||
.minicard > a:not(.minicard-link-external) { | .minicard > a:not(.minicard-link-external) { | ||
position: relative; | position: relative; | ||
| Ligne 109 : | Ligne 109 : | ||
.minicard:hover > a:not(.minicard-link-external) { | .minicard:hover > a:not(.minicard-link-external) { | ||
padding-left: 20px; | padding-left: 20px; | ||
} | } | ||
/* | /* Texte des liens externes */ | ||
.minicard- | .minicard-external-text { | ||
position: relative; | position: relative; | ||
z-index: 1; | z-index: 1; | ||
| Ligne 122 : | Ligne 118 : | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
display: flex | display: flex; | ||
align-items: center; | align-items: center; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
| Ligne 130 : | Ligne 126 : | ||
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); | 0 0 8px rgba(0, 0, 0, 0.6); | ||
transition: all 0.3s ease; | transition: all 0.3s ease; | ||
pointer-events: none; | |||
} | } | ||
.minicard:hover .minicard- | .minicard:hover .minicard-external-text { | ||
padding-left: 20px; | padding-left: 20px; | ||
} | } | ||
| Ligne 192 : | Ligne 170 : | ||
.minicard > a:not(.minicard-link-external), | .minicard > a:not(.minicard-link-external), | ||
.minicard- | .minicard-external-text, | ||
.minicard-text { | .minicard-text { | ||
padding: 0 12px; | padding: 0 12px; | ||
} | } | ||
} | } | ||