Basculer la recherche
Basculer le menu
59
1,9 k
12
5,3 k
Nefald
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

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

De Nefald
Autres actions
Navigation interactive dans l’historique
← Modification précédente
Hiob (discussion | contributions)
owner
3 749 modifications
mAucun résumé des modifications
Balise : Révoqué
Hiob (discussion | contributions)
owner
3 749 modifications
revert
Balise : Révocation manuelle
 
(4 versions intermédiaires par le même utilisateur non affichées)
Ligne 24 : Ligne 24 :
     align-items: center;
     align-items: center;
     min-width: 180px;
     min-width: 180px;
    max-width: 300px;
     height: 60px;
     height: 60px;
     background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
     margin: 0 12px 12px 0;
     backdrop-filter: blur(10px);
    vertical-align: top;
}
 
/* Dans une grille, on retire les marges et on ajuste le display */
.minicard-grid .minicard {
    display: flex;
    margin: 0;
    min-width: 0;
     max-width: none;
    width: auto;
}
}


Ligne 32 : Ligne 42 :
     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 16px rgba(0, 0, 0, 0.3);
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}
}


/* Image de fond */
/* Background avec image */
.minicard-background {
.minicard-background {
     position: absolute;
     position: absolute;
     top: 0;
     top: 0;
     left: 0;
     left: 0;
     width: 100%;
     right: 0;
     height: 100%;
     bottom: 0;
    pointer-events: none;
    overflow: hidden;
     z-index: 0;
     z-index: 0;
}
}
Ligne 49 : Ligne 61 :
     height: 100%;
     height: 100%;
     object-fit: cover;
     object-fit: cover;
     opacity: 0.4;
     transition: transform 0.4s ease;
}
 
.minicard:hover .minicard-background img {
    transform: scale(1.1);
}
}


/* Overlay sombre */
.minicard-overlay {
.minicard-overlay {
     position: absolute;
     position: absolute;
     top: 0;
     top: 0;
     left: 0;
     left: 0;
     width: 100%;
     right: 0;
     height: 100%;
     bottom: 0;
     background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 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%
    );
    transition: opacity 0.3s ease;
    z-index: 0;
}
 
.minicard:hover .minicard-overlay {
    opacity: 0.6;
}
}


/* Conteneur de lien */
/* Liens internes */
.minicard-link {
.minicard > a:not(.minicard-link-external) {
     position: relative;
     position: relative;
     z-index: 1;
     z-index: 1;
    padding: 0 16px;
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
    padding: 0 16px;
}
/* Liens internes */
.minicard-link a:not(.external) {
     color: #ffffff !important;
     color: #ffffff !important;
     text-decoration: none !important;
     text-decoration: none !important;
Ligne 81 : Ligne 105 :
         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;
}
.minicard:hover > a:not(.minicard-link-external) {
    padding-left: 20px;
    text-shadow:
        -1px -1px 6px rgba(0, 0, 0, 0.9),
        1px 1px 6px rgba(0, 0, 0, 0.9),
        0 0 12px rgba(74, 158, 255, 0.5);
}
/* Liens externes */
.minicard-link-external {
    position: relative;
    z-index: 1;
    padding: 0 16px;
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
     display: flex;
     display: flex !important;
     align-items: center;
     align-items: center;
}
/* Liens externes */
.minicard-link a.external {
     color: #ffffff !important;
     color: #ffffff !important;
     text-decoration: none !important;
     text-decoration: none !important;
Ligne 95 : Ligne 130 :
         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);
    font-weight: 600;
    font-size: 0.95rem;
     transition: all 0.3s ease;
     transition: all 0.3s ease;
     width: 100%;
     cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
}
 
/* 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-external {
.minicard:hover .minicard-link a {
     padding-left: 20px;
     padding-left: 20px;
     text-shadow:  
     text-shadow:  
Ligne 114 : Ligne 142 :
         1px 1px 6px rgba(0, 0, 0, 0.9),
         1px 1px 6px rgba(0, 0, 0, 0.9),
         0 0 12px rgba(74, 158, 255, 0.5);
         0 0 12px rgba(74, 158, 255, 0.5);
}
/* Icône externe */
.minicard-external-icon {
    margin-left: 4px;
    font-size: 0.85rem;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}
.minicard:hover .minicard-external-icon {
    opacity: 1;
}
}


Ligne 121 : Ligne 161 :
     z-index: 1;
     z-index: 1;
     padding: 0 16px;
     padding: 0 16px;
    width: 100%;
     color: #ffffff;
    height: 100%;
    display: flex;
    align-items: center;
     color: #ffffff !important;
     text-shadow:  
     text-shadow:  
         -1px -1px 4px rgba(0, 0, 0, 0.8),
         -1px -1px 4px rgba(0, 0, 0, 0.8),
Ligne 132 : Ligne 168 :
}
}


/* Sans image */
/* Version sans image (fallback) */
.minicard.minicard--no-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 155 : Ligne 191 :
     }
     }
      
      
     .minicard-link {
     .minicard > a:not(.minicard-link-external),
    .minicard-link-external,
    .minicard-text {
         padding: 0 12px;
         padding: 0 12px;
    }
   
    .minicard-link-external {
        font-size: 0.85rem;
     }
     }
}
}
Ligne 167 : Ligne 209 :
     .minicard {
     .minicard {
         min-width: 0;
         min-width: 0;
        margin-right: 8px;
     }
     }
}
}
Récupérée de "https://wiki.nefald.fr/Modèle:MiniCard/styles.css"
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.