diff --git a/phpBB/adm/images/arrow_down.gif b/phpBB/adm/images/arrow_down.gif deleted file mode 100644 index b7fbf7e276..0000000000 Binary files a/phpBB/adm/images/arrow_down.gif and /dev/null differ diff --git a/phpBB/adm/images/arrow_left.gif b/phpBB/adm/images/arrow_left.gif deleted file mode 100644 index ac92cb4971..0000000000 Binary files a/phpBB/adm/images/arrow_left.gif and /dev/null differ diff --git a/phpBB/adm/images/arrow_right.gif b/phpBB/adm/images/arrow_right.gif deleted file mode 100644 index 3a080ffdfe..0000000000 Binary files a/phpBB/adm/images/arrow_right.gif and /dev/null differ diff --git a/phpBB/adm/style/admin.css b/phpBB/adm/style/admin.css index 9b4183f9ef..d4ccb09b38 100644 --- a/phpBB/adm/style/admin.css +++ b/phpBB/adm/style/admin.css @@ -607,25 +607,47 @@ li { #menu li#activemenu a span { font-weight: bold; text-decoration: none; - background: transparent url("../images/arrow_right.gif") 0% 50% no-repeat; color: #1180b7; } -.rtl #menu li#activemenu a span { - background: transparent url("../images/arrow_left.gif") 100% 50% no-repeat; -} #menu li#activemenu a:hover span, #menu li#activemenu span { font-weight: bold; text-decoration: none; - background: #ffffff url("../images/arrow_right.gif") 1% 50% no-repeat; color: #bc2a4d; } -.rtl #menu li#activemenu a:hover span, -.rtl #menu li#activemenu span { - background: #ffffff url("../images/arrow_left.gif") 99% 50% no-repeat; +#menu li#activemenu a span:before, +#menu li#activemenu a:hover span:before, +#menu li#activemenu span:before { + font-family: "Font Awesome 6 Free"; + color: #515f77; + margin-right: 3px; + margin-left: -10px; + content: "\f105"; +} + +#menu li#activemenu a:hover span:before, +#menu li#activemenu span:before { + margin-right: 1px; + margin-left: -8px; +} + +.rtl #menu li#activemenu a span:before, +.rtl #menu li#activemenu a:hover span:before, +.rtl #menu li#activemenu span:before { + font-family: "Font Awesome 6 Free"; + color: #515f77; + margin-right: -10px; + margin-left: 3px; + content: "\f104"; +} + +.rtl #menu li#activemenu a:hover span:before, +.rtl #menu li#activemenu span:before { + margin-right: -8px; + margin-left: 1px; } #menu li a:active, @@ -636,16 +658,30 @@ li { #menu li span.completed { text-decoration: none; - background: url("../images/arrow_down.gif") 1% 50% no-repeat; padding: 3px 3px 3px 12px; } +#menu li span.completed:before { + font-family: "Font Awesome 6 Free"; + color: #515f77; + margin-right: 1px; + margin-left: -8px; + content: "\f107"; +} + .rtl #menu li span.completed { text-decoration: none; - background: url("../images/arrow_down.gif") 99% 50% no-repeat; padding: 3px 12px 3px 3px; } +.rtl #menu li span.completed:before { + font-family: "Font Awesome 6 Free"; + color: #515f77; + margin-right: -8px; + margin-left: 1px; + content: "\f107"; +} + #menu .header { font-family: Tahoma, Helvetica, sans-serif; font-size: 0.75em;