rainbownapkin/canopy
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Finished up with css-only flair implementation.

Browse source
This commit is contained in:
rainbownapkin 2024-11-21 08:42:21 -05:00
parent 5b5f495853
commit 9dbbc4e924
13 changed files with 231 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

1
www/css/channel.css
View file

@ -202,6 +202,7 @@ input#chat-panel-prompt{
.user-entry{
margin: 0.2em;
font-size: 1em;
width: fit-content;
}
#media-panel-aspect-lock-icon{

16
www/css/flair.css Normal file
View file

@ -0,0 +1,16 @@
.flair-gold, .flair-black-gold, .flair-lightning{
background-image: url('/img/flair/gold.gif');
border-radius: 0.3em;
box-shadow: 0.1em 0.1em 3px #fff4b6 inset, -0.1em 0.1em 3px #fff4b6 inset, 0.1em -0.1em 3px #fff4b6 inset, -0.1em -0.1em 3px #fff4b6 inset;
color: rgb(121, 106, 23);
text-shadow: 1px 1px 1px #fff4b6, -1px 1px 1px #fff4b6, 1px -1px 1px #fff4b6, -1px -1px 1px #fff4b6;
padding: 0.1em 0.4em;
}
.flair-black-gold{
filter: invert(1) grayscale(0.9);
}
.flair-lightning{
filter: invert(1) grayscale(0.5);
}