diff --git a/epicyon-profile.css b/epicyon-profile.css index 106f75121..eabcdaa2e 100644 --- a/epicyon-profile.css +++ b/epicyon-profile.css @@ -435,7 +435,7 @@ blockquote p { font-family: var(--header-font); } -.imageAnchor:focus img{ +.imageAnchor img:focus { border: 2px solid var(--focus-color); } @@ -598,6 +598,10 @@ a:focus { width: 10%; } +.timelineIcon img:focus { + border: 2px solid var(--focus-color); +} + .timeline-posts { background-color: var(--timeline-posts-background-color); } @@ -716,7 +720,7 @@ a:focus { border: 2px solid var(--focus-color); } -.message:focus img{ +.message img:focus { border: 2px solid var(--focus-color); } @@ -759,6 +763,10 @@ a:focus { margin: 0px var(--containericons-horizontal-offset); } +.containericons img:focus { + border: 2px solid var(--focus-color); +} + .replyingto { color: var(--main-fg-color); } @@ -1410,6 +1418,9 @@ h3 { .col-left img.leftColEditImage:hover { filter: brightness(var(--icon-brightness-change)); } + .col-left img.leftColEditImage:focus { + border: 2px solid var(--focus-color); + } .col-left img.leftColEdit { background: var(--column-left-color); width: var(--column-left-icon-size); @@ -1457,6 +1468,9 @@ h3 { .col-right img.rightColEditImage:hover { filter: brightness(var(--icon-brightness-change)); } + .col-right img.rightColEditImage:focus { + border: 2px solid var(--focus-color); + } .col-right img.rightColEdit { float: right; background: transparent; @@ -2280,6 +2294,12 @@ h3 { width: 0%; display: none; } + .col-left img.leftColEditImage:hover { + filter: brightness(var(--icon-brightness-change)); + } + .col-left img.leftColEditImage:focus { + border: 2px solid var(--focus-color); + } .col-center { width: 100vw; } @@ -2292,6 +2312,12 @@ h3 { width: 0%; display: none; } + .col-right img.rightColEditImage:hover { + filter: brightness(var(--icon-brightness-change)); + } + .col-right img.rightColEditImage:focus { + border: 2px solid var(--focus-color); + } .column-right { display: none; width: 0%; @@ -3119,6 +3145,12 @@ h3 { width: 0%; display: none; } + .col-left img.leftColEditImage:hover { + filter: brightness(var(--icon-brightness-change)); + } + .col-left img.leftColEditImage:focus { + border: 2px solid var(--focus-color); + } .col-center { width: 100vw; } @@ -3131,6 +3163,12 @@ h3 { width: 0%; display: none; } + .col-right img.rightColEditImage:hover { + filter: brightness(var(--icon-brightness-change)); + } + .col-right img.rightColEditImage:focus { + border: 2px solid var(--focus-color); + } .column-right { display: none; width: 0%;