fdsfasdfasdfasd

This commit is contained in:
2026-09-11 16:44:11 +02:00
parent 925913188f
commit 90791333f7
2 changed files with 119 additions and 41 deletions
+59 -13
View File
@@ -2550,7 +2550,6 @@ html[theme='95'] .item-main-content .metadata {
z-index: 900 !important;
/* below navbar dropdowns (1000+) but above page content */
transition: right 0.3s ease-in-out, visibility 0.3s !important;
box-shadow: -5px 0 15px rgba(0, 0, 0, 0.5) !important;
overflow: visible !important;
/* iOS Safari: allow vertical scroll but let JS handle horizontal swipe-to-close */
touch-action: pan-y;
@@ -5716,32 +5715,61 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
}
}
.content,
._204863,
.item_title {
animation: contentSlideIn 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
will-change: transform, opacity;
}
.content {
display: grid;
justify-content: space-around;
grid-template-columns: 0fr 1fr 0fr;
position: relative;
max-width: 100%;
animation: contentSlideIn 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.content.slide-next,
._204863.slide-next,
.item_title.slide-next,
#onara-modal .content.slide-next,
#onara-modal ._204863.slide-next,
#onara-modal .item_title.slide-next {
animation: contentSlideInRight 0.45s cubic-bezier(0.16, 1, 0.3, 1) both !important;
will-change: transform, opacity;
}
.content.slide-next {
animation: contentSlideInRight 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
.content.slide-prev,
._204863.slide-prev,
.item_title.slide-prev,
#onara-modal .content.slide-prev,
#onara-modal ._204863.slide-prev,
#onara-modal .item_title.slide-prev {
animation: contentSlideInLeft 0.45s cubic-bezier(0.16, 1, 0.3, 1) both !important;
will-change: transform, opacity;
}
.content.slide-prev {
animation: contentSlideInLeft 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.content.slide-out-left {
.content.slide-out-left,
._204863.slide-out-left,
.item_title.slide-out-left,
#onara-modal .content.slide-out-left,
#onara-modal ._204863.slide-out-left,
#onara-modal .item_title.slide-out-left {
animation: contentSlideOutLeft 0.22s cubic-bezier(0.3, 0, 0.8, 1) forwards !important;
pointer-events: none;
will-change: transform, opacity;
}
.content.slide-out-right {
.content.slide-out-right,
._204863.slide-out-right,
.item_title.slide-out-right,
#onara-modal .content.slide-out-right,
#onara-modal ._204863.slide-out-right,
#onara-modal .item_title.slide-out-right {
animation: contentSlideOutRight 0.22s cubic-bezier(0.3, 0, 0.8, 1) forwards !important;
pointer-events: none;
will-change: transform, opacity;
}
@keyframes contentSlideIn {
@@ -7743,7 +7771,7 @@ input {
div#flash {
position: fixed;
bottom: -28px;
z-index: 999;
z-index: 100200 !important;
left: 0;
width: 100%;
text-align: center;
@@ -8963,7 +8991,7 @@ div.posts>a.thumb > p {
img#f0ck-image,
div.imageDoor,
video {
animation: 0.4s ease-out 0s 1 fadeInFX;
animation: 0.35s ease-out 0s 1 both fadeInFX;
}
.settings {
@@ -9708,7 +9736,7 @@ input#s_avatar {
transform: translateX(-50%);
width: 90%;
max-width: 600px;
z-index: 10001;
z-index: 100200 !important;
display: flex;
flex-direction: column;
gap: 10px;
@@ -19000,6 +19028,13 @@ body.layout-modern #onara-modal .item-layout-container .item-main-content {
margin-right: auto !important;
}
#onara-modal .content:not(.slide-next):not(.slide-prev):not(.slide-out-left):not(.slide-out-right),
#onara-modal ._204863:not(.slide-next):not(.slide-prev):not(.slide-out-left):not(.slide-out-right),
#onara-modal .item_title:not(.slide-next):not(.slide-prev):not(.slide-out-left):not(.slide-out-right) {
animation: contentSlideIn 0.55s cubic-bezier(0.16, 1, 0.3, 1) both !important;
will-change: transform, opacity;
}
#onara-modal .item-main-content .metadata {
width: 100% !important;
max-width: 600px !important;
@@ -19063,6 +19098,17 @@ body.onara-modal-open #gchat-img-modal {
z-index: 100100 !important;
}
/* Toast and flash notifications must always float in front of Onara modal and all overlays */
#f0ck-flash-container,
#flash-container,
div#flash,
#share-toast,
.emoji-fav-toast,
.flash-message,
.toast {
z-index: 100200 !important;
}
#onara-modal:fullscreen {
overflow: hidden !important;
background: #000 !important;