beta #4
@ -6,7 +6,6 @@
|
|||||||
|
|
||||||
.tooltip .tooltiptext {
|
.tooltip .tooltiptext {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
width: 120px;
|
|
||||||
background-color: var(--main-color);
|
background-color: var(--main-color);
|
||||||
color: var(--alt-color);
|
color: var(--alt-color);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -18,7 +17,7 @@
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
margin-left: -60px;
|
margin-left: -60px;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 0.3s;
|
transition: opacity 1s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tooltip .tooltiptext::after {
|
.tooltip .tooltiptext::after {
|
||||||
@ -35,4 +34,5 @@
|
|||||||
.tooltip:hover .tooltiptext {
|
.tooltip:hover .tooltiptext {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
@ -37,52 +37,52 @@
|
|||||||
<i class="button tooltip black fa-regular fa-calendar"
|
<i class="button tooltip black fa-regular fa-calendar"
|
||||||
title="Programme"
|
title="Programme"
|
||||||
alt="Programme">
|
alt="Programme">
|
||||||
<span class="tooltiptext">Programme</span>
|
<span class="tooltiptext thin">Programme</span>
|
||||||
</i>
|
</i>
|
||||||
<i class="button tooltip black fa-solid fa-map-location-dot"
|
<i class="button tooltip black fa-solid fa-map-location-dot"
|
||||||
title="Le Lieu"
|
title="Le Lieu"
|
||||||
alt="Le Lieu">
|
alt="Le Lieu">
|
||||||
<span class="tooltiptext">Le lieu</span>
|
<span class="tooltiptext thin">Le lieu</span>
|
||||||
</i>
|
</i>
|
||||||
<i class="button tooltip black fa-solid fa-burger"
|
<i class="button tooltip black fa-solid fa-burger"
|
||||||
title="Restauration"
|
title="Restauration"
|
||||||
alt="Restauration">
|
alt="Restauration">
|
||||||
<span class="tooltiptext">Restauration</span>
|
<span class="tooltiptext thin">Restauration</span>
|
||||||
</i>
|
</i>
|
||||||
<i class="button tooltip black fa-solid fa-shirt"
|
<i class="button tooltip black fa-solid fa-shirt"
|
||||||
title="T-shirt et goodies"
|
title="T-shirt et goodies"
|
||||||
alt="T-shirt et goodies">
|
alt="T-shirt et goodies">
|
||||||
<span class="tooltiptext">Goodies</span>
|
<span class="tooltiptext thin">Goodies</span>
|
||||||
</i>
|
</i>
|
||||||
<i class="button tooltip black fa-solid fa-guitar"
|
<i class="button tooltip black fa-solid fa-guitar"
|
||||||
title="Concerts et DJ sets"
|
title="Concerts et DJ sets"
|
||||||
alt="Concerts et DJ sets">
|
alt="Concerts et DJ sets">
|
||||||
<span class="tooltiptext">Concerts et DJ sets</span>
|
<span class="tooltiptext thin">Concerts et DJ sets</span>
|
||||||
</i>
|
</i>
|
||||||
<i class="button tooltip black fa-solid fa-screwdriver-wrench"
|
<i class="button tooltip black fa-solid fa-screwdriver-wrench"
|
||||||
title="Ateliers"
|
title="Ateliers"
|
||||||
alt="Ateliers">
|
alt="Ateliers">
|
||||||
<span class="tooltiptext">Ateliers</span>
|
<span class="tooltiptext thin">Ateliers</span>
|
||||||
</i>
|
</i>
|
||||||
<i class="button tooltip black fa-solid fa-film"
|
<i class="button tooltip black fa-solid fa-film"
|
||||||
title="Projections"
|
title="Projections"
|
||||||
alt="Projections">
|
alt="Projections">
|
||||||
<span class="tooltiptext">Projections</span>
|
<span class="tooltiptext thin">Projections</span>
|
||||||
</i>
|
</i>
|
||||||
<i class="button tooltip black fa-solid fa-users-line"
|
<i class="button tooltip black fa-solid fa-users-line"
|
||||||
title="Tables rondes"
|
title="Tables rondes"
|
||||||
alt="Tables rondes">
|
alt="Tables rondes">
|
||||||
<span class="tooltiptext">Tables rondes</span>
|
<span class="tooltiptext thin">Tables rondes</span>
|
||||||
</i>
|
</i>
|
||||||
<i class="button tooltip black fa-solid fa-palette"
|
<i class="button tooltip black fa-solid fa-palette"
|
||||||
title="Expositions"
|
title="Expositions"
|
||||||
alt="Expositions">
|
alt="Expositions">
|
||||||
<span class="tooltiptext">Expositions</span>
|
<span class="tooltiptext thin">Expositions</span>
|
||||||
</i>
|
</i>
|
||||||
<i class="button tooltip black fa-solid fa-person-chalkboard"
|
<i class="button tooltip black fa-solid fa-person-chalkboard"
|
||||||
title="Conférences"
|
title="Conférences"
|
||||||
alt="Conférences">
|
alt="Conférences">
|
||||||
<span class="tooltiptext">Conférences</span>
|
<span class="tooltiptext thin">Conférences</span>
|
||||||
</i>
|
</i>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
Loading…
Reference in New Issue
Block a user