diff options
| -rw-r--r-- | concerts.html | 6 | ||||
| -rw-r--r-- | stylesheets/concerts.css | 8 |
2 files changed, 8 insertions, 6 deletions
diff --git a/concerts.html b/concerts.html index 2982ff0..5c1eddc 100644 --- a/concerts.html +++ b/concerts.html @@ -2,8 +2,10 @@ <div id="event-list"> <h1>Prochains concerts</h1> <div class="events"> - <div class="eventcontainer"> - <a class="event canceled" href="#concert-2021-04-03"> + <!-- TODO: rename those classes; "eventcontainer" should be + "event", "event" should be "eventthumbnail". --> + <div class="eventcontainer canceled"> + <a class="event" href="#concert-2021-04-03"> <img src="images/concerts/dinard.jpg"> <p class="summary"> <span class="canceled">ANNULÉ</span> diff --git a/stylesheets/concerts.css b/stylesheets/concerts.css index c9cd240..8eadb06 100644 --- a/stylesheets/concerts.css +++ b/stylesheets/concerts.css @@ -64,16 +64,16 @@ a.event { font-size: small; } -.event.canceled { +.eventcontainer.canceled { opacity: 50%; transition: 0.5s; } -.event.canceled .summary .canceled { +.summary .canceled { display: block; color: red; } -.event.canceled:hover, -.eventcontainer.active .event.canceled { +.eventcontainer.canceled:hover, +.eventcontainer.canceled.active { opacity: 1; } |