diff --git a/app/static/styles.css b/app/static/styles.css index 820c55c5..c3e97385 100644 --- a/app/static/styles.css +++ b/app/static/styles.css @@ -363,8 +363,7 @@ h1 .fe-bell, h1 .fe-no-bell { top: 2px; } .fe-poll:before { - content: "\e91b"; - /* possibly e985 */ + content: "\e91b"; /* possibly e985 */ } .fe-sticky-left::before { @@ -517,25 +516,20 @@ a { .skip-link { position: absolute; - top: -40px; - /* Adjust as needed to hide the link off-screen */ + top: -40px; /* Adjust as needed to hide the link off-screen */ left: 0; - background-color: #fff; - /* Background color to cover the link for screen readers */ - z-index: 1060; - /* Ensure it's above other content */ + background-color: #fff; /* Background color to cover the link for screen readers */ + z-index: 1060; /* Ensure it's above other content */ } .skip-link:focus { - top: 0; - /* Bring the link back into view when it receives focus */ + top: 0; /* Bring the link back into view when it receives focus */ } #outer_container a:not(.btn):hover, footer a:not(.btn):hover { text-decoration: underline; } -#outer_container a:not(.btn):has(span.fe):hover, footer a:not(.btn):has(span.fe):hover { - /* do not have underlines on icons */ +#outer_container a:not(.btn):has(span.fe):hover, footer a:not(.btn):has(span.fe):hover { /* do not have underlines on icons */ text-decoration: none; } #outer_container a:not(.btn):active, footer a:not(.btn):active { @@ -664,8 +658,7 @@ div.navbar { background-repeat: no-repeat; background-position: center center; background-size: cover; - border-radius: 5px 5px 0 0; - /* top-left | top-right | bottom-right | bottom-left */ + border-radius: 5px 5px 0 0; /* top-left | top-right | bottom-right | bottom-left */ height: 176px; margin-left: -12px; margin-right: -12px; @@ -882,8 +875,7 @@ div.navbar { margin: 0; display: -webkit-box; -webkit-box-orient: vertical; - -webkit-line-clamp: 2; - /* Limits the text to a specific number of lines */ + -webkit-line-clamp: 2; /* Limits the text to a specific number of lines */ line-clamp: 2; overflow: hidden; text-overflow: ellipsis; @@ -923,8 +915,7 @@ div.navbar { } .post_teaser_video_preview .video-wrapper { position: relative; - padding-bottom: 56.25%; - /* 16:9 aspect ratio */ + padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; overflow: hidden; } @@ -1038,8 +1029,7 @@ time { #masonry .item img { width: 100%; display: block; - height: auto; - /* Ensure aspect ratio is maintained */ + height: auto; /* Ensure aspect ratio is maintained */ } #masonry .item .masonry_thumb a, #masonry .item .masonry_thumb a:active { border: none; @@ -1211,8 +1201,7 @@ time { display: inline-block; } .voting_buttons_new .upvote_button, .voting_buttons_new .downvote_button { - position: relative; - /* so the htmx-indicators can be position: absolute */ + position: relative; /* so the htmx-indicators can be position: absolute */ display: inline-block; text-align: center; cursor: pointer; @@ -1983,7 +1972,6 @@ form h5 { --bs-link-color-rgb: black; --bs-link-hover-color-rgb: #333; } - [data-bs-theme=dark] { --bs-body-bg: black; --bs-link-color: white; @@ -1993,84 +1981,65 @@ form h5 { --bs-body-color: white; --bs-body-color-rgb: white; } - .btn-primary { --bs-btn-bg: black; --bs-btn-border-color: black; --bs-btn-hover-bg: #333; } - [data-bs-theme=dark] .btn-primary { --bs-btn-bg: white; --bs-btn-border-color: white; --bs-btn-hover-bg: white; --bs-btn-color: black; } - [data-bs-theme=dark] .btn-primary:hover { --bs-btn-hover-color: black; } - .btn-outline-secondary { --bs-btn-color: black; } - [data-bs-theme=dark] .btn-outline-secondary { --bs-btn-color: white; } - .post_list .post_teaser { border-bottom: solid 1px black; } - [data-bs-theme=dark] .post_list .post_teaser { border-bottom: solid 1px white; } - .domain_link, .domain_link a { color: black; } - [data-bs-theme=dark] .domain_link, [data-bs-theme=dark] .domain_link a { color: ghostwhite; } - .main_pane, .voting_buttons div { border: solid 1px #333; } - [data-bs-theme=dark] .main_pane, [data-bs-theme=dark] .voting_buttons div { border: solid 1px #eee; } - div.navbar { border-bottom: solid 1px #333; } - [data-bs-theme=dark] div.navbar { border-bottom: solid 1px #fff; } - .nav-link { color: black; } - [data-bs-theme=dark] .nav-link { color: white; } - .card { --bs-card-border-color: #333; } - [data-bs-theme=dark] .card { --bs-card-border-color: #fff; } - .coolfieldset.collapsed legend, .coolfieldset legend, .coolfieldset.expanded legend { background-color: white; } - [data-bs-theme=dark] .coolfieldset.collapsed legend, [data-bs-theme=dark] .coolfieldset legend, [data-bs-theme=dark] .coolfieldset.expanded legend { background-color: black; } @@ -2081,19 +2050,16 @@ form h5 { @media print { #navbarSupportedContent, #side_pane, .voting_buttons, .comment_actions, footer, .post_reply_form, #post_replies .btn-group, -.navbar .nav-link, .post_utilities_bar, .community_header, .community_icon_big, .mobile_create_post { + .navbar .nav-link, .post_utilities_bar, .community_header, .community_icon_big, .mobile_create_post { display: none; } - .navbar { padding-top: 0; padding-bottom: 0; } - .comments > .comment, .post_teaser { break-inside: avoid; } - .main_pane { border: none; padding: 0; @@ -2101,16 +2067,13 @@ form h5 { .main_pane > .btn-group { display: none; } - .div.navbar { border-bottom: none; } - .limit_height { overflow: visible !important; max-height: initial; } - .comment .show-more { display: none; }