michael/pyfedi
1
0
Fork 0
mirror of https://codeberg.org/rimu/pyfedi synced 2025-01-24 03:43:42 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

adding shadow effect to the button groups and navbar

Browse source
This commit is contained in:
Alan Roberts 2024-09-02 16:57:15 -04:00
parent 51320dab91
commit 8c839963a6
1 changed files with 28 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
app/templates/themes/card_shadow/styles.css
View file

@ -1,3 +1,31 @@
/* shadow for the button groups */
.btn-group {
/* rounded corners */
border-radius: 6px;
/* shadow horizontal-offset vertical-offset blur spread color */
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}
/* setting the color for the "selected" button border */
.btn-primary {
/* border */
border: solid 1px rgb(0,123,255,0.2);
}
/* setting the "unselected" button border */
.btn-outline-secondary {
/* border */
border: solid 1px rgb(0,123,255,0.2);
}
/* shadow for the navbar */
.navbar {
/* shadow horizontal-offset vertical-offset blur spread color */
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}
/* this is used in the big list of posts to browse */ /* this is used in the big list of posts to browse */
.post_list .post_teaser { .post_list .post_teaser {
/* outside space top right bottom left */ /* outside space top right bottom left */