indymedia
/
epicyon
mirror of https://gitlab.com/bashrc2/epicyon
7
4
Fork 1
Code Issues 14 Releases Wiki Activity

Button focus colour

merge-requests/30/head
Bob Mottram 2024-05-20 15:23:09 +01:00
parent 893ba53b79
commit cd2be96140
1 changed files with 40 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
epicyon-profile.css
View File

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