aboutsummaryrefslogtreecommitdiffstats
path: root/assets
diff options
context:
space:
mode:
Diffstat (limited to 'assets')
-rw-r--r--assets/style.css383
1 files changed, 383 insertions, 0 deletions
diff --git a/assets/style.css b/assets/style.css
new file mode 100644
index 0000000..e7ce376
--- /dev/null
+++ b/assets/style.css
@@ -0,0 +1,383 @@
+/*
+ * Back - An extremely simple git bug visualization system. Inspired by TVL's
+ * panettone.
+ *
+ * Copyright (C) 2024 Benedikt Peetz <benedikt.peetz@b-peetz.de>
+ * Copyright (C) 2025 Benedikt Peetz <benedikt.peetz@b-peetz.de>
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ *
+ * This file is part of Back.
+ *
+ * You should have received a copy of the License along with this program.
+ * If not, see <https://www.gnu.org/licenses/agpl.txt>.
+ */
+
+/*
+* This has been taken from the tvix depot from panettone.
+* Fetched via `suckit https://b.tvlfyi`.
+* It was originally licensed under the MIT license.
+*/
+
+input[type="text"],
+input[type="password"],
+textarea {
+ width: 100%;
+ padding: 0.5rem;
+ outline: none;
+ border-top: none;
+ border-left: none;
+ border-right: none;
+ border-bottom: 1px solid var(--gray);
+ margin-bottom: 1rem;
+}
+
+textarea {
+ resize: vertical;
+}
+
+input[type="submit"] {
+ -webkit-appearance: none;
+ border: none;
+ cursor: pointer;
+ font-size: 1rem;
+}
+
+input[type="submit"] {
+ background-color: var(--success);
+ padding: 0.5rem;
+ text-decoration: none;
+ -moz-transition: box-shadow 0.15s ease-in-out;
+ -o-transition: box-shadow 0.15s ease-in-out;
+ -webkit-transition: box-shadow 0.15s ease-in-out;
+ -ms-transition: box-shadow 0.15s ease-in-out;
+ transition: box-shadow 0.15s ease-in-out;
+}
+
+input[type="submit"]:hover {
+ -moz-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -o-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -webkit-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -ms-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+}
+
+input[type="submit"]:active,
+input[type="submit"]:focus {
+ -moz-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -o-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -webkit-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -ms-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ outline: none;
+ border: none;
+}
+
+.form-link input[type="submit"] {
+ background-color: initial;
+ color: inherit;
+ padding: 0;
+ text-decoration: underline;
+}
+
+.form-link input[type="submit"]:hover,
+.form-link input[type="submit"]:active,
+.form-link input[type="submit"]:focus {
+ -moz-box-shadow: 0 0 0 0;
+ -o-box-shadow: 0 0 0 0;
+ -webkit-box-shadow: 0 0 0 0;
+ -ms-box-shadow: 0 0 0 0;
+ box-shadow: 0 0 0 0;
+}
+
+.form-group {
+ margin-top: 1rem;
+}
+
+label.checkbox {
+ cursor: pointer;
+}
+
+.issue-list {
+ list-style-type: none;
+ padding-left: 0;
+}
+
+.issue-list .issue-subject {
+ font-weight: bold;
+}
+
+.issue-list li {
+ padding-bottom: 1rem;
+}
+
+.issue-list li + li {
+ border-top: 1px solid var(--gray);
+}
+
+.issue-list a {
+ text-decoration: none;
+ display: block;
+}
+
+.issue-list a:hover {
+ outline: none;
+}
+
+.issue-list a:hover .issue-subject {
+ color: var(--primary);
+}
+
+.comment-count {
+ color: var(--gray);
+}
+
+.issue-links {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+}
+
+.issue-search input[type="search"] {
+ padding: 0.5rem;
+ background-image: url("static/search.png");
+ background-position: 10px 10px;
+ background-repeat: no-repeat;
+ background-size: 1rem;
+ padding-left: 2rem;
+ border: 1px solid var(--gray);
+}
+
+.issue-info {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.issue-info .edit-issue {
+ background-color: var(--success);
+ padding: 0.5rem;
+ text-decoration: none;
+ -moz-transition: box-shadow 0.15s ease-in-out;
+ -o-transition: box-shadow 0.15s ease-in-out;
+ -webkit-transition: box-shadow 0.15s ease-in-out;
+ -ms-transition: box-shadow 0.15s ease-in-out;
+ transition: box-shadow 0.15s ease-in-out;
+}
+
+.issue-info .edit-issue:hover {
+ -moz-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -o-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -webkit-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -ms-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+}
+
+.issue-info .edit-issue:active,
+.issue-info .edit-issue:focus {
+ -moz-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -o-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -webkit-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -ms-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ outline: none;
+ border: none;
+}
+
+.issue-info .created-by-at {
+ flex: 1;
+}
+
+.issue-info .edit-issue {
+ background-color: var(--light) -gray;
+ flex: 0;
+ margin-right: 0.5rem;
+}
+
+.issue-info .close-issue {
+ background-color: var(--failure);
+}
+
+.issue-history {
+ list-style: none;
+ border-top: 1px solid var(--gray);
+ padding-top: 1rem;
+ padding-left: 2rem;
+}
+
+.issue-history .comment-info {
+ color: var(--gray);
+ margin: 0;
+ padding-top: 1rem;
+}
+
+.issue-history .comment-info a {
+ text-decoration: none;
+}
+
+.issue-history .comment-info a:hover {
+ text-decoration: underline;
+}
+
+.issue-history .comment,
+.issue-history .event {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ border-bottom: 1px solid var(--gray);
+}
+
+.issue-history .comment p,
+.issue-history .event p {
+ margin: 0;
+}
+
+.issue-history .comment:target,
+.issue-history .event:target {
+ border-color: var(--primary);
+ border-bottom-width: 3px;
+}
+
+.issue-history .event {
+ color: var(--gray);
+}
+
+blockquote {
+ border-left: 5px solid var(--light) -gray;
+ padding-left: 1rem;
+ margin-left: 0rem;
+}
+
+pre {
+ overflow-x: auto;
+}
+
+body {
+ font-family: sans-serif;
+ color: var(--text);
+ background: var(--bg);
+ --text: rgb(24, 24, 24);
+ --bg: white;
+ --gray: #8d8d8d;
+ --primary: rgb(106, 154, 255);
+ --primary-light: rgb(150, 166, 200);
+ --success: rgb(168, 249, 166);
+ --failure: rgb(247, 167, 167);
+ --light-gray: #eee;
+}
+
+@media (prefers-color-scheme: dark) {
+ body {
+ --text: rgb(240, 240, 240);
+ --bg: black;
+ --gray: #8d8d8d;
+ --primary: rgb(106, 154, 255);
+ --primary-light: rgb(150, 166, 200);
+ --success: rgb(14, 130, 11);
+ --failure: rgb(124, 14, 14);
+ --light-gray: #222;
+ }
+}
+
+a {
+ color: inherit;
+}
+
+.content {
+ max-width: 800px;
+ margin: 0 auto;
+}
+
+header {
+ display: flex;
+ align-items: center;
+ border-bottom: 1px solid var(--text);
+ margin-bottom: 1rem;
+}
+
+header h1 {
+ padding: 0;
+ flex: 1;
+}
+
+header .issue-number {
+ color: var(--gray);
+ font-size: 1.5rem;
+}
+
+nav {
+ display: flex;
+ color: var(--gray);
+ justify-content: space-between;
+}
+
+nav .nav-group {
+ display: flex;
+}
+
+nav .nav-group > * {
+ margin-left: 0.5rem;
+}
+
+footer {
+ border-top: 1px solid var(--gray);
+ padding-top: 1rem;
+ margin-top: 1rem;
+ color: var(--gray);
+}
+
+.new-issue {
+ background-color: var(--success);
+ padding: 0.5rem;
+ text-decoration: none;
+ -moz-transition: box-shadow 0.15s ease-in-out;
+ -o-transition: box-shadow 0.15s ease-in-out;
+ -webkit-transition: box-shadow 0.15s ease-in-out;
+ -ms-transition: box-shadow 0.15s ease-in-out;
+ transition: box-shadow 0.15s ease-in-out;
+}
+
+.new-issue:hover {
+ -moz-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -o-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -webkit-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -ms-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+}
+
+.new-issue:active,
+.new-issue:focus {
+ -moz-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -o-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -webkit-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -ms-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ outline: none;
+ border: none;
+}
+
+.alert {
+ padding: 0.5rem;
+ margin-bottom: 1rem;
+ background-color: var(--failure);
+}
+
+.login-form {
+ max-width: 300px;
+ margin: 0 auto;
+}
+
+.created-by-at {
+ color: var(--gray);
+}
+
+.sr-only {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+}
generated by cgit v1.3.1 (git 2.54.0) at 2026-06-27 18:07:42 +0000