From df3612ed7e6691530503f79483d2fdbc032d01b8 Mon Sep 17 00:00:00 2001 From: polo-pc-greta Date: Thu, 27 Mar 2025 10:13:03 +0100 Subject: mise en ligne github --- public/css/head.css | 59 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 59 insertions(+) create mode 100644 public/css/head.css (limited to 'public/css/head.css') diff --git a/public/css/head.css b/public/css/head.css new file mode 100644 index 0000000..b8d4c93 --- /dev/null +++ b/public/css/head.css @@ -0,0 +1,59 @@ +header +{ + text-align: center; + /*padding-top: 5px;*/ + /*padding-bottom: 10px;*/ + background-image: url('../assets/fond-piscine.jpg'); + background-size: cover; /* largeur du bloc_page */ +} +header > div +{ + /*margin: auto;*/ + /*max-width: 1200px;*/ + display: flex; + /*align-items: center;*/ /* conflit possible avec .social align-self */ + justify-content: space-around; +} +.header-content +{ + padding: 20px 0; +} +.site_title +{ + background-color: #ffffff7f; + border-radius: 10px; +} +header h1 +{ + font-size: x-large; + margin: 10px; +} +header h2 +{ + font-size: medium; /* défaut = x-large */ + margin: 10px; +} +header img +{ + vertical-align: bottom; /* supprime espace sous l'image */ +} +header a +{ + color: unset; /* ne plus hériter */ + text-decoration: none; +} +.social +{ + align-self: end; +} +.social img +{ + width: 25px; + background-color: #ffffffb3; + border-radius: 10px; +} + +.social img:hover +{ + background-color: #ffff00; +} -- cgit v1.2.3