From daf4df359e104b311600db932150b1f7cef47844 Mon Sep 17 00:00:00 2001 From: Antoine Le Gonidec Date: Wed, 24 Jul 2024 15:00:16 +0200 Subject: [PATCH] Replace hexagons with circles --- css/index.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/css/index.css b/css/index.css index ce2d176..f4b5f4f 100644 --- a/css/index.css +++ b/css/index.css @@ -522,7 +522,7 @@ a img { vertical-align: middle; margin: 0 5px 0 5px; transition: background-color 0.25s; - clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%); + clip-path: circle(50%); } .toggle_down::before { background-position: 0 -17px; @@ -816,7 +816,7 @@ img.sort, .sort { padding: 3px 6px 0px 6px; color: var(--neutral-light-color); background: var(--color1); - clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%); + clip-path: circle(50%); } .dropmenu li .active .amt, #top_info li .active .amt { @@ -4426,7 +4426,7 @@ h2.profile_hd::before, padding: 3px 6px 0px 6px; background: var(--color5); color: var(--neutral-light-color); - clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%); + clip-path: circle(50%); position: absolute; top: 0; right: 0; @@ -4687,7 +4687,7 @@ img.theme_thumbnail { width: 2em; } .khbb_nav ul li:hover img { - clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%); + clip-path: circle(50%); background-color: var(--neutral-light-color); } .khbb_nav ul li a:hover .khbb_subtitlemenu, .khbb_nav ul li a:focus .khbb_subtitlemenu { @@ -4822,7 +4822,7 @@ img.theme_thumbnail { vertical-align: middle; margin: 0 5px 0 5px; transition: background-color 0.25s; - clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%); + clip-path: circle(50%); } /* Divers KH */