From e65183f0106c51834c3fd96f6a03a78953582147 Mon Sep 17 00:00:00 2001 From: Martial Simon Date: Tue, 4 Jul 2023 11:04:40 +0200 Subject: feat: template de dates --- dates.html | 16 ++++++++++++++++ style.css | 40 ++++++++++++++++++++++++++++++++++------ 2 files changed, 50 insertions(+), 6 deletions(-) diff --git a/dates.html b/dates.html index a17bf6b..4e5abf4 100644 --- a/dates.html +++ b/dates.html @@ -6,6 +6,22 @@ +
+
+

Rencontres musicales

+
+
+

--------
€€

+
+
+
+

Concert privé
St Martin Je Sais Plus Quoi

+
+
+

28-08-23
Entrée privée

+
+
+
Retour diff --git a/style.css b/style.css index 988566b..fbb1a1a 100644 --- a/style.css +++ b/style.css @@ -14,9 +14,10 @@ body.index{ } .content{ - /*margin-left: 10%; - margin-right: 10%;*/ + padding: 5px; margin: auto; + margin-left: 15%; + margin-right: 15%; border: 3px dotted #777777; border-radius: 8px; color: #ffffff; @@ -65,8 +66,8 @@ div.zikos:nth-child(even) .desc{ .zikos{ display: flex; flex-direction: row; - flex-wrap: nowrap; - justify-content: flex-start; + flex-wrap: wrap; + justify-content: space-evenly; margin-bottom: 10px; padding: 10px; border: 3px inset #888888; @@ -76,14 +77,41 @@ div.zikos:nth-child(even) .desc{ } .zikos img{ - max-height: 40vh; - border-radius: 3px; + height: 40vh; + border-radius: 40vh; } .desc{ max-width: 60vh; } +.date{ + display: flex; + flex-direction: row; + justify-content: space-between; + padding-left: 10px; + padding-right: 10px; + margin-bottom: 10px; + margin-left: 10%; + margin-right: 10%; + border: 3px inset #888888; + background-color: #00000099; + color: white; +} + +.date hr{ + transform: rotate(90deg); + width: 2em; + height: 0; + border: 1px solid white; +} + +.date div{ + display: flex; + flex-direction: row; + align-items: center; +} + .return{ margin: auto; border-width: 3px; -- cgit v1.2.3