quatuorbellefeuille.com

commit 021ce5381e6b14ec01f1f218774370ab99dd786c
parent 9ed5b1f73490c67aa2ee5cbc6e99abfdaf3ac832
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Sun, 14 Mar 2021 12:30:31 +0100

Apply opacity tweak to whole event container, including copyright

Diffstat:
M
concerts.html
 | 
6
++++--
M
stylesheets/concerts.css
 | 
8
++++----

2 files changed, 8 insertions(+), 6 deletions(-)
diff --git 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
@@ -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;
 }