diff options
author | Benedikt Peetz <benedikt.peetz@b-peetz.de> | 2025-03-08 21:53:39 +0100 |
---|---|---|
committer | Benedikt Peetz <benedikt.peetz@b-peetz.de> | 2025-03-09 13:44:44 +0100 |
commit | 5c9e7d3f79c8b7d3842518db362e89c3ee417674 (patch) | |
tree | d5f4874d04d84036b09c5a58304b4149647c620b /pkgs/by-name/ba/back | |
parent | pkgs/back/README.md: Update to reflect current status (diff) | |
download | nixos-server-5c9e7d3f79c8b7d3842518db362e89c3ee417674.zip |
pkgs/back/assets/style.css: Format with prettier
Diffstat (limited to 'pkgs/by-name/ba/back')
-rw-r--r-- | pkgs/by-name/ba/back/assets/style.css | 192 |
1 files changed, 94 insertions, 98 deletions
diff --git a/pkgs/by-name/ba/back/assets/style.css b/pkgs/by-name/ba/back/assets/style.css index b789f17..3cf4a00 100644 --- a/pkgs/by-name/ba/back/assets/style.css +++ b/pkgs/by-name/ba/back/assets/style.css @@ -17,9 +17,9 @@ * It was originally licensed under the MIT license. */ -input[type="text"], -input[type="password"], -textarea{ +input[type='text'], +input[type='password'], +textarea { width: 100%; padding: 0.5rem; outline: none; @@ -30,18 +30,18 @@ textarea{ margin-bottom: 1rem; } -textarea{ +textarea { resize: vertical; } -input[type="submit"]{ +input[type='submit'] { -webkit-appearance: none; border: none; cursor: pointer; font-size: 1rem; } -input[type="submit"]{ +input[type='submit'] { background-color: var(--success); padding: 0.5rem; text-decoration: none; @@ -52,37 +52,35 @@ input[type="submit"]{ 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']: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); +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"]{ +.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{ +.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; @@ -90,49 +88,49 @@ input[type="submit"]:focus{ box-shadow: 0 0 0 0; } -.form-group{ +.form-group { margin-top: 1rem; } -label.checkbox{ +label.checkbox { cursor: pointer; } -.issue-list{ +.issue-list { list-style-type: none; padding-left: 0; } -.issue-list .issue-subject{ +.issue-list .issue-subject { font-weight: bold; } -.issue-list li{ +.issue-list li { padding-bottom: 1rem; } -.issue-list li + li{ +.issue-list li + li { border-top: 1px solid var(--gray); } -.issue-list a{ +.issue-list a { text-decoration: none; display: block; } -.issue-list a:hover{ +.issue-list a:hover { outline: none; } -.issue-list a:hover .issue-subject{ +.issue-list a:hover .issue-subject { color: var(--primary); } -.comment-count{ +.comment-count { color: var(--gray); } -.issue-links{ +.issue-links { display: flex; flex-direction: row; align-items: center; @@ -140,9 +138,7 @@ label.checkbox{ flex-wrap: wrap; } - - -.issue-search input[type="search"]{ +.issue-search input[type='search'] { padding: 0.5rem; background-image: url('static/search.png'); background-position: 10px 10px; @@ -152,13 +148,13 @@ label.checkbox{ border: 1px solid var(--gray); } -.issue-info{ +.issue-info { display: flex; justify-content: space-between; align-items: center; } -.issue-info .edit-issue{ +.issue-info .edit-issue { background-color: var(--success); padding: 0.5rem; text-decoration: none; @@ -169,111 +165,111 @@ label.checkbox{ 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: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); +.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{ +.issue-info .created-by-at { flex: 1; } -.issue-info .edit-issue{ +.issue-info .edit-issue { background-color: var(--light) -gray; flex: 0; margin-right: 0.5rem; } -.issue-info .close-issue{ +.issue-info .close-issue { background-color: var(--failure); } -.issue-history{ +.issue-history { list-style: none; border-top: 1px solid var(--gray); padding-top: 1rem; padding-left: 2rem; } -.issue-history .comment-info{ +.issue-history .comment-info { color: var(--gray); margin: 0; padding-top: 1rem; } -.issue-history .comment-info a{ +.issue-history .comment-info a { text-decoration: none; } -.issue-history .comment-info a:hover{ +.issue-history .comment-info a:hover { text-decoration: underline; } .issue-history .comment, -.issue-history .event{ +.issue-history .event { padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--gray); } .issue-history .comment p, -.issue-history .event p{ +.issue-history .event p { margin: 0; } .issue-history .comment:target, -.issue-history .event:target{ +.issue-history .event:target { border-color: var(--primary); border-bottom-width: 3px; } -.issue-history .event{ +.issue-history .event { color: var(--gray); } -blockquote{ +blockquote { border-left: 5px solid var(--light) -gray; padding-left: 1rem; margin-left: 0rem; } -pre{ +pre { overflow-x: auto; } -body{ +body { font-family: sans-serif; color: var(--text); background: var(--bg); --text: rgb(24, 24, 24); --bg: white; - --gray: #8D8D8D; + --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; + --light-gray: #eee; } -@media (prefers-color-scheme: dark){ - body{ +@media (prefers-color-scheme: dark) { + body { --text: rgb(240, 240, 240); --bg: black; - --gray: #8D8D8D; + --gray: #8d8d8d; --primary: rgb(106, 154, 255); --primary-light: rgb(150, 166, 200); --success: rgb(14, 130, 11); @@ -282,54 +278,54 @@ body{ } } -a{ +a { color: inherit; } -.content{ +.content { max-width: 800px; margin: 0 auto; } -header{ +header { display: flex; align-items: center; border-bottom: 1px solid var(--text); margin-bottom: 1rem; } -header h1{ +header h1 { padding: 0; flex: 1; } -header .issue-number{ +header .issue-number { color: var(--gray); font-size: 1.5rem; } -nav{ +nav { display: flex; color: var(--gray); justify-content: space-between; } -nav .nav-group{ +nav .nav-group { display: flex; } -nav .nav-group >*{ +nav .nav-group > * { margin-left: 0.5rem; } -footer{ +footer { border-top: 1px solid var(--gray); padding-top: 1rem; margin-top: 1rem; color: var(--gray); } -.new-issue{ +.new-issue { background-color: var(--success); padding: 0.5rem; text-decoration: none; @@ -340,41 +336,41 @@ footer{ 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: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); +.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{ +.alert { padding: 0.5rem; margin-bottom: 1rem; background-color: var(--failure); } -.login-form{ +.login-form { max-width: 300px; margin: 0 auto; } -.created-by-at{ +.created-by-at { color: var(--gray); } -.sr-only{ +.sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; |