rDrama
/
rDrama
9
10
Fork 7
Code Issues Pull Requests Packages Releases Wiki Activity

Revert "stop using background css property and use its parts instead" 

This reverts commit e4e67a4424.
pull/44/head
Aevann1 2022-12-04 00:17:24 +02:00
parent 5665bd9a96
commit 49263fdd86
20 changed files with 82 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
chat/src/App.css
View File

@ -45,7 +45,7 @@ body {
.App-side { .App-side {
height: 100%; height: 100%;
flex: 1; flex: 1;
background-color: var(--gray-500); background: var(--gray-500);
position: relative; position: relative;
} }
@ -69,7 +69,7 @@ body {
.App-drawer { .App-drawer {
z-index: 2; z-index: 2;
display: flex; display: flex;
background-color: var(--background); background: var(--background);
height: 100%; height: 100%;
} }
@ -135,4 +135,4 @@ lite-youtube {
.btn-secondary:focus { .btn-secondary:focus {
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
} }

4
chat/src/features/chat/ActivityList.css
View File

@ -31,5 +31,5 @@
.ActivityList-activity:hover { .ActivityList-activity:hover {
cursor: pointer; cursor: pointer;
background-color: #ffffff05; background: #ffffff05;
} }

12
chat/src/features/chat/ChatMessage.css
View File

@ -5,7 +5,7 @@
} }
.ChatMessage__isDm { .ChatMessage__isDm {
background-color: var(--gray-800); background: var(--gray-800);
border-top: 1px dashed var(--primary); border-top: 1px dashed var(--primary);
border-bottom: 1px dashed var(--primary); border-bottom: 1px dashed var(--primary);
} }
@ -69,7 +69,7 @@
right: 0; right: 0;
cursor: pointer; cursor: pointer;
z-index: 5; z-index: 5;
background-color: none !important; background: none !important;
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
display: flex; display: flex;
@ -77,7 +77,7 @@
} }
.ChatMessage-actions-button button { .ChatMessage-actions-button button {
background-color: none !important; background: none !important;
border: none !important; border: none !important;
padding: 0 !important; padding: 0 !important;
} }
@ -95,7 +95,7 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
background-color: rgba(20, 20, 20, 0.85); background: rgba(20, 20, 20, 0.85);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
@ -106,7 +106,7 @@
.ChatMessage-actions button { .ChatMessage-actions button {
font-size: 10px; font-size: 10px;
background-color: none !important; background: none !important;
} }
/* List */ /* List */
@ -121,5 +121,5 @@
} }
.ChatMessageList-group:nth-child(even) { .ChatMessageList-group:nth-child(even) {
background-color: rgba(255, 255, 255, 0.025); background: rgba(255, 255, 255, 0.025);
} }

2
chat/src/features/chat/ChatMessage.tsx
View File

@ -130,7 +130,7 @@ export function ChatMessage({
style={ style={
isMention && !dm isMention && !dm
? { ? {
background-color: `#${themeColor}25`, background: `#${themeColor}25`,
borderLeft: `1px solid #${themeColor}`, borderLeft: `1px solid #${themeColor}`,
} }
: {} : {}

7
files/assets/css/4chan.css
View File

@ -71,7 +71,7 @@ blockquote p {
} }
.transparent { .transparent {
background-color: None !important; background: None !important;
} }
.btn { .btn {
@ -87,8 +87,7 @@ blockquote p {
} }
.navbar-light, .navbar .container-fluid, #mobile-bottom-navigation-bar { .navbar-light, .navbar .container-fluid, #mobile-bottom-navigation-bar {
background-color:#ffe; background:#ffe url(/assets/images/4chan.webp);
background-image: url(/assets/images/4chan.webp);
background-size: contain; background-size: contain;
} }
@ -140,7 +139,7 @@ blockquote a {
} }
.comment-anchor:target, .unread { .comment-anchor:target, .unread {
background-color: #ffffff88 !important; background: #ffffff88 !important;
} }
.sidebar .sidebar

4
files/assets/css/coffee.css
View File

@ -75,7 +75,7 @@ blockquote {
} }
.transparent { .transparent {
background-color: None !important; background: None !important;
} }
.btn { .btn {
@ -91,7 +91,7 @@ blockquote {
} }
.comment-anchor:target, .unread { .comment-anchor:target, .unread {
background-color: #ffffff88 !important; background: #ffffff88 !important;
} }
.sidebar .sidebar

8
files/assets/css/dark.css
View File

@ -29,17 +29,17 @@
} }
.form-control { .form-control {
background-color: transparent; background: transparent;
border-color: var(--primary) !important; border-color: var(--primary) !important;
} }
.btn { .btn {
background-color: transparent; background: transparent;
border-color: var(--primary) !important; border-color: var(--primary) !important;
} }
.form-control:disabled, [readonly] { .form-control:disabled, [readonly] {
background-color: transparent; background: transparent;
border-color: var(--primary) !important; border-color: var(--primary) !important;
} }
@ -64,7 +64,7 @@ pre {
} }
.transparent { .transparent {
background-color: None !important; background: None !important;
} }

10
files/assets/css/light.css
View File

@ -30,17 +30,17 @@
} }
.form-control { .form-control {
background-color: transparent; background: transparent;
border-color: var(--primary) !important; border-color: var(--primary) !important;
} }
.btn { .btn {
background-color: transparent; background: transparent;
border-color: var(--primary) !important; border-color: var(--primary) !important;
} }
.form-control:disabled, [readonly] { .form-control:disabled, [readonly] {
background-color: transparent; background: transparent;
border-color: var(--primary) !important; border-color: var(--primary) !important;
} }
@ -65,7 +65,7 @@ pre {
} }
.transparent { .transparent {
background-color: None !important; background: None !important;
} }
blockquote { blockquote {
@ -77,7 +77,7 @@ blockquote {
} }
.comment-anchor:target, .unread { .comment-anchor:target, .unread {
background-color: #00000055 !important; background: #00000055 !important;
} }
h5.post-title a:visited { h5.post-title a:visited {

46
files/assets/css/main.css
View File

@ -1,6 +1,6 @@
@charset "UTF-8"; @charset "UTF-8";
button { button {
background-color: none; background: none;
border: none; border: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -1021,7 +1021,7 @@ input[type=submit].btn-follow, input[type=reset].btn-follow, input[type=button].
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
content: ""; content: "";
background-color: no-repeat 50%/50% 50%; background: no-repeat 50%/50% 50%;
} }
.custom-checkbox .custom-control-label::before { .custom-checkbox .custom-control-label::before {
border-radius: 0.35rem; border-radius: 0.35rem;
@ -1185,7 +1185,7 @@ nav
height: 1.5em; height: 1.5em;
vertical-align: middle; vertical-align: middle;
content: ""; content: "";
background-color: no-repeat center center; background: no-repeat center center;
background-size: 100% 100%; background-size: 100% 100%;
} }
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
@ -2812,7 +2812,7 @@ ol > li::before {
height: auto; height: auto;
} }
.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon { .navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon {
background-color: transparent; background: transparent;
} }
.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler { .navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler {
border: none; border: none;
@ -3021,7 +3021,7 @@ label.color-radio span {
color: var(--muted); color: var(--muted);
border-color: var(--muted); border-color: var(--muted);
border-width: 2px; border-width: 2px;
background-color: #dee2e6; background: #dee2e6;
transition: none; transition: none;
} }
.form-control:disabled, [readonly] { .form-control:disabled, [readonly] {
@ -4456,7 +4456,7 @@ pre .com, code .com {
width: 100%; width: 100%;
overflow-x: auto; overflow-x: auto;
white-space: nowrap; white-space: nowrap;
background-color: transparent; background: transparent;
} }
#thread .post-title { #thread .post-title {
font-size: 16px; font-size: 16px;
@ -4468,7 +4468,7 @@ pre .com, code .com {
padding: 0; padding: 0;
} }
#submit .submission .footer { #submit .submission .footer {
background-color: transparent; background: transparent;
padding: 1rem 0; padding: 1rem 0;
} }
.footer .list-inline-item { .footer .list-inline-item {
@ -4587,10 +4587,10 @@ span.green {
border: 2px solid #e9ecef; border: 2px solid #e9ecef;
} }
.btn { .btn {
background-color: transparent; background: transparent;
} }
.form-control { .form-control {
background-color: transparent; background: transparent;
} }
.navbar-light .navbar-nav .nav-link { .navbar-light .navbar-nav .nav-link {
border-radius: 5px; border-radius: 5px;
@ -4642,7 +4642,7 @@ span.green {
background-color: var(--background) !important; background-color: var(--background) !important;
} }
.nobackground { .nobackground {
background-color: None !important; background: None !important;
} }
textarea { textarea {
resize: both !important; resize: both !important;
@ -5149,7 +5149,7 @@ html {
display: block; display: block;
} }
.comment-anchor:target, .unread { .comment-anchor:target, .unread {
background-color: #ffffff22 !important; background: #ffffff22 !important;
padding: 12px; padding: 12px;
padding-bottom: 4px; padding-bottom: 4px;
} }
@ -5158,8 +5158,8 @@ html {
padding: 2px 5px 3px 5px; padding: 2px 5px 3px 5px;
border-radius: 5px; border-radius: 5px;
color:white!important; color:white!important;
background-color: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet); background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet);
background-color: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet ); background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet );
text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black; text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
} }
@ -5183,7 +5183,7 @@ html {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 0; padding: 0;
background-color: var(--gray-600); background: var(--gray-600);
} }
.popover-body { .popover-body {
@ -5233,7 +5233,7 @@ a.emojitab {
} }
.emoji2 { .emoji2 {
background-color: None!important; background: None!important;
width:60px; width:60px;
overflow: hidden; overflow: hidden;
border: none; border: none;
@ -5254,7 +5254,7 @@ a.emojitab {
} }
.notif-count { .notif-count {
background-color: red; background: red;
border-radius: 20%; border-radius: 20%;
color: white; color: white;
padding: 2px 5px; padding: 2px 5px;
@ -6112,8 +6112,8 @@ g {
margin: 5px 1px; margin: 5px 1px;
border-radius: 5px; border-radius: 5px;
color:white!important; color:white!important;
background-color: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet); background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet);
background-color: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet ); background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet );
text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black; text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
font-weight: 600; font-weight: 600;
border: 2px solid var(--primary); border: 2px solid var(--primary);
@ -6194,8 +6194,8 @@ g {
.btn-rainbow { .btn-rainbow {
color:white !important; color:white !important;
background-color: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet) !important; background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet) !important;
background-color: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet ) !important; background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet ) !important;
text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black !important; text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black !important;
} }
@ -6326,7 +6326,7 @@ div.markdown {
} }
.popover-bio-div::-webkit-scrollbar { .popover-bio-div::-webkit-scrollbar {
background-color: transparent; background: transparent;
} }
.popover-badges-div { .popover-badges-div {
@ -6337,7 +6337,7 @@ div.markdown {
} }
.popover-badges-div::-webkit-scrollbar { .popover-badges-div::-webkit-scrollbar {
background-color: transparent; background: transparent;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
@ -6395,7 +6395,7 @@ div.markdown {
.modlog-action { .modlog-action {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
background-color: var(--gray-600) !important; background: var(--gray-600) !important;
position: relative; position: relative;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;

2
files/assets/css/midnight.css
View File

@ -27,7 +27,7 @@ body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textare
} }
.transparent, #login { .transparent, #login {
background-color: None !important; background: None !important;
} }
.tooltip-inner { .tooltip-inner {

4
files/assets/css/transparent.css
View File

@ -9,7 +9,7 @@
} }
.container, #userpage > div.container-fluid, #root > div.App { .container, #userpage > div.container-fluid, #root > div.App {
background-color: rgba(28, 34, 41, 0.90) !important; background: rgba(28, 34, 41, 0.90) !important;
} }
.fixed-bottom, .popover, .modal-content, .dropdown-menu, .navbar, body, .form-control, #speed-carot-modal { .fixed-bottom, .popover, .modal-content, .dropdown-menu, .navbar, body, .form-control, #speed-carot-modal {
@ -17,5 +17,5 @@
} }
.App-side, .flaggers, .comment-section { .App-side, .flaggers, .comment-section {
background-color: transparent !important; background: transparent !important;
} }

2
files/assets/css/tron.css
View File

@ -203,7 +203,7 @@
} }
.transparent { .transparent {
background-color: None !important; background: None !important;
} }
.btn-danger.disabled, .btn-danger:disabled { .btn-danger.disabled, .btn-danger:disabled {

14
files/assets/css/win98.css
View File

@ -36,7 +36,7 @@
} }
.pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded {
background-color: var(--white) !important; background: var(--white) !important;
color: var(--white) !important; color: var(--white) !important;
} }
.navbar-light > *, .navbar-brand, .nav-link{ .navbar-light > *, .navbar-brand, .nav-link{
@ -47,7 +47,7 @@
border: 2px outset white !important; border: 2px outset white !important;
border-bottom: 2px solid #a7a5a1 !important; border-bottom: 2px solid #a7a5a1 !important;
border-right: 2px solid #a7a5a1 !important; border-right: 2px solid #a7a5a1 !important;
background-color: var(--gray-500) !important; background: var(--gray-500) !important;
color: #000 !important; color: #000 !important;
} }
@ -63,7 +63,7 @@
} }
.dropdown-menu, .btn:hover { .dropdown-menu, .btn:hover {
background-color: var(--gray-500) !important; background: var(--gray-500) !important;
color: #000 !important; color: #000 !important;
} }
@ -103,7 +103,7 @@ blockquote {
} }
.form-control, .form-control:disabled, [readonly] { .form-control, .form-control:disabled, [readonly] {
background-color: white !important; background: white !important;
color: black !important color: black !important
} }
@ -116,7 +116,7 @@ blockquote {
} }
.transparent { .transparent {
background-color: None !important; background: None !important;
} }
.black { .black {
@ -145,7 +145,7 @@ blockquote {
} }
#thread { #thread {
background-color: var(--white) !important; background: var(--white) !important;
} }
#profilestuff > * { #profilestuff > * {
@ -153,7 +153,7 @@ blockquote {
} }
.comment-anchor:target, .unread { .comment-anchor:target, .unread {
background-color: #ffffffaa !important; background: #ffffffaa !important;
} }
.sidebar .sidebar

4
files/assets/offline.html
View File

@ -8,7 +8,7 @@
} }
body { body {
background-color: var(--background); background: var(--background);
} }
.center { .center {
@ -38,7 +38,7 @@
.button { .button {
background-color: var(--background)!important; background-color: var(--background)!important;
background-color: 0 0; background: 0 0;
font-weight: 600; font-weight: 600;
font-size: 1rem; font-size: 1rem;
border-radius: 0.2rem; border-radius: 0.2rem;

4
files/routes/settings.py
View File

@ -39,7 +39,7 @@ def settings_personal(v:User):
@auth_required @auth_required
@ratelimit_user() @ratelimit_user()
def remove_background(v): def remove_background(v):
if v.background-color: if v.background:
v.background = None v.background = None
if v.theme == 'transparent': v.theme = 'midnight' if v.theme == 'transparent': v.theme = 'midnight'
g.db.add(v) g.db.add(v)
@ -264,7 +264,7 @@ def settings_personal_post(v):
theme = request.values.get("theme") theme = request.values.get("theme")
if not updated and theme: if not updated and theme:
if theme in THEMES: if theme in THEMES:
if theme == "transparent" and not v.background-color: if theme == "transparent" and not v.background:
abort(409, "You need to set a background to use the transparent theme") abort(409, "You need to set a background to use the transparent theme")
v.theme = theme v.theme = theme
if theme == "win98": v.themecolor = "30409f" if theme == "win98": v.themecolor = "30409f"

12
files/templates/casino/roulette_screen.html
View File

@ -398,7 +398,7 @@
flex: 1; flex: 1;
height: 60px; height: 60px;
border: 1px solid white; border: 1px solid white;
background-color: green; background: green;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -407,15 +407,15 @@
} }
.roulette-table-number__black { .roulette-table-number__black {
background-color: black; background: black;
} }
.roulette-table-number__red { .roulette-table-number__red {
background-color: red; background: red;
} }
.roulette-table-number__green { .roulette-table-number__green {
background-color: green; background: green;
} }
.roulette-table-row { .roulette-table-row {
@ -428,7 +428,7 @@
flex: 1; flex: 1;
height: 60px; height: 60px;
border: 1px solid white; border: 1px solid white;
background-color: green; background: green;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -441,7 +441,7 @@
.roulette-table-line, .roulette-table-line,
.roulette-table-1to1 { .roulette-table-1to1 {
border: 1px solid white; border: 1px solid white;
background-color: green; background: green;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

4
files/templates/header.html
View File

@ -107,7 +107,7 @@
{% if v %} {% if v %}
{% if v.notifications_count %} {% if v.notifications_count %}
<a class="mobile-nav-icon d-md-none" href="/notifications{% if v.notifications_do %}/{{v.notifications_do}}{% endif %}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="notif-{{v.notifications_do}}-bell fas fa-bell align-middle" style="color: {{v.notifications_color}}"></i><span class="notif-count notif-{{v.notifications_do}} ml-1" style="padding-left: 4.5px;{% if v.notifications_do %}background-color:{{v.notifications_color}}{% endif %}">{{v.notifications_count}}</span></a> <a class="mobile-nav-icon d-md-none" href="/notifications{% if v.notifications_do %}/{{v.notifications_do}}{% endif %}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="notif-{{v.notifications_do}}-bell fas fa-bell align-middle" style="color: {{v.notifications_color}}"></i><span class="notif-count notif-{{v.notifications_do}} ml-1" style="padding-left: 4.5px;{% if v.notifications_do %}background:{{v.notifications_color}}{% endif %}">{{v.notifications_count}}</span></a>
{% else %} {% else %}
<a class="mobile-nav-icon d-md-none" href="/notifications" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="fas fa-bell align-middle text-gray-500 black"></i></a> <a class="mobile-nav-icon d-md-none" href="/notifications" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="fas fa-bell align-middle text-gray-500 black"></i></a>
{% endif %} {% endif %}
@ -151,7 +151,7 @@
{% if v.notifications_count %} {% if v.notifications_count %}
<li class="nav-item d-flex align-items-center text-center justify-content-center mx-1"> <li class="nav-item d-flex align-items-center text-center justify-content-center mx-1">
<a class="nav-link position-relative" href="/notifications{% if v.notifications_do %}/{{v.notifications_do}}{% endif %}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="notif-{{v.notifications_do}}-bell fas fa-bell" style="color: {{v.notifications_color}}"></i><span class="notif-{{v.notifications_do}} notif-count ml-1" style="padding-left: 4.5px;{% if v.notifications_do %}background-color:{{v.notifications_color}}{% endif %}">{{v.notifications_count}}</span></a> <a class="nav-link position-relative" href="/notifications{% if v.notifications_do %}/{{v.notifications_do}}{% endif %}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="notif-{{v.notifications_do}}-bell fas fa-bell" style="color: {{v.notifications_color}}"></i><span class="notif-{{v.notifications_do}} notif-count ml-1" style="padding-left: 4.5px;{% if v.notifications_do %}background:{{v.notifications_color}}{% endif %}">{{v.notifications_count}}</span></a>
</li> </li>
{% else %} {% else %}
<li class="nav-item d-flex align-items-center text-center justify-content-center mx-1"> <li class="nav-item d-flex align-items-center text-center justify-content-center mx-1">

16
files/templates/mobile_navigation_bar.html
View File

@ -2,7 +2,7 @@
<div class="row fixed-bottom bg-white border-top p-2" id="mobile-bottom-navigation-bar" <div class="row fixed-bottom bg-white border-top p-2" id="mobile-bottom-navigation-bar"
style="z-index: 1000; bottom: 0px; transition: bottom cubic-bezier(0, 0, 0.2, 1) 220ms;"> style="z-index: 1000; bottom: 0px; transition: bottom cubic-bezier(0, 0, 0.2, 1) 220ms;">
<button type="button" class="col px-0 ml-3 btn btn-dead m-0" style="background-color: None !important; border: None;"> <button type="button" class="col px-0 ml-3 btn btn-dead m-0" style="background: None !important; border: None;">
<a href="/" class="text-decoration-none"> <a href="/" class="text-decoration-none">
<div class="text-center {% if request.path=='/' and request.full_path!='/?sort=hot&t=all' and request.full_path!='/?sort=new&t=all' %}text-primary{% else %}text-muted{% endif %}"> <div class="text-center {% if request.path=='/' and request.full_path!='/?sort=hot&t=all' and request.full_path!='/?sort=new&t=all' %}text-primary{% else %}text-muted{% endif %}">
<i class="fas fa-home-alt text-lg"></i> <i class="fas fa-home-alt text-lg"></i>
@ -11,7 +11,7 @@
</a> </a>
</button> </button>
{% if v and v.defaultsorting == 'new' %} {% if v and v.defaultsorting == 'new' %}
<button type="button" class="col px-0 btn btn-dead m-0" style="background-color: None !important; border: None;"> <button type="button" class="col px-0 btn btn-dead m-0" style="background: None !important; border: None;">
<a href="/?sort=hot&t=all" class="text-decoration-none"> <a href="/?sort=hot&t=all" class="text-decoration-none">
<div class="text-center {% if request.full_path=='/?sort=hot&t=all' %}text-primary{% else %}text-muted{% endif %}"> <div class="text-center {% if request.full_path=='/?sort=hot&t=all' %}text-primary{% else %}text-muted{% endif %}">
<i class="fas fa-fire text-lg"></i> <i class="fas fa-fire text-lg"></i>
@ -20,7 +20,7 @@
</a> </a>
</button> </button>
{% else %} {% else %}
<button type="button" class="col px-0 btn btn-dead m-0" style="background-color: None !important; border: None;"> <button type="button" class="col px-0 btn btn-dead m-0" style="background: None !important; border: None;">
<a href="/?sort=new&t=all" class="text-decoration-none"> <a href="/?sort=new&t=all" class="text-decoration-none">
<div class="text-center {% if request.full_path=='/?sort=new&t=all' %}text-primary{% else %}text-muted{% endif %}"> <div class="text-center {% if request.full_path=='/?sort=new&t=all' %}text-primary{% else %}text-muted{% endif %}">
<i class="fas fa-sparkles text-lg"></i> <i class="fas fa-sparkles text-lg"></i>
@ -29,7 +29,7 @@
</a> </a>
</button> </button>
{% endif %} {% endif %}
<button type="button" class="col px-2 btn btn-dead m-0" style="background-color: None !important; border: None;"> <button type="button" class="col px-2 btn btn-dead m-0" style="background: None !important; border: None;">
<a href="/comments" class="text-decoration-none"> <a href="/comments" class="text-decoration-none">
<div class="text-center {% if request.path=='/comments' %}text-primary{% else %}text-muted{% endif %}"> <div class="text-center {% if request.path=='/comments' %}text-primary{% else %}text-muted{% endif %}">
<i class="fas fa-comment-dots text-lg"></i> <i class="fas fa-comment-dots text-lg"></i>
@ -37,7 +37,7 @@
</div> </div>
</a> </a>
</button> </button>
<button type="button" class="col px-0 btn btn-dead m-0" style="background-color: None !important; border: None;"> <button type="button" class="col px-0 btn btn-dead m-0" style="background: None !important; border: None;">
<a href="/leaderboard" class="text-decoration-none"> <a href="/leaderboard" class="text-decoration-none">
<div class="text-center {% if request.path=='/leaderboard' %}text-primary{% else %}text-muted{% endif %}"> <div class="text-center {% if request.path=='/leaderboard' %}text-primary{% else %}text-muted{% endif %}">
<i class="fas fa-trophy text-lg"></i> <i class="fas fa-trophy text-lg"></i>
@ -47,7 +47,7 @@
</button> </button>
{% if v %} {% if v %}
{% if FEATURES['CHAT'] and loggedin_chat >= CHAT_DISPLAY_USER_COUNT_MINIMUM -%} {% if FEATURES['CHAT'] and loggedin_chat >= CHAT_DISPLAY_USER_COUNT_MINIMUM -%}
<button type="button" class="col px-0 btn btn-dead m-0 pt-0" style="background-color: None !important; border: None;"> <button type="button" class="col px-0 btn btn-dead m-0 pt-0" style="background: None !important; border: None;">
<a href="/chat" class="text-decoration-none"> <a href="/chat" class="text-decoration-none">
<div class="text-center {% if request.path=='/chat' %}text-primary{% else %}text-muted{% endif %}"> <div class="text-center {% if request.path=='/chat' %}text-primary{% else %}text-muted{% endif %}">
<b class="text-lg" style="padding-top:10px" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Users in chat right now">{{loggedin_chat}}</b> <b class="text-lg" style="padding-top:10px" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Users in chat right now">{{loggedin_chat}}</b>
@ -57,7 +57,7 @@
</button> </button>
{%- endif %} {%- endif %}
{% if FEATURES['AWARDS'] -%} {% if FEATURES['AWARDS'] -%}
<button type="button" class="col px-0 mr-3 btn btn-dead m-0" style="background-color: None !important; border: None;"> <button type="button" class="col px-0 mr-3 btn btn-dead m-0" style="background: None !important; border: None;">
<a href="/shop" class="text-decoration-none"> <a href="/shop" class="text-decoration-none">
<div class="text-center {% if request.path=='/shop' %}text-primary{% else %}text-muted{% endif %}"> <div class="text-center {% if request.path=='/shop' %}text-primary{% else %}text-muted{% endif %}">
<i class="fas fa-store text-lg"></i> <i class="fas fa-store text-lg"></i>
@ -67,7 +67,7 @@
</button> </button>
{%- endif %} {%- endif %}
{% else %} {% else %}
<button type="button" class="col px-0 mr-3 btn btn-dead m-0" style="background-color: None !important; border: None;"> <button type="button" class="col px-0 mr-3 btn btn-dead m-0" style="background: None !important; border: None;">
<a href="/signup?redirect={{request.full_path | urlencode}}" class="text-decoration-none"> <a href="/signup?redirect={{request.full_path | urlencode}}" class="text-decoration-none">
<div class="text-center text-muted"> <div class="text-center text-muted">
<i class="fas fa-user-plus text-lg"></i> <i class="fas fa-user-plus text-lg"></i>

2
files/templates/modals/emoji.html
View File

@ -72,7 +72,7 @@
<div id="tab-content" class="tab-content d-flex flex-wrap py-3 pl-2" hidden> <div id="tab-content" class="tab-content d-flex flex-wrap py-3 pl-2" hidden>
<style> <style>
.emoji2 { .emoji2 {
/*background-color: None!important;*/ /*background: None!important;*/
width:60px; width:60px;
height: 85px; height: 85px;
overflow: hidden; overflow: hidden;

3
files/templates/util/html_head.html
View File

@ -170,9 +170,8 @@
{% if background %} {% if background %}
<style> <style>
body { body {
background-image: url("/i/backgrounds/{{background}}.webp?v=4"); background:url("/i/backgrounds/{{background}}.webp?v=4") center center fixed;
background-color: var(--background); background-color: var(--background);
background-attachment: fixed;
{% if 'anime/' not in background -%} {% if 'anime/' not in background -%}
background-size: cover; background-size: cover;
{%- endif %} {%- endif %}