From 46d3c239a7ad2b00e86373f2fd0e829fdcba57f7 Mon Sep 17 00:00:00 2001 From: polo Date: Sat, 1 Nov 2025 17:54:22 +0100 Subject: =?UTF-8?q?utilisation=20des=20ic=C3=B4nes=20SVG=20=20du=20d=C3=A9?= =?UTF-8?q?p=C3=B4t=20twbs/bootstrap-icons=20pour=20les=20r=C3=A9seaux=20s?= =?UTF-8?q?ociaux,=20am=C3=A9lioration=20du=20CSS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/head.css | 30 ++++++++++++++++++++++++++---- 1 file changed, 26 insertions(+), 4 deletions(-) (limited to 'public/css/head.css') diff --git a/public/css/head.css b/public/css/head.css index 1844f93..1b805fe 100644 --- a/public/css/head.css +++ b/public/css/head.css @@ -86,12 +86,34 @@ header a display: flex; gap: 4px; flex-wrap: wrap; + margin: 4px; } -#header_social_content a img +#header_social_content > div{ + margin: auto; + background-color: #ffffff7f; +} +#header_social_content a:hover +{ + background-color: yellow; +} +#header_social_content > div, #header_social_content a:hover +{ + border-radius: 10px; +} +#header_social_content a +{ + padding: 2px; + display: inline-flex; /* flex pour que la taille de élément dépende de ses enfants, inline pour que este inline */ + vertical-align: bottom; +} +#header_social_content a svg +{ + width: 24px; + height: 24px; +} +.svg_fill_red { - width: 28px; - background-color: #ffffffb3; - border-radius: 50%; + fill: #dd3333; } #header_social_content .action_icon { -- cgit v1.2.3