Autres actions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
Ligne 50 : | Ligne 50 : | ||
/* Responsive flex boxes */ | /* Responsive flex boxes */ | ||
.flex-container { | |||
display: flex; | |||
flex-wrap: wrap; | |||
font-size: 30px; | |||
text-align: center; | |||
} | |||
.flex-item { | |||
flex: 20%; | |||
} | |||
@media (max-width: 800px) { | |||
.flex-item { | |||
flex: 100%; | |||
} | |||
} |
Version du 1 avril 2025 à 21:52
/* Le CSS placé ici sera appliqué à tous les habillages. */ /* Infobulles*/ .tooltip{ position: relative; } .tooltiptext { position: absolute; display: block; z-index: 2; width: 250px; padding: 10px; visibility: hidden; opacity: 0; white-space: normal; text-align: left; transition: all 0.2s; border: 1px solid #aaa; background-color: var(--border-color-base); } .tooltip:hover>.tooltiptext { visibility: visible; opacity: 1; } /* Citations : casser les mots trop longs, les URL, etc.*/ .citation { word-wrap: break-word; } /* CSS Typing Text * * @author: Unknown * current version crafted together by [[User:Christharp]]. */ .typing{ margin: 10px 0 0 10px; width: 1000px; white-space:nowrap; overflow:hidden; animation: type 18s steps(100, end); } @keyframes type{ from { width: 0; } } /* Responsive flex boxes */ .flex-container { display: flex; flex-wrap: wrap; font-size: 30px; text-align: center; } .flex-item { flex: 20%; } @media (max-width: 800px) { .flex-item { flex: 100%; } }