.video-forward-container, .video-backward-container { position: absolute; width: 100px; height: 100px; top: 0; left: -10px; right: 0; bottom: 0; margin: auto; text-align: center; line-height: 100px; } @media (min-width: 1920px) { .theater-mode footer { width: 100%; } } @media (max-width: 720px) { #videoOverAd { display: none !important; } } .video-backward-container .fa, .video-forward-container .fa { font-size: 30px; padding: 35px; padding-top: 33px; } .backward-text-container, .forward-text-container { position: absolute; top: 0; left: 0; width: 100%; height: 16px; bottom: 0; margin: auto; text-align: center; font-size: 14px; line-height: 16px; } #contentWrapper .msv-container .tab-content { transition: width 0.75s linear; } #contentWrapper .rvideo-sidebar, #contentWrapper.theater-mode .block-notice { transition: margin-top 0.75s linear; } .lowered { display: none; } .vjs-theater-control, .vjs-settings-control { cursor: pointer; } .vjs-settings-control { order: 1; } .vjs-settings-control .vjs-icon-placeholder { font-size: 16px; line-height: 1; } .vjs-settings-menu { position: absolute; bottom: 100%; right: 0; background: rgba(139, 0, 139, 0.9); border: 1px solid #4a004a; border-radius: 8px; padding: 16px; min-width: 200px; z-index: 1000; display: none; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5); } .vjs-control-bar.vjs-settings-open .vjs-settings-menu { display: block; } .settings-section { margin-bottom: 16px; } .settings-section:last-child { margin-bottom: 0; } .settings-header { color: #fff; font-size: 14px; font-weight: 500; margin-bottom: 8px; } .settings-toggle { display: flex; align-items: center; justify-content: space-between; } .toggle-switch { display: none; } .toggle-label { position: relative; width: 40px; height: 20px; background: #333; border: 2px solid #fff; border-radius: 20px; cursor: pointer; transition: background-color 0.3s; } .toggle-label::after { content: ''; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; background: #fff; border-radius: 50%; transition: transform 0.3s; } .toggle-switch:checked + .toggle-label { background: #4CAF50; } .toggle-switch:checked + .toggle-label::after { transform: translateX(20px); } .settings-options { display: flex; flex-direction: column; gap: 4px; } .settings-option { color: #fff; padding: 8px 12px; cursor: pointer; font-size: 13px; border-radius: 4px; transition: all 0.2s; background: rgba(255, 255, 255, 0.1); } .settings-option:hover { background: rgba(255, 255, 255, 0.2); } .settings-option.active { background: rgba(255, 255, 255, 0.3); color: #4CAF50; font-weight: 500; } @media (max-width: 1004px) { .vjs-theater-control { display: none !important; width: 0; overflow: hidden; } .vjs-settings-control { display: none !important; width: 0; overflow: hidden; } } .theater-mode footer { display: none; } #contentWrapper .rvideo-sidebar, #contentWrapper.theater-mode .block-notice { display: none; } .theater-mode .rvideos-wrap { display: none; } .theater-mode .all { display: none; } #contentWrapper.theater-mode { width: 100%; } @media (max-width: 768px) { #contentWrapper.theater-mode { margin-left: -50px; } } #contentWrapper.theater-mode .videoWrap { width: 100%; } #contentWrapper.theater-mode .after-vid-wrapper { width: 60%; display: flex; margin: auto; } @media (max-width: 768px) { #contentWrapper.theater-mode .after-vid-wrapper { width: 90%; } } #contentWrapper.theater-mode .after-vid { width: calc(70% - 10px); } #videoOverAd { display: none; z-index: 18 !important; } @media (max-width: 720px) { #videoOverAd { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 5px; } } @media (min-width: 720px) { #videoOverAd { padding: 10px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 18 !important; } .videoOverAdSmall { width: 300px; } .videoOverAdBig { width: 610px; margin-left: -475px; } #videoOverAd .close { height: 10px; width: 10px; float: right; display: block; text-decoration: none; font-size: 14px; line-height: 10px; margin-left: 100%; margin-bottom: 10px; box-sizing: border-box; } #videoOverAd .videoOverAd300, #videoOverAd .videoOverAd300snd { float: left; width: 300px; height: 250px; margin-right: 10px; } #videoOverAd .videoOverAd300snd { margin-right: 0; } } .videoBox #video-player.vjs-fluid { aspect-ratio: 16 / 9; height: auto !important; } #video-resume-overlay { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1000 !important; background-color: rgba(0, 0, 0, 0.7) !important; display: flex !important; align-items: center !important; justify-content: center !important; pointer-events: auto !important; } #video-resume-overlay .video-resume-content { background: #1a1a1a; border-radius: 8px; padding: 30px; text-align: center; max-width: 400px; width: 90%; position: relative; } #video-resume-overlay .video-resume-close { position: absolute; top: 10px; right: 15px; background: #ff4444; color: white; border: none; border-radius: 50%; width: 30px; height: 30px; font-size: 18px; font-weight: bold; cursor: pointer; z-index: 1001; display: flex; align-items: center; justify-content: center; } #video-resume-overlay .video-resume-close:hover { background: #ff6666; } #video-resume-overlay[style*="display: none"] { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .videoBox #video-player:not(.theater-mode) { aspect-ratio: 16 / 9 !important; width: 100% !important; height: auto !important; } .videoBox #video-player .vjs-tech { width: 100% !important; height: 100% !important; object-fit: contain !important; } .videoBox { aspect-ratio: unset !important; } .video-resume-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 10; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(3px); pointer-events: auto; } #video-player { position: relative !important; } .video-resume-content { background: rgba(27, 27, 27, 0.95); border: 2px solid #ff5e62; border-radius: 12px; padding: 25px; max-width: 400px; width: 90%; text-align: center; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); animation: slideIn 0.3s ease-out; position: relative; } @keyframes slideIn { from { opacity: 0; transform: translateY(-20px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } .video-resume-icon { font-size: 40px; color: #ff5e62; margin-bottom: 15px; display: block; } .video-resume-title { color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 8px; font-family: 'Roboto', sans-serif; } .video-resume-subtitle { color: #ccc; font-size: 14px; margin-bottom: 20px; line-height: 1.4; } .video-resume-progress { background: #333; height: 4px; border-radius: 2px; margin: 15px 0; overflow: hidden; } .video-resume-progress-fill { background: linear-gradient(90deg, #ff5e62, #f90); height: 100%; border-radius: 2px; transition: width 0.3s ease; } .video-resume-time { color: #ff5e62; font-size: 12px; font-weight: 500; margin-top: 8px; } .video-resume-buttons { display: flex; gap: 12px; justify-content: center; margin-top: 20px; } .video-resume-btn { padding: 10px 20px; border: none; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; min-width: 120px; font-family: 'Roboto', sans-serif; } .video-resume-btn.continue { background: #ff5e62; color: #fff; } .video-resume-btn.continue:hover { background: #6a9bd8; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(142, 177, 230, 0.3); } .video-resume-btn.restart { background: transparent; color: #ff5e62; border: 2px solid #ff5e62; } .video-resume-btn.restart:hover { background: #ff5e62; color: #fff; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(142, 177, 230, 0.3); } .video-resume-close { position: absolute; top: 10px; right: 10px; background: none; border: none; color: #ccc; font-size: 20px; cursor: pointer; padding: 5px; line-height: 1; } .video-resume-close:hover { color: #fff; } @media (max-width: 768px) { .video-resume-content { padding: 20px; margin: 15px; max-width: 350px; } .video-resume-buttons { flex-direction: column; gap: 8px; } .video-resume-btn { min-width: auto; } } @media (min-width: 1024px) { .theater-mode .msv-container { margin-left: -30px !important; max-height: 80vh; } .theater-mode .video-js { padding-top: 0 !important; aspect-ratio: 21 / 9; max-height: 80vh; } .theater-mode .video-js .vjs-tech { width: 100% !important; height: 100% !important; object-fit: contain !important; } } .vjs-settings-dropup { position: absolute; height: 200px; width: 200px; right: 0; bottom: 50px; background: rgba(27, 27, 27, 0.5); font-size: 14px; padding: 15px; display: none; } .vjs-resolutions { padding-top: 10px; } .vjs-resolutions .vjs-change-res { padding: 10px 5px; font-weight: bold; display: block; } .vjs-resolutions .vjs-change-res:hover, .vjs-resolutions .vjs-change-res.active { text-decoration: none; color: #ff5e62; } .vjs-timeline-preview { margin-left: -75px; margin-top: -200px; border-radius: 5px; } .vjs-settings-dropup.in { display: block; } .autoplay-togggle { display: inline-block; width: 40px; height: 20px; border: 1px solid white; vertical-align: bottom; border-radius: 200000px; margin-left: 15px; } .autoplay-togggle::after { content: ''; display: block; height: 15px; width: 15px; background: #ccc; border-radius: 200000px; float: right; margin: 1px; } .autoplay-togggle.on::after { background: #ff5e62; float: left; } .fixp { float: right; padding-left: 5px; text-align: center; line-height: 30px; } .censored { float: right; color: #fff; padding: 5px; margin: 5px; text-transform: uppercase; } .censored:hover { background-color: #1b1b1b; border-radius: 2px; } .about-like { clear: both; } .newone a { font-size: 14px; } .new-tags { margin: 0 !important; width: 100%; max-width: 100%; padding: 5px 0; } @media (max-width: 560px) { .new-tags { width: 100%; position: relative; bottom: 0; float: none !important; } } .new-tags-scroll-row { display: flex; align-items: flex-start; gap: 12px; width: 100%; max-width: 100%; } .new-tags-scroll-row .new-tags-icon { flex: 0 0 auto; margin-top: 7px; } .new-tags-scroller { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; width: 100%; max-width: 100%; padding: 2px 2px 8px; scrollbar-width: thin; scrollbar-color: #323232 #1f1f1f; } .new-tags-scroller::-webkit-scrollbar { height: 10px; } .new-tags-scroller::-webkit-scrollbar-track { background: #1a1a1a; border-radius: 999px; } .new-tags-scroller::-webkit-scrollbar-thumb { background: linear-gradient(90deg, #fca800 0%, #ffcf5c 100%); border-radius: 999px; border: 2px solid #1a1a1a; } .new-tags-scroller a, .new-tags-scroller .suggest-fix { flex: 0 0 auto; white-space: nowrap; } .new-tags-scroller .suggest-fix { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 34px; border: 1px solid #313131; border-radius: 999px !important; } .new-tags-actions { display: inline-flex; align-items: center; flex: 0 0 auto; margin-left: 4px; } .new-tags-actions .suggest-fix { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 34px; border: 1px solid #313131; border-radius: 999px !important; } .meta-boxx { width: 100%; } #downloadid a:focus { box-shadow: none; } #downloadid a:hover { background: #3f3f3f; color: white; } #downloadid a { color: #cacaca; padding: 5px 40px; background: #1f1f1f; } div#downloadid { width: 100%; display: none; margin: auto; float: right; padding: 2rem; justify-content: center; align-items: center; } .msv-container { position: relative; background: #101010; border: 1px solid #313131; border-radius: 4px; } .placeholder-container { width: 100%; position: relative; } .placeholder-container::after { padding-top: 56.25%; display: block; content: ''; } .placeholder { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #000; color: white; } .btn:hover { background-image: none !important; background-color: #fca800; } .nav-tabs .nav-link { border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; border: 0 !important; border-right: 1px solid transparent !important; border-left: 1px solid transparent !important; } .nav-tabs .nav-link:hover { border-color: #252525 !important; background-color: black; } .nav-link.active { border-top-left-radius: 4px !important; } .nav-tabs .nav-item { margin-bottom: 0 !important; } @media (max-width: 439px) { div#downloadid { width: 70% !important; } } @media (max-width: 880px) { div#downloadid { width: 60%; } } .modal-content { background: #0e0e0e !important; border: 1px solid #1f1f1f !important; } .modal-header { border-color: #1f1f1f; } .g-recaptcha > div { margin: auto !important; } .dwl { color: #ff5e62 !important; padding: 0 !important; background: #101010 !important; } .dwl:hover { color: #ff5e62 !important; background: #101010 !important; } #contentWrapper.theater-mode { width: 100%; } #contentWrapper.theater-mode .videoWrap { width: 100%; } #contentWrapper.theater-mode .after-vid-wrapper { width: 60%; display: flex; margin: auto; } @media (max-width: 1200px) { #contentWrapper.theater-mode .after-vid-wrapper { width: 90%; } } #contentWrapper.theater-mode .after-vid { width: calc(70% - 10px); } .videoOverAdBig, .videoOverAdSmall { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; background: rgba(0, 0, 0, 0.8); padding: 20px; border-radius: 8px; } .videoOverAd .close { position: absolute; top: 5px; right: 10px; color: white; font-size: 20px; cursor: pointer; } .lucide-loader-spin svg.lucide { font-size: 16px; animation: lucide-spin 0.8s linear infinite; }