fdsfasdfasdfasd
This commit is contained in:
+59
-13
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user