From 51320dab91e306e17e52cc5b608d0e1b23ec83b3 Mon Sep 17 00:00:00 2001 From: Alan Roberts Date: Sat, 31 Aug 2024 14:26:05 -0400 Subject: [PATCH] comment cleanup --- app/templates/themes/card_shadow/styles.css | 120 ++++++-------------- 1 file changed, 33 insertions(+), 87 deletions(-) diff --git a/app/templates/themes/card_shadow/styles.css b/app/templates/themes/card_shadow/styles.css index fca6338f..eef3b0c2 100644 --- a/app/templates/themes/card_shadow/styles.css +++ b/app/templates/themes/card_shadow/styles.css @@ -1,82 +1,45 @@ - -.post_list .post_teaser h3 { - font-size: 14px; - font-weight: bold; -} - -.post_body a, .comment_body a { - text-decoration: underline; -} - +/* this is used in the big list of posts to browse */ .post_list .post_teaser { - /* outside space top right bottom left*/ + /* outside space top right bottom left */ margin: 10px 2px 2px 2px; - /* inside space top right bottom left*/ + /* inside space top right bottom left */ padding: 5px 5px 5px 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); + border-bottom: solid 1px rgba(0,123,255,0.2); + border-left: 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; -} - -[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); transition: 0.3s; } +/* "Active Communities", "About PieFed", and "Rational Discourse Kit" use this */ .side_pane .card { /* 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); + border-bottom: solid 1px rgba(0,123,255,0.2); + border-left: 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; -} - -[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); 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 { - /* outside space top right bottom left*/ + /* outside space top right bottom left */ margin: 0 0 15px 0; } +/* all posts except for image posts use this */ .post_type_normal { /* outside space top right bottom left*/ margin: 0 5px 5px 5px; @@ -84,17 +47,17 @@ padding: 5px 5px 5px 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); + border-bottom: solid 1px rgba(0,123,255,0.2); + border-left: 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; } +/* image posts */ .post_type_image { /* outside space top right bottom left*/ margin: 0 5px 5px 5px; @@ -102,51 +65,34 @@ padding: 5px 5px 5px 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); + border-bottom: solid 1px rgba(0,123,255,0.2); + border-left: 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; } - +/* "tile" and "wide tile" community view items */ #masonry .item { /* outside space top right bottom left*/ - margin: 0 3px 3px 3px; - /* inside space top right bottom left*/ - /* padding: 5px 5px 5px 5px; */ + margin: 0 2px 6px 2px; + /* rounded corners */ + border-radius: 5px; +} + +/* post edit options card */ +.p-6 { /* 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); */ + 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 */ 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; */ -} - - -/* .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; */ -/* } */ \ No newline at end of file + box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2); + transition: 0.3s; +} \ No newline at end of file