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

comment cleanup

Browse source
This commit is contained in:
Alan Roberts 2024-08-31 14:26:05 -04:00
parent b2416e0d50
commit 51320dab91
1 changed files with 33 additions and 87 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,82 +1,45 @@
/* this is used in the big list of posts to browse */
.post_list .post_teaser h3 {
font-size: 14px;
font-weight: bold;
}
.post_body a, .comment_body a {
text-decoration: underline;
}
.post_list .post_teaser { .post_list .post_teaser {
/* outside space top right bottom left*/ /* outside space top right bottom left */
margin: 10px 2px 2px 2px; margin: 10px 2px 2px 2px;
/* inside space top right bottom left*/ /* inside space top right bottom left */
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
/* border */ /* border */
border-top: solid 1px rgb(0,123,255,0.2); border-top: solid 1px rgb(0,123,255,0.2);
border-left: solid 1px rgba(0,123,255,0.2);
border-bottom: solid 1px rgba(0,123,255,0.2);
border-right: solid 1px rgba(0,123,255,0.2); border-right: solid 1px rgba(0,123,255,0.2);
border-bottom: solid 1px rgba(0,123,255,0.2);
border-left: solid 1px rgba(0,123,255,0.2);
/* rounded corners */ /* rounded corners */
border-radius: 5px; border-radius: 5px;
/* shadow horizontal-offset vertical-offset blur spread color */ /* shadow horizontal-offset vertical-offset blur spread color */
/* box-shadow: 0 3px 5px 0 rgba(0,123,255,0.2); */
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}
[data-bs-theme="dark"] .post_list .post_teaser {
/* outside space top right bottom left*/
margin: 10px 2px 2px 2px;
/* inside space top right bottom left*/
padding: 5px 5px 5px 5px;
/* border */
border-left: solid 1px rgba(0,123,255,0.2);
border-left: solid 1px rgba(0,123,255,0.2);
border-bottom: solid 1px rgba(0,123,255,0.2);
border-right: solid 1px rgba(0,123,255,0.2);
/* rounded corners */
border-radius: 4px;
/* shadow horizontal-offset vertical-offset blur spread color */
/* box-shadow: 0 3px 5px 0 rgba(0,123,255,0.2); */
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
transition: 0.3s; transition: 0.3s;
} }
/* "Active Communities", "About PieFed", and "Rational Discourse Kit" use this */
.side_pane .card { .side_pane .card {
/* border */ /* border */
/* border-top: solid 1px rgb(0,123,255,0.2); */ /* border-top: solid 1px rgb(0,123,255,0.2); */
border-left: solid 1px rgba(0,123,255,0.2);
border-bottom: solid 1px rgba(0,123,255,0.2);
border-right: solid 1px rgba(0,123,255,0.2); border-right: solid 1px rgba(0,123,255,0.2);
border-bottom: solid 1px rgba(0,123,255,0.2);
border-left: solid 1px rgba(0,123,255,0.2);
/* rounded corners */ /* rounded corners */
border-radius: 5px; border-radius: 5px;
/* shadow horizontal-offset vertical-offset blur spread color */ /* shadow horizontal-offset vertical-offset blur spread color */
/* box-shadow: 0 3px 5px 0 rgba(0,123,255,0.2); */
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}
[data-bs-theme="dark"] .side_pane .card {
/* border */
/* border-left: solid 1px rgba(0,123,255,0.2); */
border-left: solid 1px rgba(0,123,255,0.2);
border-bottom: solid 1px rgba(0,123,255,0.2);
border-right: solid 1px rgba(0,123,255,0.2);
/* rounded corners */
border-radius: 4px;
/* shadow horizontal-offset vertical-offset blur spread color */
/* box-shadow: 0 3px 5px 0 rgba(0,123,255,0.2); */
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
transition: 0.3s; transition: 0.3s;
} }
/* this adds some pixels to the bottom of the main pane */
/* this is really only needed so the side_pane "Active Communities" */
/* box has a buffer and does not collide with the main_pane */
/* holding the list of posts */
.main_pane { .main_pane {
/* outside space top right bottom left*/ /* outside space top right bottom left */
margin: 0 0 15px 0; margin: 0 0 15px 0;
} }
/* all posts except for image posts use this */
.post_type_normal { .post_type_normal {
/* outside space top right bottom left*/ /* outside space top right bottom left*/
margin: 0 5px 5px 5px; margin: 0 5px 5px 5px;
@ -84,17 +47,17 @@
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
/* border */ /* border */
border-top: solid 1px rgb(0,123,255,0.2); border-top: solid 1px rgb(0,123,255,0.2);
border-left: solid 1px rgba(0,123,255,0.2);
border-bottom: solid 1px rgba(0,123,255,0.2);
border-right: solid 1px rgba(0,123,255,0.2); border-right: solid 1px rgba(0,123,255,0.2);
border-bottom: solid 1px rgba(0,123,255,0.2);
border-left: solid 1px rgba(0,123,255,0.2);
/* rounded corners */ /* rounded corners */
border-radius: 5px; border-radius: 5px;
/* shadow horizontal-offset vertical-offset blur spread color */ /* shadow horizontal-offset vertical-offset blur spread color */
/* box-shadow: 0 3px 5px 0 rgba(0,123,255,0.2); */
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
transition: 0.3s; transition: 0.3s;
} }
/* image posts */
.post_type_image { .post_type_image {
/* outside space top right bottom left*/ /* outside space top right bottom left*/
margin: 0 5px 5px 5px; margin: 0 5px 5px 5px;
@ -102,51 +65,34 @@
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
/* border */ /* border */
border-top: solid 1px rgb(0,123,255,0.2); border-top: solid 1px rgb(0,123,255,0.2);
border-left: solid 1px rgba(0,123,255,0.2);
border-bottom: solid 1px rgba(0,123,255,0.2);
border-right: solid 1px rgba(0,123,255,0.2); border-right: solid 1px rgba(0,123,255,0.2);
border-bottom: solid 1px rgba(0,123,255,0.2);
border-left: solid 1px rgba(0,123,255,0.2);
/* rounded corners */ /* rounded corners */
border-radius: 5px; border-radius: 5px;
/* shadow horizontal-offset vertical-offset blur spread color */ /* shadow horizontal-offset vertical-offset blur spread color */
/* box-shadow: 0 3px 5px 0 rgba(0,123,255,0.2); */
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
transition: 0.3s; transition: 0.3s;
} }
/* "tile" and "wide tile" community view items */
#masonry .item { #masonry .item {
/* outside space top right bottom left*/ /* outside space top right bottom left*/
margin: 0 3px 3px 3px; margin: 0 2px 6px 2px;
/* inside space top right bottom left*/ /* rounded corners */
/* padding: 5px 5px 5px 5px; */ border-radius: 5px;
}
/* post edit options card */
.p-6 {
/* border */ /* border */
/* border-top: solid 1px rgb(0,123,255,0.2); */ /* border-top: solid 1px rgb(0,123,255,0.2); */
/* border-left: solid 1px rgba(0,123,255,0.2); */ border-right: solid 1px rgba(0,123,255,0.2);
/* border-bottom: solid 1px rgba(0,123,255,0.2); */ border-bottom: solid 1px rgba(0,123,255,0.2);
/* border-right: solid 1px rgba(0,123,255,0.2); */ border-left: solid 1px rgba(0,123,255,0.2);
/* rounded corners */ /* rounded corners */
border-radius: 5px; border-radius: 5px;
/* shadow horizontal-offset vertical-offset blur spread color */ /* shadow horizontal-offset vertical-offset blur spread color */
/* box-shadow: 0 3px 5px 0 rgba(0,123,255,0.2); */ box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
/* box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); */ transition: 0.3s;
/* transition: 0.3s; */ }
}
/* .post_utilities_bar { */
/* outside space top right bottom left*/
/* margin: 0 0 5px 5px; */
/* inside space top right bottom left*/
/* padding: 5px 5px 20px 5px; */
/* border */
/* border-top: solid 1px rgb(0,123,255,0.2); */
/* border-left: solid 1px rgba(0,123,255,0.2); */
/* border-bottom: solid 1px rgba(0,123,255,0.2); */
/* border-right: solid 1px rgba(0,123,255,0.2); */
/* rounded corners */
/* border-radius: 5px; */
/* shadow horizontal-offset vertical-offset blur spread color */
/* box-shadow: 0 3px 5px 0 rgba(0,123,255,0.2); */
/* box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); */
/* transition: 0.3s; */
/* } */