ghost rider
This commit is contained in:
+112
-19
@@ -794,7 +794,9 @@ html[theme='paper'] a#prev {
|
||||
}
|
||||
|
||||
html[theme='light'] .item_title,
|
||||
html[theme='paper'] .item_title {
|
||||
html[theme='light'] .item-title,
|
||||
html[theme='paper'] .item_title,
|
||||
html[theme='paper'] .item-title {
|
||||
color: #0f172a;
|
||||
}
|
||||
|
||||
@@ -2866,7 +2868,8 @@ body.sidebar-right-hidden #sidebar-drag-zone {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
body.layout-legacy .item-layout-container .item-main-content .item_title {
|
||||
body.layout-legacy .item-layout-container .item-main-content .item_title,
|
||||
body.layout-legacy .item-layout-container .item-main-content .item-title {
|
||||
align-self: center;
|
||||
width: 800px;
|
||||
max-width: 100%;
|
||||
@@ -3217,6 +3220,7 @@ body.sidebar-right-hidden #sidebar-drag-zone {
|
||||
|
||||
.item-layout-container .item-main-content>._204863,
|
||||
.item-layout-container .item-main-content>.item_title,
|
||||
.item-layout-container .item-main-content>.item-title,
|
||||
.item-layout-container .item-main-content>.content,
|
||||
.item-layout-container .item-main-content>.metadata,
|
||||
.item-layout-container .item-main-content #comments-container {
|
||||
@@ -3231,11 +3235,13 @@ body.sidebar-right-hidden #sidebar-drag-zone {
|
||||
/* Reset z-index in fullscreen to prevent sibling stacking contexts from showing metadata/comments over the player */
|
||||
#main:fullscreen .item-layout-container .item-main-content>._204863,
|
||||
#main:fullscreen .item-layout-container .item-main-content>.item_title,
|
||||
#main:fullscreen .item-layout-container .item-main-content>.item-title,
|
||||
#main:fullscreen .item-layout-container .item-main-content>.content,
|
||||
#main:fullscreen .item-layout-container .item-main-content>.metadata,
|
||||
#main:fullscreen .item-layout-container .item-main-content #comments-container,
|
||||
#onara-modal:fullscreen .item-layout-container .item-main-content>._204863,
|
||||
#onara-modal:fullscreen .item-layout-container .item-main-content>.item_title,
|
||||
#onara-modal:fullscreen .item-layout-container .item-main-content>.item-title,
|
||||
#onara-modal:fullscreen .item-layout-container .item-main-content>.content,
|
||||
#onara-modal:fullscreen .item-layout-container .item-main-content>.metadata,
|
||||
#onara-modal:fullscreen .item-layout-container .item-main-content #comments-container {
|
||||
@@ -4850,7 +4856,8 @@ html[theme='f0ck95d'] {
|
||||
--comment-bg: #0b0a0a;
|
||||
}
|
||||
|
||||
html[theme="f0ck95d"] .item_title {
|
||||
html[theme="f0ck95d"] .item_title,
|
||||
html[theme="f0ck95d"] .item-title {
|
||||
background: black;
|
||||
border-left: 2px solid gray;
|
||||
border-right: 2px solid gray;
|
||||
@@ -5753,7 +5760,8 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
|
||||
|
||||
.content,
|
||||
._204863,
|
||||
.item_title {
|
||||
.item_title,
|
||||
.item-title {
|
||||
animation: contentSlideIn 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
|
||||
will-change: transform, opacity;
|
||||
}
|
||||
@@ -5769,9 +5777,11 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
|
||||
.content.slide-next,
|
||||
._204863.slide-next,
|
||||
.item_title.slide-next,
|
||||
.item-title.slide-next,
|
||||
#onara-modal .content.slide-next,
|
||||
#onara-modal ._204863.slide-next,
|
||||
#onara-modal .item_title.slide-next {
|
||||
#onara-modal .item_title.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;
|
||||
}
|
||||
@@ -5779,9 +5789,11 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
|
||||
.content.slide-prev,
|
||||
._204863.slide-prev,
|
||||
.item_title.slide-prev,
|
||||
.item-title.slide-prev,
|
||||
#onara-modal .content.slide-prev,
|
||||
#onara-modal ._204863.slide-prev,
|
||||
#onara-modal .item_title.slide-prev {
|
||||
#onara-modal .item_title.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;
|
||||
}
|
||||
@@ -5789,9 +5801,11 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
|
||||
.content.slide-out-left,
|
||||
._204863.slide-out-left,
|
||||
.item_title.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 {
|
||||
#onara-modal .item_title.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;
|
||||
@@ -5800,9 +5814,11 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
|
||||
.content.slide-out-right,
|
||||
._204863.slide-out-right,
|
||||
.item_title.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 {
|
||||
#onara-modal .item_title.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;
|
||||
@@ -5811,9 +5827,11 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
|
||||
.content.fade-in-zoom,
|
||||
._204863.fade-in-zoom,
|
||||
.item_title.fade-in-zoom,
|
||||
.item-title.fade-in-zoom,
|
||||
#onara-modal .content.fade-in-zoom,
|
||||
#onara-modal ._204863.fade-in-zoom,
|
||||
#onara-modal .item_title.fade-in-zoom {
|
||||
#onara-modal .item_title.fade-in-zoom,
|
||||
#onara-modal .item-title.fade-in-zoom {
|
||||
animation: contentFadeInZoom 0.35s cubic-bezier(0.16, 1, 0.3, 1) both !important;
|
||||
will-change: transform, opacity;
|
||||
}
|
||||
@@ -5821,9 +5839,11 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
|
||||
.content.fade-out-zoom,
|
||||
._204863.fade-out-zoom,
|
||||
.item_title.fade-out-zoom,
|
||||
.item-title.fade-out-zoom,
|
||||
#onara-modal .content.fade-out-zoom,
|
||||
#onara-modal ._204863.fade-out-zoom,
|
||||
#onara-modal .item_title.fade-out-zoom {
|
||||
#onara-modal .item_title.fade-out-zoom,
|
||||
#onara-modal .item-title.fade-out-zoom {
|
||||
animation: contentFadeOutZoom 0.18s cubic-bezier(0.3, 0, 0.8, 1) forwards !important;
|
||||
pointer-events: none;
|
||||
will-change: transform, opacity;
|
||||
@@ -5990,11 +6010,13 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.item_title {
|
||||
.item_title,
|
||||
.item-title,
|
||||
.item-itle {
|
||||
width: 100%;
|
||||
max-width: 1100px;
|
||||
padding: 4px 10px;
|
||||
border-top: none;
|
||||
padding: 0px 0px 5px 0px;
|
||||
color: rgba(255, 255, 255, 0.72);
|
||||
font-size: 0.82em;
|
||||
font-family: inherit;
|
||||
@@ -6004,12 +6026,26 @@ body.layout-modern.sidebar-right-hidden .pagination-container-fluid {
|
||||
text-overflow: ellipsis;
|
||||
line-height: 1.6;
|
||||
box-sizing: border-box;
|
||||
min-height: calc(1.6em + 5px) !important;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.item_title:empty::before {
|
||||
.item_title_text:empty::before,
|
||||
.item_title:empty::before,
|
||||
.item-title:empty::before,
|
||||
.item-itle:empty::before {
|
||||
content: '\00a0';
|
||||
visibility: hidden;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.item_title:has(.info-title-edit-wrap),
|
||||
.item-title:has(.info-title-edit-wrap),
|
||||
.item-itle:has(.info-title-edit-wrap) {
|
||||
white-space: normal;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* .location {
|
||||
@@ -12034,7 +12070,15 @@ textarea.mod-reason {
|
||||
color: #fff;
|
||||
border: 1px solid #444;
|
||||
resize: vertical;
|
||||
padding: 5px;
|
||||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
transition: border-color 0.2s ease, box-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
textarea.mod-reason:focus {
|
||||
outline: none;
|
||||
border-color: #666;
|
||||
}
|
||||
|
||||
.error-msg {
|
||||
@@ -12044,6 +12088,47 @@ textarea.mod-reason {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.error-msg:not(:empty) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#report-error {
|
||||
color: #ff6b6b;
|
||||
font-size: 0.88em;
|
||||
margin: 10px 0 5px 0;
|
||||
padding: 8px 12px;
|
||||
background: rgba(255, 107, 107, 0.12);
|
||||
border: 1px solid rgba(255, 107, 107, 0.35);
|
||||
border-radius: 4px;
|
||||
text-align: left;
|
||||
line-height: 1.4;
|
||||
word-break: break-word;
|
||||
animation: fadeIn 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
#report-error:empty {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.field-error {
|
||||
border-color: #ff6b6b !important;
|
||||
box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.4) !important;
|
||||
animation: fieldShake 0.4s ease-in-out;
|
||||
}
|
||||
|
||||
#modal-report-recaptcha.field-error {
|
||||
border: 1px solid #ff6b6b !important;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.4) !important;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
@keyframes fieldShake {
|
||||
0%, 100% { transform: translateX(0); }
|
||||
20%, 60% { transform: translateX(-6px); }
|
||||
40%, 80% { transform: translateX(6px); }
|
||||
}
|
||||
|
||||
/* ---------- notifications.html styles ---------- */
|
||||
.notif-history-container {
|
||||
max-width: 760px !important;
|
||||
@@ -17748,7 +17833,6 @@ body.scroller-active #gchat-reopen-bubble {
|
||||
.info-title-edit-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
@@ -17756,9 +17840,8 @@ body.scroller-active #gchat-reopen-bubble {
|
||||
flex: 1;
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
border: 1px solid rgba(255, 255, 255, 0.14);
|
||||
border-radius: 6px;
|
||||
color: #fff;
|
||||
padding: 6px 10px;
|
||||
padding: 7px 10px;
|
||||
font-size: 0.88rem;
|
||||
outline: none;
|
||||
transition: all 0.18s ease;
|
||||
@@ -17774,7 +17857,6 @@ body.scroller-active #gchat-reopen-bubble {
|
||||
background: var(--accent, #9f0);
|
||||
color: #111;
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
display: flex;
|
||||
@@ -19019,6 +19101,16 @@ body.onara-modal-open #sidebar-drag-zone {
|
||||
z-index: 10061 !important;
|
||||
}
|
||||
|
||||
body.onara-modal-open .admin-bar {
|
||||
z-index: 100080 !important;
|
||||
filter: none !important;
|
||||
}
|
||||
body.onara-modal-open .admin-bar.open {
|
||||
opacity: 1 !important;
|
||||
pointer-events: auto !important;
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
/* Modal wrapper covers main content area with subtle dark glassmorphism, respecting sidebar */
|
||||
.onara-modal-wrapper {
|
||||
position: fixed !important;
|
||||
@@ -19204,7 +19296,8 @@ body.layout-modern #onara-modal .item-layout-container .item-main-content {
|
||||
|
||||
#onara-modal .content:not(.slide-next):not(.slide-prev):not(.slide-out-left):not(.slide-out-right):not(.fade-in-zoom):not(.fade-out-zoom),
|
||||
#onara-modal ._204863:not(.slide-next):not(.slide-prev):not(.slide-out-left):not(.slide-out-right):not(.fade-in-zoom):not(.fade-out-zoom),
|
||||
#onara-modal .item_title:not(.slide-next):not(.slide-prev):not(.slide-out-left):not(.slide-out-right):not(.fade-in-zoom):not(.fade-out-zoom) {
|
||||
#onara-modal .item_title:not(.slide-next):not(.slide-prev):not(.slide-out-left):not(.slide-out-right):not(.fade-in-zoom):not(.fade-out-zoom),
|
||||
#onara-modal .item-title:not(.slide-next):not(.slide-prev):not(.slide-out-left):not(.slide-out-right):not(.fade-in-zoom):not(.fade-out-zoom) {
|
||||
animation: contentSlideIn 0.55s cubic-bezier(0.16, 1, 0.3, 1) both !important;
|
||||
will-change: transform, opacity;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user