yagich/pyrom
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add badges

Browse Source
This commit is contained in:
Lera Elvoé
2025-12-09 03:33:27 +03:00
parent 1539486456
commit dbf0150a5e
43 changed files with 913 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
data/static/css/style.css
View File

@@ -60,10 +60,11 @@ body {
color: black;
}
a:link {
:where(a:link) {
color: #c11c1c;
}
a:visited {
:where(a:visited) {
color: #730c0c;
}
@@ -116,7 +117,7 @@ a:visited {
font-size: 3rem;
margin: 0 20px;
text-decoration: none;
color: black !important;
color: black;
}
.thread-title {
@@ -133,7 +134,7 @@ a:visited {
.post {
display: grid;
grid-template-columns: 200px 1fr;
grid-template-columns: 230px 1fr;
grid-template-rows: 1fr;
gap: 0;
grid-auto-flow: row;
@@ -710,7 +711,7 @@ blockquote {
button, input[type=submit], .linkbutton {
display: inline-block;
background-color: rgb(177, 206, 204.5);
color: black !important;
color: black;
}
button:hover, input[type=submit]:hover, .linkbutton:hover {
background-color: rgb(192.6, 215.8, 214.6);
@@ -731,7 +732,7 @@ button.icon, input[type=submit].icon, .linkbutton.icon {
}
button.critical, input[type=submit].critical, .linkbutton.critical {
background-color: red;
color: white !important;
color: white;
}
button.critical:hover, input[type=submit].critical:hover, .linkbutton.critical:hover {
background-color: #ff3333;
@@ -752,7 +753,7 @@ button.critical.icon, input[type=submit].critical.icon, .linkbutton.critical.ico
}
button.warn, input[type=submit].warn, .linkbutton.warn {
background-color: #fbfb8d;
color: black !important;
color: black;
}
button.warn:hover, input[type=submit].warn:hover, .linkbutton.warn:hover {
background-color: rgb(251.8, 251.8, 163.8);
@@ -774,7 +775,7 @@ button.warn.icon, input[type=submit].warn.icon, .linkbutton.warn.icon {
input[type=file]::file-selector-button {
background-color: rgb(177, 206, 204.5);
color: black !important;
color: black;
}
input[type=file]::file-selector-button:hover {
background-color: rgb(192.6, 215.8, 214.6);
@@ -803,7 +804,7 @@ p {
.pagebutton {
background-color: rgb(177, 206, 204.5);
color: black !important;
color: black;
}
.pagebutton:hover {
background-color: rgb(192.6, 215.8, 214.6);
@@ -963,10 +964,6 @@ textarea {
gap: 5px;
}
.thread-info-bookmark-button {
margin-left: auto !important;
}
.thread-info-post-preview {
overflow: hidden;
text-overflow: ellipsis;
@@ -1131,7 +1128,7 @@ textarea {
.tab-button {
background-color: rgb(177, 206, 204.5);
color: black !important;
color: black;
}
.tab-button:hover {
background-color: rgb(192.6, 215.8, 214.6);
@@ -1292,7 +1289,7 @@ footer {
.reaction-button.active {
background-color: #beb1ce;
color: black !important;
color: black;
}
.reaction-button.active:hover {
background-color: rgb(203, 192.6, 215.8);
@@ -1473,3 +1470,56 @@ a.mention:hover, a.mention:visited:hover {
h1 {
margin: 0;
}
.settings-badge-container {
display: flex;
align-items: baseline;
gap: 5px;
border: 1px solid black;
border-radius: 4px;
padding: 5px 10px;
margin: 10px 0;
}
.settings-badge-container:has(input:invalid) {
border: 2px dashed red;
}
.settings-badge-container input:invalid {
border: 2px dashed red;
}
.settings-badge-file-picker {
display: flex;
flex-direction: column;
align-items: center;
}
.settings-badge-file-picker input.hidden[type=file] {
width: 100%;
}
.settings-badge-file-picker input.hidden[type=file]::file-selector-button {
display: none;
}
.settings-badge-file-picker.hidden {
display: none;
}
.settings-badge-select {
display: flex;
flex-direction: column;
gap: 5px;
align-items: center;
min-width: 200px;
}
img.badge-button {
min-width: 88px;
min-height: 31px;
max-width: 88px;
max-height: 31px;
}
.badges-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px;
}