/* ==UserStyle==
@name Xhamster Widescreen - New Design v.450
@version 4.500000.0
@include https://*xhamster.desi/*
@include https://*xhamster.com/*
@include http://*upload*.xhamster.com/*
@include https://*xhamsterlive.com/*
@author janvier56
@description Wide Xhamster on large screen (1920x1080) ONLY...
@icon https://external-content.duckduckgo.com/ip3/fr.xhamster.com.ico
@homepage https://greasyfork.org/fr/users/7434-janvier56
@license unlicense
@namespace xhamster.com
==/UserStyle== */
@-moz-document domain("xhamster.com"), domain("xhamster19.com"), domain("xhamster.desi"), domain("fr.xhamster.com"), domain("de.xhamster.com"), domain("nl.xhamster.com"), domain("es.xhamster.com"), domain("it.xhamster.com"), domain("ru.xhamster.com"), domain("pl.xhamster.com"), domain("jp.xhamster.com"), domain("ge.xhamster.com"), domain("br.xhamster.com"), domain("cz.xhamster.com"), domain("vi.xhamster.com"), domain("tr.xhamster.com"), domain("ua.xhamster.com"), domain("hi.xhamster.com"), domain("th.xhamster.com"), domain("ko.xhamster.com"), domain("ro.xhamster.com"), domain("pt.xhamster.com"), domain("my.xhamster.com"), domain("id.xhamster.com"), domain("thumb-v.xhcdn.com"), domain("thumb-v-ec.xhcdn.com"), domain("http://ept.xhcdn.com"), domain("http://ep0.xhcdn.com"), domain("http://ep1.xhcdn.com"), domain("http://ep3.xhcdn.com"), domain("http://ep4.xhcdn.com"), domain("http://ep4.xhcdn.com"), domain("http://ep5.xhcdn.com"), domain("http://ep6.xhcdn.com"), domain("http://ep7.xhcdn.com"), domain("http://ep8.xhcdn.com"), domain("http://ep9.xhcdn.com") {
/* ===== X Xhamster Widescreen - New Design - v.450 (new450) - TEST MORE RELATED - WATXhamDevNEW - ====== */
/* COLOR XHAMSTER MEMO:
RED XHAM : background-color: #e34449 !important;
==== */
/* GM IN USE:
GM "XHamster GX" (play Thumbnail):
https://openuserjs.org/scripts/dropdabase/XHamster_GX
=== */
/* ============================================================================= */
/* AAA ==== START ==== PART 1 ===== ============================================ */
/* ============================================================================= */
/* (new426) SUPERLOADER - MENU */
#sp-fw-container {
text-align: left;
z-index: 50000000000 !important;
}
/* (new438) TEST PLACEHOLDER VIDEO THUMBNAIL */
/* .video-page:not(.video-page--large-mode) .thumb-list--related .video-thumb:not([data-role="related-item"]) ,
[data-role-thumb-placeholder],
.video-page:not(.video-page--large-mode) [data-role-thumb-placeholder],
.video-page:not(.video-page--large-mode) [data-role-thumb-placeholder]::after,
.video-page:not(.video-page--large-mode) [data-role-thumb-placeholder]::before {
background-color: red !important;
border: 1px solid red !important;
} */
/* (new426) SUPP - FOOTER on CERTAIN PAGES */
.photo-page .footer-wrapper ,
.user-page .footer-wrapper ,
.page .footer-wrapper ,
.category-page .footer-wrapper ,
.main-page.hub-page .footer-wrapper ,
.user-page.user-videos-page.my-uploads-page .footer-wrapper ,
.user-page.my-uploads-page .footer-buffer + footer,
.user-page.user-photos-page.my-uploads-page .footer-buffer + footer ,
#photo-slider + .footer-wrapper ,
.photos-page .footer-wrapper ,
.channels-page .footer-wrapper ,
.notifications-page .footer-wrapper ,
.news-page .footer-wrapper ,
.search-results .footer-wrapper ,
.hub-videos-page .footer-wrapper ,
html.pornstar-page .sp-separator ~ .main-wrap .footer-wrapper ,
html.pornstar-page .footer-wrapper ,
html.pornstar-page .pornstar-container .pornstar-content__main footer:first-of-type{
display: none !important;
}
/* (new427) SUPP - GENERIC ==== */
/* (new435) COOKIES */
div[class^="desktop-"][class*="wrapper-"] ,
/* (new438) SKELETON - THUMBNAILS LOADING */
.video-page.video-page--large-mode .thumb-list--related .video-thumb:not([data-role="related-item"]) ,
.video-page:not(.video-page--large-mode) .thumb-list--related .video-thumb:not([data-role="related-item"]) ,
.mixed-section.index-videos .thumb-list div[class*="skeleton-"] ,
.mixed-section.index-videos .thumb-list div[class*="skeleton-"]::after,
/* (new444) SUPP GENERIC */
[data-role*="banner"] ,
[class*="premium"] ,
[class*="cam-thumb"],
[data-role$="under-comments"] ,
[data-role$="banner-underplayer"] ,
[data-testid="right-banner-section"] ,
div[data-role*="-oobanner-"] ,
div[class*="-oocam-thumb"] ,
[data-role$="-oopromo"] ,
div[class*="-oocams-wgt"] ,
div[class*="oopremium"] ,
div[data-role$="-oobottom"] ,
div[class^="container-"][data-role="promo-messages-wrapper"] aside[class^="pinned-"][class*="hasImage-"][data-role$="-oopromo"] ,
aside[class^="container-"][class*="pinned-"] ,
.main-wrap div[class="container-"][data-role="promo-messages-wrapper"] ,
[class^="tip-"][class*="top-"][class*="blue-"] ,
.page .contest-content.hide-on-search .width-wrap>div[data-role="contest-banner-block"] ,
[class^="bottomDescription-"] ,
.category-page .main-wrap .pages-category article > .index-videos.mixed-section + div[class^="root-"] ,
.pornstar-page .widget ,
[class*="promoMessageBanner-"] ,
[class^="pinned-"],
[class*="-pcbottom-widget-section"] ,
.yld-pcbottom-banner ,
[data-role*="-pcpromo"] ,
.controls div[data-role="video-share-button"] ,
div[data-role="video-share-button"] ,
.view-cam-page-wrapper .promo-banner-wrapper,
.promo-message.promo-message__banner,
.promo-message.promo-message__banner .width-wrap,
.promo-message:not(.alert-item),
.promo-message__banner
.promo > aside,
.pornstar-content__aside>div[data-role="pornstar-banner"] ,
aside[class^="pinned-"] ,
aside.pinned,
.top-menu.width-wrap .nav-item.displayed-nav-item[data-item="dating"],
.clipstore-bottom,
.video-thumb__date-added,
.cookies-modal__wrapper ,
div[class="bottom-widget-section"],
[class*="-mdpremium-"] ,
.premium-overlay,
.top-menu.width-wrap .nav-item.displayed-nav-item[data-item="premium"],
.search-results .sp-separator ~ .main-wrap .premium-overlay + .right-rectangle,
.search-results .sp-separator ~ .main-wrap .premium-overlay,
header .top-menu-container .top-menu__side-group.left li.nav-item[data-item="premium"],
.cams-overlay ,
.sponsored-block ,
.clipstore-bottom iframe,
.width-wrap.clipstore-bottom,
.clipstore-results,
.tab-set-item.tab-set-item--with-icon[href*="=paid-tab"] ,
.faphouse-modal-container,
.width-wrap.clipstore-bottom,
.bottom-widget-section.wio-vspot-container,
.central-container.central-container--desktop.central-container--hidden,
.layout-order__promo-message,
.tip-d2eea,
.best-page .footer,
.gallery-thumb .gallery-thumb-info__secure,
.video-page.dark .search-section .logo-container .logo img.theme-light,
.logo .flyout-hint,
.thumb-image-container__badge[data-brand="full video"],
.absolute.absolute-top.notifications-tooltip.tooltip,
.disclaimer,
.xp-hover-link,
.photo-page .photo-view .sponsor-mark,
.xplayer .xplayer-ads-label,
.xplayer .xp-subscribe,
.video-page .wid-player,
.right-rectangle,
.wid-banner,
.banner,
.thumb-list .right-rectangle.list-items,
.thumb-list .right-rectangle--backing,
.thumb-list .right-rectangle.static-banner,
.xplayer:not(.x-plain) .xplayer-banner .player-ad-overlay,
main .gallery-list .static,
.right-rectangle.static-banner,
.right-rectangle.spot-container.list-items,
.width-wrap.clipstore-bottom,
.clipstore-bottom,
.bottom-widget-section .banner-container,
.video-page .player-ads2,
.right-ads.list-ads,
.ads-section,
.video-page .sponsor-message,
.video-page .player-container .banner-container,
.player-ads,
.video-page .player-ads .ads-by,
.ads-by,
.banner.static,
#playerBox .sponsorBottom,
#supportAds,
#swectrqw,
.avdo,
.banner,
.right-ads,
.ads-section,
.right-ads.list-ads ,
.bottom-announce.cookie-announce,
.photo-page .photo-view .sponsor,
/* SUPP - FOR DESIGN ==== */
.story-text > br + br + br,
.dark .logo-container .theme-light,
.sort-section.xh-tabbed.darkest.no-upper > p,
.pornstars-online__inline,
/* SUPP - SPECIFIC ==== */
.thumb-list [class*="cam-"]
.thumb-list [class^="yld-"] ,
.thumb-list [class*="yld-"] ,
*[data-role^="yld-"] ,
div[data-role^="yld-"] ,
.thumb-list [class*="yld-mdcam-thumb-"] ,
.video-page [class*="yld-"] ,
.video-page [data-role^="yld-"] ,
.yld-mdads-buy-nft__link ,
[data-role="yld-pdpromo"] ,
.yld-mdclipstore-bottom ,
.yld-pdsp-l-adshare__message ,
.yld-mdpremium-overlay ,
.category-page .index-videos .thumb-list .yld-mdpremium-overlay ,
.player-container>div[data-role="yld-mdbanner-underplayer"] ,
.video-page.video-page--large-mode .thumb-list--related .video-thumb[class*="yld-mdcam-thumb-"] ,
.video-page:not(.video-page--large-mode) .thumb-list--related .video-thumb[class*="yld-mdcam-thumb-"] ,
.video-page .thumb-list--related .video-thumb[class*="yld-pdcam-thumb--live-red"][class*="yld-pdcam-thumb__look-like-item"] ,
.video-page .thumb-list--related .video-thumb[class*="yld-pdcam-thumb__look-like-item"] ,
.video-page .thumb-list--related .video-thumb[class*="yld-pdcam-thumb--live-red"] ,
.video-page .thumb-list--related .video-thumb[class*="yld-pdcam-thumb"] ,
.video-page .thumb-list--related .video-thumb[class*="yld-mdcam-thumb-"] ,
.video-page.video-page--large-mode .thumb-list--related .video-thumb[class^="yld-"] ,
.video-page:not(.video-page--large-mode) .thumb-list--related .video-thumb[class^="yld-"] ,
#xplayer__video[src^="https://cdn.stripcash.com/video/"] ,
.video-page .xplayer-hover-menu a[class$="adshare"] ,
.xplayer-hover-menu a[class$="adshare"] ,
a[href^="//tsyndicate.com/"] ,
div[class$="-containerPauseSpot"] ,
div[data-role="promo-messages-wrapper"] ,
div[class^="yfd-fdcam-"] ,
div[class^="yfd-"] ,
div[data-role^="yfd-"] ,
aside[class="pinned"] ,
aside[class="pinned"][data-role="promo"] a ,
aside[class="pinned"][data-role="promo"] ,
div[class^="yfd-fdplayer"] ,
.player-container>div[data-role^="yfd-"],
.video-page:not(.video-page--large-mode) .thumb-list--related .video-thumb[class^="yfd-fdcam-"] ,
#player-container div[class*="containerBottomSpot"] ,
#player-container.xplayer-ads-preload #xplayer__video[src^="blob:https://xhamster.com/"] ,
.player-container__no-player.xplayer.xplayer-fallback-image.xh-helper-hidden,
.player-container > div[data-role$="-ebanner-underplayer"],
#player-container.xplayer-ads-preload.xplayer-ads-loading,
.player-container__player.xplayer.xplayer-ads,
.player-container__player.xplayer.notranslate.xplayer-ads,
.xplayer.xplayer-ads .xplayer-ads-block {
display: none !important;
height: 0 !important;
width: 0 !important;
}
/* (new358) SUPP MOBILE */
body.mobile-page ul.scrollable li a[href*="/faphouse/out?"] ,
.auto-generated-banner-container ,
footer .earning-block,
.wit-cams-widget.underplayer,
.wit-spot-container,
.video-page.video-page--large-mode .thumb-list--related .video-thumb.yxd-jcam-thumb.yxd-jcam-thumb--live-red,
div[data-role="ytd-jbanner-underplayer"],
.mixed-section.videos.related-container .thumb-list .ytd-jcam-thumb,
.ytd-jplayer,
.wiz-spb,
.video-page .wiz-player,
.wig-cams-thumb-widget,
.wig-cams-thumb-widget.wig-cams-thumb-widget--live-red.thumb-list__look-like-item.video-thumb,
.category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .wig-cams-thumb-widget,
.category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb[class^="wio-"],
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb[class^="wio-"],
.wig-sponsor-link,
.wig-player.wig-spot-container.no-popunder,
.wig-sponsor-banner,
.wig-sponsor-banner img,
.wil-cams-thumb-widget.thumb-list__look-like-item.video-thumb.video-thumb--dated.no-popunder,
.wil-sponsor-link,
.video-page .wil-player.wil-spot-container,
.video-page .wil-player,
.wil-sponsor-banner,
body > div.main-wrap > main > div.width-wrap.with-player-container > div.wit-player.wit-spot-container.no-popunder,
.index-videos .thumb-list div[class*="-ecam-thumb"],
.mixed-section.index-videos .video-thumb[class*="-ecam-thumb"],
.video-thumb[class*="-ecam-thumb"],
.video-page .player-container .wit-sponsor-link__message,
.video-page .player-container .wit-sponsor-link-tab__message,
.video-page .player-container .wit-sponsor-link__label,
.video-page .player-container .wit-sponsor-link-tab__label,
.wit-sponsor-banner,
.wit-cams-widget.vertical,
.wih-spb,
.wih-player,
.wig-spb,
.wih-player.wih-spot-container iframe,
.wih-player.wih-spot-container,
.wig-cams-thumb-widget.thumb-list__look-like-item.video-thumb.video-thumb--dated.no-popunder,
body > div.xh-modal-wrapper.old.signup-modal.opened > div > div > div > form > div > div > div.left-side.hamster,
.thumb-container.reset-cursor > img[src="https://static-cl.xhcdn.com/xh-tpl3/images/pixel.gif"],
.video-page .wit-player,
.wid-sponsor-banner,
.wid-bottom-banner,
.beta-preloader.xh-element-overlay,
header.halloween-logo .logo-section .logo::after,
header.halloween-logo .logo-section .logo::before,
header.halloween-logo .logo-section::before,
div[class*="-rectangle"],
.video-page .player-container .wid-banner-container,
.video-page .player-container .wid-banner-container .wid-banner,
[class^="yxd-"],
*[class*="yxd-"] ,
.video-page.video-page--large-mode .thumb-list--related .video-thumb.yxd-jdcam-thumb ,
.video-page:not(.video-page--large-mode) .thumb-list--related .video-thumb.yxd-jdcam-thumb ,
.video-page .thumb-list--related .video-thumb[class*="yxd-jdcam-thumb"] ,
.video-page [class*="yxd-jdcams-widget"] ,
[class*="-jcam-thumb-"],
[class$="-jpremium-overlay "],
[class^="yxd-jpremium-overlay "],
.video-page:not(.video-page--large-mode) .thumb-list--related .video-thumb.yxd-jcam-thumb.yxd-jcam-thumb--live-red,
div[class*="-ecam-"],
div[class^="wixx-"],
[class^="wio-"] > i,
div[class^="ytd"],
.ytd-jcam-thumb,
.thumb-list .ytd-jcam-thumb,
div[class*="-ecam-"].video-thumb,
div[class^="ytd-jcam-thumb"],
*[class*="-ecam-"]:not(.widget-profile),
*[class^="wixx-"]:not(.widget-profile),
[class^="wio-"]:not(.widget-profile),
[class^="wiu-"]:not(.widget-profile),
[class^="wim-"]:not(.widget-profile),
[class^="wih-"]:not(.widget-profile),
[class^="wig-"]:not(.widget-profile),
[class^="wil-"]:not(.widget-profile),
[class^="wit-"]:not(.widget-profile),
[class^="wiz-"]:not(.widget-profile),
#dl8-content-container img,
.dl8-embed-container img,
.dl8-embed-container .dl8-tags,
.dl8-embed-container .dl8-logo {
display: none !important;
height: 0 !important;
width: 0 !important;
order: unset !important;
visibility: hidden !important;
}
/* TEST AGAINST BLUR */
.xh-thumb-disabled .blog-list .thumb-container,
.xh-thumb-disabled .cams-overlay,
.xh-thumb-disabled .channel-logo .logo-container,
.xh-thumb-disabled .clipstore-results,
.xh-thumb-disabled .intro-video-container iframe,
.xh-thumb-disabled .mixed-list .image-thumb,
.xh-thumb-disabled .mixed-list .thumb-container,
.xh-thumb-disabled .mobile-video-thumb .thumb-image-container,
.xh-thumb-disabled .pc-bg, .xh-thumb-disabled .player-container,
.xh-thumb-disabled .pornstar-logo .logo-container,
.xh-thumb-disabled .related-list .logo,
.xh-thumb-disabled .thumb-list .thumb,
.xh-thumb-disabled .verified-items .thumb-container,
.xh-thumb-disabled .verified-items iframe,
.xh-thumb-disabled .video-intro iframe,
.xh-thumb-disabled .video-thumb .thumb-widget-img,
.xh-thumb-disabled .yld-pd,
.xh-thumb-disabled .yld-pdbanner-container .yld-pdcams-widget,
.xh-thumb-disabled .yld-pdpremium-overlay,
.xh-thumb-disabled img.xp-preload-image ,
.xh-thumb-disabled .channel-thumb-container img,
.xh-thumb-disabled .intro-image-container img ,
.xh-thumb-disabled .main-wrap, .xh-thumb-disabled .pc-img,
.xh-thumb-disabled .photo-intro img,
.xh-thumb-disabled .picture_container img,
.xh-thumb-disabled .pictures_block img,
.xh-thumb-disabled .pornstar-live .img,
.xh-thumb-disabled .pornstar-thumb-container img,
.xh-thumb-disabled .recomm-promo-banner__pic,
.xh-thumb-disabled .thumb-list img,
.xh-thumb-disabled .video-thumb img,
.xh-thumb-disabled img.blog-image,
.xh-thumb-disabled img.fotorama__img,
.xh-thumb-disabled img.xh-avatar {
filter: unset !important;
}
/* (new384) SUPP - XHAM desi NOT LOGGED - POINTER-EVENTS NONE */
html.xh-thumb-disabled .xh-button.button.sub-button.exclude-tablet.video-tag__subscribe {
pointer-events: none !important;
}
.xh-scroll-disabled {
overflow: auto !important;
}
/* (new384) SUPP - XHAM desi NOT LOGGED */
html.xh-thumb-disabled .comments-section .comments-list .comment-item .comment-info .comment-meta .reply-link,
html.xh-thumb-disabled.video-page .comments-section .comments-list .comment-item .comment-info .comment-meta .reply-link,
html.xh-thumb-disabled .comments-section .comments-list .item .comment-info .comment-meta .reply-link,
html.xh-thumb-disabled video-page .comments-section .comments-list .item .comment-info .comment-meta .reply-link
html.xh-thumb-disabled .comments-section .comment-meta span.reply-link ,
html.xh-thumb-disabled span.reply-link ,
html.xh-thumb-disabled .report-control ,
html.xh-thumb-disabled .favorites-control ,
html.xh-thumb-disabled .share-control ,
html.xh-thumb-disabled .promo-signup ,
html.xh-thumb-disabled .user-header .user-buttons ,
html.xh-thumb-disabled .user-header .user-buttons .subscribe-block ,
html.xh-thumb-disabled .video-thumb__trigger ,
html.xh-thumb-disabled .video-thumb .video-thumb-info .xh-dropdown ,
html.xh-thumb-disabled .sub-button ,
html.xh-thumb-disabled .controls .favorites-control ,
html.xh-thumb-disabled .controls .report-control ,
.user-page.xh-thumb-disabled article .userpage-status .buttons-container ,
html.xh-thumb-disabled .comments-section .my-comment .comment-textarea.focus,
html.xh-thumb-disabled .comments-section .my-comment .comment-textarea:not(.focus) ,
html.xh-thumb-disabled .comments-section .my-comment .input-area ,
.video-page.xh-thumb-disabled .width-wrap .comments-section.comments-container:not(:hover) #commentBox.width-wrap .comments-wrap .content-container .my-comment ,
html.xh-thumb-disabled .my-comment .input-area ,
html.xh-thumb-disabled .my-comment ,
.video-page.xh-thumb-disabled .tab-set-item.tab-set-item--with-icon[data-tab-type="recommended"] {
display: none !important;
height: 0 !important;
width: 0 !important;
order: unset !important;
visibility: hidden !important;
}
/* (new384) SUPP - PLAYER ADDS */
#player-container:not(.xplayer-ads-preload) .xp-preload-image ,
.player-container__player.xplayer.notranslate.xplayer-ads-preload .xp-preload-image,
#player-container.xplayer-ads-preload .xp-preload-image {
position: absolute !important;
display: inline-block !important;
height: 100% !important;
/* height: 0 !important; */
/* width: 0 !important; */
width: 100% !important;
background-size: 85% auto !important;
background-position: center center !important;
object-fit: contain !important;
z-index: 50000 !important;
}
/* (new335) SUPP - TXT PARASITE - PB!important;
BLOG EDIT for .main-wrap
CHANNELS BEST STAR for.sp-separator ~.main-wrap
=== */
.category-page .pornstar-container__filters + .pornstar-content ,
.user-watch-history-page .main-wrap ,
.search-results .width-wrap>article ,
.search-results .main-wrap ,
.category-page .main-wrap ,
.hub-videos-page .main-wrap ,
html.main-page.hub-page .main-wrap ,
.best-page .main-wrap ,
.user-page.favorites-page .main-wrap ,
html.category-page article ,
.search-results .sp-separator ~ .main-wrap ,
html.best-page > body > .main-wrap:first-of-type,
html.category-page > body > .main-wrap:first-of-type,
html.newest-page > body > .main-wrap:first-of-type ,
category-info,
.mobile-page .profile-header-container.profile-header-container--dark.profile-header-container--separator,
.main-page .main-wrap > .width-wrap main article,
.hub-page.main-page .page-title,
.search-results main article {
font-size: 0px !important;
}
/* SUPP ANIMATION */
.root-a5320 {
display: none !important;
}
.root-a5320:after {
animation: unset !important;
background-image: none !important;
}
@keyframes shimmer-a5320 {
to {
transform: translateX(100%)
}
}
/* (new407) PORNSTAR INFOS PAGE - PAGINATION */
.pornstar-page .pager-section {
position: fixed !important;
display: inline-block !important;
min-width: 645px !important;
max-width: 645px !important;
height: 2.5vh !important;
line-height: 15px !important;
margin: 0 !important;
top: 3.5vh !important;
right: 5px !important;
border-radius: 0 !important;
z-index: 500000000 !important;
background: #111 !important;
/* background: orange !important; */
border-bottom: 1px solid red !important;
/* border-bottom: 1px solid violet !important; */
/* border: 1px solid aqua !important; */
}
/* (new400) PORNSTAR INFOS PAGE - NEW DESIGN */
html.pornstar-page {
overflow-x: hidden !important;
}
html.pornstar-page .pornstar-container {
padding: 0 !important;
}
/* (new409) */
html.pornstar-page .sp-separator ~ .main-wrap .pornstar-container .category-info.pornstar ,
html.pornstar-page .category-info.pornstar {
display: inline-block !important;
position: fixed !important;
min-height: 14.2vh !important;
max-height: 14.2vh !important;
width: 100% !important;
top: 0 !important;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
z-index: 5000 !important;
}
html.pornstar-page .sp-separator ~ .main-wrap .pornstar-container .category-info.pornstar {
display: none !important;
position: fixed !important;
min-height: 14.2vh !important;
max-height: 14.2vh !important;
width: 100% !important;
top: 0 !important;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
pointer-events: none !important;
background-color: brown !important;
}
html.pornstar-page .pornstar-info {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
min-height: 11.5vh !important;
max-height: 11.5vh !important;
margin: 0 !important;
top: 2.7vh !important;
left: 0px !important;
padding: 0 0 0 110px !important;
overflow: visible !important;
z-index: 5000000 !important;
visibility: visible !important;
background: #111 !important;
border-bottom: 1px solid red !important;
}
/* (new408) - SUPERLOADER */
html.pornstar-page .sp-separator ~ .main-wrap .pornstar-info {
display: none !important;
}
/* (new409) PORNSTAR INFOS PAGE - RANK */
html.pornstar-page .landing-info__logo-wrapper + a {
display: inline-block;
left: 215px !important;
top: 9.5vh !important;
opacity: 0.8;
}
/* (new424) PORNSTAR INFOS PAGE - PAGE TITLE */
html.pornstar-page .category-info.pornstar + .page-title {
display: none !important;
}
/* (new409) PORNSTAR INFO - ALIAS */
html.pornstar-page .landing-info__block {
position: fixed;
display: flex;
flex-direction: row;
width: auto;
height: 25px;
line-height: 20px;
max-height: 2vh !important;
margin: 0;
left: 220px !important;
top: 11.5vh !important;
padding: 0;
text-align: right;
overflow: visible !important;
}
html.pornstar-page .landing-info__user {
display: flex;
flex: 1 1 0;
flex-direction: column;
height: 100%;
width: 100% !important;
min-width: 1268px !important;
max-width: 1268px !important;
min-height: 11.5vh !important;
max-height: 11.5vh !important;
padding: 0 0 0 125px !important;
}
html.pornstar-page .landing-info__counters {
display: inline-block !important;
width: 100% !important;
min-width: 950px !important;
max-width: 950px !important;
}
html.pornstar-page .landing-info__counters > div {
float: left !important;
max-height: 2vh !important;
line-height: 0px !important;
overflow: visible !important;
}
html.pornstar-page .landing-info__metric.aliases {
vertical-align: top !important;
align-self: unset !important;
flex: unset !important;
max-width: 430px !important;
overflow: hidden;
}
html.pornstar-page .landing-info__metric.aliases .landing-info__metric-text {
float: left !important;
max-width: 400px !important;
line-height: 21px !important;
text-align: left !important;
vertical-align: top !important;
white-space: pre-line !important;
word-break: normal !important;
font-size: 18px !important;
overflow: hidden !important;
color: gold !important;
background: #111 !important;
}
/* (new409) PORNSTAR INFOS - TOOLTIP - ALIAS */
html.pornstar-page .tooltip[style*="opacity: 1"][style*="top: 99.2px"] {
top: 8vh !important;
letter-spacing: 0.1px;
max-width: 350px;
padding: 5px 10px;
border-radius: 3px;
color: var(--color-white-origin,#fff);
background: green !important;
}
/* (new400) PORNSTAR INFOS - REQUEST VERIF */
html.pornstar-page [class*=" requestVerification-"]{
display: none !important;
}
/* (new409) PORNSTAR INFO - FILTERS */
html.pornstar-page .pornstar-container__filters ,
.category-page .pornstar-container .pornstar-container__filters .video-filter-container {
position: fixed !important;
display: inline-block !important;
height: 2.2vh !important;
width: 100% !important;
max-width: 185px !important;
margin: 0 0 0 0 !important;
top: 9.3vh !important;
left: 1062px !important;
padding: 0 0 0 0 !important;
border-radius: 5px !important;
z-index: 500000000 !important;
background: brown !important;
}
html.pornstar-page .pornstar-container__filters .video-filter-container:before ,
.category-page .pornstar-container__filters .video-filter-container:before {
content: "Filters ▼ " !important;
position: absolute !important;
display: inline-block !important;
height: 2.5vh !important;
line-height: 18px !important;
width: 100% !important;
font-size: 15px !important;
text-align: center !important;
z-index: 500 !important;
background: #e34449 !important;
}
html.pornstar-page .pornstar-container__filters .video-filter-container:hover:before ,
.category-page .pornstar-container__filters .video-filter-container:hover:before {
background: green !important;
}
html.pornstar-page .pornstar-container__filters .video-filter-container ,
.category-page .pornstar-container__filters .video-filter-container {
display: inline-block !important;
height: 2vh !important;
width: 100%;
max-width: 185px !important;
top: 0vh !important;
padding: 0vh 0 0 0 !important;
border-radius: 5px !important;
overflow: hidden !important;
background: transparent !important;
}
/* (new401) HOVER */
html.pornstar-page .pornstar-container__filters .video-filter-container:hover ,
.category-page .pornstar-container__filters .video-filter-container:hover {
display: inline-block !important;
height: 100% !important;
height: auto !important;
width: 100%;
max-width: 185px !important;
top: 0 !important;
padding: 0vh 0 0 0 !important;
border-radius: 0 0 5px 5px !important;
background: brown !important;
}
html.pornstar-page .pornstar-container__filters .video-filter-container .filter-inner ,
.category-page .pornstar-container__filters .video-filter-container .filter-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
height: 100% !important;
height: auto !important;
margin: 0vh 0 0 0 !important;
padding: 0 5px 5px 5px !important;
}
/* (new401) */
html.pornstar-page .pornstar-container__filters .video-filter-container .filter-inner .video-filter .single-select.single-select--active .single-select__content-container .single-select__content ,
.category-page .pornstar-container__filters .video-filter-container .filter-inner .video-filter .single-select.single-select--active .single-select__content-container .single-select__content {
position: relative !important;
display: inline-block !important;
height: 100% !important;
height: auto !important;
width: 100% !important;
border-radius: 0 !important;
border: 1px solid transparent !important;
border-left: 3px solid red !important;
}
html.pornstar-page .pornstar-container__filters .filter-controls ,
.category-page .pornstar-container__filters .filter-controls {
display: inline-block !important;
width: 100% !important;
margin: 0 0 !important;
padding: 2px !important;
text-align: center !important;
background: #111 !important;
}
html.pornstar-page .pornstar-container__filters .video-filter-container .filter-show ,
.video-filter-container .filter-reset, .video-filter-container .filter-show {
display: inline-block !important;
text-align: center !important;
}
/* (new408) PORNSTAR INFO - FILTER - HORIZONTAL */
html.pornstar-page .pornstar-container__filters > div[data-role="linking-vertical-wrapper"] {
position: fixed !important;
display: inline-block !important;
width: 652px !important;
min-height: 11.5vh !important;
margin: 0;
top: 2.7vh !important;
right: 0;
text-align: left !important;
border-radius: 0px !important;
overflow: hidden;
z-index: 2147483647 !important;
background: #111 !important;
border-left: 3px solid red !important;
border-bottom: 1px solid red !important;
}
/* (new424) */
html.pornstar-page .pornstar-container__filters > div[data-role="linking-vertical-wrapper"] ul ,
.pornstar-container__filters > div[data-role="linking-vertical-wrapper"] ul {
position: fixed !important;
width: 650px;
min-height: 7.9vh !important;
margin: 0;
top: 6.2vh !important;
right: 0;
padding: 0vh 0vh 0 !important;
text-align: right;
border-radius: 0px !important;
overflow: hidden;
z-index: 2147483647 !important;
background: #111 !important;
border: 1px solid #333 !important;
}
html.pornstar-page .pornstar-container__filters > div[data-role="linking-vertical-wrapper"] ul:not([class*="collapsed-"]) {
border-radius: 0px 0px 5px 5px !important;
border: 1px solid red !important;
}
html.pornstar-page .pornstar-container__filters > div[data-role="linking-vertical-wrapper"] li.categories-container__item.linking-vertical-item.quick-filter.filter-trigger:first-of-type ,
.pornstar-container__filters>div[data-role="linking-vertical-wrapper"] li.categories-container__item.linking-vertical-item.quick-filter.filter-trigger:first-of-type {
display: none !important;
}
html.pornstar-page .pornstar-container__filters > div[data-role="linking-vertical-wrapper"] li.categories-container__item:hover {
background-color: #e34449 !important;
}
/* (new424) PORNSTAR INFO - TOGGLE */
html.pornstar-page .pornstar-container__filters > div[data-role="linking-vertical-wrapper"] ul li.categories-toggle[class*="toggle-"] ,
html.pornstar-page .pornstar-container__filters > div[data-role="linking-vertical-wrapper"] ul:not([class*="collapsed-"]) .categories-toggle.collapsable-list-toggle{
position: absolute !important;
right: 2px !important;
top: 2px !important;
border: 1px solid red !important;
}
/* (new409) PORNSTAR INFO - THUMBNAL VIDEO CONTAINER */
html.pornstar-page .pornstar-container .pornstar-content {
display: inline-block !important;
height: 85vh !important;
margin: 0vh 0 0 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
border-bottom: 1px solid red !important;
}
html.pornstar-page .main-wrap:first-of-type main .pornstar-container .pornstar-content {
margin: 12.3vh 0 0 0 !important;
border-bottom: 1px solid red !important;
}
/* (new415) SUPERLOADER */
html.pornstar-page .sp-separator ~ .main-wrap {
position: relative !important;
display: inline-block !important;
min-height: 75vh !important;
max-height: 75vh !important;
z-index: 0 !important;
}
html.pornstar-page .sp-separator ~ .main-wrap .pornstar-container .pornstar-content {
height: 85vh !important;
margin: -2vh 0 0vh 0 !important;
padding: 0 0 0vh 0 !important;
}
/* (new415) PORNSTAR INFO - SIDEBAR */
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"]:not(:hover) {
position: fixed !important;
display: inline-block !important;
flex: unset !important;
min-width: 190px !important;
max-width: 254px !important;
height: auto !important;
max-height: 2.5vh !important;
margin: 0 !important;
top: 11.7vh !important;
right: 661px !important;
overflow: hidden !important;
border-radius: 5px 5px 0 0 !important;
z-index: 5000000 !important;
/* mask-image: linear-gradient(to bottom, black 50%, transparent 100%) !important; */
background: #111 !important;
border: 1px solid red !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"]:hover {
position: fixed !important;
display: inline-block !important;
flex: unset !important;
min-width: 190px !important;
max-width: 454px !important;
height: auto !important;
max-height: 2.5vh !important;
margin: 0 !important;
top: 11.7vh !important;
right: 661px !important;
overflow: hidden !important;
border-radius: 5px 5px 0 0 !important;
z-index: 5000000 !important;
/* mask-image: linear-gradient(to bottom, black 50%, transparent 100%) !important; */
background: #111 !important;
border: 1px solid red !important;
}
/* (new410) PORNSTAR INFO - SIDEBAR - HOVER */
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"]:hover {
max-width: 454px !important;
max-height: 70vh !important;
margin: 0 !important;
padding: 0 5px !important;
border-radius: 5px !important;
overflow: hidden !important;
overflow-x: hidden;
overflow-y: auto !important;
background: #333 !important;
}
/* (new410) */
html.pornstar-page .category-info.pornstar > div[data-role="pornstar-about-me"] div[class^="aboutMe-"] {
margin: 0 0 0 0 !important;
width: 100%;
}
/* (new410) PORNSTAR INFO - ABOUT ME - DETAILS - OPEN */
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] {
display: inline-block !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] summary {
display: inline-block !important;
width: 102% !important;
margin: 0px 0 0 -4px !important;
background: #111 !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] summary h3 {
display: inline-block !important;
text-align: right !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] div[class^="wrapper-"] {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
padding-top: 3px !important;
/* border-bottom: 1px solid red !important; */
}
/* GO PROFILE */
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] div[class^="wrapper-"] .xh-button[href^="https://xhamster.com/users/"] {
position: absolute !important;
display: inline-block !important;
height: 16px !important;
line-height: 16px !important;
min-width: 60px;
top: -1.1vh !important;
left: 0 !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] div[class^="wrapper-"] div[class^="about-"] {
/* display: flex; */
flex: unset !important;
display: inline-block !important;
width: 100% !important;
padding-top: 3px !important;
border-top: 1px solid red !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] div[class^="wrapper-"] div[class^="appearanceInfo-"] ,
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] div[class^="wrapper-"] div[class^="personalInfo-"] {
flex: unset !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
padding-top: 3px !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] div[class^="wrapper-"] div[class^="personalInfo-"] {
border-top: 1px solid red !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] div[class^="wrapper-"] div[class^="appearanceInfo-"] {
border-top: 1px solid green !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] div[class^="wrapper-"] h3 {
display: none !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] div[class^="wrapper-"] ul {
flex: unset !important;
display: inline-block !important;
width: 100% !important;
margin: 0 0 3px 0 !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] div[class^="wrapper-"] ul li{
flex: unset !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0 0 3px 0 !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] div[class^="wrapper-"] ul li > div:first-of-type{
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 0 0 0 5px !important;
text-align: left !important;
color: gold !important;
background: #222 !important;
border-left: 4px solid red !important;
border-top: 1px solid red !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] div[class^="wrapper-"] div[class^="appearanceInfo-"] ul li > div:first-of-type{
border-left: 4px solid green !important;
border-top: 1px solid green !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] div[class^="wrapper-"] ul li > div:first-of-type > br {
display: none !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] div[class^="wrapper-"] ul li > div:first-of-type + div {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 0 0 0 20px !important;
border-left: 4px solid red !important;
border-bottom: 1px solid red !important;
}
html.pornstar-page .category-info.pornstar>div[data-role="pornstar-about-me"] details[open] div[class^="wrapper-"] div[class^="appearanceInfo-"] ul li > div:first-of-type + div {
border-left: 4px solid green !important;
border-bottom: 1px solid green !important;
}
/* (new409) PORNSTAR INFO - SIDEBAR - THUMBNAIL CONATINER - RECOM (not TAG PGES) / PUBLISHED */
html.pornstar-page .video-list-target[data-block="publisher-container"] ,
html.pornstar-page .pornstar-content__main > div[data-block="recommended-container"] ,
html.pornstar-page .pornstar-content__main > div[data-block="publisher-container"] {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 49.8vw !important;
max-width: 49.8vw !important;
left: -50vw !important;
margin: 0vh 0 0 0 !important;
padding: 0 0 0 100px !important;
border-radius: 0 5px 5px 0 !important;
transition: left ease 0s !important;
z-index: 50000000 !important;
}
/* (new404) PORNSTAR INFO - SIDEBAR - THUMBNAIL CONATINER - RECOM / PUBLISHED - HOVER */
html.pornstar-page .video-list-target[data-block="publisher-container"]:hover ,
html.pornstar-page .pornstar-content__main>div[data-block="recommended-container"]:hover ,
html.pornstar-page .pornstar-content__main > div[data-block="publisher-container"]:hover {
left: 0vw !important;
transition: left ease 0s !important;
z-index: 500 !important;
background: #333 !important;
border: 1px solid red !important;
border-left: 5px solid red !important;
}
/* PUBLISER POSITION */
html.pornstar-page .video-list-target[data-block="publisher-container"] ,
html.pornstar-page .pornstar-content__main > div[data-block="publisher-container"] {
top: 3vh !important;
}
/* HOVER */
html.pornstar-page .video-list-target[data-block="publisher-container"]:hover ,
html.pornstar-page .pornstar-content__main > div[data-block="publisher-container"]:hover {
top: 3vh !important;
z-index: 5000000 !important;
}
/* RECOM POSITION */
html.pornstar-page .pornstar-content__main > div[data-block="recommended-container"] {
top: 0.5vh !important;
z-index: 5000000 !important;
}
/* HOVER */
html.pornstar-page .pornstar-content__main > div[data-block="recommended-container"]:hover {
top: 1.2vh !important;
z-index: 5000000 !important;
}
/* (new409) PORNSTAR INFO - AFTER - RECOM / PUBLISHED - LABEL FIRST LETTER */
html.pornstar-page .video-list-target[data-block="publisher-container"]:after ,
html.pornstar-page .pornstar-content__main>div[data-block="recommended-container"]:after ,
html.pornstar-page .pornstar-content__main > div[data-block="publisher-container"]:after {
content: "X" !important;
position: absolute !important;
display: inline-block !important;
width: 100px !important;
top: 0 !important;
left: 50vw !important;
font-size: 20px !important;
border-radius: 0 5px 5px 0 !important;
}
/* (new409) PORNSTAR INFO - AFTER - RECOM / PUBLISHED - LABEL FIRST LETTER - HOVER */
html.pornstar-page .video-list-target[data-block="publisher-container"]:hover:after ,
html.pornstar-page .pornstar-content__main>div[data-block="recommended-container"]:hover:after ,
html.pornstar-page .pornstar-content__main > div[data-block="publisher-container"]:hover:after {
/* content: "X" !important; */
position: absolute !important;
display: inline-block !important;
width: 97px !important;
left: 0vw !important;
font-size: 20px !important;
opacity: 1 !important;
border-left: 4px solid red !important;
}
/* (new409) PORNSTAR INFO - BEFORE - RECOM / PUBLISHED - LABEL txt */
html.pornstar-page .video-list-target[data-block="publisher-container"]:before ,
html.pornstar-page .pornstar-content__main>div[data-block="recommended-container"]:before ,
html.pornstar-page .pornstar-content__main > div[data-block="publisher-container"]:before {
content: "." !important;
position: absolute !important;
display: inline-block !important;
width: 100px !important;
height: 10px !important;
font-size: 10px !important;
z-index: 50000 !important;
background: transparent !important;
}
/* (new409) PORNSTAR INFO - AFTER - PUBLISHER */
html.pornstar-page .video-list-target[data-block="publisher-container"]:after ,
html.pornstar-page .pornstar-content__main > div[data-block="publisher-container"]:after {
content: "P" !important;
top: 0 !important;
left: 50vw !important;
background: olive !important;
}
html.pornstar-page .video-list-target[data-block="publisher-container"]:before ,
html.pornstar-page .pornstar-content__main > div[data-block="publisher-container"]:before {
content: "ublisher ▶" !important;
top: 1vh !important;
left: 50.3vw !important;
color: gold !important;
}
html.pornstar-page .video-list-target[data-block="publisher-container"]:hover:before ,
html.pornstar-page .pornstar-content__main > div[data-block="publisher-container"]:hover:before {
content: "ublisher" !important;
top: 1vh !important;
left: 0.7vw !important;
}
/* (new407) PORNSTAR INFO - AFTER - RECOMMENDED */
html.pornstar-page .pornstar-content__main>div[data-block="recommended-container"]:after {
content: "R" !important;
position: absolute !important;
display: inline-block !important;
top: 5vh !important;
font-size: 20px !important;
background: brown !important;
}
html.pornstar-page .pornstar-content__main>div[data-block="recommended-container"]:before{
content: "ecommended ▶" !important;
top: 5.8vh !important;
left: 50.3vw !important;
color: gold !important;
}
html.pornstar-page .pornstar-content__main>div[data-block="recommended-container"]:hover:before{
content: "ecommended" !important;
top: 5.8vh !important;
left: 1vw !important;
}
/* (new409) PORNSTAR INFO - RELATED - PORNSTAR / CREATOR */
html.pornstar-page .related-container[data-block="linking-pornstar"] ,
html.pornstar-page .related-container[data-block="linking-creator"] {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 65.4vw !important;
max-width: 65.4vw !important;
left: -80.8vw !important;
margin: 2vh 0 0 0 !important;
padding: 0 20px 20px 100px !important;
border-radius: 0 5px 5px 0 !important;
transition: left ease 0s !important;
overflow: visible !important;
z-index: 50000 !important;
}
/* RELATED - PORNSTAR */
html.pornstar-page .related-container[data-block="linking-pornstar"] {
top: 7vh !important;
z-index: 5000000 !important;
background: olive !important;
border: 1px solid red !important;
border-left: 5px solid red !important;
}
/* RELATED - CREATOR */
html.pornstar-page .related-container[data-block="linking-creator"] {
top: 7vh !important;
z-index: 5000000 !important;
background: brown !important;
border: 1px solid red !important;
border-left: 5px solid red !important;
}
/* RELATED - HOVER */
html.pornstar-page .related-container[data-block="linking-pornstar"]:hover ,
html.pornstar-page .related-container[data-block="linking-creator"]:hover {
left: 0vw !important;
transition: left ease 0s !important;
/* z-index: 5000000 !important; */
background: #333 !important;
border: 1px solid red !important;
border-left: 5px solid red !important;
}
/* RELATED - AFTER - LABEL FIRST LETTER */
html.pornstar-page .related-container[data-block="linking-pornstar"]:after ,
html.pornstar-page .related-container[data-block="linking-creator"]:after {
/* content: "XX" !important; */
position: absolute !important;
display: inline-block !important;
width: 100px !important;
top: 0 !important;
left: 80.5vw !important;
font-size: 20px !important;
border-radius: 0 5px 5px 0 !important;
opacity: 1 !important;
z-index: 50000 !important;
}
/* RELATED - AFTER - LABEL FIRST LETTER - HOVER */
html.pornstar-page .related-container[data-block="linking-pornstar"]:hover:after ,
html.pornstar-page .related-container[data-block="linking-creator"]:hover:after {
/* content: "XX" !important; */
position: absolute !important;
display: inline-block !important;
width: 97px !important;
left: 0vw !important;
font-size: 20px !important;
opacity: 1 !important;
border-left: 4px solid red !important;
}
/* RELATED - BEFORE - LABEL txt */
html.pornstar-page .related-container[data-block="linking-pornstar"]:before ,
html.pornstar-page .related-container[data-block="linking-creator"]:before {
content: "." !important;
position: absolute !important;
display: inline-block !important;
width: 100px !important;
height: 10px !important;
left: 80.9vw !important;
font-size: 10px !important;
z-index: 500000 !important;
background: transparent !important;
}
/* RELATED - PORNSTAR */
html.pornstar-page .related-container[data-block="linking-pornstar"]:after {
content: "P" !important;
top: 0 !important;
font-size: 20px !important;
background: olive !important;
}
html.pornstar-page .related-container[data-block="linking-pornstar"]:before {
content: "ornstar ▶" !important;
top: 1vh !important;
color: gold !important;
}
html.pornstar-page .related-container[data-block="linking-pornstar"]:hover:before {
content: "ornstar" !important;
top: 1vh !important;
left: 0.7vw !important;
}
/* RELATED - CREATOR */
html.pornstar-page .related-container[data-block="linking-creator"]:after {
content: "C" !important;
position: absolute !important;
display: inline-block !important;
top: 2.5vh !important;
font-size: 20px !important;
background: brown !important;
}
html.pornstar-page .related-container[data-block="linking-creator"]:before{
content: "reator ▶" !important;
top: 2.8vh !important;
left: 81.2vw !important;
color: gold !important;
}
html.pornstar-page .related-container[data-block="linking-creator"]:hover:before{
content: "reator" !important;
top: 2.8vh !important;
left: 1vw !important;
}
/* RELATED - HEADER */
.related-container .head {
position: relative;
max-height: 2vh;
min-height: 2vh;
margin: 0vh 0 0.1vh;
padding: 0 0 0 10px;
overflow: hidden;
}
/* RELATED ITEMS */
.related-container .related-list li {
display: flex;
flex-direction: column;
width: 130px;
padding: 5px !important;
border: 1px solid red !important;
}
/* (new409) PORNSTAR INFO - SIDEBAR - ALL + TREND - THUMBNAIL CONTAINER - A VOIR */
html.pornstar-page .pornstar-content__main > div ,
html.pornstar-page .pornstar-container .pornstar-info + .pornstar-container__filters + .pornstar-content div[data-block="trending-container"] {
display: inline-block !important;
width: 100% !important;
min-width: 100vw !important;
max-width: 100vw !important;
margin: 0.5vh 0 0 0 !important;
padding: 0 0 0vh 100px !important;
}
/* (new421) PORNSTAR - MOMENTS */
html.pornstar-page .pornstar-content__main > div[data-role="moments-list"] {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 27px !important;
max-width:7px!important;
min-height: 20px !important;
max-height: 20px !important;
left: 0 !important;
margin: 0vh 0 0 0 !important;
padding: 0 0 0vh 0px !important;
border-radius: 0 5px 5px 0 !important;
overflow: hidden !important;
z-index: 50000 !important;
background: red !important;
}
html.pornstar-page .pornstar-content__main > div[data-role="moments-list"]:not(:hover) i.xh-icon.moments {
position: relative;
display: inline-block;
top: -1.5vh !important;
}
html.pornstar-page .pornstar-content__main > div[data-role="moments-list"]:not(:hover) i.xh-icon.moments::after {
content: "▶ ";
display: inline-block !important;
width: 100% !important;
min-width: 30px !important;
max-width: 30px!important;
line-height: 12px !important;
left: 16px !important;
font-size: 13px !important;
color: silver !important;
}
/* (new421) PORNSTAR - MOMENTS HOVER */
html.pornstar-page .pornstar-content__main > div[data-role="moments-list"]:hover {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 40vw !important;
max-width: 40vw !important;
min-height: unset !important;
max-height: 100% !important;
left: 0 !important;
margin: 0vh 0 0 0 !important;
padding: 0 0 0vh 0px !important;
z-index: 50000 !important;
background: brown !important;
}
/* (new422) CATEGORY - CHANNEL - MOMENTS */
html.category-page div[data-block="moments"] {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 27px !important;
max-width:7px!important;
min-height: 20px !important;
max-height: 20px !important;
left: 200px !important;
top: 2.5vh !important;
margin: 0vh 0 0 0 !important;
padding: 0 0 0vh 0px !important;
border-radius: 0 5px 5px 0 !important;
overflow: hidden !important;
z-index: 50000 !important;
background: red !important;
}
html.category-page div[data-block="moments"]:not(:hover) i.xh-icon.moments {
position: relative;
display: inline-block;
top: 0vh !important;
}
html.category-page div[data-block="moments"]:not(:hover) i.xh-icon.moments::after {
content: "▶ ";
display: inline-block !important;
width: 100% !important;
min-width: 30px !important;
max-width: 30px!important;
line-height: 12px !important;
left: 16px !important;
font-size: 13px !important;
color: silver !important;
}
html.category-page div[data-block="moments"] h2{
position: relative !important;
left: unset !important;
top: unset !important;
}
/* HOVER */
/* (new422) CATEGORY - CHANNEL - MOMENTS HOVER */
html.category-page div[data-block="moments"]:hover {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 54vw !important;
max-width: 54vw !important;
min-height: unset !important;
max-height: 100% !important;
margin: 0vh 0 0 0 !important;
padding: 0 0 0vh 0px !important;
z-index: 50000 !important;
background: brown !important;
}
/* (new422) PORNSTAR / CAT CHANN - MOMENTS - VDEOS THUMBNAIL */
html.category-page .index-videos.mixed-section div[data-block="moments"] .thumb-list__item.video-thumb:hover ,
html.category-page .index-videos.mixed-section div[data-block="moments"] .thumb-list__item.video-thumb ,
html.pornstar-page .pornstar-content__main > div[data-role="moments-list"] .thumb-list__item.video-thumb {
position: relative;
display: inline-block !important;
vertical-align: top;
min-width: 174px !important;
max-width: 174px !important;
min-height: 170px !important;
max-height: 170px !important;
margin: 0 0 3vh 5px !important;
top: unset !important;
left: unset !important;
padding: 0;
border-radius: 5px;
box-sizing: border-box;
transform: scale(1) !important;
background-color: #111;
/* border: 1px solid aqua !important; */
}
html.category-page .index-videos.mixed-section div[data-block="moments"] .thumb-list__item.video-thumb:hover ,
html.category-page .index-videos.mixed-section div[data-block="moments"] .thumb-list__item.video-thumb {
min-width: 165px !important;
max-width: 165px !important;
}
/* (new423) */
html.category-page div[data-block="moments"] .thumb-list__item.video-thumb .thumb-image-container video ,
html.category-page div[data-block="moments"] .thumb-list__item.video-thumb .thumb-image-container ,
html.pornstar-page .pornstar-content__main > div[data-role="moments-list"] .thumb-list__item.video-thumb .thumb-image-container video ,
html.pornstar-page .pornstar-content__main > div[data-role="moments-list"] .thumb-list__item.video-thumb .thumb-image-container {
min-height: 120px !important;
max-height: 120px !important;
padding: 0 !important;
object-fit: contain !important;
color: gray;
/* border: 1px solid yellow !important; */
}
/* (new423) */
html.category-page div[data-block="moments"] .thumb-list__item.video-thumb .thumb-image-container img.thumb-image-container__image ,
html.pornstar-page .pornstar-content__main > div[data-role="moments-list"] .thumb-image-container video.thumb-image-container__video {
min-height: 118px !important;
max-height: 118px !important;
width: 160px !important;
object-fit: contain !important;
transform: scale(1) !important;
}
/* (new422) PORNSTAR / CAT CHANN - MOMENTS - TITLE */
html.category-page div[data-block="moments"] .thumb-list__item.video-thumb .video-thumb-info ,
html.category-page div[data-block="moments"] .thumb-list__item.video-thumb:hover .video-thumb-info ,
html.pornstar-page .pornstar-content__main > div[data-role="moments-list"] .thumb-list__item.video-thumb .video-thumb-info ,
html.pornstar-page .pornstar-content__main > div[data-role="moments-list"] .thumb-list__item.video-thumb:hover .video-thumb-info {
position: absolute !important;
display: inline-block !important;
max-height: 4.5vh !important;
min-height: 4.5vh !important;
width: 100% !important;
margin: 0 !important;
top: 13vh !important;
bottom: 0 !important;
overflow: hidden;
padding: 1vh 5px 0 5px !important;
text-align: left;
/* background: olive !important; */
}
html.category-page div[data-block="moments"] .thumb-list__item.video-thumb .video-thumb-info a[data-role="thumb-link"] ,
html.pornstar-page .pornstar-content__main > div[data-role="moments-list"] .thumb-list__item.video-thumb .video-thumb-info a[data-role="thumb-link"] {
display: inline-block !important;
line-height: 15px !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre-wrap !important;
}
html.category-page div[data-block="moments"] .thumb-list__item.video-thumb .video-thumb-info .video-thumb-uploader ,
html.category-page div[data-block="moments"] .thumb-list__item.video-thumb .video-thumb-info:hover .video-thumb-uploader ,
html.category-page div[data-block="moments"] .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-uploader ,
html.pornstar-page .pornstar-content__main > div[data-role="moments-list"] .thumb-list__item.video-thumb .video-thumb-info .video-thumb-uploader ,
html.pornstar-page .pornstar-content__main > div[data-role="moments-list"] .thumb-list__item.video-thumb .video-thumb-info:hover .video-thumb-uploader ,
html.pornstar-page .pornstar-content__main > div[data-role="moments-list"] .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-uploader {
position: absolute;
width: auto;
height: 20px;
line-height: 8px;
max-width: 98%;
bottom: 2.5vh !important;
font-size: 8px;
opacity: 1 !important;
z-index: 500500;
}
html.pornstar-page .pornstar-content__main > div[data-role="moments-list"] .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-uploader .video-uploader-data .video-uploader-logo {
opacity: 1 !important;
}
/* (new421) PORNSTAR - MOMENTS SILDESHOW */
div[class^="momentsOverlay-"] div[class^="sliderContainer-"] div[class^="moment-"] {
width: 20% !important;
/* max-height: 50vh !important; */
}
/* (new409) PORNSTAR INFO - SIDEBAR - TREND WITH RECOMM / PUBLISHER - THUMBNAIL CONTAINER */
html.pornstar-page .pornstar-container .pornstar-content .pornstar-content__main > div + div + div[data-block="trending-container"] ,
html.pornstar-page .pornstar-container .pornstar-content__main > div + div + div[data-block="trending-container"] ,
html.pornstar-page .pornstar-container .pornstar-info + .pornstar-container__filters + .pornstar-content .pornstar-content__main > div + div + div[data-block="trending-container"] {
margin: -1.5vh 0 4vh 0 !important;
/* border-top: 1px solid yellow !important; */
}
/* (new409) PORNSTAR INFO - CHANNEL / GALLERIES ?? */
.pornstar-page .pornstar-container .pornstar-content__aside--channels {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 1.7vh !important;
max-height: 1.7vh !important;
min-width: 100px !important;
max-width: 100px !important;
/* right: 855px !important; */
top: 9.6vh !important;
margin: 0vh 0 0 0 !important;
padding: 0 0px !important;
border-radius: 5px !important;
/* overflow-y: auto !important; */
overflow: hidden !important;
z-index: 5000000 !important;
background: green !important;
border: 1px solid green!important;
}
/* (new424) */
.pornstar-page .pornstar-container .pornstar-content__aside--galleries {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 1.7vh !important;
max-height: 1.7vh !important;
min-width: 100px !important;
max-width: 100px !important;
top: 9.6vh !important;
margin: 0vh 0 0 0 !important;
padding: 0 0px !important;
border-radius: 5px !important;
/* overflow-y: auto !important; */
overflow: hidden !important;
z-index: 5000000 !important;
background: green !important;
border: 1px solid green!important;
}
/* (new424) NOT HOVER */
.pornstar-page .pornstar-container .pornstar-content__aside--galleries:not(:hover) a[class*="more-"] ,
.pornstar-page .pornstar-container .pornstar-content__aside--galleries:not(:hover) ul[class^="list-"]{
display: none !important;
}
.pornstar-page .pornstar-container .pornstar-content__aside--galleries ul[class^="list-"] {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
width: 100%;
min-width: 600px !important;
max-width: 600px !important;
margin: 0.5vh 0 0 0 !important;
padding: 5px !important;
background: #333 !important;
}
.pornstar-page .pornstar-container .pornstar-content__aside--galleries [class^="list-"] li {
margin: 0vh 5px 0 0 !important;
}
.pornstar-page .pornstar-container .pornstar-content__aside--galleries:hover ,
.pornstar-page .pornstar-container .pornstar-content__aside--channels:hover {
min-height: 20.7vh !important;
max-height: 20.7vh !important;
overflow: visible !important;
border: 1px solid red!important;
}
/* (new424) HOVER */
.pornstar-page .pornstar-container .pornstar-content__aside--galleries:hover ul[class^="list-"] {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
width: 100%;
max-width: 600px !important;
/* min-width: 600px; */
min-height: 20.7vh !important;
max-height: 20.7vh !important;
margin: 0.5vh 0 0;
padding: 5px;
background: #333 !important;
}
.pornstar-page .pornstar-container .pornstar-content__aside--galleries:hover ul[class^="list-"] a div[class^="photo-"] {
height: 186px !important;
}
.pornstar-page .pornstar-container .pornstar-content__aside--channels {
left: 275px !important;
background: green !important;
}
.pornstar-page .pornstar-container .pornstar-content__aside--galleries {
left: 380px !important;
/* background: olive !important; */
}
.pornstar-page .pornstar-container .pornstar-content__aside--galleries > [class^="container-"] ,
.pornstar-page .pornstar-container .pornstar-content__aside--channels > [class^="container-"] {
position: relative;
padding: 0 5px !important;
border-radius: 5px !important;
background: #333 !important;
}
.pornstar-page .pornstar-container .pornstar-content__aside--galleries > [class^="container-"] [class^="header-"] ,
.pornstar-page .pornstar-container .pornstar-content__aside--channels > [class^="container-"] [class^="header-"] {
display: flex !important;
align-items: center !important;
height: 100% !important;
min-height: 1.5vh !important;
max-height: 1.5vh !important;
margin: 0 0 0 0 !important;
}
.pornstar-page .pornstar-container .pornstar-content__aside--galleries > [class^="container-"] [class^="header-"] [class^="h4-bold-"] ,
.pornstar-page .pornstar-container .pornstar-content__aside--channels > [class^="container-"] [class^="header-"] [class^="h4-bold-"] {
font-size: 13px !important;
}
.pornstar-page .pornstar-container .pornstar-content__aside--channels > [class^="container-"] [class^="header-"] [class^="h4-bold-"] + div {
font-size: 13px !important;
color: white !important;
}
.pornstar-page .pornstar-container .pornstar-content__aside--galleries:hover a[class*="more-"] {
display: inline-block !important;
height: 20px !important;
margin: 0 0 0 20px !important;
padding: 0 5px !important;
white-space: nowrap !important;
font-size: 13px !important;
color: peru !important;
}
/* (new402) PORNSTAR INFO - LANDING LIVE CAM NOTIF */
html.pornstar-page .pornstar-container div[data-role="landing-live-notification"] {
position: fixed !important;
width: 450px !important;
left: 300px !important;
top: 5.7vh !important;
padding: 0 !important;
border-radius: 5px !important;
z-index: 5000000 !important;
background: red !important;
}
html.pornstar-page .pornstar-container div[data-role="landing-live-notification"]:not(:hover) div{
display: none !important;
}
/* HOVER */
html.pornstar-page .pornstar-container div[data-role="landing-live-notification"]:hover {
position: fixed !important;
width: 450px !important;
left: 300px !important;
top: 5.7vh !important;
padding: 4px 4px 4px 4px !important;
border-radius: 5px !important;
z-index: 5000000 !important;
background: #111 !important;
border: 1px solid red !important;
}
html.pornstar-page .pornstar-container div[data-role="landing-live-notification"] .notify_widget {
margin: 0 !important;
padding: 0 !important;
}
html.pornstar-page .pornstar-container div[data-role="landing-live-notification"] .notify_widget .title {
display: inline-block !important;
line-height: 14px !important;
margin: 0;
font-size: 12px !important;
color: tomato !important;
}
html.pornstar-page .pornstar-container div[data-role="landing-live-notification"] .notify_widget .subtitle {
display: inline-block !important;
line-height: 14px !important;
margin: 0;
font-size: 12px !important;
color: gold !important;
}
html.pornstar-page .pornstar-container div[data-role="landing-live-notification"] .notify_widget .notify_widget__button.xh-button {
position: absolute !important;
height: 15px !important;
line-height: 100%;
min-width: 15px !important;
max-width: 15px !important;
margin: 0 0 0 0 !important;
top: 1vh !important;
left: -15px !important;
padding: 0 0px !important;
text-align: center !important;
font-size: 10px !important;
}
html.pornstar-page .pornstar-container div[data-role="landing-live-notification"] .notify_widget .notify_widget__button.xh-button .icon {
font-size: 13px !important;
}
/* (new425) PORNSTAR INFO - SIDEBAR - TREND - THUMBNAIL CONTAINER */
html.pornstar-page .pornstar-container .pornstar-info + .pornstar-container__filters + .pornstar-content .pornstar-content__main > div[data-block="trending-container"] {
margin: 0vh 0 0 0 !important;
border-top: 1px solid red !important;
}
html.pornstar-page .pornstar-content__main > div[data-block="trending-container"] section {
display: inline-block !important;
width: 100% !important;
min-height: 84vh !important;
max-height: 84vh !important;
margin: 0 0 0 0 !important;
padding: 0px 0 0px 0 !important;
}
html.pornstar-page .pornstar-content__main > div[data-block="trending-container"] .thumb-list.thumb-list--sidebar.thumb-list--middle-line {
display: inline-block !important;
flex-wrap: unset !important;
width: 100% !important;
}
/* (new425) PORNSTAR - VIDEOS THUMBNAIL - HEADER */
/* html.pornstar-page .pornstar-container .pornstar-info + .pornstar-container__filters + .pornstar-content .pornstar-content__main header[class^="header-"] , */
html.pornstar-page .pornstar-container div[data-role="video-section-container"][data-block="trending-container"] header[class^="header-"] {
display: none !important;
}
html.pornstar-page .pornstar-container div[data-role="video-section-container"] section[data-role="thumb-list-block"]:before{
content: attr(data-block) !important;
display: inline-block !important;
position: absolute !important;
width: 300px !important;
min-height: 2.7vh !important;
max-height: 2.7vh !important;
line-height: 2vh !important;
margin: 0vh 0 0.1vh 0 !important;
left: -230px !important;
bottom: 40vh !important;
padding: 4px 10px 0 10px !important;
border-radius: 5px !important;
font-size: 20px !important;
text-align: center !important;
text-transform: capitalize !important;
transform: rotate(-90deg) !important;
overflow: hidden;
z-index: 1 !important;
background: #e34449 !important;
}
html.pornstar-page .pornstar-container header[class^="header-"] h2 ,
html.pornstar-page .pornstar-container .pornstar-info + .pornstar-container__filters + .pornstar-content .pornstar-content__main header[class^="header-"] h2 {
font-size: 15px !important;
}
/* (new400) PORNSTAR - VDEOS THUMBNAIL */
html.pornstar-page .pornstar-content__main .thumb-list__item.video-thumb ,
html.pornstar-page .pornstar-content__main > div[data-block="publisher-container"] .thumb-list__item.video-thumb ,
html.pornstar-page .pornstar-content__main > div[data-block="trending-container"] .thumb-list.thumb-list--sidebar.thumb-list--middle-line .thumb-list__item.video-thumb {
position: relative;
display: inline-block !important;
vertical-align: top;
min-width: 174px !important;
max-width: 174px !important;
min-height: 150px;
max-height: 150px;
margin: 0 0 2px 5px !important;
padding: 0;
border-radius: 5px;
box-sizing: border-box;
background-color: #111;
border: 1px solid red !important;
}
/* (new400) HOVER */
html.pornstar-page .pornstar-content__main .thumb-list__item.video-thumb:hover ,
html.pornstar-page .pornstar-content__main > div[data-block="publisher-container"] .thumb-list__item.video-thumb:hover ,
html.pornstar-page .pornstar-content__main > div[data-block="trending-container"] .thumb-list.thumb-list--sidebar.thumb-list--middle-line .thumb-list__item.video-thumb:hover {
min-height: 140px !important;
max-height: 140px !important;
margin: 0 0 0px 5px !important;
}
html.pornstar-page .pornstar-content__main .thumb-list__item.video-thumb .video-thumb__image-container.thumb-image-container {
height: 100%;
max-height: 100px !important;
min-height: 100px !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
object-fit: contain;
border-radius: 3px 3px 0 0;
overflow: visible;
}
html.pornstar-page .pornstar-content__main .thumb-list__item.video-thumb img.thumb-image-container__image {
height: 100%;
max-height: 100px !important;
min-height: 100px !important;
min-width: 100% !important;
max-width: 100% !important;
margin-bottom: 0;
object-fit: contain;
border-radius: 3px 3px 0 0;
overflow: visible;
}
html.pornstar-page .pornstar-content__main .thumb-list__item.video-thumb .thumb-image-container__video {
height: 100%;
max-height: 100px !important;
min-height: 100px !important;
min-width: 174px !important;
max-width: 174px !important;
margin: -0.7px 0 0 -2px !important;
padding: 0 !important;
object-fit: contain;
border-radius: 3px 3px 0 0;
overflow: visible;
}
/* TITLE */
html.pornstar-page .pornstar-content__main .thumb-list__item.video-thumb:not(:hover) .video-thumb-info {
max-height: 40px !important;
min-height: 40px !important;
margin-top: 0;
padding: 2px 2px 0;
text-align: left;
border-radius: 0 0 3px 3px;
mask-image: linear-gradient(to bottom, black 78%, transparent 100%);
overflow: hidden !important;
}
html.pornstar-page .pornstar-content__main .thumb-list__item.video-thumb:hover .video-thumb-info {
max-height: 25px !important;
min-height: 25px !important;
margin-top: 0;
padding: 2px 2px 0;
text-align: left;
border-radius: 0 0 3px 3px;
mask-image: linear-gradient(to bottom, black 78%, transparent 100%);
overflow: hidden !important;
}
/* (new370) TEST - FONT FAMILLY - TAHOMA - VIDEO INFOS */
.video-thumb-info .video-thumb-info__name {
font-family: Tahoma,sans-serif !important;
}
/* (new327) PAGINATION - SMALL - ALL */
.pager-section .prev-next-list-button ,
.pager-section .page-limit-button ,
.pager-section .page-button {
display: flex;
height: 20px !important;
line-height: 20px !important;
}
.pager-section .page-limit-button ,
.pager-section .page-button-link {
line-height: 20px !important;
}
.pager-section .limit-gradient {
background: none !important;
}
.pager-section .prev-next-list-link{
height: 20px !important;
line-height: 20px !important;
padding: 0 5px !important;
/* color: gold !important; */
}
.pager-section a.prev-next-list-link {
background: #e34449;
color: gold !important;
}
/* (new430) THUMBNAIL - INFO - UPLOADER - ALL */
.video-thumb .video-thumb-info .video-thumb-uploader {
position: absolute !important;
line-height: 12px !important;
width: auto !important;
max-width: 98% !important;
bottom: 4.8vh !important;
left: 0 !important;
font-size: 12px !important;
opacity: 0.5 !important;
z-index: 0 !important;
}
.video-thumb:hover .video-thumb-info .video-thumb-uploader {
position: absolute !important;
height: 13px !important;
line-height: 8px !important;
width: auto !important;
max-width: 98% !important;
bottom: 2.9vh !important;
font-size: 8px !important;
opacity: 1 !important;
overflow: hidden !important;
z-index: 500500 !important;
}
.video-thumb .video-thumb-info .video-thumb-uploader .video-uploader-data .video-uploader-logo {
display: inline-block !important;
width: 12px !important;
height: 12px !important;
border-radius: 50% !important;
text-align: center;
text-transform: uppercase;
color: red !important;
background-color: #111 !important;
border: 1px solid red !important;
}
.video-thumb:hover .video-thumb-info .video-thumb-uploader .video-uploader-data .video-uploader-logo {
opacity: 0.3 !important;
background-color: #000 !important;
}
.video-thumb .video-thumb-info .video-thumb-uploader .video-uploader-data .video-uploader-logo:hover {
opacity: 1 !important;
background-color: #000 !important;
}
.video-thumb .video-thumb-info .video-thumb-uploader .video-uploader-data .video-uploader-logo:hover + .video-uploader__name {
display: inline-block !important;
padding: 2px 5px 2px 0 !important;
opacity: 1 !important;
background-color: #000 !important;
}
.video-thumb .video-thumb-info .video-thumb-uploader .video-uploader-data .video-uploader__name,
.video-thumb .video-thumb-info .video-thumb-uploader__separator,
.video-thumb .video-thumb-info .video-thumb-uploader .video-thumb-views {
display: none !important;
}
/* (new430) THUMBNAIL - INFO - UPLOADER - VIDEO PAGE */
.video-page .video-thumb .video-thumb-info .video-thumb-uploader {
bottom: 4.7vh !important;
}
.video-page .video-thumb:hover .video-thumb-info .video-thumb-uploader {
bottom: 4.1vh !important;
}
/* (new430) THUMBNAIL - INFO - UPLOADER - VIDEO PAGE - LARGE */
.video-page.video-page--large-mode .video-thumb .video-thumb-info .video-thumb-uploader {
bottom: 3vh !important;
}
.video-page.video-page--large-mode .video-thumb:hover .video-thumb-info .video-thumb-uploader {
bottom: 2vh !important;
}
/* (new282) PROFILE - NTF */
.user-page .right-column .nft-collection-block.column-block {
position: absolute !important;
display: inline-block !important;
height: 263px !important;
width: 175px !important;
left: -200px !important;
bottom: 0 !important;
padding: 5px;
overflow: hidden;
}
.user-page .right-column .nft-collection-block.column-block div[class^="nftPic-"] {
display: inline-block !important;
max-height: 100px !important;
width: 166px !important;
}
.user-page .right-column .nft-collection-block.column-block img {
display: inline-block !important;
max-height: 100px !important;
width: 166px !important;
object-fit: contain !important;
}
.user-page .right-column .nft-collection-block.column-block div[class^="nftInfo-"] {
display: inline-block !important;
position: absolute !important;
max-height: 120px !important;
width: 166px !important;
top: 15vh !important;
left: -20px !important;
text-align: center !important;
}
/* (new207) PREVIEW VIDEO - DESKTOP + MOBILE - ALL - HISTORY */
.video-thumb .thumb-image-container video,
.watch-history-page .thumb-list-mobile-item .mobile-video-thumb .thumb-image-container.mobile-thumb-player-container video,
.thumb-list-mobile-item .mobile-video-thumb .thumb-image-container.mobile-thumb-player-container video {
/* position: absolute !important; */
display: inline-block !important;
min-height: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
overflow: hidden;
border: 1px solid red !important;
}
/* ================================= */
/* (new303) MOBILE PAGES */
/* (new303) MOBILE VERSION - FAV */
.mobile-page .header-button span {
height: 20px !important;
width: 20px !important;
}
.mobile-page .top_menu .search_block.xh-dropdown form {
position: fixed;
display: inline-block !important;
height: 20px !important;
width: 600px !important;
top: 3vh !important;
right: 50px !important;
z-index: 50000000000 !important;
}
/* (new303) MOBILE - TOP HEADER */
.mobile-page .profile-header-container {
position: fixed;
width: 100%;
top: 3vh !important;
/* border: 1px solid aqua; */
}
/* MOBILE - CONTAINER */
.mobile-page .favorites-video-block {
position: fixed;
width: 100%;
top: 11vh !important;
}
/* (new265) MOBILE - VIDEO PAGE */
.video-page .mobile-page .main-wrap {
border-bottom: 1px solid red;
max-height: 97.05vh;
max-width: 100%;
min-height: 97.05vh;
min-width: 100%;
overflow: hidden;
overflow-y: auto !important;
top: 3vh;
}
.video-page .mobile-page .main-wrap .video-view {
display: inline-block !important;
text-align: center !important;
height: 60vh !important;
width: 59% !important;
}
.video-page .mobile-page .main-wrap .video-view #video_box {
display: inline-block !important;
height: 100% !important;
min-height: 53vh !important;
max-height: 53vh !important;
width: 100% !important;
text-align: center !important;
overflow: visible !important;
}
.video-page .mobile-page .main-wrap .video-view #video_box .xp-preload-image {
display: inline-block !important;
position: relative !important;
width: 100% !important;
height: auto;
min-height: 500px !important;
max-height: 500px !important;
left: 0;
z-index: 1;
object-fit: contain !important;
object-position: center center !important;
background-color: #111 !important;
}
.video-page .mobile-page .main-wrap .video-view #video_box.video_container xplayer.xplayer-paused .xplayer .video {
display: inline-block !important;
position: absolute !important;
width: 100% !important;
height: auto;
max-height: 500px !important;
max-height: 517px;
left: -100% !important;
right: 100% !important;
object-fit: contain;
object-position: center center;
overflow: hidden;
z-index: 0;
border: 1px solid yellow !important;
}
.video-page .mobile-page .main-wrap .video-view #video_box.video_container video#xplayer__video {
display: inline-block !important;
width: 100% !important;
height: auto;
min-height: 500px !important;
max-height: 500px !important;
left: 0 !important;
right: 0!important;
object-fit: contain;
object-position: center center;
overflow: visible !important;
z-index: 0 !important;
}
.video-page .mobile-page .xp-aftershot-related {
position: absolute;
display: inline-block !important;
align-items: center;
place-content: space-between;
scrollbar-width: none;
width: 100%;
left: 0px !important;
top: 40px !important;
bottom: 0;
padding: 10px 0;
overflow-x: scroll;
}
.video-page .mobile-page .xp-aftershot-related .thumb-list-mobile-item.role-pop {
float: left !important;
clear: none !important;
min-width: 19% !important;
max-width: 19% !important;
margin: 0 5px 6px !important;
border-radius: 5px !important;
}
/* (new303) MOBILE - FAV TAGS */
.mobile-page .favorites-video-block__control.divMain {
position: fixed;
display: inline-block !important;
width: 40%;
top: 6vh !important;
right: 0 !important;
padding: 0 !important;
}
/* (new303) MOBILE - VIDEO LIST */
.mobile-page .video_block .thumb-list-mobile {
display: flex;
flex-wrap: wrap;
width: 100% !important;
margin: 0 auto;
padding: 0 2% 0 2% !important;
}
.mobile-page .video_block .thumb-list-mobile-item {
width: 8% !important;
margin: 0 3px 3px 3px !important;
border-radius: 5px !important;
background: #111 !important;
border: 1px solid gray !important;
}
.mobile-page .video_block .thumb-list-mobile-item:hover {
transform: translate(10px, 23px) scale(1.5) !important;
z-index: 500 !important;
border: 1px solid red !important;
}
.thumb-list-mobile-item .mobile-video-thumb {
display: block;
margin: 0 0px 0px !important;
}
/* (new303) MOBILE - VIDEO PAGE - END SCREEN - VIDEO - HOVER */
.video-page .mobile-page .xp-aftershot-related .thumb-list-mobile-item:hover {
transform: translate(10px, 35px) scale(1.5) !important;
z-index: 500 !important;
}
/* LEFT */
.video-page .mobile-page .xp-aftershot-related .thumb-list-mobile-item:nth-child(6):hover,
.video-page .mobile-page .xp-aftershot-related .thumb-list-mobile-item:nth-child(1):hover {
transform: translate(50px, 35px) scale(1.5) !important;
z-index: 500 !important;
}
/* RIGHT */
.video-page .mobile-page .xp-aftershot-related .thumb-list-mobile-item:nth-child(10):hover,
.video-page .mobile-page .xp-aftershot-related .thumb-list-mobile-item:nth-child(5):hover {
transform: translate(-50px, 35px) scale(1.5) !important;
z-index: 500 !important;
}
/* (new303) MOBILE - PREVIEW VIDEO */
.thumb-image-container--preview-shown.mobile-thumb-player-container {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 100% !important;
max-height: 82px !important;
min-height: 82px !important;
overflow: hidden !important;
padding: 0 !important;
border-radius: 5px 5px 0 0 !important;
background-size: contain !important;
}
/* MOBILE - PAGER */
.mobile-page .favorites-video-block__paging {
position: fixed;
display: inline-block !important;
width: 99.9% !important;
bottom: -1vh !important;
margin: 0 !important;
text-align: center !important;
background: #111 !important;
}
.mobile-page .mobile-pagination {
display: inline-block;
width: 100% !important;
padding: 0 !important;
text-align: center !important;
}
.mobile-page .prev-next-list {
display: inline-block;
width: 10% !important;
margin: 0 0 0 400px !important;
}
.mobile-page .page-list-wrapper {
display: inline-block !important;
width: 40% !important;
height: 40px !important;
margin: 0 0 0 0 !important;
overflow: hidden;
text-align: left !important;
}
.mobile-page .page-list-wrapper .page-list-container {
position: relative;
display: inline-block !important;
max-width: 100%;
}
/* MOBILE - FOOTER */
.video-page .mobile-page .footer-wrapper .mobile-page .footer-wrapper {
position: fixed;
width: 20%;
bottom: 0;
background: olive !important;
}
.video-page .mobile-page footer.footer:hover,
.mobile-page footer.footer:hover {
position: fixed;
width: 59% !important;
height: 20vh !important;
left: 0;
margin: 0 auto;
bottom: 0vh;
border-radius: 5px 5px 0 0 !important;
transition: all 0.7s ease 0s;
overflow: hidden;
z-index: 500000000 !important;
background: #111 !important;
border-top: 1px solid #dadada;
border: 1px solid red;
}
.mobile-page footer.footer .footer__top-part {
display: inline-block;
width: 100% !important;
padding-right: 5px;
}
.mobile-page footer.footer .footer__column.footer-column {
display: inline-block;
max-width: 24% !important;
padding: 0 0 0 15px;
border-left: 1px dotted #222 !important;
}
/* (new265) MOBILE PAGES - IN REVIEW body.mobile-page .width-wrap*/
body.mobile-page .main-wrap > div[data-role="header"] {
position: fixed;
display: inline-block;
max-height: 25px;
min-height: 25px;
min-width: 100%;
top: 0;
padding-top: 0;
z-index: 500000;
background: #111 !important;
border-bottom: 1px solid red !important;
}
body.mobile-page header {
position: fixed;
display: inline-block;
max-height: 25px;
min-height: 25px;
min-width: 100%;
padding-top: 0;
top: 0;
z-index: 500000;
border-bottom: 1px solid red !important;
}
body.mobile-page header .header-container {
display: inline-block;
height: 25px;
padding: 0;
position: absolute;
top: -2px;
width: 100%;
}
body.mobile-page header .header-container .logo.header-logo {
background: #222 none repeat scroll 0 0;
border: 1px solid gray;
border-radius: 5px;
float: none;
height: 100%;
left: 85px;
line-height: 25px;
max-height: 25px;
max-width: 85px;
min-height: 25px;
min-width: 85px;
padding: 0;
position: absolute;
text-align: left;
top: 0px !important;
transform: scale(0.7);
transform-origin: left top 0;
z-index: 1;
}
body.mobile-page header .header-container .header-button[data-role="header-search-toggle"] {
position: absolute;
display: inline-block;
width: 25px !important;
height: 25px;
right: 90px !important;
top: 0px !important;
padding: 0;
}
body.mobile-page header .header-container .header-button[data-role="sidebar-toggle"] {
position: absolute;
display: inline-block;
width: 55px !important;
height: 25px;
right: 20px !important;
top: 0px !important;
padding: 0;
border-left: 1px solid red !important;
}
body.mobile-page header .header-container .header-button[data-role="sidebar-toggle"] .xh-icon.menu,
body.mobile-page header .header-container .header-button[data-role="header-search-toggle"] .xh-icon.search-normalized {
min-height: 25px !important;
max-height: 25px !important;
line-height: 25px !important;
min-width: 25px !important;
max-width: 25px !important;
font-size: 20px !important;
text-align: center !important;
}
body.mobile-page header .header-container .header-button[data-role="sidebar-toggle"] .xh-icon.menu {
min-height: 25px !important;
max-height: 25px !important;
line-height: 25px !important;
min-width: 25px !important;
max-width: 25px !important;
font-size: 30px !important;
text-align: center !important;
}
body.mobile-page header .header-container .header-button[data-role="sidebar-toggle"] .xh-icon.menu::before,
body.mobile-page header .header-container .header-button[data-role="header-search-toggle"] .xh-icon.search-normalized::before {
min-height: 25px !important;
max-height: 25px !important;
line-height: 25px !important;
min-width: 25px !important;
max-width: 25px !important;
}
body.mobile-page #top_menu_items {
background: transparent none repeat scroll 0 0;
border-left: 1px solid red;
display: inline-block;
height: 25px;
left: 164px;
line-height: 25px;
margin: 0;
position: absolute;
right: 0;
top: 0;
width: 1031px;
z-index: 500000 !important;
}
body.mobile-page #top_menu_items .logo-container .logo {
display: inline-block !important;
position: relative;
width: 80px;
height: 24px !important;
left: 0;
margin-left: 0;
padding: 0;
opacity: 0.4;
}
body.mobile-page .logo.header-logo img {
display: inline-block !important;
width: 100%;
height: 24px !important;
margin-top: 0;
}
body.mobile-page .logo.header-logo img.theme-light {
display: none !important;
}
body.mobile-page ul.scrollable {
display: inline-block;
height: 20px !important;
line-height: 10px !important;
vertical-align: top;
}
body.mobile-page ul.scrollable li a,
body.mobile-page ul.scrollable li {
display: inline-block;
height: 20px !important;
line-height: 20px !important;
vertical-align: top;
}
/* (new303) MOBILE - SIDEBAR */
.mobile-page .sidebar.ready.opened {
z-index: 500000 !important;
}
/* (new265) MOBILE - GALLERY */
.gallery-page body.mobile-page .gallery-related {
position: absolute;
display: inline-block;
max-height: 96vh !important;
min-height: 96vh !important;
min-width: 40% !important;
max-width: 40% !important;
margin: 0 !important;
right: 0 !important;
top: 0 !important;
border-left: 1px solid red !important;
}
.gallery-page body.mobile-page .picture_view {
display: inline-block;
max-height: 96vh !important;
min-height: 96vh !important;
min-width: 60% !important;
max-width: 60% !important;
padding-bottom: 11px;
}
.gallery-page body.mobile-page .picture_view .pictures_block {
display: inline-block;
max-height: 60vh !important;
min-height: 60vh !important;
min-width: 100% !important;
max-width: 100% !important;
margin-top: 10px;
order: 2;
}
.gallery-page body.mobile-page .main-wrap > .after-pager {
position: absolute;
display: inline-block;
max-height: 30vh !important;
min-height: 30vh !important;
min-width: 40% !important;
max-width: 40% !important;
margin: 0 !important;
right: 0 !important;
bottom: 0 !important;
border: 1px solid red !important;
}
.gallery-page body.mobile-page footer.footer {
position: fixed !important;
display: inline-block;
height: 10px !important;
bottom: -2vh !important;
z-index: 500 !important;
transition: unset !important;
background: #111 !important;
}
.gallery-page body.mobile-page footer.footer:hover {
position: fixed !important;
display: inline-block;
height: 410px !important;
bottom: -2vh !important;
z-index: 500 !important;
transition: unset !important;
background: #111 !important;
}
.gallery-page body.mobile-page footer.footer:not(:hover)::before {
content: "Xhamster Infos";
position: fixed !important;
width: 300px;
height: 10px;
left: 20px;
bottom: 0vh !important;
margin: 0px 0 0 0 !important;
font-size: 10px;
overflow: hidden;
color: gold;
background: red !important;
}
/* (new265) MOBILE - ERROR PAGE */
body.mobile-page aside.categorieslist {
position: fixed !important;
display: inline-block !important;
height: auto !important;
top: 2.5vh !important;
margin: 0 !important;
padding: 5px 0 !important;
text-align: center !important;
z-index: 500 !important;
background: #e34449 !important;
}
body.mobile-page .error-title {
position: fixed !important;
width: 100% !important;
top: 5vh !important;
background: #e34449 !important;
border-top: 1px solid red !important;
}
body.mobile-page .error-title + div[data-role="related-tabs-container"] {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
height: auto !important;
min-height: 73vh !important;
max-height: 73vh !important;
margin: 0 !important;
bottom: 18vh !important;
overflow: hidden !important;
}
body.mobile-page .error-title + div[data-role="related-tabs-container"] .video_block .thumb-list-mobile-item {
width: 23% !important;
}
body.mobile-page .error-title + .video_block {
position: relative !important;
display: inline-block !important;
height: auto !important;
min-height: 64vh !important;
max-height: 64vh !important;
margin: 10vh 0 13vh 0 !important;
overflow: hidden !important;
}
body.mobile-page .error-title + .video_block ul.thumb-list-mobile.thumb-list {
display: inline-block !important;
flex-wrap: unset !important;
width: 100% !important;
margin: 0 auto;
}
body.mobile-page .error-title + .video_block ul.thumb-list-mobile.thumb-list .thumb-list-mobile-item {
display: inline-block !important;
width: 15% !important;
margin: 0 10px 7px 10px !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
body.mobile-page .error-title ~ .after-pager {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
bottom: 0 !important;
background: #e34449 !important;
}
/* (new265) MOBILE - ERROR - FOOTER */
body.mobile-page .error-title ~ .after-pager + .footer {
position: fixed !important;
width: 100% !important;
bottom: -20px !important;
overflow: hidden;
color: gold;
}
body.mobile-page .error-title ~ .footer::before {
content: "Xhamster Infos";
position: fixed;
width: 300px;
height: 10px;
left: 20px;
bottom: 0px !important;
margin: 0 auto;
font-size: 10px;
overflow: hidden;
color: gold;
background: #e34449 !important;
}
/* (new265) MOBILE - ERROR PAGE - THUMB PREVIEW */
body.mobile-page .error-title + .video_block ul.thumb-list-mobile.thumb-list .thumb-list-mobile-item .mobile-video-thumb .thumb-image-container video {
display: inline-block !important;
min-width: 278px !important;
min-height: 209px !important;
max-height: 209px !important;
background-position: center center;
background-repeat: no-repeat;
background-size: contain !important;
margin: 0 auto 4px;
padding-top: 0 !important;
border: 1px solid gray !important;
background-color: red !important;
}
/* MOBILE - VIDEO PAGE - SETTINGS MENU */
.video-page .mobile-page .xplayer-settings-menu {
height: 479px;
top: 15px;
font-size: 0.5vw !important;
}
.video-page .mobile-page .xplayer-settings-menu .xplayer-settings-menu__close {
font-size: 1vw !important;
height: 2vw !important;
width: 4vw !important;
}
.video-page .mobile-page .xplayer-settings-menu .xplayer-settings-menu__settings-inner {
position: absolute;
width: 60%;
left: 228px !important;
top: 40px !important;
font-size: 2vw !important;
line-height: 1vw !important;
transform: translate(0%, 0%) !important;
color: #fff;
}
.video-page .mobile-page .xplayer-settings-menu__settings-inner .settings-select-div {
position: relative;
height: 7.4vw;
font-size: 1vw !important;
}
.video-page .mobile-page .xplayer-settings-menu__settings-inner .settings-select-div p {
font-size: inherit;
margin-bottom: 1.3vw;
}
.video-page .mobile-page .xplayer-settings-menu__settings-inner .settings-select-div::after {
position: absolute;
right: 5%;
top: 41% !important;
border-left: 0.5vw solid transparent;
border-right: 0.5vw solid transparent;
border-top: 0.5vw solid #fff;
}
.video-page .mobile-page .xplayer-settings-menu__settings-inner .settings-select-div select {
border-radius: 1.3vw;
height: 1.8vw;
padding: 0.3vw 0.6vw;
}
/* PREVIEW */
.video-page .mobile-page .xp-aftershot-related .thumb-list-mobile-item.role-pop video.thumb-image-container__video {
display: inline-block !important;
min-width: 100% !important;
max-width: 100% !important;
border-radius: 5px !important;
border: 1px solid aqua !important;
}
.video-page .mobile-page .main-wrap .video-view #video_box.video_container .xplayer-menu-mobile-bottom {
position: fixed !important;
display: inline-block !important;
justify-content: space-between;
height: 30px !important;
line-height: 20px !important;
min-width: 100% !important;
bottom: -3.5vh !important;
left: 0 !important;
padding: 0 6.66667vw !important;
font-size: 15px !important;
z-index: 500000000 !important;
color: #eaeaea;
background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0.9), transparent) repeat scroll 0 0;
border-top: 1px solid red !important;
}
/* (new303) MOBILE - VIDEO PAGE - TIME /VIEW - SETTING / QUALITY */
.video-page .mobile-page .xplayer-menu-mobile-bottom-right,
.video-page .mobile-page .xplayer-menu-mobile-bottom-left {
position: fixed !important;
display: inline-block !important;
width: 30% !important;
left: 0 !important;
padding: 0 !important;
}
.video-page .mobile-page .xplayer-menu-mobile-bottom-right {
position: fixed !important;
display: inline-block !important;
width: 30% !important;
left: 70% !important;
padding: 0 !important;
}
.video-page .mobile-page .xplayer-menu-mobile-bottom-left > div {
display: inline-block !important;
}
.video-page .mobile-page .xplayer-menu-mobile-top > div {
height: 25px !important;
line-height: 20px !important;
}
.video-page .mobile-page .xplayer-menu-mobile-top > div > div {
font-size: 10px !important;
}
.video-page .mobile-page .xplayer-duration-info {
padding-right: 1.66667vw !important;
padding-left: 1.66667vw;
}
.video-page .mobile-page .xplayer-views-info {
height: 25px !important;
line-height: 20px !important;
padding-left: 1.66667vw !important;
font-size: 15px !important;
}
.video-page .mobile-page .xplayer-quality-control::after {
height: 15px !important;
width: 30px !important;
content: "";
}
.video-page .mobile-page .xplayer-quality-control {
height: 16px !important;
line-height: 16px !important;
background-position: 0 center;
background-repeat: no-repeat;
background-size: 1em auto !important;
text-transform: capitalize;
}
/* (new303) MOBILE - VIDEO PLAYER - USER INFOS */
.video-page .mobile-page #video_info_container {
position: absolute;
width: 19.7% !important;
bottom: 28vh !important;
margin-top: 0;
}
.video-page .mobile-page .video_info {
position: fixed !important;
width: 378px !important;
bottom: 34vh !important;
margin: 0 !important;
padding: 0 5px 0 5px !important;
z-index: 500000 !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
background: #111 !important;
}
.video-page .mobile-page .video_info > details[open] {
position: fixed !important;
width: 1130px !important;
bottom: 0 !important;
left: 0 !important;
margin-top: 0;
background: #333 !important;
}
/* (new303) MOBILE - VIDEO PLAYER - USER INFOS - SUBSCRIB */
.video-page .mobile-page #video_info_container .subscribe-block__container {
display: block;
margin: 0 10px;
padding: 5px 0 !important;
}
.video-page .mobile-page .xp-aftershot .xp-aftershot-user-info .xp-aftershot-buttons-block {
float: right;
width: auto !important;
height: 32px;
line-height: 33px;
padding: 0;
color: white;
}
.video-page .mobile-page .xp-aftershot .xp-aftershot-user-info .sub-button,
.video-page .mobile-page #video_info_container .subscribe-block__container .sub-button {
float: none !important;
width: auto !important;
height: 30px;
line-height: 30px;
margin: -1px 0 0 0 !important;
padding: 0;
color: white;
}
.video-page .mobile-page .xp-aftershot .xp-aftershot-user-info .sub-button span,
.video-page .mobile-page #video_info_container .subscribe-block__container .sub-button > span {
float: left;
width: auto !important;
height: 30px !important;
line-height: 30px !important;
margin: 0 0 0 0 !important;
padding: 0 3px !important;
font-size: 15px !important;
color: white;
}
.video-page .mobile-page .sub-button[data-tooltip="Unsubscribe"]::before {
position: relative !important;
float: left !important;
content: "✔";
height: 30px !important;
line-height: 30px !important;
left: -7px !important;
top: 0px !important;
padding: 0 1px;
font-size: 10px;
color: white;
background: #e34449 !important;
}
/* (new303) MOBILE - VIDEO PLAYER - CAPTURED FRAMES */
.video-page .mobile-page .captured-frames-fastforward {
display: inline-block !important;
min-height: 33.7vh !important;
max-height: 33.7vh !important;
padding: 5px 0;
overflow: hidden !important;
overflow-y: auto !important;
background: #111 !important;
}
.video-page .mobile-page .captured-frames-fastforward-item {
position: relative;
display: inline-block !important;
height: 97px !important;
width: 118px !important;
margin: 0 3px 3px 4px !important;
overflow: hidden;
background-color: var(--color-black-origin, #000);
border: 1px solid aqua !important;
}
/* (new358) MOBILE - VIDEO PLAY - INFOS - USER */
.dyltv-container.dyltv-mobile,
.dyltv-container.dyltv-mobile .dyltv-inner-container {
display: none !important;
}
.video-page .mobile-page #video-controls-block-container {
position: absolute;
width: 19.7% !important;
bottom: 20.3vh !important;
margin: 0 !important;
}
.video-page .mobile-page #video-controls-block-container .video-actions {
display: flex;
margin: 0 0 0 0 !important;
color: red !important;
}
.video-page .mobile-page #video-controls-block-container .video-actions .video-actions__item .video-actions__control .xh-icon {
font-size: 20px !important;
}
/* (new303) GM " VIDEO SPEED" */
.video-page .mobile-page .vsb-container {
position: fixed;
left: 300px !important;
top: 60.5vh !important;
transform: scale(0.8) !important;
}
/* MOBILE - TAGS LIST */
.video-page .mobile-page .main-wrap .video-view #video-tags-list-container {
position: fixed !important;
display: inline-block;
width: 19.7% !important;
max-height: 16vh !important;
min-height: 16vh !important;
left: 0 !important;
top: 82vh !important;
margin-bottom: 0;
padding: 0 5px 5px 5px !important;
overflow-x: hidden;
overflow-y: auto;
z-index: 50;
background: #111 !important;
border: none !important;
border-top: 1px solid red !important;
}
.video-page .mobile-page .main-wrap .video-view #video-tags-list-container ul li:first-of-type,
.video-page .mobile-page .main-wrap .video-view #video-tags-list-container .collapsable-list__item:first-of-type {
position: relative !important;
width: 100% !important;
left: unset !important;
margin: 0;
top: unset !important;
}
.video-page .mobile-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] {
display: flex;
height: 25px;
width: 48% !important;
align-items: center;
border-radius: 6px;
}
.video-page .mobile-page #video-tags-list-container ul.video-categories-tags li:not(:first-of-type):not([class*="toggle-"]) a.video-tag:not([href*="/pornstars/"]):not([href*="/creators/"]):not([href*="/celebrities/"]):not([href*="/channels/"]) {
min-width: 100% !important;
max-width: 100% !important;
}
.video-page .mobile-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"]:first-of-type {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 378px !important;
max-width: 378px !important;
left: 0 !important;
top: 79.3vh !important;
margin: 0;
padding: 0 10px !important;
}
/* (new303) MOBILE - VIDEO PGE - ADD TO COLL */
.video-page .xh-scroll-disabled {
position: fixed;
}
.video-page .dialog-mobile-container__backing {
position: fixed;
width: 40%;
height: 100%;
left: 59.2% !important;
bottom: 0;
right: 0 !important;
top: 0;
background: #111 !important;
}
.video-page .dialog-mobile-container {
position: fixed;
width: 40%;
height: 100%;
left: 59.2% !important;
bottom: 0;
right: 0 !important;
top: 0;
z-index: 5000 !important;
background: #111 !important;
}
.dialog-mobile-container:not(.full-width) .dialog-mobile-container__content {
display: inline-block !important;
left: 50% !important;
max-height: 100% !important;
top: 0 !important;
transform: unset !important;
}
.video-page .mobile-dialog.mobile-dialog--smallest.favorites-edit-collections {
position: fixed;
display: inline-block !important;
min-width: 740px !important;
height: 96vh !important;
left: 60% !important;
bottom: 0;
right: 0;
top: 3vh !important;
z-index: 500000 !important;
}
.video-page .dialog-mobile-container:not(.full-width) .dialog__close-icon {
position: fixed;
display: inline-block !important;
top: 32px !important;
right: 30px !important;
z-index: 50000000 !important;
background: red !important;
}
.video-page .mobile-dialog.mobile-dialog--smallest.favorites-edit-collections .field-container.field-container--collections {
/* display: inline-block !important; */
float: left !important;
width: 49% !important;
height: 2.6vh !important;
margin: 0 4px 2px 0 !important;
border: 1px solid gray !important;
}
.video-page .mobile-dialog.mobile-dialog--smallest.favorites-edit-collections label .title {
float: left;
margin-right: 5px;
min-width: 250px !important;
max-width: 250px !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: #333 !important;
}
.favorites-edit-collections-link {
position: fixed !important;
display: inline-block !important;
top: 4vh !important;
right: 250px !important;
padding: 2px 5px !important;
border-radius: 5px !important;
background: green !important;
color: gold !important;
}
.favorites-edit-collections-link,
.favorites-edit-collections-list [type="checkbox"]:checked + label .quantity {
color: gold !important;
}
/* MOBILE - RELATED CATEG LIST */
.video-page .mobile-page .after-pager {
position: fixed !important;
width: 40.5%;
height: 6vh !important;
bottom: -2vh !important;
right: 0 !important;
margin: 0!important;
overflow: hidden !important;
z-index: 500 !important;
background: #333 !important;
border-top: 1px solid red !important;
border-left: 1px solid red !important;
}
.video-page .mobile-page .after-pager:hover {
position: fixed !important;
width: 40.5%;
height: auto !important;
bottom: 0 !important;
right: 0 !important;
margin: 0!important;
z-index: 500 !important;
background: #333 !important;
border-top: 1px solid red !important;
border-left: 1px solid red !important;
}
.video-page .mobile-page .after-pager .categories-list {
padding: 2px 10px 2px !important;
}
/* MOBILE - RELATED */
.video-page .mobile-page .main-wrap .video-view + div[data-role="video-page-wrapper"] .video-page,
.video-page .mobile-page .main-wrap .video-view + div[data-role="video-page-wrapper"] {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
.video-page .mobile-page .related-container {
position: absolute;
display: inline-block;
width: 40.5% !important;
max-height: 96.5vh !important;
min-height: 96.5vh !important;
right: 0 !important;
top: 0vh !important;
margin-bottom: 0;
padding: 5px;
z-index: 50;
background: #111 !important;
border-left: 1px solid red !important;
}
.video-page .mobile-page .related-container div:not(.xh-helper-hidden) .video_block {
width: 100% !important;
height: 84.5vh !important;
padding: 0 8px;
overflow-x: hidden;
border-bottom: 1px solid red !important;
}
.video-page .mobile-page .related-container .xh-helper-hidden .video_block {
display: none !important;
visibility: hidden !important;
}
.video-page .mobile-page .video_block .thumb-list-mobile,
.video-page .mobile-page .video_block_title {
width: 100% !important;
}
.video-page .mobile-page .video_block .thumb-list-mobile {
display: inline-block !important;
width: 100% !important;
height: 83.5vh !important;
overflow-x: hidden;
overflow-y: auto !important;
}
/* MOBILE - VID PAGE - VIDEO ITEMS - RELATED / END SCREEN */
.video-page .mobile-page .related-container ul.thumb-list-mobile.thumb-list .thumb-list-mobile-item,
.video-page .mobile-page .video_block .thumb-list-mobile-item {
display: inline-block !important;
width: 24% !important;
height: 180px !important;
margin: 0 3px 3px 3px !important;
border-radius: 5px !important;
border: 1px solid #333 !important;
}
/* (new358) MOBILE - VID PAGE - VIDEO ITEMS - RELATED */
.video-page .mobile-page .related-container .video_block ul.thumb-list-mobile.thumb-list .thumb-list-mobile-item {
display: inline-block !important;
width: 32.5% !important;
height: 170px !important;
margin: 2px 0px 3px 0px !important;
border-radius: 5px !important;
border: 1px solid #333 !important;
}
/* HOVER - RELATED */
.video-page .mobile-page .related-container .video_block ul.thumb-list-mobile.thumb-list .thumb-list-mobile-item:hover {
transform: translate(10px, 15px) scale(1.2) !important;
z-index: 500 !important;
border: 1px solid red !important;
}
/* RELATED VIDEO - .related-container [data-tab-type="video"] [data-tab-type="video"] :
HOVER - PREMIUM ONLY ONE PAGE1 - LEFT */
.video-page .mobile-page .related-container [data-tab-type="video"] [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"]:only-of-type ~ .thumb-list-mobile-item.page-1:nth-child(12):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"]:only-of-type ~ .thumb-list-mobile-item.page-1:nth-child(9):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"]:only-of-type ~ .thumb-list-mobile-item.page-1:nth-child(6):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"]:only-of-type ~ .thumb-list-mobile-item.page-1:nth-child(2):hover {
transform: translate(45px, 42px) scale(1.5) !important;
z-index: 500 !important;
border: 1px solid aqua !important;
}
/* HOVER - RELATED VIDEO - 2 PREMIUM PAGE 1/2/3/4/5 - LEFT */
/* PAGE 5 - RELATED VIDEO - LEFT */
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(109):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(106):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(103):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(100):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(97):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(94):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(91):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(88):hover,
/* PAGE 4 - RELATED VIDEO - LEFT */
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(85):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(82):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(79):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(76):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(73):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(70):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(67):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(64):hover,
/* PAGE 3 - RELATED VIDEO - LEFT */
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(61):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(58):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(55):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(52):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(49):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(46):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(43):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(40):hover,
/* PAGE 2 - RELATED VIDEO - LEFT */
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(37):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(34):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(31):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(28):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(25):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(22):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(19):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(16):hover,
/* PAGE 1 - RELATED VIDEO - LEFT */
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-1:nth-child(13):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-1:nth-child(10):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-1:nth-child(7):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-1:nth-child(3):hover {
transform: translate(45px, 42px) scale(1.5) !important;
z-index: 500 !important;
/* border: 1px dashed aqua !important; */
}
/* (new358) HOVER - MOBILE - RELATED VIDEO - PREMIUM PAGE1 - RIGHT */
.video-page .mobile-page .related-container [data-tab-type="video"] [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(108):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(105):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(102):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(99):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(96):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(93):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(90):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(87):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(84):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(81):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(78):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(75):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(72):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(69):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(66):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(63):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(60):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(57):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(54):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(51):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(48):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(45):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(42):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(39):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(36):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(33):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(30):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(27):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(24):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(21):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(18):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(15):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(12):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(9):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list .yld-pdpremium-overlay ~ .thumb-list-mobile-item:not(.thumb-list-mobile-item--widget):nth-child(6):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"]:only-of-type ~ .thumb-list-mobile-item.page-1:nth-child(11):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"]:only-of-type ~ .thumb-list-mobile-item.page-1:nth-child(8):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"]:only-of-type ~ .thumb-list-mobile-item.page-1:nth-child(5):hover {
transform: translate(-10px, 15px) scale(1.2) !important;
z-index: 500 !important;
border: 1px solid yellow !important;
}
/* HOVER - RELATED VIDEO - 2 PREMIUM PAGE 1/2/3/4/5 - RIGHT */
/* PAGE 5 - RELATED VIDEO - RIGHT */
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(108):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(105):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(102):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(99):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(96):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(93):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(90):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(87):hover,
/* PAGE 4 - RELATED VIDEO - RIGHT */
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(84):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(81):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(78):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(75):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(72):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(69):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(66):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(63):hover,
/* PAGE 3 - RELATED VIDEO - RIGHT */
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(60):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(57):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(54):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(51):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(48):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(45):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(42):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(39):hover,
/* PAGE 2 - RELATED VIDEO - RIGHT */
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(36):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(33):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(30):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(27):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(24):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(21):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(18):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(15):hover,
/* PAGE 1 - RELATED VIDEO - RIGHT */
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-1:nth-child(12):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-1:nth-child(9):hover,
.video-page .mobile-page .related-container [data-tab-type="video"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-1:nth-child(6):hover {
transform: translate(-40px, 42px) scale(1.5) !important;
z-index: 500 !important;
/* border: 1px solid yellow !important; */
}
/* RELATED RECOM - .related-container [data-tab-type="recommended"] :
HOVER - PREMIUM ONLY ONE PAGE1 - LEFT */
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"]:only-of-type ~ .thumb-list-mobile-item.page-1:nth-child(11):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"]:only-of-type ~ .thumb-list-mobile-item.page-1:nth-child(8):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"]:only-of-type ~ .thumb-list-mobile-item.page-1:nth-child(5):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"]:only-of-type ~ .thumb-list-mobile-item.page-1:nth-child(2):hover {
transform: translate(45px, 42px) scale(1.5) !important;
z-index: 500 !important;
border: 1px solid aqua !important;
}
/* HOVER - RELATED RECOM - 2 PREMIUM PAGE 1/2/3/4/5 - LEFT */
/* PAGE 5 - RELATED RECOM - LEFT */
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(109):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(106):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(103):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(100):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(97):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(94):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(91):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(88):hover,
/* PAGE 4 - RELATED RECOM - LEFT */
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(85):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(82):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(79):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(76):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(73):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(70):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(67):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(64):hover,
/* PAGE 3 - RELATED RECOM - LEFT */
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(61):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(58):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(55):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(52):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(49):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(46):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(43):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(40):hover,
/* PAGE 2 - RELATED RECOM - LEFT */
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(37):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(34):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(31):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(28):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(25):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(22):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(19):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(16):hover,
/* PAGE 1 - RELATED RECOM - LEFT */
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-1:nth-child(13):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-1:nth-child(10):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-1:nth-child(7):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-1:nth-child(3):hover {
transform: translate(45px, 42px) scale(1.5) !important;
z-index: 500 !important;
/* border: 1px dashed aqua !important; */
}
/* HOVER - RELATED RECOM - PREMIUM PAGE1 - RIGHT */
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"]:only-of-type ~ .thumb-list-mobile-item.page-1:nth-child(13):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"]:only-of-type ~ .thumb-list-mobile-item.page-1:nth-child(10):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"]:only-of-type ~ .thumb-list-mobile-item.page-1:nth-child(7):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"]:only-of-type ~ .thumb-list-mobile-item.page-1:nth-child(4):hover {
transform: translate(-40px, 42px) scale(1.5) !important;
z-index: 500 !important;
border: 1px solid yellow !important;
}
/* HOVER - RELATED RECOM - 2 PREMIUM PAGE 1/2/3/4/5 - RIGHT */
/* PAGE 5 - RELATED RECOM - RIGHT */
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(108):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(105):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(102):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(99):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(96):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(93):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(90):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-5:nth-child(87):hover,
/* PAGE 4 - RELATED RECOM - RIGHT */
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(84):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(81):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(78):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(75):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(72):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(69):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(66):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-4:nth-child(63):hover,
/* PAGE 3 - RELATED RECOM - RIGHT */
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(60):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(57):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(54):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(51):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(48):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(45):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(42):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-3:nth-child(39):hover,
/* PAGE 2 - RELATED RECOM - RIGHT */
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(36):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(33):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(30):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(27):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(24):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(21):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(18):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-2:nth-child(15):hover,
/* PAGE 1 - RELATED RECOM - RIGHT */
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-1:nth-child(12):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-1:nth-child(9):hover,
.video-page .mobile-page .related-container [data-tab-type="recommended"] .video_block ul.thumb-list-mobile.thumb-list div[class*="-epremium-overlay"].page-1 + div[class*="-epremium-overlay"].page-2 ~ .thumb-list-mobile-item.page-1:nth-child(6):hover {
transform: translate(-40px, 42px) scale(1.5) !important;
z-index: 500 !important;
/* border: 1px solid yellow !important; */
}
/* (new303) MOBILE - SUPP WIDGET */
.video-page .mobile-page .related-container ul.thumb-list-mobile.thumb-list .thumb-list-mobile-item.thumb-list-mobile-item--widget {
display: none !important;
}
.video-page .mobile-page .related-container ul.thumb-list-mobile.thumb-list .thumb-list-mobile-item .mobile-video-thumb .thumb-image-container {
min-height: 120px !important;
margin: 0 auto 4px;
padding-top: 0% !important;
background-position: center center !important;
background-repeat: no-repeat;
background-size: contain !important;
}
.video-page .mobile-page .related-container ul.thumb-list-mobile.thumb-list .thumb-list-mobile-item .mobile-video-thumb__name {
display: inline-block !important;
height: 100% !important;
min-height: 3vh !important;
width: 100% !important;
margin: 0 0px 0 0 !important;
overflow: hidden;
overflow-y: auto !important;
text-overflow: unset !important;
white-space: pre-wrap !important;
word-break: normal !important;
border-bottom: 1px solid red !important;
}
/* (new303) MOBULE - RELATED - SHOW MORE */
.video-page .mobile-page .more-related-videos {
position: fixed;
display: inline-block !important;
width: 40% !important;
height: 23px !important;
line-height: 18px;
right: 3px !important;
top: 91vh !important;
padding: 3px;
text-align: center !important;
background: red !important;
}
.video-page .mobile-page .more-related-videos .button {
position: fixed !important;
display: inline-block !important;
right: 0 !important;
top: 91vh !important;
z-index: 500000000 !important;
}
.video-page .mobile-page .more-related-videos .button:hover {
position: fixed !important;
display: inline-block !important;
right: 0 !important;
top: 91vh !important;
z-index: 500000000 !important;
border: 1px solid aqua !important;
}
/* (new303) MOBILE - VIDEO PAGE - PREVIEW HOVER */
.video-page .mobile-page .video_block .thumb-list-mobile .thumb-list-mobile-item.role-pop .mobile-video-thumb:hover .mobile-thumb-player-container.thumb-image-container video {
display: inline-block !important;
min-height: 130px !important;
min-width: 100% !important;
max-width: 100% !important;
overflow: hidden;
border: 1px solid aqua !important;
}
.video-page .mobile-page .related-container .tab-set {
border-bottom: 1px solid var(--color-gray, #ccc);
}
/* (new358) MOBILE - COMMENTS - CONTAINER */
.video-page .mobile-page .comments-section {
position: absolute;
display: inline-block;
width: 39%;
max-height: 34.5vh !important;
min-height: 34.5vh !important;
left: 383px !important;
top: 60.5vh !important;
margin-bottom: 0;
padding: 5px;
overflow-x: hidden;
overflow-y: hidden !important;
z-index: 50;
background: #111 !important;
border: 1px solid red;
}
/* (new358) MOBILE - COMMENTS - LIST */
.video-page .mobile-page .comments-list {
position: absolute;
display: inline-block;
width: 100% !important;
max-height: 31vh !important;
min-height: 31vh !important;
left: 0px !important;
top: 0.5vh !important;
margin-bottom: 0;
padding: 5px;
overflow-x: hidden;
overflow-y: auto;
z-index: 50;
background: #111 !important;
}
/* (new38) MOBILE - COMMENTS - ITEMS */
.video-page .mobile-page .comments-section .comments-list .comment-item {
position: relative;
float: left !important;
vertical-align: top;
height: 100%;
min-height: 90px !important;
max-height: 90px !important;
width: 100%;
min-width: 175px !important;
max-width: 175px !important;
right: 0;
top: 0;
left: 0;
margin: 0 1px 4px 2px !important;
padding: 2px 3px;
border-radius: 3px;
overflow: visible;
transform: translate(0px, 0px) scale(1);
z-index: 0;
box-shadow: 3px 3px 2px black;
border: 1px solid red !important;
}
.video-page .mobile-page .comments-section .comments-list .comment-item div[class^="avatar-"] {
height: 20px !important;
line-height: 20px;
width: 21px !important;
font-size: 15px;
}
.video-page .mobile-page .comments-section .comments-list .comment-item .comment-info {
width: 100% !important;
height: 65px !important;
}
.video-page .mobile-page .comments-section .comments-list .comment-item .comment-info .comment-body {
height: 65px !important;
max-width: 149px !important;
min-width: 149px !important;
margin: 0 0 0 20px !important;
}
.video-page .mobile-page .comments-section .comments-list .comment-item .comment-info .comment-body .comment-actions > span {
height: 12px !important;
margin: 0 5px 0 0px !important;
text-align: center;
border-radius: 5px;
opacity: 1;
}
.video-page .mobile-page .comments-section .comments-list .comment-item .comment-info .comment-body .comment-actions > span > button {
height: 12px !important;
width: 20px !important;
margin: 0 0 0 0px !important;
text-align: center;
border-radius: 5px;
opacity: 1;
}
.video-page .mobile-page .comments-section .comments-list .comment-item .comment-info .comment-body .comment-actions > span > button > span.button__body i.xh-icon ,
.video-page .mobile-page .comments-section .comments-list .comment-item .comment-info .comment-body .comment-actions .action-container .xh-icon {
font-size: 9px !important;
line-height: 10px !important;
vertical-align: top;
}
.video-page .mobile-page .comments-section .comments-list .comment-item .comment-info .comment-body .user-info {
height: 15px !important;
width: 100%;
max-width: 120px !important;
min-width: 120px !important;
margin: 0px 0 4px 0 !important;
background: #333 !important;
}
.video-page .mobile-page .comments-section .comments-list .comment-item .comment-info .user-info .username.retired,
.video-page .mobile-page .comments-section .comments-list .comment-item .comment-info .comment-body .user-info a.username {
display: inline-block !important;
float: none !important;
width: 100%;
max-width: 159px;
min-width: 159px;
height: 15px;
line-height: 17px !important;
margin: -1px 0 0 0 !important;
padding: 0 0 0 7px !important;
font-size: 13px !important;
overflow: hidden;
text-overflow: ellipsis !important;
}
.video-page .mobile-page .comments-section .comments-list .comment-item:hover .comment-info .comment-body .text,
.video-page .mobile-page .comments-section .comments-list .comment-item .comment-info .text {
position: relative !important;
display: inline-block !important;
min-width: 145px !important;
max-width: 145px !important;
height: 5.3vh !important;
line-height: 12px;
margin: 0px 0 0 0 !important;
padding-right: 0;
font-size: 12px;
overflow-wrap: break-word;
overflow-x: hidden;
overflow-y: auto;
color: #dadada;
}
/* HOVER */
.video-page .mobile-page .comments-section .comments-list .comment-item:hover .comment-info .comment-body .text {
height: 5.3vh !important;
line-height: 12px;
}
.video-page .mobile-page .comments-section .comments-list .comment-item:hover .comment-info .comment-body .comment-meta,
.video-page .mobile-page .comments-section .comments-list .comment-item .comment-info .comment-meta {
display: inline-block;
height: 15px !important;
max-width: 145px !important;
min-width: 145px !important;
top: -0.4vh !important;
left: 0px !important;
padding: 0 !important;
border-radius: 0 0 3px 3px !important;
border-top: 1px solid gray;
background: black;
}
.video-page .mobile-page .comments-section .comments-list .comment-item .comment-info .user-info > *:not(.username) ,
.video-page .mobile-page .comments-section .comments-list .comment-item .comment-info .comment-body .user-info span.created {
position: absolute !important;
display: inline-block !important;
float: none !important;
vertical-align: middle !important;
height: 15px !important;
line-height: 15px !important;
max-width: 100px !important;
min-width: 100px !important;
margin: 0 0 0 0 !important;
left: 60px !important;
top: 7.2vh !important;
bottom: -13px !important;
font-size: 12px !important;
transform-origin: center center 0;
transform: scale(1) !important;
z-index: 100 !important;
}
.video-page .mobile-page .comments-section .xh-helper-hidden {
display: inline-block !important;
height: 24px !important;
background: #e34449 !important;
}
.video-page .mobile-page .comments-section .comments-wrap {
height: 24px !important;
min-height: 24px !important;
max-height: 24px !important;
margin: 0px !important;
padding: 0 !important;
}
.video-page .mobile-page .comments-section .heading {
margin: 0 !important;
}
.video-page .mobile-page .comments-section .comments-wrap .heading-container {
height: 20px !important;
padding: 0 !important;
}
.video-page .mobile-page .comments-section .comments-wrap .content-container .my-comment {
position: fixed !important;
display: inline-block !important;
width: 240px !important;
height: 100% !important;
min-height: 24px !important;
max-height: 24px !important;
line-height: 15px !important;
left: 858px !important;
top: 63.7vh !important;
border-radius: 5px !important;
z-index: 5000 !important;
background: #333 !important;
border: 1px solid red !important;
}
.video-page .mobile-page .comments-section .my-comment .comment-textarea.focus,
.video-page .mobile-page .comments-section .my-comment .comment-textarea:not(.focus) {
width: 225px !important;
height: 18px;
min-height: 18px;
line-height: 14px !important;
top: 0px !important;
left: 6px !important;
padding: 0 5px !important;
z-index: 500000;
}
.video-page .mobile-page .comments-section .comments-wrap .content-container .my-comment:hover {
min-width: 270px !important;
height: 100% !important;
min-height: 280px !important;
max-height: 280px !important;
border-radius: 0 0 5px 5px !important;
z-index: 5000 !important;
background: #111 !important;
border: 1px solid red !important;
}
.video-page .mobile-page .comments-section .comments-wrap .content-container .my-comment .input-area {
position: absolute !important;
display: inline-block !important;
min-width: 260px !important;
line-height: 15px;
min-height: 17px;
max-height: 17px !important;
left: 0px !important;
right: 154px !important;
top: 0px !important;
overflow: hidden;
z-index: 5000 !important;
}
.video-page .mobile-page .comments-section .comments-wrap .content-container .my-comment:hover .input-area {
position: absolute !important;
display: inline-block !important;
width: 260px !important;
line-height: 15px;
min-height: 250px !important;
max-height: 250px !important;
left: 0px !important;
right: 154px !important;
top: 0px !important;
padding-left: 5px !important;
overflow: hidden;
z-index: 5000 !important;
}
.video-page .mobile-page .comments-section .my-comment:hover .input-area > div:first-of-type::before {
color: red;
content: " Line break : Ctrl + Enter";
display: inline-block;
font-size: 12px;
margin-left: 0px !important;
margin-top: 0;
max-width: 185px;
min-height: 15px !important;
min-width: 185px;
overflow: hidden;
text-align: right;
white-space: pre;
width: 100%;
}
.video-page .mobile-page .comments-section .my-comment:hover .input-area > div:last-of-type::before {
display: none !important;
}
.video-page .mobile-page .comments-section .my-comment:hover .comment-textarea.xh-editable,
.video-page .mobile-page .comments-section .my-comment:hover .comment-textarea:not(.focus) {
width: 255px !important;
height: auto !important;
min-height: 160px !important;
max-height: 160px !important;
top: 3px;
right: -50px !important;
left: 0px !important;
padding: 3px;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new303) MOBILE - COMMENT - HOVER */
.video-page .mobile-page .comments-section .comments-list .item:hover {
transform: translate(0px, 23px) scale(1.5) !important;
z-index: 500000 !important;
background: #111 !important;
}
/* LEFT */
.video-page .mobile-page .comments-section .comments-list .item:nth-child(9):hover,
.video-page .mobile-page .comments-section .comments-list .item:nth-child(5):hover,
.video-page .mobile-page .comments-section .comments-list .item:nth-child(1):hover {
transform: translate(37px, 23px) scale(1.5) !important;
z-index: 500000 !important;
}
/* RIGHT */
/* .video-page .mobile-page .comments-section .comments-list .item:nth-child(9):hover , */
.video-page .mobile-page .comments-section .comments-list .item:nth-child(8):hover,
.video-page .mobile-page .comments-section .comments-list .item:nth-child(4):hover {
transform: translate(-37px, 23px) scale(1.5) !important;
z-index: 500000 !important;
}
/* BOTTOM */
.video-page .mobile-page .comments-section .comments-list .item:nth-child(9):hover {
transform: translate(37px, -20px) scale(1.5) !important;
z-index: 500000 !important;
}
.video-page .mobile-page .comments-section .comments-list .item:nth-child(10):hover {
transform: translate(0px, -20px) scale(1.5) !important;
z-index: 500000 !important;
background: olive !important;
border: 1px solid red;
}
.video-page .mobile-page .comments-section .comments-list .item .comment-info .comment-body .text .comment-text {
line-height: 14px;
font-size: 10px !important;
}
.video-page .mobile-page .comments-section .comments-list .item .comment-info .comment-body .text .comment-text .emoji {
display: inline-block;
height: 10px !important;
width: 10px !important;
vertical-align: sub;
}
/* (new303) MOBILE - COMMENTS - PAGER */
.video-page .mobile-page .comments-section .pager-section {
position: fixed !important;
height: 22px;
width: 834px !important;
left: 341px;
top: unset !important;
bottom: 0.2vh !important;
margin: 0 !important;
transform: scale(0.9);
z-index: 500 !important;
background: #111 !important;
}
.video-page .mobile-page .comments-section .pager-section .prev-next-list {
display: inline-block;
height: 20px !important;
width: auto !important;
margin: 0 !important;
text-align: left;
overflow: hidden;
}
.video-page .mobile-page .comments-section .pager-section .prev-next-list .prev-next-list-link {
padding: 0px !important;
}
.video-page .mobile-page .comments-section .pager-section .page-list-wrapper {
display: inline-block;
height: 20px !important;
margin: 0;
text-align: left;
overflow: hidden;
}
.video-page .mobile-page .comments-section .pager-section .page-list-wrapper .page-list {
display: inline-flex;
overflow-x: auto;
padding-bottom: 0px !important;
}
.video-page .mobile-page .comments-section .pager-section .page-list-wrapper .page-button,
.video-page .mobile-page .comments-section .pager-section .page-list-wrapper .page-limit-button {
display: flex;
height: 20px !important;
}
.video-page .mobile-page .comments-section .pager-section .page-list-wrapper .page-button-link {
border: 0 none;
border-radius: 5px;
cursor: pointer;
font-size: 12px;
line-height: 20px;
outline: 0 none;
padding: 0 4px !important;
}
/* (new261) BEST PAGE - TRENDING */
/* (new271) MY FAV - DEL OVERLAY */
/* (new309) body.xh-scroll-partially-disabled */
html.user-page.favorites-page body.xh-scroll-disabled {
height: 90vh !important;
top: 0vh !important;
z-index: 0!important;
}
html.user-page.favorites-page body.xh-scroll-partially-disabled {
height: 90vh !important;
top: 0vh !important;
z-index: 0!important;
}
html.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open {
position: fixed !important;
display: none !important;
height: 100% !important;
height: auto !important;
max-height: 30px !important;
width: 640px !important;
top: 6vh !important;
right: 0 !important;
left: unset !important;
opacity: 0.2 !important;
z-index: 0 !important;
}
/* (new318) FAVS MODAL - ONLY ONE DELETE MODAL */
html.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open:last-of-type {
display: inline-block !important;
opacity: 1 !important;
z-index: 50000000 !important;
}
/* (new309) */
html.user-page.favorites-page body.xh-scroll-disabled .dialog-desktop-container.desktop-dialog-open:last-of-type,
html.user-page.favorites-page body.xh-scroll-partially-disabled .dialog-desktop-container.desktop-dialog-open:last-of-type {
height: auto !important;
top: 6vh !important;
}
html.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open:last-of-type .xh-icon.cross.dialog__close-icon.dlg-close-icon.hover.to-red.white {
position: fixed !important;
right: 20px !important;
top: 6vh !important;
padding: 5px !important;
border-radius: 100% !important;
z-index: 50000000 !important;
background: green !important;
border: 1px solid red !important;
}
/* (new309) */
html.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__backing {
height: 3.7vh !important;
width: 640px !important;
top: 5.8vh !important;
left: auto !important;
right: 0 !important;
border-radius: 5px !important;
background-color: #1111114d !important;
}
html.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__backing {
background-color: rgba(0, 0, 0, 0.4) !important;
}
html.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__backing + .dialog-desktop-container__content {
position: fixed !important;
max-width: 100%;
min-width: 100% !important;
height: auto !important;
top: 53px !important;
left: unset !important;
right: 0 !important;
overflow: hidden !important;
transform: unset !important;
border-bottom: 1px solid red !important;
background-color: transparent !important;
}
html.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open .desktop-dialog__header-new {
float: left !important;
margin: 0 !important;
width: 250px !important;
height: 28px !important;
line-height: 28px !important;
padding: 0 !important;
}
html.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open .desktop-dialog__header-new div[class^="h3-bold-01c8e"]{
height: 28px !important;
line-height: 28px !important;
margin: 0 !important;
font-size: 15px !important;
}
html.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__backing + .dialog-desktop-container__content .desktop-dialog--smallest {
max-width: 100%;
min-width: 100% !important;
}
html.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__backing + .dialog-desktop-container__content .desktop-dialog--smallest {
position: fixed !important;
display: inline-block !important;
max-width: 99% !important;
min-width: 99% !important;
line-height: 20px;
max-height: 91vh !important;
margin: 0 0 0 0 !important;
padding: 0 10px 20px 10px !important;
overflow: hidden !important;
z-index: 50000000000 !important;
background-color: #333 !important;
border: 1px solid red !important;
}
html.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__backing + .dialog-desktop-container__content .desktop-dialog--smallest .desktop-dialog__body {
max-height: 89vh !important;
padding-bottom: 20px;
overflow: hidden !important;
overflow-y: auto !important;
background-color: #111 !important;
}
html.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__backing + .dialog-desktop-container__content .desktop-dialog--smallest .desktop-dialog__footer {
position: fixed !important;
top: 6.25vh !important;
right: 1200px !important;
padding-bottom: 15px;
text-align: right;
}
html.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__backing + .dialog-desktop-container__content .desktop-dialog--smallest .desktop-dialog__header {
margin-bottom: 0px !important;
padding-top: 0px !important;
background-color: #111 !important;
border-bottom: 3px solid red !important;
}
/* (new317) */
.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open .favorites-edit-collections-list .field-container.field-container--collections,
html.user-page.favorites-page body.xh-scroll-partially-disabled .dialog-desktop-container.desktop-dialog-open:last-of-type .desktop-dialog.desktop-dialog--smallest.favorites-edit-collections .desktop-dialog__body .favorites-edit-collections-list .field-container {
display: inline-block !important;
width: 100% !important;
min-width: 16% !important;
max-width: 16% !important;
margin: 0 4px 4px 7px !important;
background: black !important;
border: 1px solid #222 !important;
}
/* (new271) FAV CHECKED */
.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open .desktop-dialog.desktop-dialog--smallest.favorites-edit-collections .favorites-edit-collections-list .field-container .field-label .field-label__right input:checked {
position: fixed !important;
display: inline-block !important;
width: 200px !important;
top: 6.5vh !important;
right: 20vw !important;
margin: 0 0 0px 0px !important;
background: red !important;
border: 1px solid gold !important;
}
.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open .desktop-dialog.desktop-dialog--smallest.favorites-edit-collections .favorites-edit-collections-list .field-container .field-label .field-label__right input:checked + label span.quantity {
color: white !important;
}
.user-page.favorites-page .dialog-desktop-container.desktop-dialog-open .desktop-dialog.desktop-dialog--smallest.favorites-edit-collections .favorites-edit-collections-list .field-container .field-label .field-label__right input:checked + label span.title:before {
content: "Click here to delete checked coll one by one" !important;
position: fixed !important;
display: inline-block !important;
width: 400px !important;
height: 20px !important;
line-height: 16px !important;
top: 6.2vh !important;
right: 18vw !important;
margin: 0 0 0px 0px !important;
font-size: 15px !important;
text-align: center !important;
border-radius: 3px !important;
background: red !important;
border: 1px solid gold !important;
}
.search-results main .search-filter-container .categories-filter .categories-filter-list li a .checkbox + label::before,
.search-results main .categories-filter [type="checkbox"] + label::before,
[type="checkbox"] + label::before,
.search-results main .search-filter-container .categories-filter .categories-filter-list li a .checkbox:checked + label::before,
.search-results main .categories-filter [type="checkbox"]:checked + label::before,
[type="checkbox"]:checked + label::before {
line-height: 16px !important;
margin-top: 2px !important;
}
.checkbox:checked + label::before {
background-color: red !important;
border: 1px solid red !important;
border-radius: 5px;
color: green !important;
}
[type="checkbox"]:checked + label {
background-color: green !important;
border: 1px solid red !important;
color: gold !important;
}
/* (new251) - VIDEO NOT VISIBLE */
.thumb-plug.thumb-plug_video.video-thumb.thumb-list__item .thumb-plug__block-text {
height: 40px !important;
line-height: 15px !important;
padding: 0 !important;
text-align: center;
border-radius: 0 0 5px 5px;
background-color: #e34449 !important;
}
.thumb-plug.thumb-plug_video.video-thumb.thumb-list__item .thumb-plug__block-text p {
height: 40px !important;
line-height: 15px !important;
color: white !important;
}
/* (new251) - VIDEO NOT VISIBLE - HOVER */
.thumb-plug.thumb-plug_video.video-thumb.thumb-list__item:hover .thumb-plug__block-text {
height: 18px !important;
line-height: 15px !important;
font-size: 10px !important;
color: gold !important;
}
.thumb-plug.thumb-plug_video.video-thumb.thumb-list__item:hover .thumb-plug__block-text p {
height: 20px !important;
line-height: 15px !important;
font-size: 10px !important;
color: gold !important;
}
/* USER ICONS too big on load - TOP RIGHT */
.user-header.user-header--small .photo-section .photo-container .xh-avatar {
font-size: 15px !important;
height: 28px !important;
line-height: 20px !important;
width: 28px !important;
border: none !important;
}
/* ===== ADAPT GM "XHamster GX" - PLAY THUMBNAIL ====== */
/* GM "XHamster GX" - PLAY THUMBNAIL BUTTON - VIDEO PAGE */
.video-page .controls .report-control + a.xh-button[style="background: rgb(68, 153, 68) none repeat scroll 0% 0%; color: rgb(34, 34, 34);"],
.video-page .controls .report-control + a.xh-button[style=""] {
position: absolute !important;
display: inline-block !important;
vertical-align: top;
width: 100% !important;
min-width: 220px !important;
max-width: 220px !important;
height: 100% !important;
min-height: 14px !important;
max-height: 14px !important;
line-height: 14px !important;
margin: 0 0 0 0 !important;
top: 11.3vh !important;
left: 0px !important;
padding: 0 2px !important;
border-radius: 5px;
font-size: 12px !important;
z-index: 50000 !important;
}
/* GM "XHamster GX" - PLAY THUMBNAIL BUTTON - USER VIDEO PAGE - BUT */
.user-page.user-videos-page .user-content-section .xh-button[style="background: rgb(68, 153, 68) none repeat scroll 0% 0%; color: rgb(34, 34, 34);"],
.user-page.user-videos-page .user-content-section .xh-button[style=""] {
position: absolute !important;
display: inline-block !important;
vertical-align: top;
width: 100% !important;
min-width: 220px !important;
max-width: 220px !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
margin: 0 0 0 0 !important;
top: 0.2vh !important;
left: 50vw !important;
padding: 0 2px !important;
border-radius: 5px;
font-size: 12px !important;
z-index: 50000 !important;
}
/* (new228) GM "XHamster GX" - FAV MY PAGE - THUMBNAILS CONT */
.user-page.favorites-page .xh-button[style=""],
.user-page.favorites-page .xh-button[style="background: rgb(68, 153, 68) none repeat scroll 0% 0%; color: rgb(34, 34, 34);"],
.user-page.favorites-page .xh-button[style=""],
.user-page.favorites-page .xh-button[style="background: rgb(68, 153, 68) none repeat scroll 0% 0%; color: rgb(34, 34, 34);"] {
position: fixed !important;
display: inline-block !important;
width: 120px !important;
height: 20px !important;
bottom: 0px !important;
left: 20px !important;
z-index: 50000000 !important;
transition: left ease 0.7s !important;
}
/* (new263) GM "XHamster GX" - THUMB VIDEO PLAY : not HOVER - MY VIDEO FAVS PAGE */
/* NOT HOVER / HOVER */
.user-page.favorites-page .user-content-section .thumb-list__item.video-thumb:hover .video-thumb__image-container video,
.user-page.favorites-page .user-content-section .thumb-list__item.video-thumb:not(:hover) .video-thumb__image-container video {
min-height: 87px !important;
max-height: 87px !important;
max-width: 152px !important;
min-width: 152px !important;
z-index: 500 !important;
border: 1px solid yellow !important;
}
/* (new228) GM "XHamster GX" - FAV USER PAGE - THUMBNAILS CONT */
.user-page.user-videos-page.my-uploads-page .user-content-section > a.xh-button[style=""] + .side-column + .xh-tabs .tab-favorite.current-tab,
.user-page.user-videos-page.my-uploads-page .user-content-section > a.xh-button[style="background: rgb(68, 153, 68) none repeat scroll 0% 0%; color: rgb(34, 34, 34);"] + .side-column + .xh-tabs .tab-favorite.current-tab {
margin-top: 0px !important;
}
/* (new228) GM "GX - PLAY BUTTON - FAV */
.user-page.user-videos-page.my-uploads-page .width-wrap .user-content-section a.xh-button[style=""],
.user-page.user-videos-page.my-uploads-page .width-wrap .user-content-section a.xh-button[style="background: rgb(68, 153, 68) none repeat scroll 0% 0%; color: rgb(34, 34, 34);"] {
position: fixed !important;
display: inline-block !important;
top: 54px !important;
left: 1920px !important;
z-index: 50000000 !important;
transition: left ease 0.7s !important;
}
.user-page.user-videos-page.my-uploads-page .width-wrap .user-content-section a.xh-button[style=""]:hover,
.user-page.user-videos-page.my-uploads-page .width-wrap .user-content-section a.xh-button[style="background: rgb(68, 153, 68) none repeat scroll 0% 0%; color: rgb(34, 34, 34);"]:hover {
left: 1700px !important;
transition: left ease 0.7s !important;
}
.user-page.user-videos-page.my-uploads-page .width-wrap .user-content-section a.xh-button[style=""]:before,
.user-page.user-videos-page.my-uploads-page .width-wrap .user-content-section a.xh-button[style="background: rgb(68, 153, 68) none repeat scroll 0% 0%; color: rgb(34, 34, 34);"]:before {
content: "Gx" !important;
position: absolute !important;
display: inline-block !important;
height: 20px !important;
left: -17px !important;
top: -1px !important;
padding: 0 5px 0 1px !important;
border-radius: 5px 0 0 5px !important;
z-index: 50000000 !important;
border: 1px solid gold !important;
}
/* NOY PLAYING - RED */
.user-page.user-videos-page.my-uploads-page .width-wrap .user-content-section a.xh-button[style=""]:before {
background: red !important;
color: gold !important;
}
/* PLAYING - GREEN */
.user-page.user-videos-page.my-uploads-page .width-wrap .user-content-section a.xh-button:not([style=""]):before {
background: green !important;
color: gold !important;
}
/* GM "GX" PLAY BUTT - GALLERIES */
.gallery-page .entity-container__block.entity-description-container .xh-button {
position: relative !important;
display: inline-block !important;
width: 100% !important;
min-width: 150px !important;
max-width: 150px !important;
top: -10px !important;
}
/* GM "XHamster GX" - BUTT - THUMBPLAYING - PAUSE */
.gallery-page .entity-container__block.entity-description-container .xh-button[style=""],
.photo-page .entity-description-container__categories.categories-container .xh-button[style=""],
.user-page.user-videos-page .user-content-section .xh-button[style=""],
.video-page .controls .report-control + a.xh-button[style=""] {
color: gold !important;
border: 1px solid gold !important;
background-color: red !important;
}
.width-wrap.result-section .result-block .search-results-title {
height: 15px !important;
line-height: 15px !important;
margin-top: 0px !important;
}
/* GM "XHamster GX" - BUTT - THUMBPLAYING - PLAYING */
.gallery-page .entity-container__block.entity-description-container .xh-button[style="background: rgb(68, 153, 68) none repeat scroll 0% 0%; color: rgb(34, 34, 34);"],
.photo-page .entity-description-container__categories.categories-container .xh-button[style="background: rgb(68, 153, 68) none repeat scroll 0% 0%; color: rgb(34, 34, 34);"],
.user-page.user-videos-page .user-content-section .xh-button[style="background: rgb(68, 153, 68) none repeat scroll 0% 0%; color: rgb(34, 34, 34);"],
.video-page .controls .report-control + a.xh-button[style="background: rgb(68, 153, 68) none repeat scroll 0% 0%; color: rgb(34, 34, 34);"] {
color: gold !important;
border: 1px solid gold !important;
background-color: rgb(68, 153, 68) !important;
}
/* GM "XHamster GX" - THUMB VIDEO PLAY : not HOVER - VIDEO PAGE */
/* VIDEO PAGE - NOT LARGE - NOT HOVER*/
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb .video-thumb__image-container[data-previewvideo=""] {
top: -3px !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:not(:hover) .video-thumb__image-container video {
height: 116px !important;
width: 100% !important;
min-width: 204px !important;
max-width: 204px !important;
margin-top: 0px !important;
z-index: 500 !important;
}
/* (GM "XHamster GX" - HOVER - VIDEO PAGE - THUMB VIDEO PLAY - NOT LARGE - HOVER */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .video-thumb__image-container video {
max-height: 120px !important;
min-height: 120px !important;
width: 100% !important;
min-width: 207px !important;
max-width: 207px !important;
z-index: 500 !important;
}
/* GM "XHamster GX" - HOVER - PORNSTAR CAT PAGE - NOT HOVER*/
.category-page .video-thumb:not(:hover) .video-thumb__image-container.role-pop.thumb-image-container > video {
height: 92px !important;
width: 100% !important;
min-width: 161px !important;
max-width: 161px !important;
margin-left: 0px !important;
z-index: 500 !important;
}
/* GM "XHamster GX" - HOVER - PORNSTAR CAT PAGE - THUMB VIDEO PLAY - NOT LARGE - HOVER */
.category-page .video-thumb:hover .video-thumb__image-container.role-pop.thumb-image-container > video {
height: 92px !important;
width: 100% !important;
min-width: 161px !important;
max-width: 161px !important;
margin-left: 0px !important;
z-index: 500 !important;
}
/* (new382) XHAM desi - GM "XHamster GX" - THUMB VIDEO PLAY : not HOVER - USER VIDEO FAVS PAGE */
/* NOT HOVER / HOVER */
.user-page.user-videos-page.my-uploads-page .user-content-section .video-thumb:hover .video-thumb__image-container video,
.user-page.user-videos-page.my-uploads-page .user-content-section .video-thumb:not(:hover) .video-thumb__image-container video {
min-height: 100% !important;
max-height: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
z-index: 500 !important;
border: 1px solid yellow !important;
}
/* GM "XHamster GX" - THUMB VIDEO PLAY : not HOVER - IA HUB PAGE */
/* NOT HOVER / HOVER */
.hub-page .index-videos .thumb-list .thumb-list__item.video-thumb.role-pop:hover .video-thumb__image-container video,
.hub-page .index-videos .thumb-list .thumb-list__item.video-thumb.role-pop:not(:hover) .video-thumb__image-container video {
height: 105.078px !important;
width: 167.25px !important;
z-index: 500 !important;
}
/* ==== END === GM "XHamster GX" - ==== */
/* (new261) TREE DOT - MEU - ADD TO FAVS */
.dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable {
position: absolute;
display: flex;
max-height: calc(100% - 20px);
min-width: 100% !important;
max-width: 100% !important;
top: 20px;
}
.dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest {
min-width: 99% !important;
max-width: 99% !important;
margin-top: 0px !important;
border: 1px solid red !important;
}
.dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .desktop-dialog__body {
margin-bottom: 20px;
overflow-x: hidden;
overflow-y: auto;
padding-bottom: 0;
}
.dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .favorites-edit-collections-list {
margin-bottom: 10px;
min-width: 100% !important;
max-width: 100% !important;
padding: 0 20px !important;
}
.dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .favorites-edit-collections-list .field-container {
display: inline-block !important;
width: auto !important;
min-width: 0 !important;
max-width: 350px !important;
margin: 0 !important;
border: none !important;
}
.dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .desktop-dialog__body .favorites-edit-collections-list .field-container .field-label[for] input:checked + label {
min-width: 350px !important;
max-width: 350px !important;
background: green !important;
border-radius: 5px !important;
border: 1px solid tomato !important;
}
/* (new247) HIDE NO CHECKED - ON HOVER*/
.dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .desktop-dialog__body:hover .favorites-edit-collections-list .field-container .field-label[for] [type="checkbox"]:not(:checked) + label {
display: inline-block !important;
min-width: 350px !important;
max-width: 350px !important;
margin: 2px 0px 3px 0px !important;
border-radius: 5px !important;
border: 1px solid tomato !important;
}
.dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .desktop-dialog__body:not(:hover) .favorites-edit-collections-list .field-container .field-label[for] [type="checkbox"]:not(:checked) + label {
display: none !important;
}
.dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .favorites-edit-collections-list .field-container .field-label[for] [type="checkbox"] + label::before {
line-height: 15px !important;
margin-top: 2px !important;
background: red !important;
}
.dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .favorites-edit-collections-list .field-container .field-label[for] [type="checkbox"]:checked + label::before {
line-height: 15px !important;
margin-top: 2px !important;
background: green !important;
}
.dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .favorites-edit-collections-list .field-container .quantity {
color: gold !important;
}
/* (new311) ADD TO NEW COLL */
.dialog-desktop-container.desktop-dialog-open .favorites-edit-collections-link {
position: fixed !important;
line-height: 15px !important;
margin-top: 2px !important;
top: 5.95vh !important;
left: 36.2vh !important;
padding: 5px 5px 5px 25px !important;
border-radius: 5px !important;
color: gold !important;
background: green !important;
}
.dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .desktop-dialog__header {
padding-top: 0px !important;
}
.dialog-desktop-container.desktop-dialog-open .favorites-edit-collections-form {
position: fixed !important;
width: 20% !important;
line-height: 15px !important;
margin-top: 2px !important;
top: 4.4vh !important;
left: 31.2vh !important;
padding: 5px 5px 5px 25px !important;
border-radius: 5px !important;
color: gold !important;
background: green !important;
}
/* (new261) SAVE / CANCEL */
.dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .desktop-dialog__footer {
position: fixed !important;
right: 50vw !important;
top: 0.5vh !important;
height: 35px;
line-height: 36px;
padding: 0 10px;
border-radius: 5px;
background: #333 !important;
}
/* (new251) COUNTER - TOTAL - WATERFOX with COUTER */
html.waterfox .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable {
content: counter(myIndex, decimal);
counter-increment: myIndex 0 !important;
}
/* (new297) COUNT TOTAL - WATERFOX with COUTER */
html.waterfox .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .favorites-edit-collections-list .field-container:after {
counter-increment: myIndex ! important;
content: counter(myIndex, decimal)"\A :Total Coll(s)";
position: fixed !important;
display: inline-block !important;
width: 232px !important;
height: 35px !important;
line-height: 36px !important;
top: 0.5vh !important;
right: 70vh !important;
padding: 1px 5px;
border-radius: 5px !important;
font-size: 20px !important;
text-align: center;
opacity: 1 !important;
z-index: 50000 !important;
color: white;
background: red !important;
border: 1px solid yellow !important;
}
/* (new251) COUNTER - ACTIVE - WATERFOX with COUTER */
html.waterfox .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .favorites-edit-collections-list {
content: counter(Active, decimal);
counter-increment: Active 0 !important;
}
/* (new251) COUNTER - DELL SELECTED */
html.waterfox .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .favorites-edit-collections-list .field-container .field-label[for] [type="checkbox"]:checked {
position: fixed !important;
display: inline-block !important;
line-height: 15px !important;
margin-top: 8px !important;
top: 0.5vh !important;
right: 44vh !important;
z-index: 500000 !important;
}
/* (new261) COUNTER - DELL SELECTED - FIREFOX / CHROME - NO COUNTER */
html.firefox .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .favorites-edit-collections-list .field-container .field-label[for] [type="checkbox"]:checked + label::after,
html.chrome .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .favorites-edit-collections-list .field-container .field-label[for] [type="checkbox"]:checked + label::after {
content: "Dell Selected (one by one)" !important;
position: fixed !important;
height: 35px !important;
line-height: 25px !important;
margin-top: 2px !important;
top: 0.5vh !important;
right: 3.2vh !important;
padding: 5px 5px 5px 45px !important;
border-radius: 5px !important;
background: green !important;
}
/* (new261) COUNTER - DELL SELECTED - WATERFOX- With COUNTER */
html.waterfox .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .favorites-edit-collections-list .field-container .field-label[for] [type="checkbox"]:checked + label::after {
/* content: "Dell Selected (one by one)" !important; */
counter-increment: Active ! important;
content: counter(Active, decimal)"\A : Coll Active(s) (Click here to Dell Selected one by one)";
position: fixed !important;
height: 35px !important;
line-height: 25px !important;
margin-top: 2px !important;
top: 0.5vh !important;
right: 3.2vh !important;
padding: 5px 5px 5px 45px !important;
border-radius: 5px !important;
background: green !important;
}
html.waterfox .dialog-desktop-container.desktop-dialog-open .dialog-desktop-container__content.dlg-content.scrollable .favorites-edit-collections.desktop-dialog.desktop-dialog--smallest .favorites-edit-collections-list .field-container .field-label[for] [type="checkbox"]:checked + label:hover::after {
background: red !important;
}
/* (new349) TEST PREV / NEXT -.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon */
.photo-page .photo-view .slider-side #photo_slider .fotorama__arr {
position: fixed !important;
top: 45vh !important;
height: 25px;
width: 25px;
margin: 0 0 0 0 !important;
opacity: 1 !important;
}
.fotorama__arr {
position: fixed !important;
top: 50% !important;
left: 700px !important;
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:focus ,
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
transform: translate3d(0px, 0px, 0px) !important;
}
.photo-page .photo-view .slider-side #photo_slider .fotorama__arr::after {
color: yellow !important;
right: -30px;
}
/* (new318) NEW - FAVs - DELL CONFIRM */
.desktop-dialog.desktop-dialog--small.favorites-remove-collection {
display: inline-block;
flex-direction: column;
max-height: 50px !important;
margin: 0.5vh 0 0 67vw !important;
padding: 0 3px !important;
font-size: 14px;
border-radius: 5px;
background-color: #111 !important;
border: 1px solid red !important;
}
.desktop-dialog.desktop-dialog--small.favorites-remove-collection .desktop-dialog__header-font {
float: left !important;
width: 30% !important;
height: 15px !important;
line-height: 15px !important;
margin: 0px !important;
padding-top: 2px !important;
font-size: 15px !important;
}
.desktop-dialog.desktop-dialog--small.favorites-remove-collection .desktop-dialog__body {
float: left !important;
width: 30% !important;
height: 15px !important;
line-height: 28px !important;
padding: 0px !important;
color: gold !important;
}
.desktop-dialog.desktop-dialog--small.favorites-remove-collection .desktop-dialog__footer {
float: right !important;
height: 28px !important;
line-height: 20px !important;
width: 30% !important;
margin: -13px 20px 0 0 !important;
padding: 0 !important;
text-align: right;
}
.desktop-dialog.desktop-dialog--small.favorites-remove-collection .desktop-dialog__footer button.xh-button {
min-width: 60px;
padding: 0 5px !important;
font-size: 14px;
border: 0 none;
}
/* ADAPT - GALLERIES PB ALWAYS IN MODERATION */
.editor-image-status {
float: left !important;
height: auto !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
width: 300px !important;
margin: 2px;
white-space: pre-wrap !important;
font-size: 10px !important;
overflow: hidden !important;
}
/* IN POST */
.story-section .story-item .story-text .editor-image-status {
width: 520px !important;
}
.editor-image-status .status .icon-container {
position: absolute;
width: 20px !important;
height: 20px !important;
line-height: 20px !important;
top: 24px !important;
padding: 0px !important;
text-align: left !important;
text-overflow: ellipsis;
white-space: normal;
overflow: visible !important;
}
.editor-image-status .status .status-text {
position: absolute;
float: right !important;
width: 200px !important;
min-width: 100px !important;
right: -250px !important;
top: -5px !important;
padding: 0 !important;
font-size: 10px !important;
color: red !important;
}
.editor-image-status .status .status-text br {
display: none !important;
}
.story-section .story-item .story-text img.deprecated[src*=".xhcdn.com/"][src$=".jpg"] {
display: none !important;
outline: 1px solid gray !important;
}
/* (new268) PROF - GIFTS LiST */
.user-page .xh-modal-wrapper.new.opened .show-gifts-dialog.xh-modal.small.no-footer {
border-radius: 5px;
position: fixed;
height: auto;
width: 500px;
right: auto;
top: 20px !important;
left: 49% !important;
margin-bottom: 0;
opacity: 1;
transform: translate3d(-50%, 0px, 0px);
will-change: opacity, top;
box-shadow: 4px 3px 4px rgb(0, 0, 0);
z-index: 500000;
}
.user-page .xh-modal-wrapper.new.opened .show-gifts-dialog.xh-modal.small.no-footer .xh-modal-body {
position: relative;
height: 80vh !important;
overflow: hidden;
overflow-y: auto !important;
color: gray;
}
.user-page .show-gifts-dialog .user-gifts-list .items .item .gift img {
height: 60px !important;
width: 60px !important;
margin: 0 auto;
}
/* (new263) USER PROFILE / FAVS etc ...*/
.user-page:not(.user-videos-page):not(.my-uploads-page):not(.edit-mode) .main-wrap {
min-height: 100vh !important;
max-height: 100vh !important;
top: 0px !important;
overflow: hidden !important;
}
/* (new378) */
.user-page:not(.user-videos-page):not(.my-uploads-page):not(.favorites-page) .main-wrap > main {
display: inline-block !important;
max-height: 93vh !important;
margin-top: 0;
top: 55px !important;
padding-top: 0px !important;
border-top: 1px solid red !important;
}
.user-page.user-restricted .main-wrap > main .user-page .main-wrap > main {
top: 57px;
}
/* (new395) */
.user-page:not(.user-videos-page):not(.my-uploads-page):not(.edit-mode):not(.favorites-page) main .width-wrap {
display: inline-block !important;
width: 100% ;
min-height: 90.5vh !important;
max-height: 90.5vh !important;
top: 0px;
padding: 0px !important;
}
/* (new370) USER PROFILE - RIGHT PANEL */
.user-page:not(.user-videos-page):not(.my-uploads-page) article .left-side {
position: absolute !important;
display: inline-block !important;
width: 620px !important;
height: 874px !important;
margin: 0px !important;
}
.user-page:not(.user-videos-page):not(.my-uploads-page) article .right-column {
position: absolute !important;
display: inline-block !important;
width: 1055px !important;
min-height: 874px !important;
max-height: 874px !important;
right: 0px !important;
top: 0px !important;
padding-left: 5px;
}
/* (new409) - PROFILE - DATING BANNER */
.right-column>div[data-role="profile-dating-photos"] {
position: fixed !important;
display: inline-block !important;
width: 224px !important;
height: 4vh !important;
bottom: 0vh !important;
right: 1066px !important;
text-align: center !important;
border-radius: 5px 5px 0 0 !important;
z-index: 5000 !important;
background: #222 !important;
}
.right-column>div[data-role="profile-dating-photos"] div[class^="block-"] {
display: inline-block !important;
padding: 5px 0 0 0 !important;
width: 100% !important;
text-align: center !important;
/* background: red !important; */
}
.right-column>div[data-role="profile-dating-photos"] div[class^="block-"] div[class^="header-"] {
display: inline-block !important;
padding: 0 !important;
width: 100% !important;
text-align: center !important;
/* background: gold !important; */
}
/* HOVER */
.right-column>div[data-role="profile-dating-photos"]:hover {
height: auto !important;
background: green !important;
}
.right-column>div[data-role="profile-dating-photos"] .column-block.profile-dating-promo {
width: 100% !important;
padding: 3px !important;
}
.column-block.profile-dating-promo div[class^="list-"] {
display: inline-block !important;
}
/* (new395) */
.column-block.profile-dating-promo div[class^="photoWrapper-"] {
display: inline-block !important;
float: left !important;
height: 90px !important;
width: 100% !important;
margin: 0 2px 2px 0 !important;
border-radius: 5px !important;
overflow: hidden;
border: 1px solid red !important;
}
.column-block.profile-dating-promo img[class^="photo-"] {
filter: unset !important;
pointer-events: auto !important;
object-fit: contain !important;
}
/* FAV BUTTON - for CHROME */
.user-page .column-block.xh-tabbed .heading-container h4 .xh-tabset button.followable.current-tab {
display: inline-block;
min-height: 20px !important;
line-height: 15px !important;
margin-top: -5px !important;
padding: 0px 5px 4px 5px !important;
font-size: 14px;
border-width: 0 0 3px 0 !important;
}
.user-page .column-block.xh-tabbed .heading-container h4 .xh-tabset button.followable:not(.current-tab) {
height: 18px !important;
line-height: 18px !important;
margin-top: -4px !important;
padding: 0px 5px 0 5px !important;
font-size: 14px;
}
.user-page article .right-column .column-block .content-container {
width: 100% !important;
padding: 6px;
}
.user-page .favorite-photos-block .mixed-section a.link .thumb-container img {
height: 147px !important;
border-radius: 3px;
border: 1px solid gray !important;
}
/* PROFILE CHANNEL */
.user-page article .right-column .pornstar-block.column-block .content-container .channels-list .pornstar-logo-container {
display: inline-block !important;
width: 309px !important;
height: 88px !important;
margin: 0;
padding: 2px 3px;
border-radius: 5px;
border: 1px solid red !important;
background: #333 !important;
}
.user-page article .right-column .pornstar-block.column-block .content-container .channels-list .pornstar-logo-container .pornstar-logo-container__info {
display: inline-block !important;
height: 100% !important;
min-height: 84px !important;
max-height: 84px !important;
padding: 0 0 0 70px;
}
.user-page article .right-column .pornstar-block.column-block .content-container .channels-list .pornstar-logo-container .pornstar-logo-container__info .pornstar-logo {
position: absolute;
height: 100% !important;
min-height: 84px !important;
max-height: 84px !important;
line-height: 84px !important;
width: 60px !important;
left: -1px !important;
top: 0px !important;
z-index: 1;
border: none !important;
border-right: 1px solid red !important;
}
.user-page article .right-column .pornstar-block.column-block .content-container .channels-list .pornstar-logo-container .pornstar-logo-container__info .pornstar-logo .logo-container {
height: 100% !important;
min-height: 84px !important;
max-height: 84px !important;
}
.user-page article .right-column .pornstar-block.column-block .content-container .channels-list .pornstar-logo-container .pornstar-logo-container__info .pornstar-logo .bottom {
display: none !important;
}
.user-page article .right-column .pornstar-block.column-block .content-container .channels-list .pornstar-logo-container .pornstar-logo-container__info span.pornstar-logo-container__info-title {
margin: 2px 0 0 0 !important;
}
.user-page article .right-column .pornstar-block.column-block .content-container .channels-list .pornstar-logo-container .pornstar-logo-container__info span.pornstar-logo-container__info-title .pornstar-logo-container__info-title__text {
display: inline-block;
width: 190px !important;
}
.user-page article .right-column .pornstar-block.column-block .content-container .channels-list .pornstar-logo-container .pornstar-logo-container__info .sub-button {
position: absolute;
display: inline-block;
height: 15px;
line-height: 12px !important;
width: 225px !important;
top: 40px !important;
left: 70px !important;
text-align: center;
z-index: 100;
}
/* USER PROFILE - FRIENDS */
.friends-block.column-block .content-container .friends-list .item {
width: 9% !important;
}
/* USER PROFILE - COMMENTS */
.main-info-block.column-block + .column-block {
position: absolute;
display: inline-block;
float: none;
clear: none;
height: 20px;
width: 200px;
right: 461px;
top: 68px;
overflow: hidden;
}
.main-info-block.column-block + .column-block .heading-container {
display: inline-block !important;
height: 20px;
top: -89px;
padding: 0;
}
.main-info-block.column-block + .column-block .heading-container .heading {
position: absolute !important;
display: inline-block !important;
float: none !important;
height: 100% !important;
min-height: 24px !important;
max-height: 24px !important;
line-height: 24px;
margin-bottom: 0;
color: #303030;
}
/* PROFILE - RIGHT COLUMN - ALL THUMBNAILS === */
.right-column .user-page article .column-block {
position: relative;
margin-bottom: -24px !important;
font-size: 14px;
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
background: #202020;
}
.user-page article .column-block.xh-tabbed {
height: 192px !important;
margin-bottom: 4px !important;
padding: 5px !important;
overflow: hidden !important;
}
/* USER - PORNSTAR */
.user-page .pornstar-block.column-block {
min-height: 120px !important;
max-height: 12px !important;
margin-bottom: 5px !important;
padding: 1px 20px !important;
}
/* USER - POST */
.user-page .favorite-stories-block.xh-tabbed .recent.current-tab {
height: 202px !important;
padding-top: 5px;
overflow: hidden !important;
overflow-y: auto !important;
}
.pornstar-block.column-block ~ .favorite-stories-block.column-block {
min-height: 95px !important;
max-height: 95px !important;
overflow: hidden !important;
}
.pornstar-block.column-block ~ .favorite-stories-block.column-block .recent.current-tab {
min-height: 90px !important;
max-height: 90px !important;
padding-top: 5px;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new328) USER PROFILE - MIX Videos /Phot TABS - INTRO */
.user-page article .right-column .intro-block.column-block.xh-tabbed {
position: absolute !important;
display: inline-block !important;
height: 283px !important;
width: 175px !important;
left: -200px !important;
top: 26vh !important;
padding: 5px !important;
overflow: hidden !important;
}
.user-page article .right-column .intro-block.column-block.xh-tabbed > div[data-role="introduction"] .introduction-container.xh-tabbed {
height: auto !important;
}
.user-page article .right-column .intro-block.column-block.xh-tabbed > div[data-role="introduction"] .introduction-container.xh-tabbed .heading-container {
position: relative;
height: auto !important;
line-height: 15px;
margin-bottom: 0;
padding: 0 !important;
border-bottom: 1px solid #dadada;
}
.user-page article .right-column .intro-block.column-block.xh-tabbed > div[data-role="introduction"] .introduction-container.xh-tabbed .heading-container h4.heading {
display: inline-block !important;
height: auto !important;
line-height: 25px;
width: 100% !important;
margin-left: 0 !important;
text-align: center !important;
}
.user-page article .right-column .intro-block.column-block.xh-tabbed > div[data-role="introduction"] .introduction-container.xh-tabbed .heading-container h4.heading .sort-section.xh-tabbed .xh-tabset.active {
margin: 0 0 0 0 !important;
}
.user-page article .right-column .intro-block.column-block.xh-tabbed > div[data-role="introduction"] .introduction-container.xh-tabbed .heading-container h4.heading .sort-section.xh-tabbed .xh-tabset.active button.followable {
float: left !important;
font-weight: 700;
height: 100%;
margin: 0 4px 0 0 !important;
padding: 0 !important;
text-align: center !important;
}
.user-page article .right-column .intro-block.column-block.xh-tabbed .content-container {
position: absolute !important;
height: 238px !important;
width: 165px !important;
overflow: hidden !important;
}
/* (new282) PROF - INTRO - MIX PHOT / VIDEO with TABS*/
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section {
display: inline-block !important;
height: 100% !important;
min-height: 240px !important;
max-height: 240px !important;
width: 167px !important;
left: -6px !important;
overflow: hidden !important;
}
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section .widget-profile-container,
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section .intro-image-container.photo > img {
height: 100% !important;
min-height: 230px !important;
max-height: 230px !important;
width: 165px !important;
opacity: 1 !important;
visibility: visible !important;
border: 1px solid gray !important;
}
/* (new304) INTRO CAM WIDGET - WIO */
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section div[class$="-ecam-thumb widget-profile"].widget-profile,
.right-column .intro-block.column-block.xh-tabbed .widget-profile-container div[class$="-ecam-thumb widget-profile"].widget-profile {
display: inline-block !important;
height: 100% !important;
min-height: 230px !important;
max-height: 230px !important;
width: 100% !important;
min-width: 160px !important;
max-width: 160px !important;
left: -4px !important;
overflow: hidden !important;
opacity: 1 !important;
visibility: visible !important;
}
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section .widget-profile-container div[class$="-ecam-thumb widget-profile"].widget-profile .widget-profile-name {
position: absolute !important;
display: inline-block !important;
width: 160px !important;
height: 55px !important;
line-height: 40px;
top: 0 !important;
left: 0 !important;
opacity: 1 !important;
visibility: visible !important;
}
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section .widget-profile-container div[class$="-ecam-thumb widget-profile"].widget-profile .widget-profile-name .name-container {
float: left !important;
width: 100% !important;
height: 20px !important;
line-height: 20px !important;
}
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section .widget-profile-container div[class$="-ecam-thumb widget-profile"].widget-profile .widget-profile-name .xh-button {
float: left !important;
height: 20px !important;
line-height: 15px !important;
width: 100% !important;
}
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section div[class$="-ecam-thumb widget-profile"].widget-profile a.item-container.template-content-wrapper {
display: inline-block !important;
height: 100% !important;
min-height: 165px !important;
max-height: 165px !important;
width: 100% !important;
min-width: 158px !important;
max-width: 158px !important;
top: 58px !important;
left: 0px !important;
overflow: hidden !important;
opacity: 1 !important;
visibility: visible !important;
border: 1px solid red !important;
}
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section div[class$="-ecam-thumb widget-profile"].widget-profile a.item-container.template-content-wrapper .img {
position: absolute !important;
display: inline-block !important;
height: 100% !important;
min-height: 165px !important;
max-height: 165px !important;
width: 100% !important;
min-width: 156px !important;
max-width: 156px !important;
left: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: contain !important;
overflow: hidden;
z-index: 500 !important;
opacity: 1 !important;
visibility: visible !important;
}
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section div[class$="-ecam-thumb widget-profile"].widget-profile a.item-container.template-content-wrapper .img .offline {
position: absolute;
display: flex !important;
align-items: center;
flex-direction: column;
justify-content: center;
width: 156px !important;
height: 100%;
line-height: 20px;
left: 0;
top: 0;
z-index: 0 !important;
opacity: 1 !important;
visibility: visible !important;
color: gold !important;
}
/* (new282) USER - INTRO TABS - VIDEO */
.user-page article .introduction-block .intro-image-container iframe,
.user-page article .introduction-block .intro-video-container iframe,
.user-page article .introduction-block .widget-profile-container iframe {
display: inline-block !important;
max-height: 240px;
min-height: 240px;
overflow: hidden;
width: 100%;
object-fit: contain !important;
}
/* (new261) USER - SHOW BUTTON - ALL */
.user-page .right-column .xh-tabbed .mixed-section > div:last-of-type a:not(.name-container):not(.item-container):not(.xh-button),
.user-page .right-column .section-button.show-recent {
position: absolute !important;
height: 20px !important;
top: 0px !important;
margin: 0 !important;
padding: 0 !important;
}
.user-page .right-column .xh-tabbed .mixed-section > div:last-of-type a:not(.name-container):not(.template-content-wrapper):after,
.user-page .right-column .section-button.show-recent:after {
content: "►";
}
.right-column .column-block.xh-tabbed .mixed-section > div:last-of-type a.show-favorites.current-tab {
position: absolute !important;
margin: 0 !important;
left: 434px !important;
top: 0px !important;
z-index: 5000 !important;
outline: 1px dashed yellow !important;
}
/* USER PROFILE - FAV VIDEOS */
.favorite-videos-block.column-block.xh-tabbed .mixed-section > div:last-of-type a {
position: absolute !important;
margin: 0 !important;
top: 0px !important;
left: 434px !important;
}
/* MY POSTS */
.favorite-stories-block.column-block.xh-tabbed {
min-height: 250px !important;
}
/* SHOW POSTS / STORIES */
.right-column .favorite-stories-block.column-block.xh-tabbed .mixed-section > div:last-of-type a {
top: 0px !important;
left: 434px !important;
}
/* USER PROFILE - THUMBNAILS - ALL */
.user-page article .column-block .item.gallery,
.user-page article .column-block .item.model,
.user-page article .column-block .item.video {
width: 10.6% !important;
margin-bottom: 10px;
padding: 0 5px;
margin-right: -5px;
margin-left: 6px;
}
/* (new377) */
.user-page article .column-block .item.video {
min-height: 150px !important;
min-width: 110px !important;
max-width: 110px !important;
margin: 0 5px 0 0 !important;
padding: 0px 3px !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
/* (new264) USER PROFILE - VIDEO NOT AVAIABLE */
.user-page article .column-block .item.video div[data-role="thumb-plug"] {
display: inline-block !important;
height: 100% !important;
min-height: 81px !important;
max-height: 81px !important;
width: 100% !important;
min-width: 111px !important;
max-width: 111px !important;
border-radius: 5px 5px 0 0 !important;
background-image: url("https://static-lvlt.xhcdn.com/xh-desktop/images/components/thumb/plug/plug_blur.jpeg") !important;
object-fit: contain !important;
}
/* HOVER */
.user-page article .column-block .item.video:hover div[data-role="thumb-plug"] {
display: inline-block !important;
height: 100% !important;
min-height: 64px !important;
max-height: 64px !important;
min-width: 111px !important;
max-width: 111px !important;
}
.user-page article .column-block .item.video div[data-role="thumb-plug"]::before {
content: "🔒" !important;
position: absolute !important;
display: inline-block !important;
bottom: 90px;
left: 45px;
font-size: 25px;
z-index: 50 !important;
filter: grayscale(1);
opacity: 0.5 !important;
}
/* HOVER */
.user-page article .column-block .item.video:hover div[data-role="thumb-plug"]::before {
content: "🔒" !important;
position: absolute !important;
display: inline-block !important;
bottom: 55px !important;
left: 49px !important;
font-size: 15px !important;
z-index: 50 !important;
filter: grayscale(1);
opacity: 0.5 !important;
}
.user-page article .column-block .item.video div[data-role="thumb-plug"]::after {
content: "This video is not available" !important;
position: absolute !important;
display: inline-block !important;
height: 100%;
max-height: 65px;
min-height: 65px;
line-height: 20px;
min-width: 111px !important;
max-width: 111px !important;
bottom: 0px !important;
left: 0px;
padding: 10px !important;
border-radius: 0 0 5px 5px !important;
font-size: 15px;
z-index: 50 !important;
color: white !important;
background-color: #e34449;
}
/* HOVER */
.user-page article .column-block .item.video:hover div[data-role="thumb-plug"]::after {
content: "This video is not available" !important;
max-height: 35px !important;
min-height: 35px !important;
line-height: 12px !important;
min-width: 111px !important;
max-width: 111px !important;
bottom: 0px !important;
left: 0px;
padding: 5px 10px 0 10px !important;
border-radius: 0 0 5px 5px !important;
font-size: 13px !important;
z-index: 50 !important;
text-align: center !important;
}
.user-page article .column-block .item.model:hover,
.user-page article .column-block .item.video:hover {
height: 100% !important;
min-height: 100px !important;
max-height: 100px !important;
top: 1.3vh !important;
border-radius: 5px !important;
z-index: 500000 !important;
transform: scale(1.9) !important;
background: black !important;
}
/* HOV - LEFT */
.user-page article .column-block .item.model:nth-child(1):hover,
.user-page article .column-block .item.video:nth-child(1):hover {
left: 45px !important;
}
/* HOV - RIGHT */
.user-page article .column-block .item.model:nth-child(9):hover,
.user-page article .column-block .item.video:nth-child(9):hover {
left: -45px !important;
}
.user-page article .column-block .item.model a.thumb-container,
.user-page article .column-block .item.video a.thumb-container {
width: 99% !important;
height: 100% !important;
min-height: 83px !important;
max-height: 83px !important;
object-fit: contain !important;
}
.user-page article .column-block .item.model:hover a.thumb-container,
.user-page article .column-block .item.video:hover a.thumb-container {
width: 99.9% !important;
height: 100% !important;
min-height: 63px !important;
max-height: 63px !important;
object-fit: contain !important;
}
.user-page article .column-block .item.video:hover .info-container {
height: 30px !important;
margin-top: 4px !important;
}
.user-page .right-column .favorite-videos-block.column-block.xh-tabbed .mixed-list.xh-tabs .item.video:hover .info,
.user-page article .column-block .item.video:hover .info-container .info {
display: none !important;
}
.user-page article .column-block .item.video .hd-badge,
.user-page article .column-block .item.video .uhd-badge,
.user-page article .column-block .item.video .vr-badge {
height: 10px !important;
line-height: 14px !important;
left: 2px !important;
top: -3px;
width: 18px;
opacity: 0.5 !important;
border: 1px solid gray !important;
}
.user-page article .column-block .item.video .uhd-badge,
.user-page article .column-block .item.video .vr-badge {
height: 10px !important;
line-height: 0px !important;
left: 19px !important;
top: 0px;
}
.user-page article .column-block .item.video .hd-badge i {
height: 8px !important;
line-height: 7px !important;
font-size: 5px !important;
color: white !important;
background: red !important;
}
.user-page article .column-block .item.video .uhd-badge i,
.user-page article .column-block .item.video .vr-badge i {
height: 9px !important;
line-height: 7px !important;
font-size: 7px !important;
background: #111 !important;
}
.user-page article .column-block .item.video:hover .hd-badge,
.user-page article .column-block .item.video:hover .uhd-badge,
.user-page article .column-block .item.video:hover .vr-badge {
line-height: 15px !important;
left: 9px !important;
top: -2px !important;
transform: scale(0.5) !important;
opacity: 0.5 !important;
}
.user-page article .column-block .item.video:hover .hd-badge {
top: -3px !important;
left: -3px !important;
}
.user-page article .column-block .item.video:hover .info-line .duration {
top: -1px !important;
left: -10px !important;
transform: scale(0.5) !important;
}
.user-page article .column-block .item.video:hover .name span {
display: inline-block !important;
min-width: 100% !important;
max-width: 100% !important;
height: 24px !important;
line-height: 8px !important;
margin-top: 5px !important;
padding: 0 5px !important;
font-size: 7px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new362) */
.user-page article .mixed-list .item.video:hover .info-line {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 10px;
line-height: 10px;
opacity: 1;
transform: scale(1) !important;
}
.user-page article .column-block .item.video:hover .info-line .duration {
position: absolute;
display: inline-block !important;
width: 100% !important;
min-width: 100px !important;
max-width: 100px !important;
height: 15px !important;
line-height: 15px !important;
font-size: 10px !important;
opacity: 1;
z-index: 500000;
transform: scale(0.5) !important;
transform-origin: 24px 5px 0 !important;
background: black !important;
}
.user-page article .column-block .item.video:hover .info-line .duration .xh-icon.hd-badge.beta-thumb-hd {
position: absolute;
display: inline-block !important;
width: 100% !important;
min-width: 45px !important;
max-width: 45px !important;
height: 24px !important;
line-height: 20px !important;
font-size: 10px !important;
left: 180px !important;
opacity: 1;
z-index: 500000;
transform: scale(0.5) !important;
transform-origin: 5px center 0 !important;
background: black !important;
}
/* USER - GALL */
.user-page article .column-block .item.gallery.has-status,
.user-page article .column-block .item.gallery {
min-width: 163px !important;
max-width: 163px !important;
min-height: 152px !important;
max-height: 152px !important;
margin-bottom: 10px;
padding: 1px 2px !important;
margin-right: 5px;
margin-left: 9px;
}
.user-page article .column-block .item.gallery.has-status .thumb-container,
.user-page article .column-block .item.gallery .thumb-container {
width: 100% !important;
min-height: 147px !important;
max-height: 147px !important;
margin-bottom: 0px !important;
padding: 0px !important;
object-fit: contain !important;
}
.user-page article .column-block .item.gallery .thumb-container .gallery-thumb-info {
bottom: -2px !important;
left: 0 !important;
font-size: 10px !important;
background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent) repeat scroll 0 0 !important;
}
.user-page article .column-block .item.gallery .thumb-container .gallery-thumb-info--dimmed {
background: rgba(255, 0, 0, 0.5) linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent) repeat scroll 0 0 !important;
}
.user-page article .column-block .item.gallery .thumb-container .gallery-thumb-info .gallery-thumb-info__name {
font-size: 11px !important;
}
/* (new408) USER PROFILE - LEFT PANEL (RESUME) - MOVE - NEED FOR CHROME - === */
.chrome.user-page article .left-side .column .left-column,
.user-page article .left-side .column .left-column {
position: absolute !important;
display: inline-block !important;
vertical-align: top;
width: 225px !important;
height: 878px !important;
top: 0 !important;
margin: 0 0 0 0px !important;
left: 630px !important;
padding-right: 0px !important;
padding-top: 40px !important;
background: tomato;
}
.user-page article .left-side .column .left-column .details-row > a[href^="https://xhamster.com/creators/"] i.xh-icon.beta-star {
height: 3.2vh!important;
line-height: 3vh !important;
left: 1px;
top: 1px;
font-size: 18px;
}
.user-page article .left-side .column .left-column .details-row > a[href^="https://xhamster.com/creators/"] {
display: inline-block !important;
width: 85% !important;
height: 3.2vh!important;
line-height: 3vh !important;
padding: 1px 2px 0 3px !important;
border-radius : 5px !important;
color: peru;
background: rgba(27, 112, 26, 0.91) !important;
}
/* PROFILE - HEADING - ALL */
/* (new282) ALL */
.user-page article .right-column .column-block .heading-container {
position: relative;
height: 25px !important;
line-height: 15px !important;
padding-top: 0px;
padding-bottom: 0 !important;
margin-bottom: 0px;
border-bottom: 1px solid #dadada;
}
.user-page article .column-block .heading-container h4.heading {
width: 100% !important;
height: 25px !important;
line-height: 25px;
}
.user-page article .column-block .heading-container .edit-icon {
position: absolute;
top: 1px;
right: 20px;
}
.user-page article .column-block .content-container {
position: relative;
padding: 5px;
overflow: visible !important;
}
.user-page article .introduction-block.no-intro .intro-image-container,
.user-page article .on-air-block.no-intro .intro-image-container {
height: 50px;
text-align: center;
border-radius: 3px;
cursor: pointer;
transition: background-color 0.15s ease 0s;
border: 1px solid #dadada;
}
.user-page article .introduction-block.no-intro .intro-image-container .prove-block,
.user-page article .on-air-block.no-intro .intro-image-container .prove-block {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0.5);
}
.user-page .center-column .main-info-block.column-block .heading-container {
position: relative;
height: 30px;
margin-bottom: -18px;
line-height: 15px;
padding: 5px;
border-bottom: 1px solid #dadada;
}
.user-page article .left-side .main-info-block.column-block {
display: inline-block !important;
margin: -10px 0 0 0 !important;
padding: 0 0 0 0 !important;
}
.user-page article .left-side .main-info-block.column-block > a ,
.user-page article .left-side .main-info-block.column-block > div{
display: inline-block !important;
margin: 0 0 0 5px !important;
padding: 0 0 0 0 !important;
}
.user-page article .left-side .column-block .heading-container .heading:not(.comments-heading) {
position: relative;
display: block;
line-height: 24px;
top: -7px;
margin-bottom: -30px;
padding: 5px !important;
font-size: 14px;
letter-spacing: 0.9px;
text-transform: uppercase;
transition: color 0.15s ease 0s;
color: red !important;
}
.user-page article .left-side .main-info-block.column-block .heading-container {
margin-bottom: 8px;
}
.user-page article .left-side .main-info-block.column-block .content-container {
top: -7px;
margin-top: 7px !important;
margin-bottom: 0px !important;
}
/* (new370) USER PROFILE - ABOUT - HOVER - === */
.user-page article .left-side .column .center-column {
display: inline-block !important;
float: none !important;
width: 625px !important;
height: 872px !important;
margin-left: 0px;
padding: 0 0 0 20px !important;
}
.user-page article .user-status-block.column-block.editable-block {
padding: 5px !important;
}
.user-page article .column-block .info-block.empty-block,
.user-page article .main-info-block .about-me-block-container.info-block,
.user-page article .main-info-block > div {
position: relative !important;
display: inline-block !important;
float: none !important;
width: 596px !important;
height: 100% !important;
padding: 2px !important;
border-radius: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
border-bottom: 1px solid #303030;
z-index: 5000000 !important;
transition: all ease 0.7s !important;
border: 1px solid red !important;
}
/* (new327) USER PROF - GIFTS */
.user-page article .column-block.gifts-block {
padding: 0px 0 !important;
}
.user-page article .column-block.gifts-block .gifts-list .item img {
width: 25% !important;
}
/* (new327) USER PROF - REVIEW BADGE */
.user-page article .column-block .reviewer-link{
display: inline-block !important;
position: absolute;
right: 0 !important;
top: 0 !important;
border-radius: 5px 5px 0 0 !important;
text-align: center !important;
z-index: 3;
}
.user-page article .main-info-block .reviewer-link .reviewer {
display: inline-block !important;
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain;
height: 30px !important;
width: 30px !important;
}
.user-page .upload-content-block.column-block {
position: absolute !important;
display: inline-block !important;
float: none !important;
width: 245px !important;
height: 30px !important;
top: 0px !important;
left: 700px !important;
padding: 0px 0 0 22px !important;
border-radius: 5px !important;
overflow: hidden !important;
transition: all ease 0.7s !important;
}
.user-page .upload-content-block.column-block .info-block.empty-block {
width: 240px !important;
overflow: hidden !important;
}
.user-page .upload-content-block.column-block .info-block[data-block="twitter"],
.user-page .upload-content-block.column-block .info-block.editable-block[data-block="twitter"] {
display: none !important;
}
/* (new393) */
.user-page article .main-info-block .about-me-block-container.info-block.editable-block,
.user-page article .main-info-block .about-me-block-container.info-block {
height: 100% !important;
max-height: 48vh !important;
left: 0px !important;
margin: 0 !important;
overflow: hidden !important;
transition: background ease 0.7s !important;
background: #333 !important;
}
/* (new327) USER PRF - ABOUT - ME */
.user-page article .left-side .user-status-block.column-block.editable-block + .gifts-block.column-block.xh-helper-hidden + .main-info-block.column-block .about-me-block-container.info-block.editable-block {
display: inline-block !important;
width: 100% !important;
min-width: 31vw !important;
max-width: 31vw !important;
height: 100% !important;
max-height: 62.4vh !important;
left: 0px !important;
overflow: hidden !important;
transition: background ease 0.7s !important;
background: #333 !important;
}
/* (new350) */
.user-page article .main-info-block .about-me-block-container.info-block.editable-block:hover,
.user-page article .main-info-block .about-me-block-container.info-block:hover {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 100vw !important;
max-width: 100vw !important;
height: 100% !important;
min-height: 72vh !important;
max-height: 72vh !important;
left: 0px !important;
bottom: -1.5vh !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 500;
background: black !important;
}
/* ABOUT - MORE */
.user-page article .main-info-block .info-header:first-child {
margin: 0;
}
/* (new327) USER PROF - INFOS CONTAINER - ALL */
.user-page article .main-info-block.column-block {
display: inline-block !important;
min-height: 87vh !important;
max-height: 87vh !important;
padding: 0;
/* border: 1px solid yellow !important; */
}
/* (new327) USER PROF - INFOS CONTAINER - GIFTS HIDDEN */
.user-page article .left-side .gifts-block.column-block.xh-helper-hidden + .main-info-block.column-block {
min-height: 90vh !important;
max-height: 90vh !important;
margin: 0.5vh 0 0 0 !important;
}
/* (new327) USER PROF - INFOS CONTAINER - STATUS + GIFTS HIDDEN */
.user-page article .left-side .user-status-block.column-block.editable-block + .gifts-block.column-block.xh-helper-hidden + .main-info-block.column-block {
max-height: 88vh !important;
min-height: 88vh !important;
margin: -2vh 0 0 0 !important;
}
/* (new327) USER PROF - INFOS CONTAINER - STATUS + GIFTS VISIBLE */
.user-page article .left-side .gifts-block.column-block:not(.xh-helper-hidden) + .main-info-block.column-block {
margin: -2vh 0 0 0 !important;
border: 1px solid olive !important;
}
/* (new327) USER PROF - PERSO INFOS */
.user-page article .left-side .main-info-block.column-block > .personal-info-block .content-container{
position: relative !important;
display: inline-block !important;
min-height: 20vh !important;
max-height: 50vh !important;
top: -7px;
margin: 7px 0 0 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new327) USER PROF - PERSO INFO - SHOW MORE/LESS BUTTON */
.user-page article .column-block .info-block .content-container-more:not(.hide-information) + .section-button.show-more,
.user-page article .column-block .info-block .content-container-more.hide-information + .section-button.show-more {
position: fixed !important;
display: inline-block !important;
width: 150px !important;
height: 18px !important;
line-height: 18px !important;
top: 17vh !important;
left: -180px !important;
border-radius: 0 0 5px 5px !important;
transform: scale(1) rotate(90deg) !important;
z-index: 50000000 !important;
}
.user-page article .column-block .info-block .content-container-more:not(.hide-information) + .section-button.show-more span.show-more__text ,
.user-page .section-button.show-more span.show-more__text {
position: relative !important;
display: inline-block !important;
height: 18px !important;
line-height: 18px !important;
top: -6px !important;
padding: 0 4px 0 4px !important;
font-size: 15px !important;
letter-spacing: 1px !important;
transform:rotate(180deg) !important;
}
/* MORE */
.user-page article .column-block .info-block .content-container-more.hide-information + .section-button.show-more {
color: white !important;
background: #e34449 !important;
}
/* LESS */
.user-page article .column-block .info-block .content-container-more:not(.hide-information) + .section-button.show-more {
background: green !important;
}
.user-page article .column-block .info-block .content-container-more:not(.hide-information) + .section-button.show-more span.show-more__text {
position: relative !important;
display: inline-block !important;
height: 18px !important;
line-height: 18px !important;
right: -5px !important;
padding: 0px 0 0px 0!important;
font-size: 14px !important;
color: white !important;
}
.user-page article .column-block .info-block .content-container-more.xh-helper-hidden:hover + .section-button.show-more {
visibility: hidden !important;
}
.user-page article .column-block .info-block .content-container-more.xh-helper-hidden {
position: relative !important;
display: inline-block !important;
width: 100% !important;
height: 60px !important;
top: -10px !important;
margin-bottom: -42px !important;
padding-top: 10px !important;
overflow: hidden;
border-top: 1px solid red !important;
}
.user-page article .column-block .info-block .content-container-more.xh-helper-hidden:hover {
height: auto !important;
min-height: 60px !important;
max-height: 150px !important;
overflow-y: auto !important;
background: black !important;
}
/* (new327) USER PROF - ABOUT ? */
/* WITH GIFS */
.user-page article .gifts-block.column-block:not(.xh-helper-hidden) + .main-info-block.column-block .about-me-block-container.info-block:hover {
bottom: 0vh !important;
left: 0 !important;
}
/* (new350) ME */
.user-page article .left-side .user-status-block.column-block.editable-block ~ .main-info-block.column-block .about-me-block-container.info-block.editable-block:hover ,
.user-page article .left-side .user-status-block.column-block.editable-block + .gifts-block.column-block.xh-helper-hidden + .main-info-block.column-block .about-me-block-container.info-block.editable-block:hover {
display: inline-block !important;
width: 100% !important;
min-width: 98vw !important;
max-width: 98vw !important;
bottom: 0vh !important;
left: 0 !important;
}
/* (new350) ABOUT - PROFILE */
.user-page article .main-info-block .about-me-block-container.info-block.editable-block:hover .about-me-block.opened .text:not(.xh-editor),
.user-page article .main-info-block .about-me-block-container.info-block.editable-block:hover .about-me-block .text:not(.xh-editor),
.user-page article .main-info-block .about-me-block-container.info-block:hover .about-me-block .text:not(.xh-editor),
.user-page article .left-side .column .center-column .about-me-block-container.info-block .about-me-block:hover .text:not(.xh-editor),
.user-page article .left-side .column .center-column .about-me-block-container.info-block.editable-block .about-me-block:hover .text:not(.xh-editor) {
display: inline-block !important;
width: 100%;
min-width: 100%;
height: auto !important;
column-width: 573px !important;
column-gap: 50px !important;
column-rule: 5px solid red;
word-wrap: break-word !important;
}
/* (new350) */
.user-page article .left-side .column .center-column .about-me-block .text > br,
.user-page article .left-side .column .center-column .about-me-block:not(:hover) .text > br {
display: block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin-bottom: 2px !important;
}
/* PROFILE - ABOUT - IMAGES */
.about-me-block .text .blog-image.deprecated.toolbar-visible,
.about-me-block .text .blog-image {
float: none !important;
}
/* PROFILE - IMAGES - USER PROFILE - ABOUT - HOVER - IMAGES */
.user-page article .left-side .column .center-column .about-me-block:not(:hover) .text {
display: inline-block !important;
width: 100% !important;
text-align: left !important;
}
/* PROFILE - ABOUT - VIDEOS */
.about-me-block .text iframe.blog-video,
.about-me-block .text img.blog-image {
margin-bottom: 5px !important;
padding: 5px 5px 5px 5px !important;
border: 1px solid #333 !important;
}
.xplayer:not(.no-user-action)::before,
.xplayer.no-user-action::before {
display: none !important;
background: none !important;
}
/* FLOAT NONE */
iframe.blog-video:not(.draggable) {
display: block !important;
float: none !important;
padding: 5px!important;
text-align: center;
border-radius: 3px !important;
background-color: #1111 !important;
border: 1px solid gray !important;
}
/* (new350) SMALL */
iframe.blog-video.size-small:not(.draggable).align-center {
display: block;
clear: both;
float: none;
margin: 0 auto !important;
width: 40% !important;
text-align: center !important;
}
/* (new350) MEDIUM */
iframe.blog-video.size-medium:not(.draggable) {
min-height: 280px !important;
width: 66% !important;
}
iframe.blog-video.size-medium.align-left:not(.draggable) {
display: block;
clear: both;
float: none;
width: 66% !important;
margin-left: 0px !important;
text-align: left !important;
}
iframe.blog-video.size-medium.align-center:not(.draggable) {
display: block;
clear: both;
float: none;
width: 66% !important;
margin: 0 auto;
text-align: center;
}
/* LARGE */
iframe.blog-video.size-large:not(.draggable) {
height: auto !important;
width: 75% !important;
}
/* (new328) HOME - HUB PAGE */
html.main-page.hub-page aside {
position: fixed;
margin: 0;
z-index: 0;
}
html.main-page.hub-page {
display: inline-block !important;
width: 100%;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
margin: 0vh 0 0 0 !important;
overflow: hidden !important;
}
html.main-page.hub-page .main-wrap > .width-wrap {
display: inline-block !important;
width: 100%;
height: 90vh !important;
margin: 0vh 0 0 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new424) */
html.main-page.hub-page div[data-role="layoutPage"] article ,
html.main-page.hub-page .main-wrap .width-wrap main article {
float: right !important;
height: auto !important;
width: 90% !important;
margin: 0 0 0 0 !important;
top: 3vh !important;
padding: 0 0 50px 0 !important;
/* border: 1px solid aqua !important; */
}
/* (new424) */
html.main-page.hub-page div[data-role="layoutPage"] article > div[class^="root-"] ,
html.main-page.hub-page .main-wrap > .width-wrap div[class^="root-"] {
position: fixed;
display: inline-block !important;
width: 100%;
min-height: 4vh !important;
max-height: 4vh !important;
min-width: 1730px;
max-width: 1730px;
top: 2.7vh;
left: 190px;
margin: 0;
overflow: visible;
visibility: visible;
z-index: 5000000;
background: #111 !important;
background: brown !important;
border-bottom: 1px solid red;
}
/* (new424) */
html.main-page.hub-page div[data-role="layoutPage"] article > div[class^="root-"] div[class^="leftSide-"] ,
html.main-page.hub-page div[data-role="layoutPage"] article > div[class^="root-"] div[class^="rightSide-"]{
float: left !important;
width: 50% !important;
/* border: 1px solid yellow !important; */
}
html.main-page.hub-page div[data-role="layoutPage"] article > div[class^="root-"] div[class^="leftSide-"] h1 {
margin: 0;
padding: 0 0 0 5px !important;
font-size: 17px !important;
}
html.main-page.hub-page div[data-role="layoutPage"] article > div[class^="root-"] div[class^="leftSide-"] .recomm-kebab-container {
float: right !important;
width: 30px !important;
margin-left: 20px;
}
/* (new424) HUB */
.main-page.hub-page .main-wrap {
display: inline-block !important;
max-width: 100%;
min-width: 100%;
height: auto;
min-height: 99.8vh !important;
max-height: 99.8vh !important;
padding-top: 0;
top: 0;
overflow: hidden !important;
overflow-y: auto !important;
/* border-bottom: 1px solid pink !important; */
}
/* (new424) */
.hub-page .main-wrap main article .mixed-section.index-videos {
display: inline-block;
height: auto;
min-height: 280px;
max-height: 90vh !important;
min-width: 1700px !important;
left: 0;
margin: 4.5vh 0 0vh !important;
padding: 5px 0 20px;
overflow: visible;
border-bottom: 5px solid gray !important;
}
.hub-page .main-wrap main article .subsection.mixed-section.index-videos:not(.porn-radar) {
margin: 0vh 0 0vh !important;
}
html.main-page.hub-page .main-wrap > .width-wrap .related-container ,
html.main-page.hub-page .main-wrap > .width-wrap .top-video-block {
display: none !important;
}
html.main-page.hub-page .main-wrap > .width-wrap .subsection {
display: inline-block !important;
width: 100% !important;
margin: 0 0 0 0 !important;
}
html.main-page.hub-page .main-wrap > .width-wrap .subsection:nth-child(odd) {
background: #111 !important;
}
html.main-page.hub-page .main-wrap > .width-wrap .subsection:nth-child(even) {
background: #333 !important;
}
/* Hub Page - IA RECOMANDED */
/* (new424) HUB */
.hub-videos-page article h1.xh-header,
.hub-page .category-info {
position: fixed !important;
display: inline-block;
width: 1720px !important;
height: 25px !important;
line-height: 23px !important;
top: 2.5vh !important;
left: 190px !important;
margin: 0 !important;
font-size: 20px !important;
z-index: 500 !important;
background: red !important;
}
.hub-page h1.category-title {
line-height: 20px !important;
margin: 0 !important;
font-size: 20px !important;
background: #111 !important;
}
/* (new424) */
.hub-videos-page .sort-section,
.hub-page .sort-section {
position: fixed !important;
display: inline-block;
width: 1730px !important;
height: 20px !important;
line-height: 20px !important;
top: 6.5vh !important;
left: 190px !important;
margin: 0 !important;
font-size: 20px !important;
z-index: 5000000 !important;
background: #111 !important;
}
.hub-videos-page article .categories-container {
position: fixed !important;
display: inline-block;
height: 28px !important;
line-height: 15px !important;
width: 1717px !important;
top: 70px !important;
left: 190px !important;
margin: 0 !important;
padding: 2px 5px !important;
z-index: 500 !important;
background: #111 !important;
border-bottom: 1px solid red !important;
}
/* (new424) */
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section ,
.hub-videos-page .pager-section,
.hub-page .pager-section {
position: fixed !important;
display: inline-block;
width: auto !important;
height: 3.1vh !important;
line-height: 3vh !important;
top: 3vh !important;
right: 35px !important;
margin: 0 !important;
padding: 0 5px !important;
letter-spacing: 0;
z-index: 5000000 !important;
background: #111 !important;
}
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section .prev-next-list {
display: inline-block !important;
width: auto !important;
height: 3.2vh !important;
line-height: 3vh !important;
/* border: 1px solid yellow !important; */
}
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section .page-list-wrapper {
display: inline-block !important;
width: auto !important;
height: 3vh !important;
line-height: 3vh !important;
white-space: nowrap !important;
overflow: hidden;
}
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section .page-list-container {
position: relative;
display: inline-block !important;
max-width: 100%;
height: 3vh !important;
line-height: 3vh !important;
}
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section .page-list-wrapper ol.page-list {
display: inline-block !important;
width: auto !important;
min-width: 300px !important;
height: 3vh !important;
line-height: 3vh !important;
padding: 0 !important;
overflow-y: hidden !important;
overflow-x: hidden !important;
/* background: olive !important; */
}
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section .page-list-wrapper .page-button-separator ,
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section .page-list-wrapper .page-button-link ,
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section .page-list-wrapper .limit-gradient ,
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section .page-list-wrapper ol.page-list .page-limit-button,
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section .page-list-wrapper ol.page-list .page-button-link {
display: inline-block !important;
height: 3vh !important;
line-height: 3vh !important;
}
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section .page-list-wrapper .page-button-link {
width: auto !important;
padding: 0;
border-radius: 5px;
font-size: 14px;
text-align: center;
min-width: 30px !important;
}
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section .prev-next-list-link ,
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section .prev-next-list-button,
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section .page-limit-button,
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section .page-button {
display: inline-block !important;
height: 3vh !important;
line-height: 3vh !important;
}
.main-page.hub-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section .page-limit-button {
position: relative !important;
display: inline-block !important;
height: 3vh !important;
line-height: 3vh !important;
/* margin: -15px 5px 0 5px !important; */
top: -7px !important;
}
.hub-videos-page .width-wrap > aside {
position: absolute !important;
top: -75px !important;
}
/* (new81) HUB */
.hub-videos-page main {
display: inline-block !important;
max-height: 95vh !important;
overflow: hidden !important;
}
.hub-videos-page article .categories-container + div {
height: 84vh !important;
margin: 55px 0 0px 0 !important;
}
/* (new281) HUB - SUPERLOADER */
.hub-videos-page .sp-separator ~ .main-wrap {
min-height: 90vh !important;
max-height: 90vh !important;
margin: -30px 0 30px 0 !important;
}
.hub-videos-page .sp-separator ~ .main-wrap .categories-container + div {
height: 84vh !important;
margin: 0px 0 0px 0 !important;
}
.hub-page .index-videos.porn-radar {
margin: 5px 0 10px 0 !important;
}
.hub-page .index-videos.mixed-section.you-may-like,
.hub-page .index-videos.mixed-section.subsection.by-favorite-tag {
position: relative;
display: inline-block;
margin: 0 50px 10px 0 !important;
}
.hub-page .index-videos .thumb-list .thumb-list__item.video-thumb.role-pop {
position: relative;
display: inline-block;
vertical-align: top;
max-height: 150px !important;
min-height: 150px !important;
min-width: 175px !important;
max-width: 175px !important;
margin: 0 28px 5px 5px !important;
padding: 2px !important;
border: 1px solid red !important;
}
.hub-page .index-videos.mixed-section.you-may-like .thumb-list__item.video-thumb.role-pop,
.hub-page .index-videos.mixed-section.subsection.by-favorite-tag .thumb-list__item.video-thumb.role-pop {
margin: 0 20px 2px 5px !important;
border: 1px solid red !important;
}
.hub-page .index-videos .thumb-list .thumb-list__item.video-thumb.role-pop .thumb-image-container,
.hub-page .index-videos.mixed-section.you-may-like .thumb-list__item.video-thumb.role-pop .thumb-image-container,
.hub-page .index-videos.mixed-section.subsection.by-favorite-tag .thumb-list__item.video-thumb.role-pop .thumb-image-container {
height: 100%;
min-height: 110px !important;
max-height: 110px !important;
min-width: 169px !important;
max-width: 169px !important;
border-radius: 3px 3px 0 0;
object-fit: contain;
}
/* TOP PANEL - RIGHT HOVER - ALL */
/* (new289) TOP VIDEO PANEL - TOP PROMOTED VIDEO - ALL */
main .top-video-block {
position: absolute !important;
width: 30%;
height: 28px;
left: 1537px !important;
padding-right: 0;
padding-left: 25px;
overflow: hidden !important;
transform: scale(0.6) !important;
transform-origin: top left !important;
z-index: 50000 !important;
transition: all ease 0.7s !important;
background: rgba(34, 34, 34, 0.2);
}
main .top-video-block:before {
content: "◄";
position: absolute !important;
height: 28px;
line-height: 28px;
width: 20px;
margin-left: -24px;
font-size: 20px !important;
text-align: center;
transition: all ease 0.7s !important;
background: red;
}
main .top-video-block .heading {
padding-left: 25px;
background: rgba(34, 34, 34, 0.2);
}
main .top-video-block .heading p.heading-text {
color: gold !important;
}
main .top-video-block .thumb-list .thumb-list__item.video-thumb {
width: 12% !important;
min-height: 145px !important;
max-height: 145px !important;
margin-right: 3px;
margin-left: 15px;
padding: 0px !important;
border: 1px solid red !important;
}
main .top-video-block .thumb-list .thumb-list__item.video-thumb:hover .video-thumb-info {
top: 11px !important;
}
main .top-video-block .thumb-list .thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open {
max-width: 100px !important;
min-width: 100px !important;
}
/* (new289) TOP PANEL - HOME - TOP PROMOTED VIDEOS - HOVER - ALL === */
main .top-video-block:hover {
position: absolute !important;
height: auto !important;
width: 100% !important;
min-width: 850px !important;
max-width: 850px !important;
right: 0;
left: 1100px !important;
padding: 30px 55px 40px 45px !important;
overflow: visible;
transform: scale(1) !important;
background: black;
border: 1px solid red !important;
}
main .top-video-block:hover .thumb-list {
width: 100% !important;
height: auto !important;
padding: 5px 10px !important;
}
main .top-video-block:hover .heading:before {
content: "▶";
position: absolute !important;
height: 28px;
line-height: 28px;
width: 20px;
left: 0px;
font-size: 20px !important;
text-align: center;
transition: all ease 0.7s !important;
color: gold !important;
background: green !important;
}
/* OTHER PAGES - TOP - RECOM */
.top-video-block.top-video-block--recommendations {
top: 0px !important;
background: black !important;
}
/* TOP VIDEO PANEL - - HOME - TOP VIDEO RECOMMENDATIONS / SUBSCRIPTION */
.main-page .top-video-block.top-video-block--subscriptions,
.main-page .top-video-block.top-video-block--pornstar-promo,
.main-page .top-video-block.top-video-block--newest,
.main-page .top-video-block.top-video-block--user-geo,
.main-page .top-video-block.top-video-block--recommendations {
background: black !important;
}
.main-page .top-video-block.top-video-block--subscriptions {
position: absolute;
height: 28px;
width: 30.000002%;
right: 0;
padding-left: 25px;
padding-right: 0;
overflow: hidden;
transform: scale(0.6) !important;
transform-origin: top left !important;
transition: left 0.7s ease 0s;
z-index: 50000 !important;
background: black !important;
}
/* ALL - TOP - PORNSTAR PROM */
.top-video-block.top-video-block--pornstar-promo {
top: 19px !important;
background: black !important;
}
.top-video-block.top-video-block--pornstar-promo:hover {
width: 850px !important;
left: 880px !important;
}
/* HOME - TOP - GEO */
.main-page .top-video-block.top-video-block--user-geo {
top: 19px !important;
}
.main-page .top-video-block.top-video-block--user-geo:hover {
width: 850px !important;
left: 880px !important;
}
/* HOME - TOP - NEWEST */
.main-page .top-video-block.top-video-block--newest {
top: 38px !important;
}
.main-page .top-video-block.top-video-block--newest:hover {
width: 850px !important;
left: 880px !important;
}
/* (new274) TOP VIDEO PANEL - - HOME+ALL - TOP VIDEO RECOMMENDATIONS / SUBSCRIPTION - HOVER */
.top-video-block.top-video-block--recommendations:hover,
.main-page .top-video-block.top-video-block--recommendations:hover,
.main-page .top-video-block.top-video-block--subscriptions:hover {
min-width: 900px !important;
max-width: 900px !important;
right: 0;
left: 930px !important;
padding: 30px 55px 40px 90px !important;
border-radius: 0 0 0 5px !important;
transition: left 0.4s ease 0s;
z-index: 500000 !important;
background: #111 !important;
}
/* SUPP TOP RELATED / TOOL TIPS */
.top-video-block .xh-icon.question,
.recommended-tooltip {
display: none !important;
}
/* ================================= */
/* EMBED - RESTRICTED */
.embed-view.embed-view--restricted .related.content-large .related-header {
max-width: 100% !important;
width: 100%;
z-index: 500 !important;
}
.embed-view.embed-view--restricted .related.content-large {
position: absolute;
max-width: 100% !important;
width: 100%;
height: 100%;
max-height: 800px !important;
top: 48% !important;
margin-top: 0 !important;
left: 50%;
overflow: hidden;
transform: translate(-50%, -50%);
}
.embed-view.embed-view--restricted .related.content-large .related-list {
position: absolute;
margin: -1% !important;
max-height: 610px;
padding: 0 1%;
right: 0;
top: 80px !important;
}
.embed-view.embed-view--restricted .related.content-large .related-list .item {
display: inline-block;
height: 44.33% !important;
width: 16% !important;
margin: 0.3% !important;
background-position: center center !important;
background-repeat: no-repeat;
background-size: contain !important;
background-color: #000;
}
.embed-view.embed-view--restricted .related.content-large .related-list .item .wrapper {
display: inline-block !important;
background: transparent !important;
}
/* TEST VIDEO IN PLAYER ADDS */
.player-container__player.xplayer.notranslate.xplayer-ads,
.xplayer.xplayer-ads .xplayer-ads-block {
display: none !important;
height: 0 !important;
width: 0 !important;
}
.xplayer.xplayer-ads + .player-container__no-player.xplayer.xplayer-fallback-image.xh-helper-hidden {
display: inline-block !important;
cursor: progress !important;
}
.xplayer.xplayer-ads + .player-container__no-player.xplayer.xplayer-fallback-image.xh-helper-hidden .xplayer-start-button {
display: none !important;
}
/* ERROR - in IFRAME - PROFILE ABOUT */
.error {
position: absolute;
display: inline-block!important;
height: 120px !important;
width: 340px !important;
left: 17% !important;
top: 30% !important;
padding: 5px !important;
overflow: hidden !important;
z-index: 500000 !important;
}
.error-img {
display: none !important;
}
.error-text {
display: inline-block !important;
height: 35px !important;
width: 200px !important;
left: 0 !important;
top: 0 !important;
overflow: hidden !important;
font-size: 15px !important;
}
/* UPLOAD GIF */
.upload-page main .upload-section .upload-start.upload-gif .drop-area .note:after {
content: "I fact, you can upload 10 Mb - max file size, type: .gif";
display: inline-block;
width: 100%;
text-align: center;
color: gold;
background: green;
}
/* (new439) ALL - ALERTE BOX - === */
.alert-box:not(:empty){
position: fixed;
display: inline-block !important;
width: 530px !important;
/* min-height: 2.5vh !important; */
max-height: 3vh !important;
left: 10px;
bottom: 0vh;
transform: translateZ(0px);
overflow: hidden !important;
overflow-y: auto !important;
z-index: 10005;
background: #111 !important;
border: 1px solid red !important;
}
.alert-box .alert-box__item.alert-item {
display: none !important;
}
.alert-box .alert-box__item.alert-item:nth-last-child(-n + 2) {
position: relative;
display: inline-block !important;
height: 100% !important;
min-height: 3vh !important;
max-height: 3vh !important;
margin: 0 0 2px 0 !important;
transform: scale(1) !important;
transform-origin: left top !important;
opacity: 0.7 !important;
background: red !important;
/*border: 1px solid green !important;*/
}
.alert-box .alert-box__item.alert-item:nth-last-child(-n +2):hover {
opacity: 1 !important;
border: 1px solid tan !important;
}
.alert-box .alert-box__item.alert-item:nth-last-child(-n + 1) {
position: relative;
display: inline-block !important;
height: 100% !important;
min-height: 3vh !important;
max-height: 3vh !important;
margin: 0 0 2px 0 !important;
opacity: 0.7 !important;
transform: scale(0.7) !important;
transform-origin: left -1vh !important;
border: 1px solid green !important;
}
/* ALERTE - ICON */
.alert-item__result--error {
/* position: absolute !important; */
display: inline-block !important;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 0px !important;
font-size: 15px !important;
}
/* ALERTE - TEXT */
.alert-item__text {
position: relative !important;
display: inline-block !important;
min-height: 3vh !important;
max-height: 3vh !important;
line-height: 15px !important;
width: 100% !important;
min-width: 650px !important;
max-width: 650px !important;
margin: 0.3vh 0 0 0px !important;
top: -1vh !important;
padding: 0 43px 0 2px !important;
font-size: 14px;
color: gold !important;
background: #111 !important;
border: 1px solid red !important;
}
.alert-item__close {
position: absolute !important;
width: 43px;
height: 3vh !important;
right: 0;
top: 0px !important;
}
/* ======================================================================================== */
/* ==== START - - - DIVERS ALL - ===== */
/* RATING - LIKE BUTTON - NOT YET LIKE - HOVER WHITE - === */
.rb-new__button.rb-new__button--like.exclude-tablet:hover .xh-icon.beta-like.hover.to-green:before,
.rating-block__button:hover .rating-block__icon.xh-icon.beta-like.hover.to-green:before {
color: rgb(218, 218, 218) !important;
}
/* THEME TOGGLE */
header .top-menu-container .theme-section:hover {
height: 30px;
width: 68px;
background: rgb(0, 0, 0);
}
/* UPLOAD PHOTO */
.upload-confirm-container button.xh-button.red.large {
height: 25px;
line-height: 20px;
}
/* UPLOAD - PHOTO - ERROR - === */
.upload-page.upload-photo .uploaded-photos-list .select-thumb-list .item.error .thumb-container .status {
height: 24px !important;
margin-top: 0px;
top: 5px;
}
.upload-page.upload-photo .uploaded-photos-list .select-thumb-list .item.error .thumb-container .status .xh-icon.photo-error.red {
display: inline-block !important;
font-size: 20px;
margin: 0 auto 5px;
}
.upload-page.upload-photo .uploaded-photos-list .select-thumb-list .item .thumb-container .controls {
display: inline-block !important;
z-index: 5000 !important;
}
.upload-page.upload-photo .uploaded-photos-list .select-thumb-list .item .thumb-container .controls .delete {
cursor: pointer;
display: inline-block !important;
position: absolute;
right: 10px;
top: 10px;
z-index: 5000 !important;
}
.upload-page.upload-photo .uploaded-photos-list .select-thumb-list .item.error .thumb-container .status .name {
height: 127px;
line-height: 15px;
margin-top: 0px !important;
font-size: 14px;
overflow-y: auto;
color: gold !important;
background: red !important;
}
.upload-page.upload-photo .uploaded-photos-list .select-thumb-list .item.error .thumb-container .status .name > br {
display: block !important;
margin-bottom: 0px !important;
}
html.upload-page.upload-photo body .main-wrap > .width-wrap > main > article {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
}
.uploaded-photos-list {
background: #333;
padding: 5px;
}
.upload-page.upload-photo .uploaded-photos-list .select-thumb-list .item {
width: 20%;
margin-bottom: 50px;
}
.upload-page.upload-photo .uploaded-photos-list .select-thumb-list .item.uploaded:not(.error) .thumb-container .status br,
.upload-page.upload-photo .uploaded-photos-list .select-thumb-list .item.uploaded:not(.error) .thumb-container .photo-error {
display: none !important;
}
.upload-page.upload-photo .uploaded-photos-list .select-thumb-list .item.uploaded:not(.error) .thumb-container .status {
display: inline-block !important;
left: 0;
margin-top: -24px;
position: absolute;
top: 193px;
height: 50px;
line-height: 14px;
overflow: hidden;
background: black;
}
.upload-page.upload-photo .uploaded-photos-list .select-thumb-list .item.uploaded:not(.error) .thumb-container .status .name {
height: 50px;
line-height: 14px;
overflow: hidden;
overflow-y: auto;
}
/* USER BLOCK YOU - === */
.add-to-friends.xh-button.black.has-tooltip[data-tooltip="This user blocks you"]:before {
content: "X";
position: absolute;
width: 30px;
height: 30px;
line-height: 15px;
left: 10px;
top: -5px !important;
padding: 5px;
font-size: 100%;
border-radius: 10px;
z-index: 10;
color: tomato;
border: 1px solid red;
}
/* (new409) NEW VIDEO - PANEL MIDDLE - TOP (FAV RAT COLL) FOR PB TO SELECT ONLY VIDEO TITLE */
html.video-page .main-wrap > div[data-role="header"] {
position: fixed;
display: inline-block;
width: 100%;
height: 2.8vh !important;
line-height: 25px;
margin: 0;
right: 0;
top: 0;
overflow: hidden;
z-index: 2147483647;
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
/* border-bottom: 1px solid aqua !important; */
}
html.video-page body {
display: inline-block !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
width: 100% !important;
overflow: hidden !important;
}
.main-wrap > div[data-role="header"]
.video-page .main-wrap > header.no-popunder {
margin-bottom: 0;
}
/* (new284) */
.video-page main {
position: fixed !important;
display: inline-block !important;
max-height: 62.5vh !important;
min-height: 62.5vh !important;
max-width: 100%;
min-width: 100%;
top: 0 !important;
margin: 0 !important;
padding: 0 !important;
z-index: 1 !important;
overflow-y: auto !important;
overflow: visible !important;
}
.video-page .width-wrap.with-player-container {
position: fixed !important;
display: inline-block !important;
max-height: 58vh !important;
min-height: 58vh !important;
max-width: 720px !important;
min-width: 720px !important;
left: 0 !important;
top: 5vh !important;
z-index: 0 !important;
}
/* LARGE MODE ok */
.video-page--large-mode main {
top: 0 !important;
padding-top: 0px;
z-index: 1 !important;
overflow: visible !important;
}
/* VIDEO - TITTLE */
.video-page .width-wrap.with-player-container > h1 {
position: fixed !important;
display: inline-block;
width: 708px;
height: 20px;
line-height: 20px;
top: 3vh !important;
margin: 0px;
padding: 0 0 0 45px;
font-size: 15px;
overflow: hidden;
text-overflow: ellipsis;
z-index: 100 !important;
/* -webkit-user-select: all !important; */ /* Chrome all / Safari all */
/* -moz-user-select: all !important; */ /* Firefox all */
}
/* (new437) TEST - WHEN NO TITTLE */
.video-page.desktop.dark>head {
display: inline-block !important;
}
.video-page.desktop > head > title {
/* content: "XX" !important; */
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 20px !important;
max-width: 20px !important;
height: 100% !important;
min-height: 2vh !important;
max-height: 2vh !important;
top: 3vh !important;
left: 0 !important;
padding: 0 0 0 20px !important;
font-size: 15px !important;
overflow: hidden !important;
visibility: visible !important;
opacity: 0.5 !important;
z-index: 5 !important;
transition: all ease 0.7s !important;
color: gold !important;
background: red !important;
}
.video-page.desktop > head > title:before {
content: "�" !important;
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 15px !important;
max-width: 15px !important;
height: 100% !important;
min-height: 2vh !important;
line-height: 15px !important;
max-height: 2vh !important;
top: 3vh !important;
left: 2px !important;
padding: 0 0 0 0px !important;
font-size: 15px !important;
z-index: 20 !important;
color: gold !important;
background: black !important;
}
/* .video-page.desktop > head > meta[property="og:title"] , */
.video-page.desktop > head > title:hover {
/* content: "XX" !important; */
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 720px !important;
max-width: 720px !important;
height: 100% !important;
min-height: 2vh !important;
max-height: 2vh !important;
top: 3vh !important;
left: 0 !important;
font-size: 15px !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 5 !important;
transition: all ease 0.7s !important;
color: gold !important;
background: green !important;
}
.video-page .translation-edit {
position: absolute !important;
float: none!important;
padding: 0 8px;
}
/* VID - TITLLE - LARGE MODE ok */
.video-page.video-page--large-mode .width-wrap.with-player-container > h1 {
width: 100% !important;
top: 0px !important;
z-index: 50000000 !important;
background: #222 !important;
}
/* (new297) VIDEO - INFOS MIDDLE TOP (LIKE / COMMts Count / DOWNLOAD / FAV / SHARE / ABOUT / REPORT */
.video-page .controls {
position: absolute;
display: inline-block !important;
width: 302px;
height: 65px;
left: 724px;
top: -1vh !important;
padding: 2px 5px;
border-radius: 5px;
z-index: 500000 !important;
border: 1px solid red;
}
.xh-button.about-control {
display: none !important;
}
/* (new431) VIDEO - INFOS MIDDLE TOP - VIEW / LIKE Number */
.width-wrap.with-player-container p[class^="primary-"][class*="isSingle-"] {
position: absolute;
display: inline-block !important;
vertical-align: top !important;
width: 302px;
height: 2.5vh !important;
line-height: 15px !important;
left: 724px;
top: 12.4vh !important;
padding: 2px 5px !important;
border-radius: 5px;
z-index: 500000 !important;
border: 1px solid red;
}
.width-wrap.with-player-container p[class^="primary-"][class*="isSingle-"] i ,
.width-wrap.with-player-container p[class^="primary-"][class*="isSingle-"] span {
display: inline-block !important;
vertical-align: middle !important;
height: 15px !important;
line-height: 15px !important;
/* border: 1px solid red; */
}
/* (new447) CONTROLS - LARGE MODE ok */
.video-page.video-page--large-mode .controls {
height: 60px !important;
left: 723px !important;
top: 61.5vh !important;
z-index: 550000 !important;
}
/* VIDEO LINKS DOWNLOAD / REPORT MENUS */
.video-page .controls .xh-dropdown.popup.positioned:not(.favorites-control) {
z-index: 5500000 !important;
}
/* VIDEO - LIKE */
#dyltv-anchor.rb-new {
display: inline-block;
width: 290px !important;
height: 22px;
line-height: 18px;
margin: 2px 0 0 0 !important;
padding: 0px;
border-radius: 5px;
font-size: 14px;
overflow: hidden;
background-color: rgb(16, 16, 16);
border: 1px solid #333;
}
#dyltv-anchor.rb-new .rb-new__container {
width: 290px !important;
border-radius: 5px;
display: inline-flex;
overflow: hidden;
}
.rb-new__button.exclude-tablet {
float: right !important;
height: 22px;
line-height: 18px;
}
.rb-new__button.rb-new__button--like.exclude-tablet {
float: left !important;
height: 22px;
line-height: 18px;
}
.rb-new__info {
display: inline-block !important;
width: 71% !important;
height: 22px;
line-height: 18px;
text-align: center;
}
/* VR BUTTONS - PLAY / DOWNLOAD - === */
.video-page .width-wrap.with-player-container .app-protocol.xh-button {
position: absolute;
display: inline-block;
vertical-align: bottom !important;
width: 20px !important;
height: 22px !important;
line-height: 20px !important;
left: 0 !important;
top: 13vh !important;
padding: 0 !important;
font-size: 0 !important;
text-align: center !important;
background: transparent !important;
border: 1px solid red !important;
}
.video-page .width-wrap.with-player-container .xh-button.app-protocol i.xh-icon.play2 {
display: inline-block !important;
width: 38px !important;
height: 18px !important;
line-height: 20px !important;
left: 0 !important;
text-align: center !important;
font-size: 15px !important;
}
.video-page .width-wrap.with-player-container .xh-button.app-protocol i.xh-icon.play2:before {
content: "VR";
position: relative !important;
display: inline-block !important;
width: 38px !important;
height: 20px !important;
line-height: 10px !important;
margin: 0px 0 0 0 !important;
top: -6px !important;
text-align: center !important;
font-size: 10px !important;
}
.video-page .width-wrap.with-player-container .app-protocol.xh-button .xh-icon.play2::after {
position: absolute;
display: inline-block;
content: "▶";
width: 15px;
height: 20px;
line-height: 15px !important;
margin-top: 0px !important;
margin-left: 0px !important;
font-size: 10px !important;
}
.video-page .width-wrap.with-player-container .xh-button.vr-download-control {
top: 20vh !important;
background: #222 !important;
border: 1px solid aqua !important;
}
.video-page .download-control.xh-dropdown.popup.positioned {
position: absolute;
display: inline-block;
max-width: 45px !important;
min-width: 45px !important;
height: 22px !important;
line-height: 20px !important;
left: 255px !important;
top: 13vh !important;
padding: 0 !important;
font-size: 0 !important;
text-align: left !important;
border-radius: 5px !important;
background: transparent !important;
border: 1px solid red !important;
}
.video-page .download-control.xh-dropdown.popup.positioned .xh-button.trigger.no-arrow {
max-width: 42px !important;
min-width: 43px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0px !important;
}
.video-page .download-control.xh-dropdown.popup.positioned .xh-button.trigger.no-arrow i.xh-icon.beta-download {
border: 1px solid rgb(48, 48, 48);
border-radius: 14px;
font-size: 15px;
height: 18px !important;
line-height: 18px !important;
max-width: 35px;
min-width: 35px;
padding: 0;
text-align: center;
}
.video-page .width-wrap.with-player-container .xh-button.vr-download-control .xh-icon.beta-download::after {
content: "VR";
width: 20px;
height: 27px;
line-height: 27px !important;
font-size: 10px !important;
}
/* (new228) VR */
#vrplayer.player-container__player.xplayer.notranslate .control-bar {
position: fixed;
display: inline-block !important;
vertical-align: bottom !important;
height: 35px;
width: 720px !important;
left: 0px !important;
top: 520px !important;
z-index: 0 !important;
transition: ease all 0.7s !important;
}
#vrplayer.player-container__player.xplayer.notranslate .control-bar .play-inner {
position: absolute;
display: inline-block;
height: 30px;
width: 30px;
bottom: -6px !important;
left: 5px !important;
border-radius: 3px;
}
#vrplayer.player-container__player.xplayer.notranslate .control-bar .right-block {
height: 35px !important;
top: 0px !important;
}
#vrplayer.player-container__player.xplayer.notranslate .xp-progress-bar {
position: fixed !important;
height: 15px !important;
line-height: 10px !important;
max-width: 700px !important;
min-width: 700px !important;
left: 10px !important;
top: 548px !important;
opacity: 1;
z-index: 5000;
}
/* VR - GIZMO */
.gizmovr-modal__dialog {
background-color: #111 !important;
}
#vrplayer.player-container__player.xplayer.notranslate .control-bar .right-block .xp-gizmo {
display: inline-block !important;
height: 35px !important;
line-height: 30px !important;
margin: 0px 10px 0 0 !important;
top: -5px !important;
}
.xplayer .xp-gizmo__link {
display: inline-block;
height: 25px !important;
margin: 0px 0 0 0 !important;
}
/* VIDEO - ICON - DOWN / FAV / REPORT */
.controls__line {
display: none;
}
.controls .xh-button.gray.share-control{
position: absolute !important;
display: inline-block !important;
top: 13.7vh !important;
left: 5px !important;
height: 22px !important;
margin: 0 !important;
padding: 0 0px !important;
font-size: 0 !important;
}
.controls .report-control,
.controls .xh-button.about-control,
.controls .xh-button.trigger.no-arrow {
position: relative;
float: left;
height: 20px;
min-width: 45px;
max-width: 45px;
margin: 0 10px 0 15px !important;
padding: 0 5px;
font-size: 0px;
border: none;
}
.controls .report-control a i,
.controls .report-control a {
height: 20px !important;
line-height: 20px;
}
.controls .report-control a i::before {
left: 0;
position: relative;
top: -11px;
}
.controls .xh-button.gray.share-control i,
.controls .xh-button.about-control i,
.controls a.xh-button.trigger.no-arrow i {
height: 20px;
line-height: 20px;
min-width: 35px;
max-width: 35px;
padding: 0 !important;
border-radius: 14px;
font-size: 15px !important;
text-align: center;
border: 1px solid rgb(48, 48, 48);
}
.controls .favorites-control a.xh-button.trigger.no-arrow:hover i:hover,
.controls .favorites-control a.xh-button.trigger.no-arrow i {
min-height: 27px !important;
max-height: 27px !important;
line-height: 27px;
min-width: 35px;
max-width: 35px;
padding: 0 !important;
border-radius: 14px;
border: none;
font-size: 15px;
text-align: center;
}
/* VID - FALG BUT + LARGE*/
.video-page.video-page--large-mode .controls .report-control,
.video-page .controls .report-control {
position: absolute !important;
top: 5px !important;
right: -5px !important;
}
/* VIDEO PAGE - TOOLTIP - USER RETIRED */
.video-page .tooltip[style="top: 82px; left: 847px; opacity: 1;"] {
height: 15px !important;
line-height: 15px !important;
left: 837px !important;
top: 143px !important;
padding: 0 !important;
opacity: 1!important;
background: red !important;
}
/* VIDEO PAGE - TOOLTIP - DATE */
.video-page .tooltip[style="top: 96px; left: 832.5px; opacity: 1;"] {
height: 15px !important;
line-height: 15px !important;
left: 800px !important;
top: 189px !important;
padding: 0 !important;
opacity: 1!important;
background: green !important;
}
.video-page .tooltip[style="top: 96px; left: 832.5px; opacity: 1;"] p,
.video-page .tooltip[style="top: 82px; left: 847px; opacity: 1;"] p {
height: 15px !important;
line-height: 15px !important;
}
/* VIDEO - COMMENTS - ICON + NUMBER */
.video-page .comments-control {
display: none !important;
}
/* VIDEO - FAV + FAV COLL */
.favorites-control.positioned.xh-dropdown a.xh-button i,
.favorites-control.positioned.xh-dropdown a.xh-button,
.favorites-control.positioned.xh-dropdown,
.favorites-control.xh-dropdown.positioned.popup a.xh-button i,
.favorites-control.xh-dropdown.positioned.popup a.xh-button,
.favorites-control.xh-dropdown.positioned.popup {
height: 25px !important;
line-height: 25px !important;
}
/* VIDEO - FAV BUTTON */
.video-page .controls .favorites-control.positioned.xh-dropdown a.xh-button.trigger.no-arrow,
.video-page .controls .favorites-control.xh-dropdown.positioned.popup a.xh-button.trigger.no-arrow {
height: 31px !important;
line-height: 31px !important;
margin: 0px 10px 0 -1px !important;
max-width: 49px;
min-width: 49px;
top: 0px !important;
padding: 0 5px !important;
border-radius: 0 0 0 5px !important;
visibility: visible !important;
z-index: 500000 !important;
}
/* LARGE MODE ok */
.video-page--large-mode .controls .favorites-control.positioned.xh-dropdown a.xh-button.trigger.no-arrow,
.video-page--large-mode .controls .favorites-control a.xh-button.trigger.no-arrow {
max-height: 29px !important;
margin: 2px 0 0 0 !important;
padding: 0px;
border-radius: 5px 0 0 0px;
}
/* VIDEO - FAV COLL LIST */
/* A VOIR */
.favorites-control.positioned.xh-dropdown,
.favorites-control.xh-dropdown.positioned.popup {
position: absolute !important;
display: inline-block !important;
width: 293px;
height: 45px !important;
top: 30px;
left: 0px;
z-index: 500000 !important;
border: 1px solid #333;
}
.favorites-control.positioned.xh-dropdown,
.favorites-control.positioned.xh-dropdown:hover,
.favorites-control.xh-dropdown.positioned.popup,
.favorites-control.xh-dropdown.positioned.popup:hover {
position: absolute !important;
display: inline-block !important;
max-height: 820px !important;
min-height: 820px !important;
width: 1180px !important;
top: 30px !important;
visibility: hidden !important;
transition: all ease 0s !important;
z-index: 5000000 !important;
border: 1px solid #333;
}
.favorites-control.positioned.xh-dropdown:hover,
.favorites-control.xh-dropdown.positioned.popup:hover {
display: inline-block !important;
min-height: 93vh !important;
max-height: 93vh !important;
width: 1180px !important;
visibility: visible !important;
transition: all ease 0s !important;
z-index: 500000 !important;
border: 1px solid #333;
}
/* (new291) VID - FAV COLL - LARGE MODE ok */
.video-page.video-page--large-mode .favorites-control.positioned.xh-dropdown:not(:hover),
.video-page.video-page--large-mode .favorites-control.xh-dropdown.positioned.popup:not(:hover) {
display: inline-block !important;
width: 300px !important;
top: 2.9vh !important;
min-height: 5vh !important;
max-height: 5vh !important;
overflow: hidden !important;
background: red !important;
border: 1px solid yellow !important;
}
.video-page--large-mode .favorites-control.positioned.xh-dropdown:hover,
.video-page--large-mode .favorites-control.xh-dropdown.positioned.popup:hover {
display: inline-block !important;
top: 3vh !important;
min-height: 33.5vh !important;
max-height: 33.5vh !important;
width: 1192px !important;
/* border: 1px solid aqua !important; */
}
.favorites-control.positioned.xh-dropdown > .xh-button,
.favorites-control.xh-dropdown.positioned.popup > .xh-button {
position: relative;
min-width: 47px;
padding: 0 15px;
border-radius: 0px;
font-size: 0px;
text-align: center;
color: rgb(0, 0, 0);
}
.dropdown.favorites-dropdown.position-left {
position: absolute !important;
display: inline-block !important;
height: 100% !important;
min-height: 820px !important;
max-height: 820px !important;
width: 1180px !important;
left: 0px !important;
top: 1px !important;
margin-top: -2px !important;
margin-left: -2px !important;
padding-bottom: 0px !important;
box-shadow: none !important;
overflow: visible !important;
opacity: 1 !important;
transition: all ease 0.3s !important;
background: transparent !important;
}
.favorites-control.positioned.xh-dropdown:hover .dropdown.favorites-dropdown.position-left,
.favorites-control.positioned.xh-dropdown:not(:hover) .dropdown.favorites-dropdown.position-left:hover,
.favorites-control.positioned.xh-dropdown:hover .dropdown.favorites-dropdown.position-left:hover,
.dropdown.favorites-dropdown.position-left:hover,
.favorites-control.xh-dropdown.positioned.popup:hover .dropdown.favorites-dropdown.position-left,
.favorites-control.xh-dropdown.positioned.popup:not(:hover) .dropdown.favorites-dropdown.position-left:hover,
.favorites-control.xh-dropdown.positioned.popup:hover .dropdown.favorites-dropdown.position-left:hover,
.dropdown.favorites-dropdown.position-left:hover {
min-height: 93vh !important;
max-height: 93vh !important;
width: 1187px !important;
left: 0px !important;
top: 0px !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 500000 !important;
transition: all ease 5s !important;
border: 1px solid green !important;
}
.favorites-control.positioned.xh-dropdown .dropdown.position-left.favorites-dropdown:hover,
.favorites-control.xh-dropdown.positioned.popup .dropdown.position-left.favorites-dropdown:hover {
display: inline-block !important;
min-height: 315px !important;
max-height: 315px !important;
width: 1185px !important;
left: 0px !important;
top: 0px !important;
z-index: 500000 !important;
background: rgba(17, 17, 17, 0.60) !important;
border: 1px solid green !important;
}
/* (new434) LARGE MODE */
.video-page.video-page--large-mode .favorites-control.positioned.xh-dropdown .dropdown.position-left.favorites-dropdown,
.video-page.video-page--large-mode .favorites-control.xh-dropdown.positioned.popup .dropdown.position-left.favorites-dropdown {
position: absolute !important;
display: inline-block !important;
height: 100% !important;
min-height: 33.5vh !important;
max-height: 33.5vh !important;
width: 1192px !important;
left: 0px !important;
top: 1px !important;
margin-top: -2px !important;
margin-left: -2px !important;
padding-bottom: 0px !important;
box-shadow: none !important;
overflow: visible !important;
opacity: 1 !important;
transition: all ease 1s !important;
}
.items .favorites-dropdown__list-item {
position: relative;
float: left !important;
clear: none !important;
width: 20%;
padding: 1px 20px 1px 0px !important;
border: 1px solid red;
}
.favorites-dropdown__list.ps.ps--theme_default:not(:hover),
.video-page--large-mode .dropdown.favorites-dropdown.position-left .favorites-dropdown__list.ps.ps--theme_default:hover,
.video-page--large-mode .dropdown.favorites-dropdown.position-left:hover .favorites-dropdown__list.ps.ps--theme_default {
position: relative !important;
display: inline-block !important;
height: 100% !important;
min-height: 32px !important;
max-height: 32px !important;
width: 298px !important;
left: 2px !important;
overflow: hidden;
overflow-y: hidden !important;
visibility: visible !important;
/* background: aqua !important; */
}
ul.favorites-dropdown__list {
min-height: 819px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
z-index: 500000 !important;
transition: none !important;
}
.favorites-collection-list,
.dropdown.favorites-dropdown.position-left .items {
height: 819px !important;
width: 1172px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
z-index: 500000 !important;
transition: none !important;
}
.favorites-dropdown__list-item.favorites-dropdown__list-item--header {
display: none;
}
.dropdown.favorites-dropdown.position-left:hover .favorites-dropdown__list-item:first-of-type {
position: fixed !important;
width: 256px !important;
height: 27px !important;
line-height: 29px !important;
left: 776px !important;
top: 70px !important;
padding: 2px 25px 2px 20px !important;
/* background: #111 !important; */
border-right: 1px solid blue !important;
}
/* (new434) DEFAULT - NOY LINKED / SELECTED */
.dropdown.favorites-dropdown.position-left:hover .favorites-dropdown__list-item:not([class*="favorites-dropdown__list-item--linked"]):first-of-type {
background: #111 !important;
}
/* (new434) LARGE MODE */
.video-page--large-mode .width-wrap.with-player-container .dropdown.favorites-dropdown.position-left:hover .favorites-dropdown__list-item:first-of-type {
min-width: 308px !important;
left: 724px !important;
top: 66.35vh !important;
}
.video-page--large-mode .width-wrap.with-player-container .dropdown.favorites-dropdown.position-left:hover .favorites-dropdown__list-item:first-of-type:not(.favorites-dropdown__list-item--linked) {
background: #222 !important;
}
/* (new368) FIRST-DEFAULT - DEFAULT - HOVER */
.dropdown.favorites-dropdown.position-left:hover .favorites-dropdown__list-item:first-of-type .favorites-dropdown__list-title {
position: relative !important;
display: inline-block !important;
width: 265px !important;
min-height: 25px !important;
max-height: 25px !important;
line-height: 25px !important;
margin: -1px 0 0 0 !important;
top: 0vh !important;
padding: 0 !important;
text-align: center !important;
}
.dropdown.favorites-dropdown.position-left .favorites-dropdown__list-item:first-of-type:hover .favorites-dropdown__list-title {
top: -0.3vh !important;
}
.dropdown.favorites-dropdown.position-left:focus .favorites-dropdown__list-item:first-of-type + li,
.dropdown.favorites-dropdown.position-left:active .favorites-dropdown__list-item:first-of-type + li,
.dropdown.favorites-dropdown.position-left:hover .favorites-dropdown__list-item:first-of-type + li {
margin-left: 0;
}
.favorites-dropdown__list-header {
display: none;
}
/* ON HOVER - SELECTED COLL */
.dropdown.favorites-dropdown.position-left:focus .favorites-dropdown__list,
.dropdown.favorites-dropdown.position-left:active .favorites-dropdown__list,
.dropdown.favorites-dropdown.position-left:hover .favorites-dropdown__list {
position: relative !important;
display: inline-block !important;
height: 100% !important;
min-height: 89.3vh !important;
max-height: 89.3vh !important;
width: 100% !important;
min-width: 1175px !important;
max-width: 1175px !important;
top: 30px;
overflow: visible !important;
border-top: 1px solid red;
}
.dropdown.favorites-dropdown.position-left .favorites-dropdown__list .favorites-dropdown__list.ps,
.dropdown.favorites-dropdown.position-left:focus .favorites-dropdown__list .favorites-dropdown__list.ps,
.dropdown.favorites-dropdown.position-left:active .favorites-dropdown__list .favorites-dropdown__list.ps,
.dropdown.favorites-dropdown.position-left:hover .favorites-dropdown__list .favorites-dropdown__list.ps {
position: relative !important;
display: inline-block !important;
height: 100% !important;
min-height: 775px !important;
max-height: 775px !important;
width: 100% !important;
min-width: 1175px !important;
max-width: 1175px !important;
top: 30px;
overflow: visible !important;
border-top: 1px solid red;
}
/* (new311) from for SCROLL - always PB for Firfox + Middle click (lost focus??) */
.favorites-dropdown__list-header {
display: none !important;
}
.dropdown.favorites-dropdown.position-left:hover .items:hover,
.dropdown.favorites-dropdown.position-left:hover .items {
position: fixed;
display: inline-block;
width: 45.7% !important;
height: 100%;
min-height: 89.3vh !important;
max-height: 89.3vh !important;
margin-left: 1px;
top: 97px;
left: 1030px !important;
padding-left: 0px !important;
overflow: hidden !important;
overflow-x: visible;
overflow-y: auto !important;
opacity: 1;
background: black !important;
border-top: 1px solid blue;
border-left: 3px solid blue !important;
}
/* VID - FAV COLL - TAG ITEMS - LARGE MODE ok */
.video-page.video-page--large-mode .dropdown.favorites-dropdown.position-left:hover .items:hover,
.video-page.video-page--large-mode .dropdown.favorites-dropdown.position-left:hover .items {
position: fixed;
display: inline-block;
min-width: 880px !important;
max-width: 880px !important;
height: 100%;
max-height: 276px !important;
min-height: 276px !important;
top: 652px !important;
margin-left: 1px;
opacity: 1;
overflow-x: visible;
overflow-y: auto;
background: #222 !important;
}
.video-page--large-mode .dropdown.favorites-dropdown.position-left .favorites-dropdown__list .items:hover .favorites-dropdown__list-item:not(:first-of-type),
.video-page--large-mode .dropdown.favorites-dropdown.position-left .favorites-dropdown__list .items:hover .favorites-dropdown__list-item:not(.favorites-dropdown__list-item--linked):not(:first-of-type) {
width: 19.8% !important;
padding: 0 !important;
}
.video-page--large-mode .dropdown.favorites-dropdown.position-left .favorites-dropdown__list .items:hover .favorites-dropdown__list-item:first-of-type,
.video-page--large-mode .dropdown.favorites-dropdown.position-left .favorites-dropdown__list .items:hover .favorites-dropdown__list-item:first-of-type:not(.favorites-dropdown__list-item--linked) {
width: 15.8% !important;
padding: 0 !important;
}
.video-page--large-mode .favorites-dropdown__list-title {
max-width: 80% !important;
min-width: 80% !important;
height: 28px;
min-height: 28px;
line-height: 12px !important;
margin-left: 0px !important;
margin-top: 0px !important;
padding: 1px 10px 0 1px !important;
white-space: pre-line;
font-size: 10px !important;
}
/* VIDEO - FAV COLL - RAIL SCROLL BAR */
.favorites-dropdown__list.ps.ps--active-y > .ps__scrollbar-y-rail {
display: none !important;
}
.video-page .ps .ps__scrollbar-x-rail {
display: none !important;
}
/* (new434) LARGE MODE */
.video-page--large-mode .dropdown.favorites-dropdown.position-left:not(:hover) .favorites-dropdown__list {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 33.5vh !important;
max-height: 33.5vh !important;
width: 100% !important;
max-width: 1184px !important;
min-width: 1184px !important;
left: 723px !important;
overflow: hidden !important;
z-index: 0 !important;
transition: none !important;
visibility: hidden !important;
}
/* VID - COL LIST - LARGE MODE */
.video-page.video-page--large-mode .dropdown.favorites-dropdown.position-left:not(:hover) .favorites-dropdown__list:hover,
.video-page.video-page--large-mode .dropdown.favorites-dropdown.position-left .favorites-dropdown__list:hover,
.video-page.video-page--large-mode .dropdown.favorites-dropdown.position-left:hover .favorites-dropdown__list {
position: fixed !important;
display: inline-block !important;
max-height: 316px !important;
min-height: 316px !important;
width: 100% !important;
min-width: 880px !important;
max-width: 880px !important;
top: 655px !important;
left: 725px !important;
overflow: hidden !important;
z-index: 550000 !important;
transition: none !important;
visibility: visible !important;
}
/* FAVORITES CHECK ONLY LIST - === */
.dropdown.favorites-dropdown.position-left .favorites-dropdown__list .items:not(:hover) .favorites-dropdown__list-item:not(.favorites-dropdown__list-item--linked):not(:first-of-type) {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
transition: display 0s linear 0.5s, visibility 0s linear 0.5s, opacity 0.5s linear !important;
}
.dropdown.favorites-dropdown.position-left .favorites-dropdown__list .items:hover .favorites-dropdown__list-item:not(.favorites-dropdown__list-item--linked) {
display: inline-block !important;
padding: 1px 0px 1px 20px !important;
visibility: visible !important;
opacity: 1 !important;
transition-delay: 0s;
border: 1px solid gray;
}
/* VIDEO PAGE - ADD to COLL - ITEM after DEFAULT LABEL - === */
.dropdown.favorites-dropdown .favorites-dropdown__list-item:first-of-type + .favorites-dropdown__list-item {
margin-left: 0;
}
/* (new357) COLL ALL - BEFORE - HOVER */
.dropdown.favorites-dropdown.position-left .items .favorites-dropdown__list-item--linked:not(:hover):before {
display: none !important;
}
.favorites-dropdown__list-item:hover::before {
content: "➕" !important;
display: inline-block !important;
position: absolute;
height: 15px !important;
width: 18px !important;
line-height: 7px;
right: 3px !important;
top: 22px !important;
padding: 2px !important;
font-size: 9px !important;
border-radius: 100%;
border: 1px solid gray;
text-align: center !important;
z-index: 1000 !important;
background-color: blue;
}
.favorites-dropdown__list-item--linked:hover::before {
content: "➖" !important;
display: inline-block !important;
position: absolute;
height: 15px !important;
width: 15px !important;
line-height: 7px;
right: 3px !important;
top: 33px !important;
padding: 2px !important;
font-size: 7px !important;
border-radius: 3px;
border: 1px solid gray;
text-align: center;
background-color: red !important;
color: red;
}
/* (new434) CREATE COLLECTION */
.favorites-dropdown__form {
position: absolute;
display: inline-block;
clear: both;
height: 29px !important;
line-height: 8px;
width: 375px;
top: 0px;
left: 290px;
padding: 0 5px 0 5px;
text-align: center !important;
background: #222;
border: 1px solid red !important;
border-left: 3px solid blue !important;
}
.xh-button.favorites-dropdown-form__create_collection[disabled] {
display: none !important;
}
/* (new434) LARGE MODE */
.video-page--large-mode .dropdown.favorites-dropdown.position-left:hover .favorites-dropdown__form {
position: fixed !important;
display: inline-block !important;
float: none !important;
clear: none !important;
min-height: 20px !important;
line-height: 5px;
width: 390px !important;
top: 625px !important;
left: 1020px !important;
padding: 0 5px 0 5px;
text-align: center !important;
z-index: 50000000 !important;
box-shadow: 3px 3px 2px black;
border: 1px solid #404040;
background: #222 !important;
}
a.favorites-dropdown-form__add-new-link {
height: 27px !important;
line-height: 24px;
padding: 0 5px !important;
border-bottom: 0 none;
color: #707070;
}
.favorites-dropdown-form__form {
position: relative;
display: inline-block;
width: 374px;
height: 27px !important;
line-height: 25px;
margin-left: -4px;
top: 0;
background: tomato;
}
.favorites-dropdown-form .favorites-dropdown-form__create_collection {
height: 25px;
right: 2px;
top: 1px;
}
.favorites-control.positioned.xh-dropdown .dropdown.position-left .favorites-dropdown__form button[disabled="true"] + input#collection_name {
position: relative;
display: inline-block;
width: 355px !important;
height: 27px;
margin-top: 0px;
top: -0px !important;
left: -5px !important;
}
.favorites-control.positioned.xh-dropdown .dropdown.position-left .favorites-dropdown__form button:not([disabled="true"]) + input#collection_name {
position: relative;
display: inline-block;
width: 320px !important;
height: 27px;
margin-top: 0px;
top: 0px !important;
left: 0px !important;
}
/* (new368) VIDEO PLAYER - COLLECTION - COLLECTIONS LABELS / FIRST DEFAULT COLLECTION - === */
.dropdown.favorites-dropdown.position-left:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type {
position: fixed !important;
display: inline-block;
height: 32px !important;
line-height: 25px !important;
width: 100% !important;
min-width: 250px !important;
max-width: 250px !important;
top: 7.4vh !important;
left: 774px !important;
padding: 0px !important;
z-index: 500;
opacity: 1;
border-radius: 3px !important;
border: 1px solid #404040 !important;
background: #222 !important;
}
.dropdown.favorites-dropdown.position-left:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item.favorites-dropdown__list-item--linked:first-of-type::before {
max-height: 19px !important;
min-height: 19px !important;
line-height: 15px !important;
top: 9px !important;
}
.dropdown.favorites-dropdown.position-left:not(:hover) .items .favorites-dropdown__list-item--linked {
min-width: 297px !important;
max-width: 297px !important;
padding: 6px 0px 0 0 !important;
border: 1px solid red !important;
}
/* (new447) LARGE MODE ok */
.video-page--large-mode .dropdown.favorites-dropdown.position-left:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type {
top: 67.2vh !important;
z-index: 1 !important;
visibility: visible !important;
}
.video-page--large-mode .dropdown.favorites-dropdown.position-left:hover .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type {
max-width: 250px !important;
min-width: 250px !important;
top: 66.5vh !important;
left: 774px !important;
z-index: 1 !important;
visibility: visible !important;
background: aqua !important;
}
.video-page--large-mode .dropdown.favorites-dropdown.position-left .items .favorites-dropdown__list-item.favorites-dropdown__list-item:not(.favorites-dropdown__list-item--linked):first-of-type:before,
.video-page--large-mode .dropdown.favorites-dropdown.position-left:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:not(.favorites-dropdown__list-item--linked):first-of-type:hover:before {
margin-top: -15px !important;
margin-right: 14px;
background-color: green !important;
}
.video-page--large-mode .dropdown.favorites-dropdown.position-left .items .favorites-dropdown__list-item.favorites-dropdown__list-item:hover:first-of-type:not(.favorites-dropdown__list-item--linked):first-of-type:before {
margin-top: 0px !important;
margin-right: 65px !important;
background-color: green !important;
}
/* (new368) */
.dropdown.favorites-dropdown:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type .favorites-dropdown__list-title {
height: 100% !important;
min-height: 15px !important;
max-height: 15px !important;
line-height: 15px !important;
width: 100% !important;
max-width: 248px !important;
min-width: 248px !important;
margin: -6px 0 0 0px !important;
padding: 0 5px !important;
border-radius: 2px !important;
font-size: 10px;
white-space: pre-wrap !important;
text-align: left !important;
}
.dropdown.favorites-dropdown:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type.favorites-dropdown__list-item--linked .favorites-dropdown__list-title {
background: green !important;
}
/* (new368) */
.dropdown.favorites-dropdown:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type .favorites-dropdown__list-title:after {
content: "hover it !";
position: absolute;
display: inline-block;
height: 100%;
min-height: 15px;
max-height: 15px;
line-height: 15px;
width: 100%;
max-width: 65px;
min-width: 65px;
margin: 0px 0 0 25px !important;
border-radius: 3px;
font-size: 10px;
font-weight: bold !important;
text-align: center;
white-space: pre-wrap !important;
background: red;
}
.dropdown.favorites-dropdown.position-left:not(:hover) .favorites-dropdown__list-item:first-of-type[data-id="-1"]:not(.favorites-dropdown__list-item--linked) span.favorites-dropdown__list-title {
text-align: center !important;
background-color: #252526 !important;
border: 1px solid #404040;
}
/* (new368) RED /GREEN SELECT / NOT SELECT */
.dropdown.favorites-dropdown.position-left:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type:not(.favorites-dropdown__list-item--linked):before ,
.dropdown.favorites-dropdown.position-left:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type.favorites-dropdown__list-item--linked::before {
position: absolute;
width: 25px;
min-height: 25px;
max-height: 25px;
line-height: 25px;
right: 223px;
top: 9px;
padding-top: 0;
font-size: 10px;
text-align: center !important;
border-radius: 3px;
border: 1px solid red;
}
/* (new368) FIRST-DEFAULT - NOT SELECTED - NOT HOVER */
.dropdown.favorites-dropdown.position-left:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type:not(.favorites-dropdown__list-item--linked)::before {
display: none !important;
border: 1px solid aqua !important;
}
/* (new368) FIRST-DEFAULT - SELECTED */
.dropdown.favorites-dropdown.position-left:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type.favorites-dropdown__list-item--linked::before {
border: 1px solid red !important;
}
.dropdown.favorites-dropdown.position-left:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type[data-id="-1"]:before {
position: absolute;
width: 30px;
min-height: 25px;
max-height: 25px;
line-height: 29px;
left: 0px;
top: 4px;
font-size: 11px;
color: #00bd8f;
text-align: center;
border: 1px solid blue;
}
.dropdown.favorites-dropdown.position-left:hover .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type[data-id="-1"]:before {
position: absolute;
width: 25px;
min-height: 25px;
max-height: 25px;
line-height: 20px;
left: 0px;
top: -5px;
font-size: 11px;
color: #00bd8f;
text-align: center;
border: 1px solid gold;
}
.dropdown.favorites-dropdown.position-left:hover .items .favorites-dropdown__list-item.favorites-dropdown__list-item--linked:first-of-type::before {
right: 230px;
margin-top: 0px;
color: #00bd8f;
}
/* RED */
.dropdown.favorites-dropdown.position-left:hover .items .favorites-dropdown__list-item.favorites-dropdown__list-item--linked:first-of-type:hover::before {
height: 18px;
line-height: 9px;
margin-top: -17px;
right: 227px;
padding: 4px 3px;
border-radius: 3px;
color: red;
background: black;
}
/* VIDEO PLAYER - COLLECTION - ITEMS /ITEMS CHECKED - === */
.favorites-dropdown__list-title {
/* display: inline-block !important; */
min-height: 28px !important;
height: 28px !important;
line-height: 14px !important;
max-width: 80%;
min-width: 80%;
margin: 0px 0 0 0 !important;
padding: 1px 5px !important;
font-size: 11px !important;
white-space: pre-wrap !important;
word-break: normal !important;
}
.favorites-dropdown__list-quantity {
position: absolute;
display: inline-block;
vertical-align: top;
height: 15px !important;
line-height: 11px !important;
right: 6px;
top: 4px !important;
padding: 0px !important;
font-size: 11px !important;
color: #a0a0a0;
}
.favorites-dropdown__list-item--linked {
background: rgba(17, 239, 15, 0.34) !important;
border: 1px solid green;
}
.favorites-dropdown__list-item--linked::before {
right: 0px;
margin-top: -10px;
font-size: 7px;
}
/* VID - USER NAME (in CATEGORY) */
.video-page .categories-container.collapsable-list > li:first-of-type,
.video-page .categories-container.collapsable-list.collapsing > li:first-of-type,
.video-page .categories-container.collapsable-list.collapsing.collapsed > li.collapsed-item:first-of-type {
position: fixed !important;
display: inline-block !important;
height: 26px !important;
line-height: 26px !important;
width: 300px !important;
margin-bottom: 0px;
left: 725px !important;
top: 185px !important;
text-align: center;
visibility: visible !important;
z-index: 5000 !important;
border: 1px solid #333;
}
/* (new229) NEW */
.video-page .collapsable-list li,
.video-page .collapsable-list.collapsed li.collapsed-item {
visibility: visible !important;
}
/* (new288) FIRST TAG (NAME USER ? - WIB SUBSCRIB BUT */
.video-page .collapsable-list__item:first-of-type {
position: fixed !important;
display: inline-block !important;
width: 298px !important;
left: 726px !important;
top: 21vh!important;
margin: 0 !important;
text-align: center !important;
visibility: visible !important;
}
.video-page .collapsable-list__item:first-of-type a.video-tag {
display: inline-block !important;
height: 32px !important;
line-height: 32px !important;
margin: 0 !important;
text-align: center !important;
visibility: visible !important;
}
/* VID - USER NAME - LARGE MODE ok */
.video-page.video-page--large-mode .categories-container.collapsable-list > li:first-of-type {
top: 69vh !important;
}
.video-page .categories-container.collapsable-list > li:not(:first-of-type) .categories-container__item.categories-container__item--sub i,
.video-page .categories-container.collapsable-list > li:not(:first-of-type) .categories-container__item + .sub-button i,
.video-page .categories-container.collapsable-list > li:not(:first-of-type) .categories-container__item + .sub-button {
height: 15px;
line-height: 15px;
color: white !important;
}
.video-page .categories-container.collapsable-list > li:not(:first-of-type) i.xh-icon.pornstar-tag::before {
color: red !important;
}
/* SUBSC BUT */
.video-page .categories-container.collapsable-list > li:not(:first-of-type) .categories-container__item + .sub-button i.beta-star::before {
margin-left: -15px !important;
top: -6px !important;
color: white;
}
.video-page .categories-container.collapsable-list > li:first-of-type .categories-container__item + .sub-button i {
display: inline-block !important;
height: 20px !important;
line-height: 17px !important;
margin-left: 5px !important;
}
.video-page .categories-container.collapsable-list > li:not(:first-of-type) .sub-button__icon,
.video-page .categories-container.collapsable-list > li:not(:first-of-type) .sub-button__counter {
display: inline-block !important;
min-height: 15px !important;
line-height: 12px !important;
margin-top: 0px;
}
/* SUBSC BUT */
.video-page .categories-container.collapsable-list > li:first-of-type .sub-button__text {
display: none !important;
}
/* COUNT */
.video-page .categories-container .sub-button__counter {
height: 24px !important;
line-height: 24px !important;
margin-left: 5px !important;
}
/* MINI THUMB PORSTAR */
/* VIDEO - USER NAME (from CATEGORY TAGS) */
.video-page .categories-container.collapsable-list > li:first-of-type a {
height: 24px;
line-height: 24px;
}
/* RETIRED*/
.video-page .categories-container.collapsable-list > li:first-of-type a.categories-container__item--disabled {
background: rgba(252, 11, 59, 0.42);
}
.sub-button__special-icon.xh-icon.beta-star::before,
.sub-button__special-icon.xh-icon.friend::before {
position: relative !important;
display: inline-block !important;
height: 100% !important;
max-height: 22px !important;
min-height: 22px !important;
line-height: 22px !important;
top: -5px !important;
margin-left: 3px !important;
font-size: 11px !important;
color: red;
}
.categories-container__item > .xh-icon.left-icon::before {
position: relative !important;
height: 100% !important;
max-height: 22px !important;
min-height: 22px !important;
line-height: 12px !important;
top: -5px !important;
margin-left: 3px !important;
font-size: 11px !important;
color: red;
}
/* ICON - SUBSCRIB STAR FIEND / CHANNEL */
.video-page .categories-container .sub-button .sub-button__icon,
.video-page .categories-container .sub-button .sub-button__special-icon {
position: relative !important;
display: inline-block !important;
height: 14px !important;
line-height: 14px !important;
margin-left: -2px !important;
margin-right: -2px !important;
text-align: center !important;
}
/* (new139) ICON - SUBSCRIB STAR FIEND */
.sub-button[data-subscribed="false"].sub-button__special-icon.xh-icon.beta-star::before {
font-size: 13px !important;
color: gold !important;
}
.sub-button[data-subscribed="true"] .sub-button__special-icon.xh-icon.beta-star::before {
color: tomato !important;
}
/* SUBSCRIBE FRIEND - ALL */
.sub-button__special-icon.xh-icon.friend::before {
height: 20px !important;
line-height: 20px !important;
font-size: 15px !important;
color: gold !important;
}
/* SUBSCRIBE FRIEND - VIDEO */
.video-page .sub-button__special-icon.xh-icon.friend::before {
height: 30px !important;
line-height: 34px !important;
font-size: 15px !important;
}
.video-page .header-icons {
position: absolute !important;
display: inline-block !important;
width: 302px;
margin-bottom: 0px;
left: 725px;
top: 12.4vh !important;
text-align: center !important;
z-index: 10 !important;
background: rgba(51, 51, 51, 0.42);
}
/* LARGE MODE ok */
.video-page--large-mode .header-icons {
width: 300px !important;
height: 18px !important;
line-height: 15px;
left: 724px !important;
top: 702px !important;
}
.video-page--large-mode .header-icons i,
.video-page--large-mode .header-icons span {
height: 15px;
line-height: 15px;
}
/* VIDEO - HIDDEN USER PUBLISHER NAME + DATE PUBLISH */
.ab-info.controls-info__item.xh-helper-hidden {
position: absolute !important;
display: inline-block !important;
height: 40px;
width: 300px;
top: 53px !important;
left: 725px;
right: 0;
}
/* LARGE MODE ok */
.video-page--large-mode .controls-info {
position: fixed;
height: 42px;
width: 100%;
max-width: 30px;
min-width: 300px;
top: 70vh !important;
left: 723px;
}
.video-page--large-mode .ab-info.controls-info__item.xh-helper-hidden {
height: 0px;
line-height: 15px;
left: 0 !important;
top: 0px !important;
}
/* (new295) NEW - VIDEO - CATEGORY TAGS LIST - COLLAPSED/ COLLAPSING */
.video-page #video-tags-list-container {
position: absolute !important;
display: inline-block !important;
width: 298px;
min-height: 245px !important;
max-height: 245px !important;
margin-bottom: 0px;
left: 726px;
top: 20vh !important;
padding: 5px;
overflow: hidden;
overflow-y: auto !important;
border: 1px solid #333;
border: 1px solid red !important;
background: black !important;
}
/* (new434) LARGE - VIDEO - CATEGORY TAGS LIST - COLLAPSED/ COLLAPSING */
.video-page--large-mode #video-tags-list-container {
min-height: 10vh !important;
max-height: 10vh !important;
margin: 0 !important;
left: 726px;
top: 74.5vh !important;
padding: 5px;
overflow: hidden;
overflow-y: auto !important;
border: 1px solid #333;
border: 1px solid red !important;
background: brown !important;
}
/* [A VOIR] (new248) */
/* .video-page .categories-container.collapsable-list.collapsing , */
.video-categories-tags.collapsable-list.collapsable-list--collapsed {
max-height: 100% !important;
overflow: hidden !important;
}
/* VID - TAGS - LARGE MODE ok */
/* .video-page.video-page--large-mode .categories-container.collapsable-list.collapsing ,
.video-page.video-page--large-mode .categories-container.collapsable-list.collapsing.collapsed , */
.video-page.video-page--large-mode .categories-container.collapsable-list,
.video-page.video-page--large-mode .categories-container.collapsable-list.collapsing,
.video-page.video-page--large-mode .categories-container.collapsable-list.collapsing.collapsed {
min-height: 92px !important;
max-height: 92px !important;
top: 774px !important;
}
.video-page--large-mode .categories-container.collapsable-list.collapsing.collapsed {
min-height: 92px !important;
max-height: 92px !important;
}
/* [A VOIR] VIDEO - TAGS / CATEG LIST - COLLOAPSE TOGGLE - COLLAPSED - === */
.video-page .categories-container.collapsable-list > li.collapsable-toggle.xh-helper-hidden {
visibility: hidden !important;
}
.video-page .categories-container li.collapsable-toggle:before {
display: inline-block !important;
vertical-align: top;
width: 15px !important;
height: 15px !important;
line-height: 15px !important;
margin-left: -5px !important;
text-align: center !important;
}
.video-page .categories-container.collapsable-list .collapsable-toggle,
.video-page .categories-container.collapsable-list.collapsing li.collapsable-toggle,
.video-page .categories-container.collapsable-list.collapsing.collapsed li.collapsable-toggle {
position: fixed !important;
display: inline-block !important;
height: 15px !important;
width: 15px !important;
top: 260px !important;
margin-top: 0px !important;
left: 1040px !important;
padding: 0 !important;
border-radius: 5px !important;
text-align: center !important;
z-index: 5000 !important;
background: green !important;
}
.video-page .categories-container.collapsable-list.collapsing li.collapsable-toggle {
left: 1040px !important;
background: red !important;
}
/* LARGE - ok */
.video-page--large-mode .categories-container.collapsable-list.collapsing li.collapsable-toggle,
.video-page--large-mode .categories-container.collapsable-list.collapsing.collapsed li.collapsable-toggle {
top: 798px !important;
}
/* (new295) VIDEO - TAGS */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] {
margin: 0 0 5px;
overflow: visible !important;
}
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class*="toggle-"] {
display: none !important;
}
.video-page #video-tags-list-container ul.video-categories-tags li:not(:first-of-type):not([class*="toggle-"]) a.video-tag[href*="/channels/"],
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class*="itemCollapsed-"]:not([class*="toggle-"]) {
display: inline-block !important;
height: auto !important;
margin: 0 2px 3px 0;
visibility: visible !important;
}
/* (new296) NO AVATAR*/
.video-page #video-tags-list-container ul.video-categories-tags li:not(:first-of-type):not([class*="toggle-"]) a.video-tag:not([href*="/pornstars/"]):not([href*="/creators/"]):not([href*="/celebrities/"]):not([href*="/channels/"]) {
display: inline-block !important;
min-width: 132px !important;
max-width: 132px !important;
min-height: 19px !important;
max-height: 19px !important;
line-height: 18px !important;
margin: 3px 1px 1px 0px !important;
padding: 0 !important;
font-size: 11px;
text-align: center;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: white !important;
}
/* (new295) THUMB PORNSTAR PREVIEW - BIG SIZE on RIGHT SIDE on HOVER */
.video-page #video-tags-list-container li[class^="item"][class*="padded-"]:not(:hover) a.video-tag .video-tag__avatar[style*=";background-color:"],
.video-page #video-tags-list-container li[class^="item"][class*="padded-"]:not(:hover) a.video-tag img.xh-avatar.xh-avatar.smaller.video-tag__avatar[src^="https://pornstar-thumb"] {
display: inline-block;
position: relative !important;
vertical-align: middle;
height: auto !important;
line-height: 15px !important;
min-width: 27px !important;
max-width: 27px !important;
left: -4px !important;
background-size: contain !important;
z-index: 50000000 !important;
}
/* (new295) HOVER :not(:first-of-type) */
/* .video-page #video-tags-list-container li.collapsable-list__item:hover a.video-tag , */
.video-page #video-tags-list-container ul.video-categories-tags li[class^="item"]:not([class*="toggle-"]):hover a.video-tag {
background-color: green !important;
color: gold !important;
}
/* (new368) VID - TAGS LIST- USER (DELETED?) - FIRST TAG - FIXED */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"][class*="padded-"]:first-of-type {
position: fixed !important;
display: inline-block !important;
min-width: 290px !important;
max-width: 290px !important;
top: 21vh !important;
margin: 0 !important;
visibility: visible !important;
z-index: 500 !important;
}
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"][class*="padded-"]:first-of-type .video-tag--subscription {
padding: 0 0 0 10px !important;
font-weight: 700;
}
/* DELETED ? */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"][class*="padded-"] .video-tag.video-tag--disabled {
display: inline-block;
margin: 0 0 5px;
max-width: 219px;
min-width: 219px;
height: 32px !important;
line-height: 32px !important;
text-align: center !important;
visibility: visible;
background: #e34449 !important;
}
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"][class*="padded-"] .video-tag.video-tag--disabled:after {
content: "✘" !important;
position: absolute !important;
height: 31.9px;
width: 49px !important;
right: 0px !important;
padding: 0 1px !important;
color: white !important;
border-radius: 2px 0 0 2px !important;
font-size: 12px !important;
background: #e34449 !important;
}
/* (new297) USER AUTHOR - FIRST TAG - FIXED */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"]:first-of-type {
position: fixed !important;
display: inline-block !important;
min-width: 270px !important;
max-width: 270px !important;
top: 21vh !important;
visibility: visible !important;
z-index: 500 !important;
}
/* (new368) */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"][class*="padded-"] .video-tag {
display: inline-block !important;
min-width: 235px !important;
max-width: 235px !important;
height: 32px !important;
line-height: 32px !important;
margin: 0 0 5px 0 !important;
visibility: visible !important;
}
.video-page #video-tags-list-container li[class^="item"][class*="padded-"] .video-tag--subscription {
display: inline-block !important;
visibility: visible !important;
}
/* (new382) CHANNEL VISITED */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"]:not([class*="padded-"]) a.video-tag[href*="/channels/"],
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"]:not([class*="padded-"]) a.video-tag[href*="/users/"],
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"]:not([class*="padded-"]) a.video-tag[href*="/celebrities/"],
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"]:not([class*="padded-"]) a.video-tag[href*="/creators/"],
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"]:not([class*="padded-"]) a.video-tag[href*="/pornstars/"] {
min-width: 270px !important;
max-width: 270px !important;
background-color: rgba(204, 32, 37, 0.56) !important;
color: gold !important;
}
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] a.video-tag[href*="/channels/"],
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] a.video-tag[href*="/users/"],
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] a.video-tag[href*="/celebrities/"],
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] a.video-tag[href*="/creators/"],
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] a.video-tag[href*="/pornstars/"] {
background-color: rgba(204, 32, 37, 0.56) !important;
color: gold !important;
}
.video-page #video-tags-list-container li[class^="item"]:not([class*="padded-"]):hover a.video-tag[href*="/channels/"],
.video-page #video-tags-list-container li[class^="item"]:not([class*="padded-"]):hover a.video-tag[href*="/users/"],
.video-page #video-tags-list-container li[class^="item"]:not([class*="padded-"]):hover a.video-tag[href*="/celebrities/"],
.video-page #video-tags-list-container li[class^="item"]:not([class*="padded-"]):hover a.video-tag[href*="/creators/"],
.video-page #video-tags-list-container li[class^="item"]:not([class*="padded-"]):hover a.video-tag[href*="/pornstars/"] {
min-width: 270px !important;
max-width: 270px !important;
height: 32px !important;
line-height: 32px !important;
background-color: rgba(33, 78, 32, 0.61) !important;
color: gold !important;
}
.video-page #video-tags-list-container li[class^="item"]:hover a.video-tag[href*="/users/"]:before,
.video-page #video-tags-list-container li[class^="item"]:hover a.video-tag[href*="/celebrities/"]:before,
.video-page #video-tags-list-container li[class^="item"]:hover a.video-tag[href*="/creators/"]:before,
.video-page #video-tags-list-container li[class^="item"]:hover a.video-tag[href*="/pornstars/"]:before {
content: "▶" !important;
min-width: 27px !important;
max-width: 27px !important;
color: gold !important;
}
/* (new382) */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] a.video-tag[href*="/channels/"]:visited,
.video-page #video-tags-list-container li[class^="item"]:hover a.video-tag[href*="/users/"]:visited,
.video-page #video-tags-list-container li[class^="item"][href*="/celebrities/"]:visited,
.video-page #video-tags-list-container li[class^="item"][href*="/creators/"]:visited,
.video-page #video-tags-list-container li[class^="item"][href*="/pornstars/"]:visited {
background-color: rgba(1, 128, 0, 0.52) !important;
color: gold !important;
}
/* (new296) */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"][class*="padded-"]:first-of-type:hover .video-tag .video-tag__avatar[style*=";background-color:"],
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"][class*="padded-"]:first-of-type:hover .video-tag img.xh-avatar.xh-avatar.video-tag__avatar[src*="avatar"],
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"][class*="padded-"]:first-of-type:hover.video-tag img.xh-avatar.xh-avatar.smaller.video-tag__avatar[src^="https://thumb-user."],
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"][class*="padded-"]:first-of-type:hover .video-tag img.xh-avatar.xh-avatar.smaller.video-tag__avatar[src^="https://pornstar-thumb"],
.video-page #video-tags-list-container li[class^="item"]:hover .video-tag .video-tag__avatar[style*=";background-color:"],
.video-page #video-tags-list-container li[class^="item"]:hover .video-tag img.xh-avatar.xh-avatar.video-tag__avatar[src*="avatar"],
.video-page #video-tags-list-container li[class^="item"]:not(:first-of-type):hover .video-tag img.xh-avatar.xh-avatar.smaller.video-tag__avatar[src^="https://thumb-user."],
.video-page #video-tags-list-container li[class^="item"]:hover .video-tag img.xh-avatar.xh-avatar.video-tag__avatar[src^="https://thumb-user"],
.video-page #video-tags-list-container li[class^="item"]:hover .video-tag img.xh-avatar.xh-avatar.smaller.video-tag__avatar[src^="https://pornstar-thumb"] {
display: inline-block;
position: fixed !important;
vertical-align: middle;
height: auto !important;
line-height: 92px !important;
min-width: 206px !important;
left: 1024.2px !important;
top: 25.5vh !important;
border-radius: 0 5px 5px 0 !important;
box-shadow: 10px 15px 10px rgba(0, 0, 0, 1);
background-size: contain !important;
z-index: 50000000 !important;
border: 8px solid #D33535 !important;
}
/* (new436) SEARCH MENU - BIG AVATAR HOVER */
.search-container .search-suggestions li.suggest-item:hover .avatar img {
display: inline-block;
position: fixed !important;
vertical-align: middle;
height: auto !important;
line-height: 92px !important;
min-width: 185px !important;
max-width: 185px !important;
left: 826.5px !important;
top: 2.5vh !important;
border-radius: 5px 0 0 5px!important;
box-shadow: 10px 15px 10px rgba(0, 0, 0, 1);
background-size: contain !important;
z-index: 50000000 !important;
border: 8px solid #D33535 !important;
}
.search-container .search-suggestions li.suggest-item:hover .avatar:before {
content: "◀" !important;
min-width: 20px !important;
max-width: 20px !important;
margin-left: -10px !important;
color: gold !important;
}
/* LARGE */
.video-page.video-page--large-mode .categories-container li:not(:first-of-type):hover .xh-avatar {
top: 77.5vh !important;
}
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item--sub {
float: left !important;
max-width: 185px !important;
min-width: 185px !important;
margin: 0px 0px 2px 0px !important;
padding: 0 10px 0 0px !important;
border-radius: 3px 0 0 3px;
}
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) .categories-container__item--sub + .sub-button.exclude-tablet {
float: right !important;
height: 15px !important;
line-height: 15px !important;
min-width: 80px !important;
max-width: 80px !important;
left: 0px !important;
margin: 0 4px 2px 0px !important;
padding: 0 0 0 0px !important;
border-radius: 0 3px 3px 0;
border: 1px solid gray !important;
}
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) .categories-container__item--sub + .sub-button.exclude-tablet .sub-button__icon.xh-icon.tick2 {
min-height: 12px !important;
max-height: 12px !important;
line-height: 10px !important;
margin: 0px !important;
padding: 0px !important;
border-radius: 5px;
}
/* (new369) INFOS - MESS GIFT / UNSUB / SUBSCRIB BUTTON - ALL */
.landing-info__communication-block {
position: fixed !important;
display: inline-block !important;
float: none !important;
width: auto !important;
height: 26px !important;
white-space: nowrap !important;
margin: 0px 0px 0 0 !important;
top: 3.1vh !important;
right: 670px !important;
}
.landing-info__communication-block .landing-info__subscription {
display: block !important;
height: 26px !important;
float: right !important;}
.landing-info__communication-block .landing-info__subscription .xh-button.large {
min-width: 130px !important;
}
.landing-info__communication-block .landing-info__subscription a{
display: none !important;
}
.landing-info__communication-block i.button__onlyIcon,
.landing-info__communication-block i.xh-icon.gift-new.button__onlyIcon,
.landing-info__communication-block i.xh-icon.message.button__onlyIcon {
position: relative !important;
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
top: -5px !important;
font-size: 12px !important;
}
/* (new327) UNSUB / SUBSCRIB BUTTON - ALL */
.landing-info__communication-block .sub-button {
display: inline-block !important;
height: 17px !important;
line-height: 15px !important;
padding: 0px 10px !important;
color: white !important;
}
.sub-button[data-tooltip="Unsubscribe"] {
color: white !important;
background: green !important;
}
.sub-button[data-tooltip="Unsubscribe"] i {
height: 17px !important;
line-height: 15px !important;
color: white !important;
background: green !important;
}
/* (new296) INFO - GIFT/MESS */
.landing-info__communication-block div[class^="buttons-"]:not(.landing-info__subscription) a,
.landing-info__communication-block .xh-button:not(.sub-button) {
display: inline-block !important;
height: 17px !important;
line-height: 15px !important;
min-width: 25px !important;
max-width: 25px !important;
margin: 4px 3px 0 0 !important;
padding: 0px 3px !important;
text-align: center !important;
}
.landing-info__communication-block .xh-button:not(.sub-button) .button__body .xh-icon,
.landing-info__communication-block .xh-button:not(.sub-button) .button__body {
display: inline-block !important;
height: 17px !important;
line-height: 10px !important;
padding: 0px 0px !important;
font-size: 8px !important;
}
.landing-info__communication-block .xh-button.landing-info__tips span.button__body .xh-icon::before {
display: inline-block !important;
height: 17px !important;
line-height: 10px !important;
padding: 0px 0px !important;
font-size: 12px !important;
}
/* (new368) VIDEO - SUBSCRIB BUTTON */
.video-page .sub-button {
float: right !important;
width: 49px;
height: 32px !important;
line-height: 30px !important;
padding: 0 !important;
color: white !important;
}
.video-page .sub-button i {
display: none !important;
}
.video-page .sub-button > span {
float: left !important;
width: 49px;
height: 15px !important;
line-height: 15px !important;
margin: 0 0 0 0 !important;
color: white !important;
}
.video-page .sub-button > span + span {
float: left !important;
width: 49px;
height: 15px !important;
line-height: 15px !important;
font-size: 10px !important;
color: white !important;
}
/* (new368) */
.video-page .sub-button > span.button__body span,
.video-page .sub-button > span:not(.button__body) {
float: left;
width: 47px;
height: 15px;
line-height: 15px;
margin: 0;
font-size: 8px;
color: white;
}
.video-page .sub-button > span .sub-button__text {
margin-top: -6px !important;
font-weight: 700;
}
.video-page .sub-button > span .sub-button__counter {
margin-top: -2px !important;
font-size: 10px !important;
font-weight: 700 !important;
}
.video-page .sub-button[data-tooltip="Subscribe"] {
color: white !important;
}
.video-page .sub-button[data-tooltip="Subscribe"] > span.button__body i + span {
font-size: 8px !important;
}
/* (new368) SUBRIBED INDICATOR */
.video-page .sub-button[data-tooltip="Unsubscribe"]:before {
content: "✔" !important;
position: absolute !important;
height: 30px !important;
left: -8px !important;
top: 0 !important;
padding: 0 1px !important;
color: white !important;
border-radius: 2px 0 0 2px !important;
font-size: 10px !important;
background: #e34449 !important;
}
/* TAGS - BADGE AMAT */
/* VIDE - CHANNEL */
.video-page .categories-container li:not(:first-of-type):not(:hover) .xh-icon.channel,
.video-page .categories-container li:not(:first-of-type):not(:hover) .xh-icon.channel,
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item i.xh-icon {
position: absolute !important;
display: inline-block !important;
width: 10px !important;
height: 15px !important;
line-height: 10px !important;
margin-top: -14px !important;
margin-left: -9px !important;
z-index: 50000000 !important;
}
.video-page .categories-container li:not(:first-of-type):not(:hover) .xh-icon.channel::before,
.video-page .categories-container li:not(:first-of-type):not(:hover) .xh-icon.channel::before,
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item i.xh-icon.creator-amateur::before {
height: 10px !important;
line-height: 10px !important;
font-size: 12px !important;
}
.video-page .categories-container li:not(:first-of-type):not(:hover) .xh-icon.channel::after,
.video-page .categories-container li:not(:first-of-type):not(:hover) .xh-icon.channel::after,
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item i.xh-icon.creator-amateur::after {
height: 10px !important;
line-height: 20px !important;
font-size: 12px !important;
margin-left: 0px !important;
}
/* TAGS / CATEG */
.video-page .categories-container__item[href^="https://xhamster.com/creators/"],
.video-page .categories-container__item[href^="https://xhamster.com/pornstars/"] {
color: red !important;
background: rgba(228, 162, 51, 0.93);
}
.video-page a.categories-container__item[href^="https://xhamster.com/celebrities/"] {
color: red !important;
background: rgba(73, 43, 152, 0.93);
}
.video-page .categories-container__item[href^="https://xhamster.com/amateurs/"] {
color: white !important;
background: rgba(113, 100, 147, 0.93) !important;
}
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item--sub[href^="https://xhamster.com/creators/"] {
color: white !important;
background: rgba(113, 100, 147, 0.93) !important;
}
.video-page .categories-container__item[href^="https://xhamster.com/pornstars/"] {
color: red !important;
background: rgba(228, 162, 51, 0.93);
}
.video-page .categories-container__item[href^="https://xhamster.com/channels/"] {
color: white !important;
background: rgba(239, 121, 53, 0.79);
}
/* TAGS - ICON - STAR */
.categories-container__item[href^="https://xhamster.com/amateurs/"]:visited .xh-icon.left-icon.pornstar-tag:before {
color: rgba(48, 154, 239, 0.73) !important;
}
.video-page .entity-description-container__categories a.categories-container__item[href^="https://xhamster.com/celebrities/"]:visited .xh-icon.left-icon.pornstar-tag:before {
color: rgba(174, 171, 248, 0.92) !important;
}
.video-page .categories-container__item[href^="https://xhamster.com/amateurs/"] .left-icon::before,
.video-page .categories-container__item[href^="https://xhamster.com/celebrities/"] .categories-container__icon .left-icon::before {
color: gold !important;
}
.video-page .categories-container__item[href^="https://xhamster.com/pornstars/"] .left-icon::before {
color: red !important;
}
/* (new296) TAGS VISITED - COLOR/WHITE + BORDER/RED + BACKGROUND/PERU - ALL */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] a.video-tag {
color: white !important;
background: #222 !important;
}
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] a.video-tag:visited {
color: white !important;
background: #333 !important;
}
/* (new296) TAGS - TAG - VISITED */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] a.video-tag[href^="https://xhamster.com/tags/"]:visited {
color: tomato !important;
border: 1px solid red !important;
background: #333 !important;
}
/* (new296) TAGS - CATG - VISITED */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] a.video-tag[href^="https://xhamster.com/categories/"]:visited {
color: tomato !important;
background: #333 !important;
}
/* (new296) TAGS - USER - VISITED */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] a.video-tag[href^="https://xhamster.com/users/"]:visited {
color: white !important;
background: #017000 !important;
}
/* (new296) TAGS - PORNST - VISITED */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] a.video-tag[href^="https://xhamster.com/pornstars/"]:visited {
color: white !important;
background: green !important;
}
/* (new296) TAGS - CELEB - VISITED */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] a.video-tag[href^="https://xhamster.com/celebrities/"]:visited {
color: white !important;
background: rgba(156, 134, 214, 0.93) !important;
}
/* (new296) TAGS - AMAT - VISITED */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] a.video-tag[href^="https://xhamster.com/amateurs/"]:visited {
color: white !important;
background: peru !important;
}
/* (new296) TAGS - CREATOR - VISITED */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class^="item"] a.video-tag[href^="https://xhamster.com/creators/"]:visited {
color: white !important;
background: green !important;
}
/* USER NAME IN MIDDLE PANEL */
.video-page .categories-container.collapsable-list > li:first-of-type a.categories-container__item--sub {
float: none !important;
width: 200px !important;
height: 22px !important;
line-height: 20px !important;
margin: 1px 0 0 0 !important;
padding: 0 3px !important;
border-radius: 3px 0 0 3px;
font-size: 15px !important;
text-align: center;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: white !important;
border: 1px solid gray !important;
background: tomato !important;
}
.video-page .categories-container.collapsable-list > li:first-of-type a.categories-container__item--sub + .sub-button {
width: 85px !important;
height: 22px !important;
line-height: 20px;
top: 1px !important;
padding: 0 !important;
border: 1px solid gray !important;
}
.video-page .categories-container .sub-button__special-icon.xh-icon.sponsor-tag-old,
.video-page .categories-container .sub-button__icon.xh-icon.sub {
font-size: 10px !important;
height: 20px !important;
line-height: 20px;
}
/* STAR TAG IN CATEGORY PANEL - with STAR + COUNT */
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item--sub {
min-width: 185px !important;
max-width: 185px !important;
margin: 0 0px 2px 0 !important;
padding: 0 0px 0 3px !important;
border: 1px solid gray !important
}
.video-page .categories-container.collapsable-list.collapsing.collapsed > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item--sub {
min-width: 185px !important;
max-width: 185px !important;
padding: 0 5px !important;
}
/* SHEMALE */
.video-page .categories-container__item[href^="https://xhamster.com/gay/"],
.video-page .categories-container__item[href^="https://xhamster.com/shemale/"] {
color: white !important;
background: purple;
}
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item:not(.categories-container__item--sub)[href^="/gay/hd"],
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item:not(.categories-container__item--sub)[href^="https://xhamster.com/gay/"],
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item:not(.categories-container__item--sub)[href^="/shemale/hd"],
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item:not(.categories-container__item--sub)[href^="https://xhamster.com/shemale/"] {
color: pink!important;
background: purple !important;
border: 1px dashed purple !important;
}
/* TAGS - SHEMALE /GAY - VISITED */
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item:not(.categories-container__item--sub)[href^="/gay/hd"]:visited,
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item:not(.categories-container__item--sub)[href^="https://xhamster.com/gay/"]:visited,
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item--sub[href^="https://xhamster.com/gay/"]:visited,
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item:not(.categories-container__item--sub)[href^="/shemale/hd"]:visited,
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item:not(.categories-container__item--sub)[href^="https://xhamster.com/shemale/"]:visited,
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item--sub[href^="https://xhamster.com/shemale/"]:visited {
color: purple !important;
background: pink !important;
}
/* LARGE - ok */
.video-page--large-mode .categories-container.collapsable-list.collapsing > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item--sub {
min-width: 185px !important;
max-width: 185px !important;
}
/* (new229) NEW - VIDEO - DESCRIPTION- === */
.ab-info.controls-info__item.xh-helper-hidden p,
.ab-info.controls-info__item.xh-helper-hidden > p:empty,
.ab-info.controls-info__item.xh-helper-hidden > p:not(:empty) {
position: absolute;
display: inline-block !important;
height: 100% !important;
min-height: 100px !important;
max-height: 100px !important;
width: 300px;
top: 41vh;
left: 0px;
right: 0;
padding: 5px;
overflow: hidden;
overflow-y: auto;
z-index: 10;
border: 1px solid #333;
}
/* (new434) LARGE MODE */
.video-page--large-mode .ab-info.controls-info__item.xh-helper-hidden p,
.video-page--large-mode .ab-info.controls-info__item.xh-helper-hidden > p:empty,
.video-page--large-mode .ab-info.controls-info__item.xh-helper-hidden > p:not(:empty) {
position: absolute;
display: inline-block;
max-height: 105px !important;
min-height: 105px !important;
width: 298px;
top: 18vh !important;
overflow: hidden;
overflow-y: auto;
}
/* VIDEO - USER PUBLISHED - === */
.entity-info-container__author,
.entity-info-container__date {
display: inline-block;
font-size: 14px;
height: 20px;
line-height: 15px;
width: 100%;
margin-top: 4px;
text-align: center;
}
.entity-info-container__author {
position: relative !important;
display: inline-block !important;
margin: 3px 0 0 0 !important;
font-size: 0px;
z-index: 0 !important;
background: #111 !important;
border-bottom: 1px solid red !important;
}
.entity-author-container__name {
display: inline-block;
width: 100%;
height: 15px;
line-height: 11px !important;
margin-top: 4px !important;
font-size: 15px;
color: peru;
}
/* LARGE MODE ok */
.video-page--large-mode .entity-author-container__name {
margin-top: 4px !important;
}
/* (new397) */
.entity-author-container__name:hover {
color: #81B068 !important;
}
.entity-container__block--verified {
position: absolute !important;
display: inline-block !important;
right: 0;
top: 0.5vh !important;
}
/* VIDEO - DATE */
.entity-info-container__date {
height: 28px !important;
line-height: 15px;
margin-top: 3px !important;
padding-bottom: 0px !important;
border-bottom: 1px solid red;
}
.entity-info-container__date:before {
content: attr(data-tooltip);
position: absolute;
display: inline-block !important;
width: 17px !important;
left: 0;
padding: 0 3px !important;
overflow: hidden;
white-space: nowrap;
font-size: 9px !important;
text-align: center !important;
border: 1px solid #222;
border-right: 4px solid #222;
background: #222 !important;
}
/* (new289) */
.entity-info-container__date:after {
content: "No WaterMark \A before 03.2017";
position: absolute;
display: inline-block !important;
width: 80px;
line-height: 9px;
right: 0;
margin-top: 15px !important;
padding: 1px 3px !important;
font-size: 10px;
text-align: center !important;
border-radius: 5px;
white-space: pre !important;
overflow: hidden !important;
z-index: 100 !important;
border: 1px solid red;
background: #111;
}
/* (new225) VIDEO / PHOTOS PAGE - SHOW HIDEEN 2 LAST RELATED VIDEO - === */
.thumb-list--related-gallery .thumb-list__item:nth-child(11),
.thumb-list--related-gallery .thumb-list__item:nth-child(12),
.thumb-list--related .thumb-list__item:nth-child(11),
.thumb-list--related .thumb-list__item:nth-child(12) {
display: inline-block !important;
}
/* SORT - ALL / SUBSCRIPTION LIST */
.sort-section .xh-tabset .button {
margin-left: 31px !important;
}
.sort-section.xh-tabbed.no-upper .xh-tabset .button,
.xh-tabbed .xh-tabset > button:first-child,
.xh-tabbed .xh-tabset > .button:first-child,
.xh-tabbed .xh-tabset > a:first-child {
display: inline-block !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 15px !important;
margin-right: 3px !important;
margin-left: 2px !important;
padding: 2px 3px 5px 5px !important;
border-top: 0 none !important;
border-radius: 3px 3px 0 0 !important;
}
/* (new327) BUTTO DEAL / OFFERS */
.sort-section.xh-tabbed .xh-tabset > a.button[href*="/deals"] {
display: none !important;
}
.button.current-tab {
display: inline-block !important;
min-height: 23px !important;
line-height: 15px !important;
padding: 0 !important;
border-bottom: 3px solid red !important;
border-top: 0 none !important;
}
.sort-section .xh-tabset .button.darkest.xh-dropdown.line-before::before {
top: -4px;
}
/* ==== END - DIVERS ALL ===== */
/* TOP HEADER - LANGUAGE MENU - === */
header .top-header .languagebox {
position: absolute;
display: inline-block;
vertical-align: top;
height: 25px;
min-width: 35px;
max-width: 35px;
top: 3px !important;
left: -10px !important;
padding: 0px;
}
header .top-header .languagebox .xh-button {
height: 25px;
letter-spacing: 0px !important;
margin-bottom: 8px;
}
.xh-dropdown .dropdown {
border-radius: 3px;
box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.77) !important;
background: black !important;
}
/* CONTACT MORE */
.contact-us-page aside .show-more {
position: relative !important;
display: inline-block !important;
z-index: 5000 !important;
}
/* CATEGORY - RELATED CONTAINER - === */
.category-related-container:before {
content: "◀▶"
}
.category-related-container {
position: absolute;
width: 27px !important;
height: 18px !important;
top: 8px !important;
right: 0px !important;
padding: 0px !important;
overflow: hidden;
z-index: 5000000 !important;
transition: all ease 0.7s !important;
border-top: 1px solid #303030;
background: red !important;
}
.category-related-container:hover {
width: auto !important;
height: auto !important;
padding: 5px !important;
background: black !important;
}
/* (new284) CONTEXT MENU */
.xp-context-menu,
.xp-context-menu.xh-helper-hidden {
position: fixed !important;
display: inline-block !important;
width: 140px !important;
height: 30px !important;
line-height: 20px !important;
top: 59vh !important;
left: 620px !important;
padding: 2px 0;
border-radius: 3px;
white-space: nowrap !important;
z-index: 50 !important;
opacity: 0.4 !important;
transform: translate(-40px, 0px) scale(0.5) !important;
background-color: #303030;
}
/* (new434) */
.video-page--large-mode .xp-context-menu,
.video-page--large-mode .xp-context-menu.xh-helper-hidden {
top: 57.5vh !important;
left: 1470px !important;
}
.xp-context-menu:hover,
.xp-context-menu.xh-helper-hidden:hover {
opacity: 1 !important;
transform: translate(-5px, 0px) scale(1) !important;
background: black !important;
}
.xp-context-menu .xp-context-menu__item,
.xp-context-menu.xh-helper-hidden .xp-context-menu__item {
opacity: 0.4 !important;
}
.xp-context-menu .xp-context-menu__item:hover,
.xp-context-menu.xh-helper-hidden .xp-context-menu__item:hover {
opacity: 1 !important;
}
.xp-context-menu__item {
height: 20px !important;
line-height: 20px !important;
float: left !important;
padding: 3px !important;
font-size: 0px !important;
}
/* (new216) */
.xp-context-menu__item[data-action="report"]:before,
.xp-context-menu__item[data-action="url"]:before,
.xp-context-menu__item[data-action="url-time"]:before,
.xp-context-menu__item[data-action="embed"]:before,
.xp-context-menu__item[data-action="help"]:before {
padding: 4px 4px;
font-size: 12px;
border-radius: 10%;
}
.xp-context-menu__item[data-action="url"]:before {
content: "🔗";
border-radius: 30%;
background: red;
}
.xp-context-menu__item[data-action="url-time"]:before {
content: "🔗🕔";
background: aqua;
}
.xp-context-menu__item[data-action="embed"]:before {
content: "🔗🎞";
background: tomato;
}
.xp-context-menu__item[data-action="help"]:before {
content: "❓";
background: olive !important;
}
.xp-context-menu__item[data-action="report"]:before {
content: "🚧";
background: gray !important;
}
.xp-context-menu__item[data-action="help"]:hover:after,
.xp-context-menu__item[data-action="report"]:hover:after,
.xp-context-menu__item[data-action="embed"]:hover:after,
.xp-context-menu__item[data-action="url-time"]:hover:after,
.xp-context-menu__item[data-action="url"]:hover:after {
position: absolute;
top: -20px;
left: 0;
padding: 0px 4px;
border-radius: 3px;
font-size: 12px;
background: black;
}
.xp-context-menu__item[data-action="url"]:hover:after {
content: "Copy video URL";
}
.xp-context-menu__item[data-action="url-time"]:hover:after {
content: "Copy video URL at current time";
}
.xp-context-menu__item[data-action="embed"]:hover:after {
content: "Copy embed code";
}
.xp-context-menu__item[data-action="help"]:hover:after {
content: "Help";
}
.xp-context-menu__item[data-action="report"]:hover:after {
content: "Report streaming issue";
}
/* ADAPT GM "Video Speed" - SUPP in WRONGS PAGES - === */
.error404-page > body > div[style="position: fixed; top: 0px; right: 0px; z-index: 100; background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; color: rgb(238, 238, 238); padding: 10px;"] {
display: none !important;
}
/* (new284) ADAPT GM "Video Speed" + GM " ? "- .vsb-container - === */
.vsb-container,
.video-page > body > div:last-of-type + div,
.video-page > body > div.xp-context-menu + div {
background: transparent !important;
}
.vsb-container {
position: fixed !important;
width: 495px !important;
height: 21px !important;
line-height: 21px !important;
right: 0 !important;
top: 59.5vh !important;
left: 131px !important;
margin: 0px;
padding: 0 10px !important;
border-radius: 13px !important;
font-size: 11px !important;
transform: scale(0.7) !important;
z-index: 0 !important;
border-bottom: none !important;
color: #eeeeee;
background: rgba(0, 0, 0, 0.8) !important;
}
/* (new434) LARGE - ok */
.video-page.video-page--large-mode .vsb-container {
position: fixed !important;
top: 58.5vh !important;
left: 35px !important;
z-index: 50000000 !important;
border: 1px solid red !important;
}
.vsb-container > span {
color: grey;
cursor: pointer;
font-size: 12px !important;
font-weight: bold;
margin-right: 5px !important;
}
.vsb-container > span:hover {
color: gold !important;
cursor: pointer;
font-size: 12px !important;
font-weight: bold;
margin-right: 5px !important;
}
.vsb-container > span[style*="color: black;"],
.vsb-container > span:active {
color: green !important;
font-size: 12px !important;
margin-right: 5px !important;
}
/* KEYBOARD CONTROLS HELP when use the Key "?" */
.vsb-container > pre ~ pre {
display: none !important;
}
.vsb-container > pre {
position: fixed !important;
border: 2px solid #ccc;
color: white;
display: inline-block;
width: 130px !important;
height: 18px !important;
left: -125px !important;
top: -7px !important;
padding-top: 2px !important;
border-radius: 5px !important;
font-size: 12px !important;
overflow: hidden !important;
z-index: 5000;
background: red;
}
.vsb-container > pre:hover {
width: 253px !important;
height: 74px !important;
transform: scale(1.5) !important;
}
/* SUPP for CHROME */
.bottom-widget-section {
display: none !important;
}
/* A VOIR - BACK TO OLD XHAM - == */
.flow-buttons .xh-button {
position: relative;
transform: scale(0.5) !important;
border: 1px solid gray;
}
.flow-buttons .xh-button:first-of-type {
top: -2px;
left: -20px !important;
}
.flow-buttons .xh-button:last-of-type {
width: 38px !important;
top: 0px;
left: 3px !important;
background: black !important;
}
.flow-buttons > .xh-button:hover,
.flow-buttons > .xh-button.hovered {
max-width: none;
min-width: 155px !important;
padding: 0 20px 0 35px !important;
transition: max-width 75ms ease 0s, padding 25ms ease 50ms;
color: gold !important;
background: green !important;
}
.flow-buttons .xh-button:first-of-type:hover {
left: -25px !important;
transform: scale(0.7) !important;
z-index: 500 !important;
border: 1px solid green;
}
.flow-buttons .xh-button:last-of-type:hover {
left: -10px !important;
font-size: 18px !important;
transform: scale(0.7) !important;
z-index: 500 !important;
border: 1px solid red;
}
/* WELCOM DIALOGUE - BETA OFFICAL - === */
.xh-modal-tip.welcome-dialog:not(.closed) {
top: 108px !important;
}
/* SHOW PREVIEW - === */
.mixed-list .item .thumb-container {
font-size: 0;
}
.mixed-list .item .thumb-container img.deleted[style="display: block;"] {
pointer-events: none !important;
}
.dialog-image-list .item .thumb-container .info-line-top,
.mixed-list .item .thumb-container .info-line-top {
pointer-events: none !important;
background: none !important;
}
/* EDIT - MY VIDEOS - EDIT PAGE */
.user-content-section .content-column .my-video-list .my-video-item .thumb-list .item:not(.empty) {
display: inline-block !important;
width: 17%!important;
}
/* EDIT - EDIT TOOL */
.edit-link.add-to.has-tooltip,
.edit-link.remove.has-tooltip {
pointer-events: auto !important;
}
/* HD BADGE / DURATION - in USER VIDEO THUMBNAIL */
/* (new183) VIDEO - HD badge - === */
.mixed-list .item.video .info-line {
opacity: 0.4 !important;
}
.mixed-list .item.video:hover .info-line {
display: block;
height: 10px !important;
line-height: 10px !important;
opacity: 1 !important;
transform: scale(1);
}
.mixed-list .item.video .thumb-container .hd-badge {
width: 15px !important;
height: 10px !important;
line-height: 10px;
left: 1px !important;
top: 0px !important;
}
.mixed-list .item.video .thumb-container .hd-badge i {
font-size: 5px !important;
}
.mixed-list .item.video .hd-badge {
opacity: 0.4 !important;
}
.mixed-list .item.video:hover .hd-badge {
opacity: 0 !important;
}
/* DURATION */
.thumb-image-container__context-blocker:hover,
.thumb-image-container__context-blocker:link,
.thumb-image-container__context-blocker:visited,
.thumb-image-container__context-blocker {
display: none !important;
}
.mixed-list .item.video .info-line .duration {
position: absolute !important;
display: inline-block !important;
height: 12px !important;
line-height: 8px !important;
font-size: 9px !important;
opacity: 1 !important;
z-index: 500000 !important;
}
/* ALL */
.mixed-list .item.video:hover .info-line .duration {
display: inline-block !important;
height: 9px !important;
line-height: 7px !important;
top: 0px !important;
padding: 1px 2px !important;
text-indent: 6px !important;
font-size: 9px !important;
opacity: 1 !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
}
.user-page.favorites-page .mixed-list .item.video .info-line .duration {
display: inline-block !important;
top: 100px !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
}
.user-page.favorites-page .mixed-list .item.video:hover .info-line .duration {
display: inline-block !important;
top: 0px !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
}
.dialog-image-list .item.video .thumb-container .duration .xh-icon.hd-badge,
.dialog-image-list .item.video .thumb-container .duration .xh-icon.uhd-badge,
.mixed-list .item.video .thumb-container .duration .xh-icon.hd-badge,
.mixed-list .item.video .thumb-container .duration .xh-icon.uhd-badge {
display: inline-block !important;
padding-right: 0;
}
.user-page.favorites-page .mixed-list .item.video:hover .info-line .duration i {
display: none !important;
}
.user-page.favorites-page .mixed-list .item.video:hover .info-line .duration i + span:not(.dots-loader):not(.dot) {
display: inline-block !important;
position: relative !important;
top: -1px !important;
font-size: 7px !important;
}
/* VIDEO PLAYER - ALL - PLAY BUTTON - === */
.xplayer .xplayer-start-button {
background-position: 15px 50% !important;
background-size: 16px 18px !important;
height: 40px !important;
width: 40px !important;
opacity: 0.3 !important;
}
/* VIDEO PLAYER - VIDEO PAGE - TOTAL CONTAINER */
.video-page .main-wrap {
top: 3vh !important;
max-width: 100% !important;
min-width: 100% !important;
min-height: 97.05vh !important;
max-height: 97.05vh !important;
overflow: hidden !important;
border-bottom: 1px solid red !important;
}
.video-page .player-container__player video {
width: 100%;
}
/* VIDEO PLAYER VR - === */
#dl8-content-container .PlayerHudView_root_1Ws > .PlayerHudView_controlWrapper_CWT {
display: inline-block !important;
height: 100%;
width: 100%;
z-index: 1;
}
.App_root_3zO .PlayerHudView_controlWrapper_CWT .SeekingView_bar_1zi,
.App_root_3zO .PlayerHudView_controlWrapper_CWT .dl8FadeInUp.PlayerHudView_actions_2YY,
.App_root_3zO .PlayerHudView_controlWrapper_CWT .dl8FadeInUp.PlayerHudView_actions_2YY,
.App_root_3zO .PlayerHudView_controlWrapper_CWT .dl8FadeInUp.PlayerHudView_controls_29O .PlayerHudView_playButton_1Y2,
.App_root_3zO .PlayerHudView_controlWrapper_CWT .dl8FadeInUp.PlayerHudView_controls_29O .SoundControlView_root_3-T {
opacity: 0.2 !important;
}
.App_root_3zO .PlayerHudView_controlWrapper_CWT:hover .SeekingView_bar_1zi,
.App_root_3zO .PlayerHudView_controlWrapper_CWT:hover .dl8FadeInUp.PlayerHudView_actions_2YY,
.App_root_3zO .PlayerHudView_controlWrapper_CWT:hover .dl8FadeInUp.PlayerHudView_controls_29O .PlayerHudView_playButton_1Y2,
.App_root_3zO .PlayerHudView_controlWrapper_CWT:hover .dl8FadeInUp.PlayerHudView_controls_29O .SoundControlView_root_3-T {
opacity: 1 !important;
transition: opacity 0.7s !important;
}
.App_root_3zO .PlayerHudView_controlWrapper_CWT .dl8FadeInUp .PlayerHudView_time_4SF {
color: white !important;
opacity: 1 !important;
}
.App_root_3zO .PlayerHudView_controlWrapper_CWT:hover .dl8FadeInUp .PlayerHudView_time_4SF {
color: red !important;
opacity: 1 !important;
}
.App_root_3zO .PlayerHudView_controlWrapper_CWT:hover .dl8FadeInUp .PlayerHudView_time_4SF:first-letter,
.App_root_3zO .PlayerHudView_controlWrapper_CWT .dl8FadeInUp .PlayerHudView_time_4SF:first-letter {
color: yellow !important;
opacity: 1 !important;
}
.PlayerHudView_bottomBar_3St.dl8FadeIn {
position: absolute;
display: flex;
flex-flow: row wrap;
align-items: center;
width: 100%;
top: 400px !important;
left: 0;
bottom: 0;
padding: 50px 10px 10px !important;
box-sizing: border-box;
pointer-events: auto;
}
/* VR PLAYER - BUTTON - === */
#dl8-content-container .PlayerHudView_root_1Ws,
#dl8-content-container .PlayerView_root_1NY,
#dl8-content-container .PlayerHudView_root_1Ws > .PlayerHudView_controlWrapper_CWT {
overflow: visible!important;
}
.SeekingView_bar_1zi.SeekingView_grow_3RO.SeekingView_fullWidth_3gv.dl8FadeInUp {
top: 7px !important;
}
.video-page .xplayer.xplayer-no-autoplay .xplayer-background-bottom,
.video-page .xplayer.xplayer-no-autoplay .xplayer-background-top {
opacity: 0;
}
.video-page .xplayer .xplayer-background-top {
background: none;
}
.video-page .xplayer .xplayer-hover-menu__divider,
.video-page .xplayer .xplayer-hover-menu .overlay-open-share {
display: none;
}
.video-page .xplayer .xplayer-hover-menu .overlay-open {
right: 7px;
top: 11px;
width: 44px;
background-size: 31% !important;
}
.video-page .xplayer .xplayer-background-bottom {
height: 56px;
width: 638px;
top: 449px;
}
/* (new350) VIDEO PLAYER - FLASH ?? */
.video-page #player-container:not([data-role$="-ebanner-underplayer"]),
.video-page .player-container:not([data-role$="-ebanner-underplayer"]) .xplayer {
width: 100% !important;
min-height: 48vh !important;
max-height: 48vh !important;
}
.video-page .xplayer video {
position: absolute;
display: inline-block !important;
min-height: 48vh !important;
max-height: 48vh !important;
object-fit: contain !important;
object-position: center center !important;
overflow: hidden;
z-index: 0;
}
/* ADAPT for GM "Xhamster - Video Auto Infinite Replay"" - === */
#player-container.player-container__player.xplayer.notranslate.overlay-menu-opened.no-user-action,
.xplayer .xplayer-overlay-menu {
display: none;
}
/* THUMB PREVIEW ANIMATE */
.video-page .xplayer .xp-progress-bar .thumbs.animate,
.video-page .xplayer .progress-bar .thumbs.animate {
opacity: 1 !important;
}
/* NEW VIDEO PLAYER - INTERFACE + HOVERLAY - === */
.video-page .xplayer.xplayer-no-autoplay .xplayer-background-bottom,
.video-page .xplayer.xplayer-no-autoplay .xplayer-background-top {
opacity: 0;
}
.video-page #playerSwf .xplayer {
z-index: 5000000 !important;
}
.video-page .xplayer .xplayer-hover-menu__divider,
.video-page .xplayer .xplayer-background-top {
background: none !important;
}
.video-page .xplayer .xplayer-hover-menu .overlay-open-share {
display: none;
}
.video-page .xplayer .xplayer-hover-menu .overlay-open {
right: -25px;
top: -23px;
width: 44px;
background-size: 20% !important;
background-color: transparent !important;
}
.video-page .xplayer .xplayer-background-bottom {
height: 56px;
width: 100% !important;
top: 499px;
}
.video-page .xplayer .xplayer-background-bottom,
.video-page .player-container #player-container.player-container__player:-moz-full-screen:hover .xplayer-background-bottom,
.video-page .player-container #player-container.player-container__player:-moz-full-screen .xplayer-background-bottom {
display: none !important;
}
.video-page .player-container #player-container.player-container__player:-webkit-full-screen:hover .xplayer-background-bottom,
.video-page .player-container #player-container.player-container__player:-webkit-full-screen .xplayer-background-bottom {
display: none;
}
/* LARGE - PROGRESS-BAR - NO USER ACTION - NOT HOVER */
.video-page .player-container #player-container.player-container__player.xplayer-large-mode.notranslate.no-user-action .xp-progress-bar,
.video-page .player-container #player-container.player-container__player.xplayer-large-mode.notranslate.no-user-action .progress-bar {
max-width: 700px !important;
height: 10px;
}
/* NORMAL VIDEO - THUMB PREVIEW POSITION - NOT FULL - === */
.video-page .player-container #player-container.player-container__player > video ~ .xp-progress-bar .thumbs:not(.xh-helper-hidden),
.video-page .player-container #player-container.player-container__player > video ~ .progress-bar .thumbs:not(.xh-helper-hidden) {
top: 48px !important;
}
/* (new228) NORMAL VIDEO MODE - CONTROLS - - NOT LARGE / FULL - === */
.video-page .player-container #player-container.player-container__player.xplayer .control-bar {
position: fixed;
display: inline-block !important;
vertical-align: bottom !important;
height: 35px;
width: 710px !important;
left: 5px;
top: 53vh !important;
z-index: 0 !important;
transition: ease all 0.7s !important;
background: #111 !important;
}
.video-page .player-container #player-container.player-container__player.xplayer .control-bar .play .play-inner,
.video-page .player-container #player-container.player-container__player.xplayer .control-bar .play.pause .play-inner {
position: absolute;
display: block;
width: 20px !important;
height: 20px !important;
bottom: 8px;
left: 370px;
border-radius: 3px;
background-position: 50% center !important;
background-size: 65% !important;
}
/* (new316) */
.video-page .player-container #player-container.player-container__player.xplayer:not(.xplayer-large-mode) .control-bar .right-block {
position: relative;
float: right;
height: 40px;
width: auto !important;
top: -4px;
}
/* (new368) CONTROL BAR - TIMING - DISPLAY ON NOT HOVER - NOT FULL SCREEN - === */
.video-page .player-container #player-container.player-container__player.xplayer.notranslate.no-user-action .control-bar {
opacity: 1 !important;
visibility: hidden !important;
z-index: 0 !important;
transition: ease all 0.7s !important;
background: #333 !important;
}
.video-page .player-container:not(:hover) #player-container.player-container__player.xplayer.notranslate.no-user-action .control-bar > div.left-block .timing .eta {
visibility: visible !important;
z-index: 0 !important;
}
/* (new435) */
.video-page .player-container #player-container.player-container__player.xplayer.notranslate.no-user-action .control-bar .timing span.eta,
.video-page .player-container:not(:hover) #player-container.player-container__player.xplayer.notranslate.no-user-action .control-bar .timing span.eta {
position: fixed !important;
display: inline-block !important;
width: 302px !important;
height: 12px !important;
line-height: 11px !important;
top: 2.9vh;
left: 724px !important;
padding: 0px 0 0 80px !important;
font-size: 13px;
font-weight: 700 !important;
border-radius: 3px !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 0 !important;
pointer-events: none !important;
background: red !important;
}
/* (new447) RUNTIME - NOT FULL SCReEN - MOZ + CHROME */
.video-page .player-container #player-container.player-container__player.xplayer.notranslate.no-user-action .control-bar .timing span.eta:before,
.video-page .video-page .player-container #player-container.player-container__player.xplayer.notranslate.no-user-action .control-bar .timing span.eta:before {
content: "Runtime :";
position: fixed !important;
display: inline-block !important;
width: 60px;
height: 12px;
line-height: 12px;
top: 2.8vh;
margin-left: -77px !important;
padding: 0;
border-radius: 3px;
font-size: 10px;
font-weight: 700 !important;
text-align: left;
z-index: 0;
}
/* (new447) */
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.notranslate.no-user-action .control-bar .timing span.eta:before {
content: "Runtime :";
top: 62.76vh !important;
margin-left: -140px !important;
background: green !important;
}
/* LARGE MODE ok */
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.notranslate.no-user-action .control-bar .timing span.eta,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.notranslate.no-user-action .control-bar .timing span.eta {
display: none !important;
}
/* MOZ :-moz-full-screen */
.video-page .player-container #player-container.player-container__player.xplayer.notranslate.no-user-action:-moz-full-screen .control-bar .left-block .timing span.eta,
.video-page .player-container #player-container.player-container__player.xplayer.notranslate.no-user-action:-moz-full-screen .control-bar .left-block .timing span.eta:before {
display: none !important;
}
/* WEBKIT :-webkit-full-screen */
.video-page .player-container #player-container.player-container__player.xplayer.notranslate.no-user-action:-webkit-full-screen .control-bar .left-block .timing span.eta,
.video-page .player-container #player-container.player-container__player.xplayer.notranslate.no-user-action:-webkit-full-screen .control-bar .left-block .timing span.eta:before {
display: none !important;
}
/* (new447) LARGE MODE - */
.video-page.video-page--large-mode .player-container #player-container.player-container__player.xplayer.notranslate.no-user-action .control-bar .timing span.eta {
top: 62.8vh !important;
}
/* (new293) PROGRESS BAR - NORMAL VIDEO MODE - PROGRESS BAR - NOT HOVER - NOT LARGE / FULL - */
.video-page .player-container #player-container.player-container__player.xplayer.no-user-action .xp-progress-bar,
.video-page .player-container #player-container.player-container__player.xplayer.no-user-action .progress-bar {
position: fixed !important;
height: 10px !important;
line-height: 20px !important;
max-width: 700px !important;
top: 56vh !important;
left: 5px !important;
z-index: 5000 !important;
opacity: 1 !important;
background: transparent !important;
}
.video-page .player-container #player-container.player-container__player.xplayer.no-user-action .seeker {
top: 3px;
}
.video-page .player-container #player-container.player-container__player.xplayer:not(.no-user-action) .xp-progress-bar:not(:hover) .seeker,
.video-page .player-container #player-container.player-container__player.xplayer:not(.no-user-action) .progress-bar:not(:hover) .seeker {
top: 50px;
}
.video-page .player-container #player-container.player-container__player.xplayer.no-user-action .progress-bar .seeker {
height: 2px !important;
top: 3px;
opacity: 0.4;
}
/* (new179) Xhamster - Progressbar Updater */
.video-page .player-container #player-container.player-container__player.xplayer.no-user-action .xp-progress-bar .seeker .buffer,
.video-page .player-container #player-container.player-container__player.xplayer.no-user-action .progress-bar .seeker .buffer {
background: red !important;
}
.video-page .player-container #player-container.player-container__player.xplayer.no-user-action .xp-progress-bar .seeker .handle,
.video-page .player-container #player-container.player-container__player.xplayer.no-user-action .progress-bar .seeker .handle {
background: aqua !important;
}
.video-page .player-container #player-container.player-container__player.xplayer.no-user-action .xp-progress-bar .seeker .filler,
.video-page .player-container #player-container.player-container__player.xplayer.no-user-action .xp-progress-bar .seeker .handle,
.video-page .player-container #player-container.player-container__player.xplayer.no-user-action .progress-bar .seeker .filler,
.video-page .player-container #player-container.player-container__player.xplayer.no-user-action .progress-bar .seeker .handle {
display: none !important;
}
.video-page .xplayer.no-user-action .control-bar,
.video-page .xplayer.no-user-action .xp-progress-bar,
.video-page .xplayer.no-user-action .progress-bar {
opacity: 1 !important;
}
/* NORMAL VIDEO MODE - PROGRESS BAR (for THUMBNAIL PREVIEW) - HOVER - NOT LARGE / FULL - === */
.video-page .player-container #player-container.player-container__player.xplayer .xp-progress-bar,
.video-page .player-container #player-container.player-container__player.xplayer .progress-bar {
position: fixed !important;
min-width: 700px !important;
max-width: 700px !important;
height: 15px !important;
line-height: 10px !important;
top: 57vh !important;
left: 5px !important;
z-index: 5000000000 !important;
opacity: 1 !important;
}
.video-page .player-container #player-container.player-container__player.xplayer .xp-progress-bar .seeker,
.video-page .player-container #player-container.player-container__player.xplayer .progress-bar .seeker {
height: 2px;
opacity: 0.4;
top: 01px !important;
}
/* (new284) PROGRESBAR - HOVER - PREVIEW THUMBNAIL CONTAINER */
.video-page .player-container #player-container.player-container__player.xplayer .xp-progress-bar:hover,
.video-page .player-container #player-container.player-container__player.xplayer .progress-bar:hover {
position: fixed !important;
display: inline-block !important;
min-height: 180px !important;
min-width: 710px !important;
max-width: 710px !important;
top: 56.5vh !important;
left: 5px !important;
opacity: 1 !important;
z-index: 5000000000 !important;
background: #111 !important;
border: 1px solid red !important;
}
.video-page .player-container #player-container.player-container__player .xp-progress-bar .thumbs:not(.hidden),
.video-page .player-container #player-container.player-container__player .progress-bar .thumbs:not(.hidden) {
top: 52vh !important;
z-index: 5000000000 !important;
}
/* (new284) LARGE - ok - CONTROL BAR - === */
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode .control-bar {
position: absolute !important;
height: 30px;
width: 50% !important;
top: 52vh !important;
left: 480px;
bottom: 0px !important;
right: 0;
transition: opacity 0.4s cubic-bezier(0.17, 0.67, 0.52, 0.93) 0s;
z-index: 50000 !important;
}
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode .control-bar .left-block {
position: absolute;
bottom: -2px !important;
left: 0px !important;
}
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode .control-bar .right-block {
float: right;
height: 40px;
position: relative;
top: -8px;
margin-right: 57px !important;
width: 130px;
}
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode .control-bar .play .play-inner {
left: 500px !important;
top: 17px !important;
}
/* (new284) LARGE VIDEO MODE - PROGRESS BAR - NOT HOVER */
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode.no-user-action .xp-progress-bar,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode.no-user-action .progress-bar {
height: 10px !important;
line-height: 10px !important;
width: 100% !important;
min-width: 960px !important;
max-width: 960px !important;
top: 59.5vh !important;
left: 480px !important;
z-index: 50000000 !important;
opacity: 1 !important;
}
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode.no-user-action .xp-progress-bar .seeker,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode.no-user-action .progress-bar .seeker {
height: 2px !important;
top: 3px !important;
margin-left: 0 !important;
opacity: 0.4 !important;
}
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode.no-user-action .xp-progress-bar .seeker .buffer,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode.no-user-action .progress-bar .seeker .buffer {
height: 2px;
top: 0px !important;
}
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode.no-user-action .xp-progress-bar .seeker .filler,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode.no-user-action .progress-bar .seeker .filler {
width: 100%;
height: 3px !important;
top: 0px !important;
transform-origin: 0 0 0;
}
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action) .xp-progress-bar .seeker .handle,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action) .progress-bar .seeker .handle {
width: 10px !important;
height: 10px !important;
top: -3px !important;
margin-left: -3px !important;
background-color: yellow !important;
}
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action) .xp-progress-bar:hover .seeker .handle,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action) .progress-bar:hover .seeker .handle {
min-width: 15px !important;
max-width: 15px !important;
min-height: 15px !important;
max-height: 15px !important;
top: -5px !important;
background-color: red !important;
}
/* (new214) LARGE VIDEO MODE - PROGRESS BAR - HOVER */
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action) .xp-progress-bar:not(:hover),
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action) .progress-bar:not(:hover) {
height: 10px;
min-width: 930px !important;
max-width: 930px !important;
top: 59.5vh !important;
left: 490px !important;
z-index: 500000 !important;
opacity: 1 !important;
}
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action) .xp-progress-bar:not(:hover) .seeker,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action) .progress-bar:not(:hover) .seeker {
top: 3px;
}
/* (new284) PROGRESSBAR with PREVIEW - HOVEr - LARGE */
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action) .xp-progress-bar:hover,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action) .progress-bar:hover {
position: fixed !important;
display: inline-block !important;
height: 180px;
min-width: 965px !important;
max-width: 965px !important;
top: 59.5vh !important;
left: 477px !important;
z-index: 50000000 !important;
opacity: 1 !important;
background: #111 !important;
}
/* (new284) EACH PREVIEW INTERNAL */
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode .xp-progress-bar .thumbs,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode .progress-bar .thumbs {
z-index: 5000000 !important;
opacity: 1 !important;
border: 1px solid violet !important;
}
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode .xplayer-background-bottom {
width: 100%;
height: 2px;
}
/* (new284) [A VOIR] PLAYER - PROGRESSBAR + THUMB PREVIEW - FLASH ?? - === */
.video-page #playerSwf #player.xplayer:not(:-moz-full-screen):not(:-webkit-full-screen):not(.overlay-menu-opened):not(.no-user-action) video ~ .xp-progress-bar,
.video-page #playerSwf #player.xplayer:not(:-moz-full-screen):not(:-webkit-full-screen):not(.overlay-menu-opened):not(.no-user-action) video ~ .progress-bar {
position: fixed !important;
height: 200px;
width: 33% !important;
left: 14px;
top: 59.5vh !important;
transition: height ease 0.7s;
border-top: 1px solid red;
border-bottom: 1px solid red;
border: 1px solid violet !important;
background: red !important;
}
.video-page #playerSwf:not(:hover) #player.xplayer:not(.overlay-menu-opened):not(:-moz-full-screen):not(:-webkit-full-screen) video ~ .xp-progress-bar,
.video-page #playerSwf:not(:hover) #player.xplayer.overlay-menu-opened:not(:-moz-full-screen):not(:-webkit-full-screen) video ~ .xp-progress-bar,
.video-page #playerSwf:not(:hover) #player.xplayer:not(.overlay-menu-opened):not(:-moz-full-screen):not(:-webkit-full-screen) video ~ .progress-bar,
.video-page #playerSwf:not(:hover) #player.xplayer.overlay-menu-opened:not(:-moz-full-screen):not(:-webkit-full-screen) video ~ .progress-bar {
visibility: hidden !important;
}
/* [A VOIR] .no-user-action */
#playerSwf:hover #player.xplayer.overlay-menu-opened:not(.no-user-action):not(:-moz-full-screen):not(:-webkit-full-screen) video ~ .xp-progress-bar,
#playerSwf #player.xplayer.overlay-menu-opened:not(:-moz-full-screen):not(:-webkit-full-screen) video ~ .xp-progress-bar,
#playerSwf:hover #player.xplayer.overlay-menu-opened:not(.no-user-action):not(:-moz-full-screen):not(:-webkit-full-screen) video ~ .progress-bar,
#playerSwf #player.xplayer.overlay-menu-opened:not(:-moz-full-screen):not(:-webkit-full-screen) video ~ .progress-bar {
visibility: hidden !important;
}
/* ===== */
.video-page .xplayer .xp-progress-bar .seeker,
.video-page .xplayer .progress-bar .seeker {
border-radius: 5px;
height: 5px;
top: 15px;
}
.video-page .xplayer .filler {
height: 5px;
}
.video-page .xplayer .xp-progress-bar .handle,
.video-page .xplayer .progress-bar .handle {
height: 16px;
width: 16px;
top: -7px;
margin-left: 0px;
will-change: transform;
}
#player.xplayer:not(:-moz-full-screen):not(:-webkit-full-screen) video ~ .xp-progress-bar .thumbs,
#player.xplayer:not(:-moz-full-screen):not(:-webkit-full-screen) video ~ .progress-bar .thumbs {
top: 78px !important;
}
/* (new416) VIDEO - SETTINGS */
.video-page .player-container .settings-menu {
position: fixed !important;
width: 300px !important;
height: 250px !important;
top: 288px !important;
left: 400px !important;
opacity: 1 !important;
z-index: 50000 !important;
border: 1px solid red !important;
background: black!important;
}
/* SETTINGS - LARGE - ok */
.video-page.video-page--large-mode .player-container .settings-menu {
top: 318px !important;
left: 1290px !important;
}
/* SETTINGS - FULL - WEBKIT */
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:-webkit-full-screen .settings-menu {
top: 790px !important;
left: 1470px !important;
border: 1px solid yellow !important;
}
/* SETTINGS - FULL - MOZ */
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:-moz-full-screen .settings-menu {
top: 790px !important;
left: 1470px !important;
border: 1px solid yellow !important;
}
/* VIDEO PLAYER - FULL MODE - from LARGE MODE - === */
/* (new223) WEBKIT */
.video-page.chrome:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:-webkit-full-screen video,
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:-webkit-full-screen video,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:-webkit-full-screen video {
min-height: 95% !important;
top: 0px !important;
}
/* MOZ */
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:-moz-full-screen video,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:-moz-full-screen video {
height: 95% !important;
top: 0px !important;
}
/* FULL - not NO-USER-ACTION / not HOVER - === */
/* FULL - WEBKIT */
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer.no-user-action:-webkit-full-screen .xp-progress-bar,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode.no-user-action:-webkit-full-screen .xp-progress-bar,
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer.no-user-action:-webkit-full-screen .progress-bar,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode.no-user-action:-webkit-full-screen .progress-bar {
min-width: 100% !important;
max-width: 100% !important;
height: 10px;
line-height: 10px;
left: 0px !important;
top: 1060px !important;
opacity: 1;
z-index: 5000;
}
/* FULL - MOZ */
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer.no-user-action:-moz-full-screen .xp-progress-bar,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode.no-user-action:-moz-full-screen .xp-progress-bar,
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer.no-user-action:-moz-full-screen .progress-bar,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode.no-user-action:-moz-full-screen .progress-bar {
min-width: 100% !important;
max-width: 100% !important;
height: 10px;
line-height: 10px;
left: 0px !important;
top: 1060px !important;
opacity: 1;
z-index: 5000;
}
/* FULL - WEBKIT */
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:-webkit-full-screen .control-bar,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:-webkit-full-screen .control-bar {
position: absolute !important;
width: 50% !important;
height: 30px;
left: 450px !important;
top: 100vh !important;
bottom: 0 !important;
right: 0;
transition: opacity 0.4s cubic-bezier(0.17, 0.67, 0.52, 0.93) 0s;
opacity: 1 !important;
z-index: 5;
}
/* FULL - MOZ */
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:-moz-full-screen .control-bar,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:-moz-full-screen .control-bar {
position: absolute !important;
width: 50% !important;
height: 30px;
left: 450px !important;
top: 100vh !important;
margin-bottom: -60px !important;
right: 0;
transition: opacity 0.4s cubic-bezier(0.17, 0.67, 0.52, 0.93) 0s;
opacity: 1 !important;
z-index: 5;
}
/* FULL - WEBKIT */
.video-page .xplayer:-webkit-full-screen .xplayer-background-top,
.video-page .player-container #player.xplayer:-webkit-full-screen .xplayer-background-bottom,
.video-page .xplayer:-moz-full-screen .xplayer-background-top,
.video-page .player-container #player.xplayer:-moz-full-screen .xplayer-background-bottom {
display: none !important;
}
/* FULL - MOZ */
.video-page .xplayer:-webkit-full-screen .xplayer-background-top,
.video-page .player-container #player.xplayer:-webkit-full-screen .xplayer-background-bottom,
.video-page .xplayer:-moz-full-screen .xplayer-background-top,
.video-page .player-container #player.xplayer:-moz-full-screen .xplayer-background-bottom {
display: none !important;
}
/* FULL VIDEO - USER ACTION / HOVER - === */
/* FULL - WEBKIT */
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:not(.no-user-action):-webkit-full-screen .control-bar,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action):-webkit-full-screen .control-bar {
position: absolute;
width: 70% !important;
height: 30px;
left: 300px !important;
bottom: 0;
right: 0;
top: 1040px !important;
transition: opacity 0.4s cubic-bezier(0.17, 0.67, 0.52, 0.93) 0s;
z-index: 5;
}
/* FULL - MOZ */
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:not(.no-user-action):-moz-full-screen .control-bar,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action):-moz-full-screen .control-bar {
position: absolute;
width: 70% !important;
height: 30px;
left: 300px !important;
bottom: 0;
right: 0;
top: 1040px !important;
transition: opacity 0.4s cubic-bezier(0.17, 0.67, 0.52, 0.93) 0s;
z-index: 5;
}
/* FULL - WEBKIT */
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:not(.no-user-action):-webkit-full-screen .xp-progress-bar,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action):-webkit-full-screen .xp-progress-bar,
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:not(.no-user-action):-webkit-full-screen .progress-bar,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action):-webkit-full-screen .progress-bar {
position: absolute;
display: inline-block;
height: 10px;
width: 40% !important;
left: 580px !important;
top: 1055px !important;
opacity: 1;
z-index: 5000000;
background: hsla(0, 0%, 100%, 0.35) none repeat scroll 0 0;
}
/* FULL - MOZ */
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:not(.no-user-action):-moz-full-screen .xp-progress-bar,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action):-moz-full-screen .xp-progress-bar,
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:not(.no-user-action):-moz-full-screen .progress-bar,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action):-moz-full-screen .progress-bar {
position: absolute;
display: inline-block;
height: 10px;
width: 40% !important;
left: 580px !important;
top: 1055px !important;
opacity: 1;
z-index: 5000000;
background: hsla(0, 0%, 100%, 0.35) none repeat scroll 0 0;
}
/* FULL - WEBKIT */
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:not(.no-user-action):-webkit-full-screen .xp-progress-bar:hover .thumbs,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action):-webkit-full-screen .xp-progress-bar:hover .thumbs,
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:not(.no-user-action):-webkit-full-screen .progress-bar:hover .thumbs,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action):-webkit-full-screen .progress-bar:hover .thumbs {
position: absolute;
box-sizing: content-box;
top: -130px !important;
border-radius: 2px;
text-align: center;
opacity: 1;
transition: opacity 0.2s cubic-bezier(0.17, 0.67, 0.52, 0.93) 0.3s;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
background: hsla(0, 0%, 100%, 0.35) none repeat scroll 0 0 !important;
}
/* FULL - MOZ */
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:not(.no-user-action):-moz-full-screen .xp-progress-bar:hover .thumbs,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action):-moz-full-screen .xp-progress-bar:hover .thumbs,
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:not(.no-user-action):-moz-full-screen .progress-bar:hover .thumbs,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(.no-user-action):-moz-full-screen .progress-bar:hover .thumbs {
position: absolute;
box-sizing: content-box;
top: -130px !important;
border-radius: 2px;
text-align: center;
opacity: 1;
transition: opacity 0.2s cubic-bezier(0.17, 0.67, 0.52, 0.93) 0.3s;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
background: hsla(0, 0%, 100%, 0.35) none repeat scroll 0 0 !important;
}
/* FULL - WEBKIT */
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:not(.no-user-action):-webkit-full-screen .control-bar .play .play-inner,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer-large-mode.xplayer:not(.no-user-action):-webkit-full-screen .control-bar .play .play-inner {
left: 700px !important;
}
/* FULL - MOZ */
.video-page:not(.video-page--large-mode) .player-container #player-container.player-container__player.xplayer:not(.no-user-action):-moz-full-screen .control-bar .play .play-inner,
.video-page--large-mode .player-container #player-container.player-container__player.xplayer-large-mode.xplayer:not(.no-user-action):-moz-full-screen .control-bar .play .play-inner {
left: 700px !important;
}
/* LARGE VIDEO MODE - RELATED */
.video-page.video-page--large-mode .mixed-section .width-wrap {
max-width: 98% !important;
left: 18px;
}
.video-page--large-mode .mixed-section.related .width-wrap .mixed-list.clearfix-after {
display: inline-block !important;
max-width: 100% !important;
height: 100% !important;
min-height: 313px !important;
max-height: 313px !important;
top: -2px !important;
left: 10px !important;
border-bottom: 1px solid tomato !important;
}
.video-page--large-mode .mixed-section.related .width-wrap .mixed-list.clearfix-after .item.video {
display: inline-block !important;
float: none !important;
width: 15.1% !important;
margin: 10px 2px 0px 10px !important;
padding: 0px 5px !important;
}
.video-page--large-mode .mixed-section.related .width-wrap .mixed-list.clearfix-after .item.video:hover {
width: 15.1% !important;
margin: 2px 2px -38px 10px !important;
padding: 0px 5px !important;
transform: scale(1.9) !important;
z-index: 500000 !important;
background: black !important;
}
.video-page--large-mode .mixed-section.related .width-wrap .arrow-container.left-container {
display: inline-block !important;
height: 75px !important;
line-height: 75px !important;
width: 47px !important;
top: 160px !important;
left: -32px !important;
margin-left: -14px;
text-align: left !important;
z-index: 500 !important;
border-right: 4px solid red !important;
background: green !important;
}
.video-page--large-mode .mixed-section.related .width-wrap .arrow-container.right-container {
display: inline-block !important;
height: 75px !important;
line-height: 75px !important;
width: 47px !important;
top: 160px !important;
left: -12px !important;
margin-left: -14px;
text-align: left !important;
z-index: 500 !important;
border-left: 4px solid red !important;
background: blue !important;
}
.video-page--large-mode .mixed-section.related .width-wrap .arrow-container.left-container a.arrow.left {
position: relative;
display: inline-block !important;
height: 75px !important;
width: 53px !important;
margin-left: 8px !important;
margin-top: 2px;
border-radius: 50% 0 0 50%;
text-align: center;
transition: left 0.15s ease 0s;
border: 0 none;
box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
background: #202020;
}
.video-page--large-mode .mixed-section.related .width-wrap .arrow-container.left-container a.arrow.left:hover {
width: 58px !important;
}
.video-page--large-mode .mixed-section.related .width-wrap .arrow-container.right-container a.arrow.right {
position: relative;
display: inline-block !important;
height: 75px !important;
width: 53px !important;
margin-left: -21px !important;
margin-top: 2px;
border: 0 none;
border-radius: 0 50% 50% 0 !important;
box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
text-align: center;
transition: right 0.15s ease 0s;
background: #202020;
}
.video-page--large-mode .mixed-section.related .width-wrap .arrow-container.right-container a.arrow.right:hover {
width: 58px !important;
}
.video-page--large-mode .mixed-section.related .width-wrap .arrow-container.left-container .arrow.left .xh-icon.arrow-left {
display: inline-block !important;
height: 75px !important;
line-height: 75px !important;
width: 55px !important;
left: -7px !important;
}
.video-page--large-mode .mixed-section.related .width-wrap .arrow-container.right-container a.arrow.right .xh-icon.arrow-right {
display: inline-block !important;
height: 75px !important;
line-height: 75px !important;
width: 55px !important;
left: 7px !important;
}
/* LARGE VIDEO MODE - RED - COUNT TOTAL FAVS ADDED TO COLLECTION (Without "Default Collection") */
.video-page--large-mode .dropdown.position-right.favorites-dropdown.positioned:hover .favorites-dropdown__list.ps-container .favorites-dropdown__list-item--linked:not(:first-of-type) .favorites-dropdown__list-quantity:after {
counter-increment: myIndex;
content: counter(myIndex, decimal-leading-zero);
position: fixed;
display: inline-block;
width: 20px;
min-width: 30px;
height: 25px;
line-height: 25px;
top: 5px;
left: 849px;
border-radius: 3px;
font-size: 20px;
text-align: center;
z-index: 1;
opacity: 1;
color: white;
background: red;
}
/* (new284) LARGE VIDEO MODE - LABELS */
.video-page--large-mode .items .favorites-dropdown__list-item {
float: left;
clear: none;
width: 100% !important;
min-width: 20% !important;
max-width: 20% !important;
border: 1px solid red;
}
/* LARGE VIDEO MODE - CREATE NEW COLLECTION */
.video-page--large-mode .dropdown.favorites-dropdown.positioned.position-right:hover .favorites-dropdown__form,
.video-page--large-mode .dropdown.favorites-dropdown.positioned.position-right:not(:hover) .favorites-dropdown__form {
position: fixed !important;
display: inline-block !important;
height: 28px;
line-height: 0px;
width: 213px;
left: 1010px !important;
top: 1px !important;
text-align: center;
z-index: 50000 !important;
box-shadow: 3px 3px 2px black;
background: #222;
}
/* LARGE VIDEO MODE - DEFAULT COLLECTION - HOVER */
.video-page--large-mode .dropdown.favorites-dropdown.positioned.position-right:hover .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type,
.video-page--large-mode .dropdown.favorites-dropdown.positioned.position-left:hover .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type {
position: fixed !important;
display: inline-block !important;
height: 28px !important;
line-height: 15px;
width: 259px !important;
float: none !important;
left: 747px !important;
top: 2px !important;
padding: 2px 5px !important;
opacity: 1;
z-index: 500;
box-shadow: 3px 3px 2px black;
background: #222;
}
.video-page--large-mode .dropdown.favorites-dropdown.positioned:hover .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type .favorites-dropdown__list-title,
.video-page--large-mode .dropdown.favorites-dropdown.positioned-right:hover .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type .favorites-dropdown__list-title,
.video-page--large-mode .dropdown.favorites-dropdown.positioned-left:hover .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type .favorites-dropdown__list-title {
margin-left: 30px !important;
margin-bottom: -6px !important;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.video-page--large-mode .dropdown.favorites-dropdown.positioned.position-right:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type,
.video-page--large-mode .dropdown.favorites-dropdown.positioned.position-left:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type {
position: absolute;
width: 259px !important;
left: 0;
opacity: 1;
z-index: 500;
background: green;
}
.video-page--large-mode .dropdown.favorites-dropdown.positioned.position-right:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type .favorites-dropdown__list-title,
.video-page--large-mode .dropdown.favorites-dropdown.positioned.position-left:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type .favorites-dropdown__list-title {
max-width: 64%;
min-width: 64%;
margin-left: 8px;
}
/* NORMAL VIDEO MODE - INFO COMMENT META */
.comment-meta {
position: relative;
display: inline-block !important;
height: 16px !important;
line-height: 13px !important;
max-width: 139px;
top: -15px;
padding: 0 3px;
border-top: 1px solid gray;
}
/* LARGE VIDEO MODE - INFO COMMENT META */
.video-page--large-mode .comments-section .comments-list.beta-preloader-autoheight .item .comment-info .comment-meta {
display: inline-block !important;
height: 14px !important;
line-height: 11px !important;
width: 100% !important;
min-width: 139px !important;
max-width: 139px !important;
top: -25px !important;
left: -12px !important;
padding: 0 3px;
border-top: 1px solid gray;
}
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight:hover .item .comment-info .comment-meta {
min-width: 232px !important;
max-width: 232px !important;
top: -20px !important;
}
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight .item .comment-info:hover .comment-meta {
bottom: -20px !important;
}
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight .item .comment-info .text:hover .comment-meta {
top: 40px !important;
background: tan !important;
}
.video-page--large-mode .comments-section .comments-list.beta-preloader-autoheight .item .comment-info .comment-meta a,
.video-page--large-mode .comments-section .comments-list.beta-preloader-autoheight .item .comment-info .comment-meta .add-time {
font-size: 10px !important;
height: 10px !important;
line-height: 10px !important;
margin-right: 2px;
}
/* (new284) LARGE - ok */
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .my-comment,
.video-page.video-page--large-mode .my-comment {
position: fixed !important;
width: 298px !important;
height: 17px !important;
left: 422px !important;
top: 63.5vh !important;
z-index: 500000 !important;
}
.video-page.video-page--large-mode .my-comment:hover {
width: 298px !important;
height: 300px !important;
top: 610px !important;
z-index: 1500 !important;
}
/* LARGE - ok */
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .my-comment:hover {
display: inline-block !important;
width: 298px !important;
height: 100% !important;
max-height: 228px !important;
min-height: 228px !important;
}
.video-page.video-page--large-mode .comments-section .my-comment:hover .input-area {
height: 286px !important;
}
/* (new433) VIDEO - COMMENTS PAGER - NOT LARGE */
.video-page:not(.video-page--large-mode) .comments-section .pager-section:not(:empty) {
position: fixed !important;
display: inline-block;
height: 6.5vh !important;
min-width: 17.5% !important;
max-width: 17.5% !important;
left: 685px !important;
bottom: 1vh !important;
margin: 0 !important;
transform: scale(1) !important;
z-index: 50000 !important;
background: #111 !important;
/* border: 1px solid aqua !important; */
}
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination {
display: inline-block;
height: 7vh !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 3.5vh 0 0 0 !important;
}
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .prev-next-list {
display: inline-block;
height: 3vh !important;
min-width: 100% !important;
max-width: 100% !important;
}
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .prev-next-list .page-list-wrapper {
display: inline-block;
height: 4vh !important;
min-width: 100% !important;
max-width: 100% !important;
line-height: 22px !important;
}
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .prev-next-list .page-list-wrapper .page-list-container {
display: inline-block;
height: 3.5vh !important;
min-width: 100% !important;
max-width: 100% !important;
line-height: 22px !important;
/* padding: 0.5vh 0 0 0 !important; */
/* overflow: visible !important; */
/* border: 1px solid yellow !important; */
}
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .prev-next-list .page-list-wrapper .page-list-container .page-limit-button.page-limit-button--left {
position: absolute !important;
display: inline-block !important;
float: left !important;
clear: none !important;
height: 24px !important;
width: 60px !important;
top: -3.7vh !important;
left: 0px !important;
margin: 5px 0 5px 5px !important;
background: none !important;
/* border: 1px solid yellow !important; */
}
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .prev-next-list .page-list-wrapper .page-list-container ol.page-list + .page-limit-button.page-limit-button--right {
position: absolute !important;
display: inline-block !important;
float: right !important;
clear: none !important;
height: 24px !important;
width: 80px !important;
top: -3.7vh !important;
left: 248px !important;
margin: 5px 0 5px 5px !important;
text-align: right !important;
/* z-index: 50000 !important; */
/* border: 1px solid aqua !important; */
}
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .prev-next-list .page-list-wrapper .page-list-container ol.page-list {
display: inline-block !important;
float: left !important;
clear: none !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 0.5vh 0 0 0 !important;
background: brown !important;
}
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .prev-next-list .page-list-wrapper .page-list-container .page-limit-button + ol.page-list {
display: inline-block !important;
float: left !important;
clear: none !important;
min-width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
background: brown !important;
}
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .limit-gradient {
display: none !important;
margin: 0 !important;
left: unset !important;
}
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .prev-next-list .page-list-wrapper .page-list-container ol.page-list .page-button ,
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .prev-next-list .page-list-wrapper .page-list-container ol.page-list .page-button-separator {
display: inline-block !important;
height: 100% !important;
min-height: 22px !important;
max-height: 22px !important;
line-height: 10px !important;
margin: 0 -13px -15px 5px !important;
transform: scale(0.7) !important;
transform-origin: top left !important;
/* border: 1px solid aqua !important; */
}
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .prev-next-list .page-list-wrapper .page-list-container ol.page-list .page-button-separator {
display: inline-block !important;
vertical-align: top !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 15px !important;
margin: 0 -13px -15px 5px !important;
padding: 0 !important;
transform: scale(0.7) !important;
transform-origin: top left !important;
/* border: 1px solid yellow !important; */
}
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .prev-next-list .page-list-wrapper .page-list-container ol.page-list .page-button + .page-button-separator ,
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .prev-next-list .page-list-wrapper .page-list-container ol.page-list .page-button.page-button--middle + .page-button-separator {
display: inline-block !important;
vertical-align: top !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 15px !important;
margin: 0 -13px -15px -5px !important;
padding: 0 !important;
transform: scale(0.7) !important;
transform-origin: top left !important;
/* border: 1px solid red !important; */
}
/* (new434) PAGI - LARGE */
.video-page.video-page--large-mode .comments-section .pager-section {
position: fixed !important;
display: inline-block !important;
height: 22px;
width: 455px !important;
left: 215px !important;
top: 97.5vh !important;
margin: 0 !important;
transform: scale(1);
z-index: 500000 !important;
background: #111 !important;
border: 1px solid red !important;
}
/* (new432) */
.video-page .comments-section .pager-section .desktop-pagination .prev-next-list .page-list-wrapper ,
.video-page .comments-section .pager-section .desktop-pagination .prev-next-list ,
.video-page .comments-section .pager-section .desktop-pagination .prev-next-list .page-button-separator,
.video-page .comments-section .pager-section .desktop-pagination .prev-next-list .page-list-wrapper .page-list-container .page-button-link,
.video-page .comments-section .pager-section .desktop-pagination .prev-next-list .page-list-wrapper .page-list-container .limit-gradient,
.video-page .comments-section .pager-section .desktop-pagination .prev-next-list .page-list-wrapper .page-list-container {
height: 22px !important;
line-height: 22px !important;
}
.video-page .comments-section .pager-section .desktop-pagination .prev-next-list .page-list {
padding-bottom: 0px !important;
}
.video-page .comments-section .pager-section .desktop-pagination .prev-next-list .page-list .page-button {
height: 20px !important;
}
.video-page .comments-section .pager-section .desktop-pagination .prev-next-list .page-list .page-button .page-button-link {
height: 20px !important;
line-height: 20px !important;
}
.video-page .comments-section .pager-section .desktop-pagination .prev-next-list .page-list .page-button .page-button-link--active {
color: red !important;
}
.video-page .comments-section .pager-section .desktop-pagination .prev-next-list .prev-next-list-button {
height: 20px !important;
}
/* (new284) LARGE - ok */
.video-page--large-mode .comments-section .pager-section {
position: fixed;
height: 20px;
top: 63vh !important;
left: 0px;
margin: 0;
transform: scale(0.7) !important;
}
.video-page .comments-section .pager-section ul.pager-small {
border-radius: 5px 5px 0 0 !important;
background: black !important;
}
.video-page--large-mode .pager-section .pager-container {
display: inline-block;
width: 100%;
height: 20px !important;
text-align: center;
}
.video-page--large-mode .pager-section .pager-container ul li {
display: inline-block;
height: 20px !important;
margin: 0 3px;
vertical-align: top;
}
.video-page.video-page--large-mode .pager-section .pager-container ul.pager-small li a {
height: 20px;
line-height: 20px;
width: 20px;
border-radius: 80px !important;
}
/* (new442) VID - PAGI - NOT LARGE */
/* (new442) VID - PAGI - BACK / NEXT - NOT LARGE */
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .prev-next-list > .prev-next-list-button + .page-list-wrapper + .prev-next-list-button {
display: inline-block !important;
position: absolute !important;
height: 20px;
width: 28% !important;
left: 57px !important;
margin: -3vh 0 0 0 !important;
z-index: 0 !important;
pointer-events: auto !important;
/* border: 1px solid aqua !important; */
}
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .prev-next-list .prev-next-list-button {
display: inline-block !important;
position: absolute !important;
height: 20px;
width: 28% !important;
left: 155px !important;
margin: -3vh 0 0 0 !important;
z-index: 0 !important;
pointer-events: auto !important;
/* border: 1px solid yellow !important; */
}
/* (new443) NEXT ONLY */
.comments-section #commentBox .pager-section .desktop-pagination > .prev-next-list > .page-list-wrapper + .prev-next-list-button {
display: inline-block !important;
position: absolute !important;
height: 20px;
width: 28% !important;
left: 57px !important;
margin: -3vh 0 0 0 !important;
z-index: 0 !important;
pointer-events: auto !important;
/* border: 1px solid green !important; */
}
/* (new432) VID - PAGI - NEXT - NOT LARGE */
.video-page:not(.video-page--large-mode) .comments-section .pager-section .desktop-pagination .prev-next-list-button + .page-list-wrapper {
display: inline-block !important;
overflow: visible !important;
}
/* (A VOIR) LARGE VIDEO MODE - VIDEO VR PLAYER */
.video-page.video-page--large-mode .player-container > .dl8-video {
position: relative;
width: 46% !important;
height: 510px !important;
top: 16px;
left: 507px !important;
}
/* VIDEO OCULUS / PAE - VR PLAYER APP CONTROL - ICON - === */
.video-page .controls-container__item.control-container.play-control.app-protocol {
position: absolute !important;
display: inline-block !important;
width: 45px !important;
height: 21px !important;
line-height: 15px !important;
top: 2px !important;
left: -20px !important;
font-size: 8px !important;
text-align: center !important;
border: 1px solid red !important;
}
.video-page .controls-container__item.control-container.play-control.app-protocol .xh-icon.control-container__icon.icon-play-сircle + span {
position: fixed !important;
display: inline-block !important;
height: 20px !important;
line-height: 10px;
width: 45px !important;
left: 765px !important;
margin-top: -1px !important;
overflow: hidden !important;
}
/* FAV COLLECTION - FAVS VIDEO PAGE - TEST COUNTER - 2 COUNTERS for ADDED : a TOTAl and for each - === */
.favorites-collection-list,
.dropdown.favorites-dropdown.position-left .items {
counter-increment: myIndex 01 !important;
counter-increment: myIndex2 0 !important;
counter-reset: myIndex 00 !important;
}
/* BLUE - FAVS VIDEO PAGE - COLL ADDED - COUNT TOTAL - === */
.add-to-collection-dialog .favorites-collection-list .checkbox:checked:not(:first-of-type) + label:after {
position: fixed !important;
display: inline-block !important;
counter-increment: myIndex;
width: 232px !important;
height: 20px !important;
line-height: 20px !important;
top: 7px !important;
left: 5px !important;
padding: 1px 5px;
border-radius: 0 0 3px 3px;
font-size: 12px;
text-align: center;
opacity: 1 !important;
z-index: 50000 !important;
color: white;
background: red !important;
}
/* (new385) VIDEO PAGE - "In collection" NOT HOVER - BLUE */
.dropdown.favorites-dropdown.position-left:not(:hover) .items .favorites-dropdown__list-item--linked:not(:first-of-type) .favorites-dropdown__list-quantity::after {
position: fixed !important;
display: inline-block !important;
counter-increment: myIndex;
content: "In collection : " counter(myIndex, decimal-leading-zero) " ▼";
width: 290px !important;
height: 12px;
line-height: 9px;
top: 89px !important;
left: 725px;
padding: 1px 5px;
border-radius: 0 0 3px 3px;
font-size: 12px;
text-align: center;
opacity: 1 !important;
z-index: 50000 !important;
color: white;
background: blue;
}
/* (new447) LARGE MODE */
.video-page--large-mode .dropdown.favorites-dropdown.position-left:not(:hover) .items .favorites-dropdown__list-item--linked:not(:first-of-type) .favorites-dropdown__list-quantity::after {
position: fixed !important;
display: inline-block !important;
counter-increment: myIndex;
content: "In collection : " counter(myIndex, decimal-leading-zero) " ▼";
width: 288px !important;
height: 10px;
line-height: 9px;
top: 69vh !important;
left: 725px !important;
padding: 1px 5px;
border-radius: 0 0 3px 3px;
font-size: 10px;
text-align: center;
opacity: 1 !important;
visibility: visible !important;
z-index: 50000 !important;
color: white;
background: blue;
}
/* VIDEO PAGE - "In collection" HOVER A - GREEN */
.dropdown.favorites-dropdown.position-left:hover .items .favorites-dropdown__list-item--linked:not(:first-of-type) .favorites-dropdown__list-quantity::after {
position: fixed !important;
display: inline-block !important;
counter-increment: myIndex;
content: "In collection(s) (hover it to see them) : " counter(myIndex, decimal-leading-zero) " ▼";
width: 492px !important;
height: 30px;
line-height: 20px;
top: 67px;
left: 1410px;
padding: 1px 5px;
border-radius: 5px 5px 0 0;
font-size: 12px;
text-align: center;
opacity: 1 !important;
z-index: 50000 !important;
color: white;
background: green !important;
}
/* LARGE MODE ok */
.video-page--large-mode .dropdown.favorites-dropdown.position-left:hover .items .favorites-dropdown__list-item--linked:not(:first-of-type) .favorites-dropdown__list-quantity::after {
width: 484px !important;
top: 622px !important;
left: 1429px !important;
visibility: visible !important;
}
/* RED - HOVER */
.dropdown.favorites-dropdown.position-left:hover .items:not(:hover) .favorites-dropdown__list-item--linked:not(:first-of-type) .favorites-dropdown__list-quantity::after {
position: fixed !important;
display: inline-block !important;
counter-increment: myIndex;
content: "In collection(s) : " counter(myIndex, decimal-leading-zero) " ▼";
width: 467px !important;
height: 30px;
line-height: 20px;
top: 67px;
left: 1410px;
padding: 1px 5px;
border-radius: 4px 4px 0 0;
font-size: 12px;
text-align: center;
opacity: 1 !important;
z-index: 500000 !important;
pointer-events: none !important;
color: white;
background: red !important;
}
/* (new284) LARGE MODE */
.video-page.video-page--large-mode .dropdown.favorites-dropdown.position-left:hover .items:not(:hover) .favorites-dropdown__list-item--linked:not(:first-of-type) .favorites-dropdown__list-quantity::after {
top: 66.2vh !important;
left: 732px;
}
/* ADD TO COLL - BLUE - FAVORITES PAGES */
/* (new216) COLLECTION - ADD TO COLLECTION in COLL PAGE (.xh-tabbed.smal)?? */
.add-to-collection-dialog .favorites-collection-list .checkbox:checked:not(:first-of-type) + label:after {
position: fixed;
display: inline-block;
counter-increment: myIndex;
content: " ▼ In collection(s) : " counter(myIndex, decimal-leading-zero) " ▼";
width: 627px !important;
height: 20px !important;
line-height: 20px;
top: 8px !important;
left: 30px !important;
padding: 1px 10px;
border-radius: 3px;
font-size: 12px;
text-align: center;
opacity: 1;
color: white;
background: blue;
}
/* VIDEO PAGE - FAV ICON - In COLLECTION DROP LIST - === */
.video-page .width-wrap.with-player-container .controls-container__item.control-container.favorites-control {
position: fixed !important;
display: inline-block !important;
float: none !important;
top: 97px !important;
margin-left: 5px !important;
}
/* LARGE - ok */
.video-page.video-page--large-mode .width-wrap.with-player-container .controls-container__item.control-container.favorites-control {
display: inline-block !important;
top: 665px !important;
margin-left: 12px !important;
}
.video-page:not(.video-page--large-mode) .width-wrap.with-player-container .controls-container__item.control-container.favorites-control .trigger.no-arrow {
left: -3px !important;
top: 6px !important;
}
/* LARGE - ok */
.video-page.video-page--large-mode .width-wrap.with-player-container .controls-container__item.control-container.favorites-control .trigger.no-arrow {
left: -6px !important;
top: 2px !important;
}
.video-page:not(.video-page--large-mode) .width-wrap.with-player-container .controls-container__item.control-container.favorites-control .trigger.no-arrow:not(:hover) .xh-icon.control-container__icon.heart-status.beta-heart-filled.hover.to-red:before {
border-color: #e34449;
}
/* (new228) VIDEO PLAYER - COMMENTS */
.video-page .main-wrap .bottom-widget-section + .width-wrap {
top: 0px;
left: 0px;
margin: 0 !important;
z-index: 0 !important;
}
/* LARGE - ok */
.video-page--large-mode .main-wrap .bottom-widget-section + .width-wrap {
position: fixed;
max-width: 722px;
min-width: 722px;
top: 618px !important;
left: 0px;
margin: 0 !important;
z-index: 50 !important;
}
/* (new434) VIDEO /PHOTO etc - COMMENTS - BOTTOM WIDTH TOTAL CONTAINER */
.video-page main ~ .width-wrap:not(.clipstore-bottom):not(.yld-mdclipstore-bottom ):not([class^="yld-"]) {
position: fixed !important;
display: inline-block;
width: 100% !important;
max-width: 53.4% !important;
min-width: 53.4% !important;
min-height: 37vh !important;
max-height: 37vh !important;
bottom: 0.3vh !important;
margin: 0 !important;
padding: 0px;
border-radius: 3px;
overflow: visible !important;
box-shadow: 3px 3px 2px black;
border: 1px solid #404040;
border: 1px solid red !important;
}
/* (new284) LARGE - COMMENTS CONTAINER */
.video-page--large-mode main ~ .width-wrap:not(.clipstore-bottom) {
position: fixed !important;
display: inline-block;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: 38.5vh !important;
bottom: 0vh !important;
margin: 0 !important;
padding: 0px;
border-radius: 3px;
overflow: visible !important;
z-index: 0 !important;
box-shadow: 3px 3px 2px black;
border: 1px solid #404040;
}
/* (new284) */
.video-page .width-wrap .comments-section.comments-container {
/* position: fixed !important; */
display: inline-block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: 38.5vh !important;
bottom: 0vh !important;
margin: 0vh 0 -1vh 0 !important;
padding: 0px;
border-radius: 0px;
overflow: visible !important;
box-shadow: 3px 3px 2px black;
border: 1px solid #404040;
}
/* (new434) LARGE */
.video-page--large-mode .width-wrap .comments-section.comments-container {
min-height: 35vh !important;
max-height: 35vh !important;
max-width: 720px !important;
min-width: 720px !important;
margin-top: 0px !important;
}
.video-page .width-wrap .comments-section.comments-container #commentBox.width-wrap .comments-wrap .heading-container .heading.comments-heading,
.video-page .width-wrap .comments-section.comments-container #commentBox.width-wrap .comments-wrap .heading-container {
height: 15px;
line-height: 13px;
margin-bottom: 0;
font-size: 10px;
box-shadow: 3px 3px 2px black;
}
/* LARGE ok */
.video-page--large-mode .comments-section.comments-container .comments-wrap .heading-container {
width: 715px;
margin-top: 3px;
background: black;
z-index: 1000;
}
/* (new304) */
.video-page .width-wrap .comments-section.comments-container #commentBox.width-wrap .comments-wrap .heading-container + .content-container {
display: inline-block !important;
height: 100% !important;
min-height: 35.2vh !important;
max-height: 35.2vh !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0px !important;
overflow: visible !important;
}
/* (new284) LARGE ok */
.video-page.video-page--large-mode .width-wrap .comments-section.comments-container #commentBox.width-wrap .comments-wrap .content-container {
width: 720px !important;
margin: 0px !important;
padding: 3vh 0 0 0 !important;
}
.video-page .width-wrap .comments-section.comments-container:not(:hover) #commentBox.width-wrap .comments-wrap,
.video-page .width-wrap .comments-section.comments-container:not(:hover) #commentBox.width-wrap {
height: 37.5vh !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
top: 0px !important;
overflow: visible !important;
z-index: 0 !important;
}
/* (new284) LARGE ok */
.video-page--large-mode .width-wrap .comments-section.comments-container:not(:hover) #commentBox.width-wrap .comments-wrap,
.video-page--large-mode .width-wrap .comments-section.comments-container:not(:hover) #commentBox.width-wrap {
min-height: 38vh !important;
max-height: 38vh !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
padding: 0 !important;
}
/* HOVER */
.video-page .width-wrap .comments-section.comments-container:hover #commentBox.width-wrap .comments-wrap,
.video-page .width-wrap .comments-section.comments-container:hover #commentBox.width-wrap {
height: 208px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
top: 0px !important;
z-index: 1 !important;
}
/* (new432) */
/* .photo-page .comments-section.comments-container:not(:hover) #commentBox.width-wrap .comments-wrap .comments-list .item.is-reply.item--replying .my-comment,
.photo-page .comments-section.comments-container:not(:hover) #commentBox.width-wrap .comments-wrap .comments-list .comment-item.is-reply.item--replying .my-comment,
.video-page .width-wrap .comments-section.comments-container:not(:hover) #commentBox.width-wrap .comments-wrap .content-container .comments-list:not(:hover) .my-comment ,
.video-page .width-wrap .comments-section.comments-container:not(:hover) #commentBox.width-wrap .comments-wrap .content-container .comments-list:not(:hover) .my-comment {
max-height: 124px !important;
min-height: 124px !important;
margin-top: 33px !important;
z-index: 500000 !important;
} */
/* (new433) */
.video-page .width-wrap .comments-section.comments-container:not(:hover) #commentBox.width-wrap .comments-wrap .content-container .comments-list:not(:hover) .comment-item:not(:hover) .my-comment {
position: fixed !important;
display: inline-block !important;
width: 200px !important;
min-height: 22px !important;
max-height: 22px !important;
margin: 1.8vh 0 0 0px !important;
z-index: 500000 !important;
background: green !important;
}
.video-page .width-wrap .comments-section.comments-container:not(:hover) #commentBox.width-wrap .comments-wrap .content-container .comments-list .comment-item .my-comment .input-area > div:not(.submit-wrapper):before {
content: "💬" !important;
position: fixed !important;
display: inline-block !important;
vertical-align: middle !important;
min-width: 30px !important;
max-width: 30px !important;
min-height: 2.5vh !important;
max-height: 2.5vh !important;
line-height: 22px !important;
margin: 0vh 0 0 -150px !important;
top: -2px !important;
left: unset !important;
right: 170px !important;
padding: 0 !important;
font-size: 20px !important;
text-align: center !important;
transform: scale(0.8) !important;
z-index: 5000000 !important;
color: white !important;
background: red !important;
}
/* (new323) A VOIR .comment-item */
/* REPLY */
.video-page .width-wrap .comments-section.comments-container:not(:hover) #commentBox.width-wrap .comments-wrap .content-container .comment-item.item--replying .my-comment ,
.video-page .width-wrap .comments-section.comments-container:not(:hover) #commentBox.width-wrap .comments-wrap .content-container .item.item--replying .my-comment {
position: fixed !important;
display: inline-block !important;
min-height: 50px !important;
max-height: 50px !important;
margin-top: 50px !important;
z-index: 0 !important;
}
.video-page .width-wrap .comments-section.comments-container:hover #commentBox.width-wrap .comments-wrap .content-container .my-comment:hover,
.video-page .width-wrap .comments-section.comments-container:not(:hover) #commentBox.width-wrap .comments-wrap .content-container .my-comment:hover {
z-index: 50000 !important;
}
/* (new432) */
.width-wrap .comments-section.comments-container #commentBox.width-wrap .comments-wrap .heading-container + .content-container .comments-list {
position: relative;
display: inline-block !important;
min-height: 34.5vh !important;
max-height: 34.5vh !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
left: 0px !important;
top: 0.5vh !important;
margin: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
border-bottom: 1px solid red !important;
}
/* (new434) COOM - LARGE - ok */
.video-page--large-mode .width-wrap .comments-section.comments-container.clearfix #commentBox.width-wrap .comments-wrap .heading-container + .content-container .comments-list,
.video-page--large-mode .heading-container + .content-container .comments-list {
display: inline-block !important;
min-height: 31.5vh !important;
max-height: 31.5vh !important;
min-width: 100% !important;
max-width: 100% !important;
top: -2vh !important;
margin: 0 !important;
left: 0px !important;
padding: 0px !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 0 !important;
transition: none !important;
border: 1px solid red !important;
}
/* HOVER */
.video-page--large-mode .comments-section .heading-container:hover + .content-container .comments-list,
.video-page--large-mode .comments-list:hover {
border-radius: 5px !important;
transition: none !important;
background: black !important;
border: 1px solid red !important;
}
.video-page--large-mode .heading-container + .content-container:hover .comments-list:hover,
.video-page--large-mode .heading-container + .content-container .comments-list:hover {
display: inline-block;
min-width: 718px !important;
max-width: 718px !important;
max-height: 100%;
min-height: 240px !important;
margin: 0px !important;
transition: none !important;
}
/* (new432) VIDEO PAGE - LARGE VIDEO MODE - RELATED VIDEOS */
.video-page .width-wrap.with-player-container + div ,
.video-page .width-wrap.with-player-container + .width-wrap {
display: inline-block !important;
min-height: 96vh !important;
max-height: 96vh !important;
max-width: 893px;
min-width: 893px;
position: fixed;
right: 0;
top: 3.1vh !important;
margin: 0 !important;
padding: 0px 0 0vh 0 !important;
border-radius: 5px !important;
overflow: hidden !important;
z-index: -1 !important;
border: 1px solid red !important;
/* border: 1px solid yellow !important; */
}
/* (new432) */
.video-page .related-container {
margin: 0 !important;
}
.video-page .related-container:not(:hover) {
opacity: 0.7 !important;
transition: opacity ease 0.7s !important;
}
.video-page .related-container:hover {
opacity: 15 !important;
transition: opacity ease 0.2s !important;
}
/* (ne434) VIDEO LARGE - RELATED CONTAINER */
/* (new434) VIDEO PAGE - LARGE VIDEO MODE - RELATED VIDEOS */
.video-page.video-page--large-mode .width-wrap.with-player-container + div ,
.video-page.video-page--large-mode .width-wrap.with-player-container + .width-wrap {
display: inline-block !important;
min-height: 37vh !important;
max-height: 37vh !important;
max-width: 893px;
min-width: 893px;
position: fixed;
right: 0;
top: 62.7vh !important;
margin: 0 !important;
padding: 0px 0 0vh 0 !important;
border-radius: 5px !important;
overflow: hidden !important;
z-index: -1 !important;
border: 1px solid red !important;
}
.video-page .related-container .tab-set {
display: inline-block !important;
}
/* (new434) LARGE MODE */
.video-page.video-page--large-mode .videos.related-container ,
.video-page.video-page--large-mode .mixed-section.videos.related-container .width-wrap {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
max-width: 100%;
min-width: 100%;
min-height: 35.2vh !important;
max-height: 35.2vh !important;
z-index: 5 !important;
/* border: 1px solid yellow !important; */
}
/* (new312) */
.video-page .tab-set-item {
display: inline-block !important;
height: 2.2vh !important;
line-height: 1.8vh !important;
margin: 0 5px 0 0 !important;
padding: 0 2px 0 0 !important;
border-right: 1px solid red !important;
}
.tab-set .tab-set-icon {
font-size: 14px !important;
margin-right: 2px !important;
}
/* (new432) for CHROME */
.video-page div[data-role="related-tabs-container"] p[class*="relatedTabTitleDesktop-"] {
height: 3vh !important;
margin-bottom: 0 !important;
border-bottom: 1px solid red !important;
}
.video-page div[class^="moreRelatedVideos-"] ,
.video-page .more-related-videos {
position: fixed !important;
display: inline-block !important;
width: auto;
height: 18px !important;
line-height: 18px !important;
top: 63vh !important;
right: 55px !important;
padding: 3px;
z-index: 50000 !important;
}
/* (new432) for CHROME - NOT .video-page--large-mode */
.video-page:not(.video-page--large-mode) div[class^="moreRelatedVideos-"] ,
.video-page:not(.video-page--large-mode) .more-related-videos {
position: fixed !important;
display: inline-block !important;
width: auto;
height: 18px !important;
line-height: 18px !important;
top: 3.5vh !important;
right: 35px !important;
padding: 3px;
z-index: 50000 !important;
/* border: 1px solid violet !important; */
}
/* (new385) MORE VIDS - NOT FINAL */
.video-page div[class^="moreRelatedVideos-"] .xh-button ,
.video-page div[class^="moreRelatedVideos-"] .xh-button.large ,
.more-related-videos button[data-page="next"].xh-button ,
.more-related-videos a[data-page="next"].xh-button.large {
min-width: 60px;
height: 18px !important;
line-height: 18px !important;
background: green !important;
}
.video-page div[class^="moreRelatedVideos-"] .xh-button span ,
.video-page div[class^="moreRelatedVideos-"] .xh-button.large span ,
.more-related-videos button[data-page="next"].xh-button span {
height: 18px !important;
line-height: 18px !important;
}
.video-page div[class^="moreRelatedVideos-"] .xh-button span .xh-icon ,
.video-page div[class^="moreRelatedVideos-"] .xh-button.large span .xh-icon ,
.more-related-videos button[data-page="next"].xh-button span .xh-icon.arrow-bottom {
height: 15px !important;
line-height: 14px !important;
margin: -5px 0 0 0 !important;
}
.video-page div[class^="moreRelatedVideos-"] .xh-button[data-role="show-more-final"]:before ,
.video-page div[class^="moreRelatedVideos-"] .xh-button[data-role="show-more-next"]:before ,
.more-related-videos button[data-page="next"].xh-button:before ,
.more-related-videos a[data-page="next"]:before {
content: "▶";
width: 20px;
height: 14px !important;
line-height: 14px !important;
margin: -2px 10px 0 0 !important;
border-radius: 50%;
text-align: center;
color: gold;
background-color: green;
}
/* (new389) NEXT FINAL */
/* .video-page div[class^="moreRelatedVideos-"] .xh-button[data-role="show-more-final"] ,
.video-page div[class^="moreRelatedVideos-"] .xh-button[data-role="show-more-final"] span ,
.video-page div[class^="moreRelatedVideos-"] .xh-button[data-role="show-more-final"] span .xh-icon ,
.video-page div[class^="moreRelatedVideos-"] .xh-button[data-role="show-more-final"] span .xh-icon.arrow-right ,*/
.video-page div[class^="moreRelatedVideos-"] .xh-button[data-role="show-more-final"] {
color: gold !important;
background: red !important;
}
.video-page div[class^="moreRelatedVideos-"] .xh-button[data-role="show-more-final"]:before ,
.more-related-videos a.final:before {
content: "▶";
width: 35px !important;
height: 20px;
line-height: 20px;
margin-right: 10px;
border-radius: 50%;
text-align: center;
color: gold;
background-color: red;
}
.more-related-videos a {
background-color: #111;
}
.more-related-videos a:hover {
background-color: #333;
}
/* (new225) LARGE MODE ok */
.video-page--large-mode .width-wrap.with-player-container + .width-wrap {
position: fixed;
display: inline-block;
min-height: 322px !important;
max-height: 322px !important;
max-width: 894px;
min-width: 894px;
right: 0;
left: 1024px;
top: 615px !important;
}
.video-page--large-mode .width-wrap .mixed-section.videos.related-container .width-wrap,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .width-wrap {
position: relative;
margin-bottom: 22px;
}
/* LARGE MODE ok */
.video-page--large-mode .width-wrap.with-player-container + .width-wrap .mixed-section.videos.related-container {
width: 100% !important;
margin-right: 0px;
margin-bottom: 0 !important;
margin-top: 0px !important;
top: -7px !important;
left: 0px !important;
}
/* (new432) */
.video-page:not(.video-page--large-mode) .videos.related-container .thumb-list ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .width-wrap {
display: inline-block !important;
width: 100% !important;
min-width: 890px !important;
max-width: 890px !important;
height: 100% !important;
min-height: 92vh !important;
max-height: 92vh !important;
top: 0px !important;
margin-bottom: 0 !important;
padding: 2px 0px 2px 5px !important;
overflow: hidden !important;
overflow-y: auto!important;
/* background: olive !important; */
}
/* (new434) LARGE MODE ok */
.video-page.video-page--large-mode .videos.related-container .thumb-list ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list.thumb-list--related.thumb-list--margin.thumb-list--related-collapsed,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list.thumb-list--related.thumb-list--margin {
min-height: 35vh !important;
max-height: 35vh !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
top: -4px;
right: 0px !important;
left: 0 !important;
margin: 0px !important;
border: 1px solid #404040 !important;
border-radius: 3px;
box-shadow: 3px 3px 2px black;
overflow: hidden !important;
overflow-y: auto !important;
background: #111 !important;
}
.video-page.video-page--large-mode .videos.related-container .thumb-list .thumb-list__item,
.video-page.video-page--large-mode .videos.related-container .thumb-list .thumb-list__item,
.video-page.video-page--large-mode .videos.related-container .thumb-list .thumb-list__item ,
.video-page--large-mode .thumb-list--margin .thumb-list__item,
.video-page--large-mode .thumb-list--promoted-video .thumb-list__item,
.video-page--large-mode .thumb-list--rating .thumb-list__item {
margin-bottom: 20px;
}
/* VIDEO PAGE - LARGE VIDEO MODE - COMMENTS - COMMENTS */
.video-page--large-mode .width-wrap .comments-section.comments-container.clearfix #commentBox.width-wrap .comments-wrap {
display: inline-block !important;
width: 100% !important;
min-width: 720px !important;
max-width: 720px !important;
min-height: 317px !important;
max-height: 317px !important;
margin-left: 0px !important;
margin-top: -2px !important;
padding: 0px 5px !important;
}
.video-page--large-mode .width-wrap .comments-section.comments-container.clearfix .comments-wrap:not(:hover) {
display: inline-block !important;
width: 100% !important;
min-width: 760px !important;
max-width: 760px !important;
min-height: 292px !important;
max-height: 292px !important;
margin-left: -8px !important;
margin-top: -2px !important;
padding: 0px 5px !important;
z-index: 0 !important;
}
.video-page--large-mode .comments-section .heading-container:hover .heading.comments-heading {
cursor: pointer !important;
color: red !important;
}
/* (new323) A VOIR .comment-item */
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .comment-item ,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .item {
position: relative;
display: inline-block;
vertical-align: top;
height: 100% !important;
min-height: 60px !important;
max-height: 60px !important;
width: 100% !important;
max-width: 142px !important;
min-width: 142px !important;
top: 0;
left: 0;
margin-left: auto;
right: 0;
margin-right: auto;
margin-bottom: 4px;
padding: 2px 3px;
border-radius: 3px;
overflow: hidden;
transform: translate(0px, 0px) scale(1);
z-index: 0;
box-shadow: 3px 3px 2px black;
border: 1px solid #404040;
}
/* (new323) A VOIR .comment-item */
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight:hover .comment-item ,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight:hover .item {
min-height: 95px !important;
max-height: 95px !important;
max-width: 239px !important;
min-width: 239px !important;
}
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .comment-item:hover,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight:hover .comment-item:hover ,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .item:hover,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight:hover .item:hover {
transform: scale(1.5) !important;
background: red !important;
}
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .item .user ,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .item .user {
position: relative;
float: left;
height: 21px;
width: 19px;
}
/* (new284) VIDEO PAGE - LARGE VIDEO MODE - COMMENTS - COMMENTS */
.video-page--large-mode .width-wrap .comments-section.comments-container.clearfix #commentBox.width-wrap .comments-wrap {
display: inline-block !important;
width: 100% !important;
min-width: 720px !important;
max-width: 720px !important;
min-height: 38vh !important;
max-height: 38vh !important;
margin: 0 !important;
padding: 0px 0px !important;
}
.video-page--large-mode .width-wrap .comments-section.comments-container.clearfix .comments-wrap:not(:hover) {
display: inline-block !important;
width: 100% !important;
min-width: 760px !important;
max-width: 760px !important;
min-height: 292px !important;
max-height: 292px !important;
margin: 0 !important;
padding: 0px 0px !important;
z-index: 0 !important;
}
.video-page--large-mode .comments-section .heading-container:hover .heading.comments-heading {
cursor: pointer !important;
color: red !important;
}
/* (new323) A VOIR .comment-item */
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .comment-item ,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .item {
position: relative;
display: inline-block;
vertical-align: top;
height: 100% !important;
min-height: 60px !important;
max-height: 60px !important;
width: 100% !important;
max-width: 142px !important;
min-width: 142px !important;
top: 0;
left: 0;
margin-left: auto;
right: 0;
margin-right: auto;
margin-bottom: 4px;
padding: 2px 3px;
border-radius: 3px;
overflow: hidden;
transform: translate(0px, 0px) scale(1);
z-index: 0;
box-shadow: 3px 3px 2px black;
border: 1px solid #404040;
}
/* (new323) A VOIR .comment-item */
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight:hover .comment-item ,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight:hover .item {
min-height: 95px !important;
max-height: 95px !important;
max-width: 239px !important;
min-width: 239px !important;
}
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .comment-item:hover,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight:hover .comment-item:hover ,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .item:hover,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight:hover .item:hover {
transform: scale(1.5) !important;
background: red !important;
}
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .comment-item .user ,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .item .user {
position: relative;
float: left;
height: 21px;
width: 19px;
}
/* (new434) VIDEO LARGE MODE - COMMENTS - TOP ROW HOVER */
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(n+1):nth-child(-n+3):hover {
top: 20px !important;
}
/* .video-page.video-page--large-mode .comments-section .comments-list .comment-item:nth-child(n + 1):nth-child(-n + 4):hover {
top: 14px !important;
} */
/* (new432) VIDEO - COMMENT - NTH-CHILD - RIGHT */
/* .video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(31):hover,
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(21):hover, */
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(2):hover,
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(1):hover {
left: 60px !important;
}
/* (new385) VIDEO LARGE MODE - COMMENTS - BOTTOM ROW HOVER */
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:hover:nth-child(n + 34):nth-child(-n + 36) {
top: -4vh !important;
border: 1px solid aqua !important;
}
/* (new434) VIDEO PAGE - COM - LARGE - ALL */
/* .video-page--large-mode .related-container:not(.width-wrap):not([data-tab-type="video"]) .thumb-list__item.video-thumb:nth-child(122):hover */
/* (new323) A VOIR .comment-item */
/* VIDEO LARGE - COMMENT ITEMS INFOS - HOVER */
.video-page--large-mode .comments-section .comments-list.beta-preloader-autoheight .comment-item .comment-info ,
.video-page--large-mode .comments-section .comments-list.beta-preloader-autoheight .item .comment-info {
width: 142px !important;
height: 59px !important;
margin-left: -2px !important;
}
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight:hover .comment-item .comment-info ,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight:hover .item .comment-info {
width: 239px !important;
height: 73px !important;
margin-left: 0px !important;
top: 7px !important;
}
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .comment-item:hover .comment-info ,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .item:hover .comment-info {
margin-top: 12px !important;
}
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .comment-item .comment-info .comment-body ,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight .item .comment-info .comment-body {
height: 100% !important;
min-height: 59px !important;
max-height: 59px !important;
width: 130px !important;
margin-top: -11px !important;
}
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight:hover .comment-item .comment-info .comment-body ,
.video-page--large-mode .content-container .comments-list.beta-preloader-autoheight:hover .item .comment-info .comment-body {
width: 219px !important;
height: 100% !important;
min-height: 90px !important;
max-height: 90px !important;
}
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight .comment-item .comment-info .user-info ,
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight .item .comment-info .user-info {
position: relative;
display: inline-block;
height: 18px;
width: 100% !important;
min-width: 130px !important;
max-width: 130px !important;
margin-left: 1px;
top: -18px !important;
margin-top: 33px !important;
}
/* (new323) A VOIR .comment-item */
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight:hover .comment-item .comment-info .user-info ,
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight:hover .item .comment-info .user-info {
position: relative;
display: inline-block !important;
height: 18px;
width: 100% !important;
min-width: 217px !important;
max-width: 217px !important;
margin-left: 1px;
top: -29px !important;
margin-bottom: 18px;
}
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight .comment-item:hover .comment-info .user-info ,
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight .item:hover .comment-info .user-info {
margin-top: 23px !important;
margin-bottom: 18px;
}
/* (new323) A VOIR .comment-item */
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight .comment-item .comment-info .user-info .username ,
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight .item .comment-info .user-info .username {
display: inline-block !important;
width: 100% !important;
min-width: 215px !important;
max-width: 215px !important;
margin-top: -15px !important;
margin-left: 0px !important;
margin-bottom: -10px;
padding-left: 10px !important;
font-size: 10px !important;
text-align: left !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
border-bottom: 1px solid gray !important;
}
/* (new323) A VOIR .comment-item */
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight .comment-item:hover .comment-info .user-info .username ,
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight .item:hover .comment-info .user-info .username {
border-bottom: 1px solid red !important;
}
.video-page--large-mode .comments-section .comments-list .comment-item .comment-info .text ,
.video-page--large-mode .comments-section .comments-list .item .comment-info .text {
position: relative;
display: inline-block !important;
width: 100% !important;
min-width: 125px !important;
max-width: 125px !important;
height: 100% !important;
max-height: 34px !important;
min-height: 34px !important;
line-height: 13px !important;
margin-left: 21px !important;
top: -14px;
margin-bottom: -2px !important;
text-indent: 5px !important;
overflow-x: hidden;
overflow-y: auto;
word-break: keep-all !important;
}
/* (new323) A VOIR .comment-item */
.video-page--large-mode .comments-section .comments-list .comment-item .comment-info .text:hover ,
.video-page--large-mode .comments-section .comments-list .item .comment-info .text:hover {
width: 155px !important;
height: 76px !important;
line-height: 9px !important;
margin-bottom: -18px !important;
font-size: 9px !important;
opacity: 1 !important;
z-index: 500 !important;
background: black !important;
}
/* MY COMMENT - LARGE MODE - ok */
.video-page--large-mode .comments-section .my-comment .input-area {
position: relative;
line-height: 15px !important;
min-height: 15px !important;
width: 210px !important;
right: 50px !important;
top: -50px !important;
left: 31px;
overflow: hidden;
}
.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .my-comment:hover .input-area {
position: relative;
display: inline-block;
height: 295px !important;
line-height: 18px;
width: 248px !important;
left: 1px;
right: -30px;
top: 3px;
padding-right: 0;
overflow-x: hidden;
overflow-y: auto;
}
.video-page--large-mode .comments-section .my-comment .input-area div.comment-textarea.xh-editable span.premessage {
width: 209px !important;
height: 15px !important;
line-height: 15px !important;
text-align: center !important;
}
.video-page--large-mode .comments-section .my-comment:hover .submit-comment.xh-button.large.red:not(.xh-helper-hidden) {
margin-top: -17px !important;
left: 78px !important;
}
/* (new433) MY COMMENT REPLY - NOT LARGE */
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item:hover .my-comment {
position: absolute !important;
display: inline-block !important;
float: none !important;
width: 175px !important;
min-height: 146px !important;
max-height: 146px !important;
line-height: 25px;
left: 330px !important;
margin: 4.2vh 0 0 0 !important;
padding-left: 0px !important;
border-radius: 0 3px 3px 0 !important;
overflow: hidden;
transform: translate(0px, -125px) !important;
transition: all ease 0.7s !important;
opacity: 1 !important;
z-index: 500000 !important;
background: #111 !important;
border: 1px solid red !important;
}
/* TOP LEFT / BOTTOM LEFT */
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item:nth-child(4):hover .my-comment ,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item:nth-child(1):hover .my-comment {
border-radius: 0 3px 3px 0 !important;
transform: translate(505px, -125px) !important;
/* border: 1px solid yellow !important; */
}
/* (new433) VIDEO NOT LARGE - COMMENT ITEM - ALL - REPLY CONTAINER - HOVER */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(n+1):nth-child(-n+5):hover .my-comment {
left: -175px !important;
margin: 2vh 0 0 3px !important;
padding-left: 0px !important;
border-radius: 3px 0 0 3px !important;
}
/* (new433) REPLY GREEN */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment {
position: absolute !important;
display: inline-block !important;
float: none !important;
width: 335px !important;
height: 3vh !important;
line-height: 25px;
left: 0px !important;
padding-left: 0px !important;
top: 105px !important;
border-radius: 3px;
overflow: hidden;
transform: translate(0px, -120px) !important;
transition: all ease 0.7s !important;
opacity: 1 !important;
z-index: 0 !important;
border: 1px solid green !important;
border: 1px solid yellow !important;
}
/* TOP LEFT */
/* .video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(2):hover .my-comment{
position: absolute !important;
display: inline-block !important;
float: none !important;
width: 335px !important;
height: 3vh !important;
line-height: 25px;
left: 0px !important;
padding-left: 0px !important;
top: 105px !important;
border-radius: 3px;
overflow: hidden;
transform: translate(0px, -120px) !important;
transition: all ease 0.7s !important;
opacity: 1 !important;
z-index: 0 !important;
border: 1px solid aqua !important;
} */
/* (new433) */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:not(hover) .input-area ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item:not(hover) .my-comment .input-area {
position: absolute;
display: inline-block !important;
width: 295px;
left: 30px;
line-height: 15px;
min-height: 2.3vh !important;
max-height: 2.2vh !important;
right: 0;
top: 2px;
overflow: hidden;
/* border: 1px solid yellow !important; */
}
/* (new433) */
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item:hover .my-comment .input-area ,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .input-area {
max-height: 143px !important;
min-height: 143px !important;
max-width: 173px !important;
min-width: 173px !important;
left: 0px !important;
top: 0px !important;
background: brown !important;
/* border-left: 1px solid yellow !important; */
/* border: 1px solid aqua !important; */
}
/* (new433) */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment span.premessage {
position: absolute !important;
display: inline-block !important;
float: none !important;
width: 100% !important;
height: 1vh !important;
top: 1px !important;
left: 0 !important;
margin: 0 !important;
font-size: 8px !important;
z-index: 500000 !important;
transform: scale(1) !important;
/* opacity: 1 !important; */
/* visibility: visible !important; */
color: white !important;
background: green !important;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .comment-textarea.xh-editable.focus span.premessage {
position: absolute !important;
display: inline-block !important;
float: none !important;
width: 100% !important;
height: 1vh !important;
top: 0px !important;
left: 0 !important;
margin: 0.6vh 0 0 0 !important;
font-size: 8px !important;
z-index: 500000 !important;
transform: scale(1) !important;
/* opacity: 1 !important; */
/* visibility: visible !important; */
color: white !important;
background: green !important;
}
/* (new323) A VOIR .comment-item */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment .user ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment .user {
display: none !important;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:not(:hover) .submit-comment.xh-button.large.red ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment:not(:hover) .submit-comment.xh-button.large.red {
left: 10px;
top: 48px !important;
z-index: 100;
transform: scale(0.7) !important;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .submit-comment.xh-button.large.red ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment:hover .submit-comment.xh-button.large.red {
left: 10px;
top: -13px !important;
z-index: 50000 !important;
transform: scale(0.7) !important;
}
/* (new323) A VOIR .comment-item */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .input-area {
display: inline-block !important;
height: 122px !important;
width: 100% !important;
min-width: 180px !important;
max-width: 180px !important;
left: 0px !important;
top: 0px !important;
right: 0px !important;
overflow: visible !important;
border-left: 1px solid red !important;
}
/* (new432) */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment .input-area div:not(.submit-wrapper) ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment .input-area div:not(.submit-wrapper) {
height: 122px !important;
}
/* (new433) MY COMMENT - REPLY TEXTAREA - NOT LARGE */
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment .input-area div:not(.submit-wrapper).comment-textarea.focus ,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment .input-area div:not(.submit-wrapper).comment-textarea:not(.focus) {
min-height: 122px !important;
overflow: hidden;
top: 1px !important;
width: 172px !important;
/* border: 1px solid yellow !important; */
}
/* (new323) A VOIR .comment-item */
/* (new432) */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment .input-area .xh-editable,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment .input-area .xh-editable:focus ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment .input-area .xh-editable,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment .input-area .xh-editable:focus {
height: 100% !important;
min-height: 122px !important;
max-height: 122px !important;
width: 185px !important;
top: 1px !important;
overflow: hidden !important;
}
/* (new433) */
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment .input-area div:not(.submit-wrapper).comment-textarea.focus .xh-editable-content ,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment .input-area div:not(.submit-wrapper).comment-textarea:not(.focus) .xh-editable-content {
width: 172px !important;
min-height: 110px !important;
max-height: 110px !important;
overflow-wrap: break-word;
padding: 1px 5px 0;
white-space: pre-wrap;
}
/* (new323) A VOIR .comment-item */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .input-area .comment-textarea.xh-editable.focus,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .input-area .comment-textarea.xh-editable ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment:hover .input-area .comment-textarea.xh-editable.focus,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment:hover .input-area .comment-textarea.xh-editable {
height: 100% !important;
min-height: 103px !important;
max-height: 103px !important;
width: 185px !important;
top: 0px !important;
overflow: hidden !important;
}
/* (new323) A VOIR .comment-item */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .input-area:hover .xh-editable .xh-editable-content,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .input-area .xh-editable .xh-editable-content,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment .input-area:hover .xh-editable .xh-editable-content,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment .input-area .xh-editable .xh-editable-content ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment:hover .input-area:hover .xh-editable .xh-editable-content,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment:hover .input-area .xh-editable .xh-editable-content,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment .input-area:hover .xh-editable .xh-editable-content,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment .input-area .xh-editable .xh-editable-content {
height: 88px !important;
line-height: 10px !important;
width: 179px !important;
top: 10px;
left: -1px !important;
font-size: 10px !important;
text-indent: 0px !important;
overflow: hidden !important;
overflow-y: auto !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
/* (new433) VID NOT LARGE - LINE BREAK INDICATOR */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment .input-area > div:not(.submit-wrapper)::before {
content: " Line break : Ctrl + Enter";
position: absolute;
display: inline-block;
width: 100%;
min-width: 182px !important;
max-width: 182px !important;
height: 100%;
min-height: 15px;
max-height: 15px;
left: -184px !important;
top: 106px;
padding: 0 5px;
text-align: left;
font-size: 10px !important;
z-index: 500;
color: white !important;
background: green;
}
/* (new433) NOT LARGE - LINE BREAK INDICATOR */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment .input-area > div:hover::before ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment .input-area:hover > div:not(.submit-wrapper)::before ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item:hover .my-comment .input-area > div:not(.submit-wrapper)::before ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .input-area > div:not(.submit-wrapper)::before ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment .input-area > div:not(.submit-wrapper)::before {
content: " Line break : Ctrl + Enter";
position: absolute !important;
display: inline-block !important;
height: 100% !important;
min-height: 13px !important;
max-height: 13px !important;
width: 100%;
max-width: 173px !important;
min-width: 173px !important;
left: 0px !important;
top: 130px !important;
padding: 0 5px !important;
font-size: 8px !important;
text-align: left;
z-index: 500;
/* background: gold !important; */
}
/* (new323) A VOIR .comment-item */
video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .input-area > div::before ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment:hover .input-area > div::before {
left: -210px;
top: 104px !important;
background: gold;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item.item--replying .premessage ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item.item--replying .premessage {
font-size: 10px;
}
.photo-page .comments-section.comments-container.clearfix #commentBox.width-wrap .comments-wrap .comments-list .comment-item.item--replying img.preview-image ,
.photo-page .comments-section.comments-container.clearfix #commentBox.width-wrap .comments-wrap .comments-list .item.item--replying img.preview-image {
display: none !important;
}
/* NOT WITH REPLY - === */
/* (new284) VIDEO PLAYER - MY COMMENT - ADD COMMENT */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .my-comment {
position: fixed;
display: inline-block !important;
width: 335px !important;
height: 22px;
line-height: 25px;
left: 690px;
top: 62.6vh !important;
border-radius: 3px;
overflow: hidden;
z-index: 50000000 !important;
transition: all ease 0.7s;
background: black;
border: 1px solid red;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .my-comment:hover {
width: 335px !important;
max-height: 29vh !important;
min-height: 29vh !important;
overflow: hidden;
z-index: 500 !important;
transform: scale(1) !important;
background: black;
}
/* .video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .my-comment:hover {
display: inline-block !important;
height: 100% !important;
min-height: 12vh !important;
max-height: 12vh !important;
overflow: visible !important;
transform: scale(1);
border: 1px solid yellow !important;
} */
/* (new281) PRO ICON - COMMENTS - USERS BUDDY BADGE */
#commentBox div[class^="avatar-"] div[class^="badge-"] {
display: inline-block !important;
height: 10px !important;
width: 10px !important;
font-size: 10px !important;
transform: scale(0.7) translate(2px, -17px) !important;
background: transparent !important;
}
/* (new299) PRO ICON - NEWS - USERS BUDDY BADGE */
.avatar-container [class^="medium-"] {
display: inline-block !important;
height: 35px !important;
width: 35px !important;
font-size: 10px !important;
transform: scale(1) translate(2px, 0px) !important;
background: transparent !important;
}
/* (new433) VIDEO PAGE - COMMENT /REPLY */
.video-page .comments-section .my-comment .user {
position: relative;
display: block;
float: left;
width: 70px;
left: -35px;
top: 0px;
transform: scale(0.4);
transform-origin: top right;
z-index: 500 !important;
}
.video-page .comments-section .my-comment:hover .user {
position: absolute;
display: inline-block !important;
font-size: 0 !important;
}
/* (new433) */
.video-page .comments-section .my-comment .input-area {
position:absolute !important;
min-height: 17px !important;
line-height: 15px !important;
width: 295px !important;
left: 30px !important;
top: 2px !important;
right: 0 !important;
overflow: hidden;
}
.video-page .comments-section .my-comment:hover .input-area {
position: relative;
display: inline-block !important;
width: 330px !important;
height: 269px !important;
line-height: 18px !important;
right: -30px;
left: 1px !important;
top: 1px !important;
padding-right: 0;
border-radius: 2px !important;
overflow: hidden;
/* overflow-y: auto !important; */
/* background: brown !important; */
}
/* (new433) MY COM (NOT REPLY) TEXTAREA - NOT HOVER */
.video-page .comments-section .my-comment .comment-textarea.xh-editable,
.video-page .comments-section .my-comment .comment-textarea.focus,
.video-page .comments-section .my-comment .comment-textarea:not(.focus) {
width: 290px !important;
height: 18px !important;
line-height: 6px !important;
min-height: 18px !important;
top: -0.6px !important;
left: 0px !important;
z-index: 500000 !important;
}
/* (new433) MY COM (NOT REPLY) TEXTAREA - HOVER */
.video-page .comments-section .my-comment:hover .comment-textarea.xh-editable,
.video-page .comments-section .my-comment:hover .comment-textarea.focus ,
.video-page .comments-section .my-comment:hover .comment-textarea:not(.focus) {
width: 328px !important;
height: auto !important;
min-height: 220px !important;
max-height: 220px !important;
top: -6px !important;
right: -50px !important;
left: 0px !important;
padding: 3px;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid aqua !important;
}
/* LARGE MODE ok */
.video-page--large-mode .comments-section .my-comment:hover .comment-textarea.xh-editable,
.video-page--large-mode .comments-section .my-comment:hover .comment-textarea:not(.focus) {
width: 244px !important;
height: auto !important;
min-height: 250px !important;
top: 3px;
right: -50px !important;
left: 0px !important;
padding: 3px;
}
.video-page .my-comment .input-area .xh-editable .xh-editable-content {
width: 242px;
min-height: 15px !important;
max-height: 254px !important;
line-height: 17px !important;
top: -2px;
padding: 1px 5px 0px 5px !important;
white-space: pre-wrap;
word-wrap: break-word;
}
.video-page .comments-section .my-comment .xh-editable .premessage {
top: 2px;
}
/* (new323) A VOIR .comment-item */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .input-area .comment-textarea.xh-editable.focus .premessage ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment:hover .input-area .comment-textarea.xh-editable.focus .premessage {
top: -4px !important;
}
.video-page .comments-section .my-comment .xh-editable.focus .premessage:not([style="display: block;"]) {
display: none !important;
}
.video-page .comments-section .my-comment .submit-comment.xh-button.large.red {
position: absolute;
display: inline-block;
height: 20px !important;
line-height: 12px !important;
width: 155px !important;
min-width: 100px !important;
top: 0px !important;
left: 34px;
margin-top: -20px !important;
padding: 0 10px 2px;
border-radius: 20px;
font-size: 14px;
visibility: visible !important;
z-index: 1000 !important;
}
.video-page .comments-section .my-comment:hover .submit-comment.xh-button.large.red {
top: 20px !important;
}
.video-page .comments-section .my-comment:hover .submit-comment.xh-button.large.red:not(.xh-helper-hidden) {
position: relative;
height: 15px !important;
line-height: 10px !important;
min-width: 60px;
top: 18px !important;
left: 90px;
margin-top: -8px;
padding: 2px 5px 2px;
border-radius: 20px;
font-size: 10px !important;
}
/* (new433) MY COMMENT - BUT REPLY SUBMIT - NOT LARGE */
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .submit-wrapper ,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item:hover .my-comment .submit-wrapper {
position: absolute !important;
display: inline-block;
height: 1vh !important;
line-height: 12px !important;
width: 100% !important;
min-width: 165px !important;
max-width: 165px !important;
top: 13vh !important;
left: 0px !important;
margin: 0px !important;
padding: 0 10px !important;
border-radius: 20px;
font-size: 14px;
visibility: visible !important;
z-index: 500000 !important;
}
/* (new433) */
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .submit-wrapper .submit-comment.xh-button.large.red:not(.xh-helper-hidden) ,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item:hover .my-comment .submit-wrapper .submit-comment.xh-button.large.red:not(.xh-helper-hidden) {
height: 1vh !important;
line-height: 8px !important;
left: 10px;
top: 0px !important;
margin: 0 0 0 0 !important;
font-size: 10px !important;
transform: scale(0.7) !important;
z-index: 100;
}
/* (new433) POST COMMENT - ADD HINT for How to make a LINE BREAK - === */
.video-page .comments-section .my-comment:hover .input-area > div:not(.submit-wrapper)::before {
content: " Line break : Ctrl + Enter \A Past Without Format: Ctrl +⇑ + V";
display: inline-block;
line-height: 12px !important;
width: 100% !important;
min-width: 185px;
max-width: 185px;
min-height: 30px;
margin-top: 0px;
margin-left: 26px;
font-size: 12px;
text-align: left;
white-space: pre !important;
overflow: hidden !important;
color: red !important;
}
/* (new323) A VOIR .comment-item */
/* (new432) VIDEO PLAYER - COMMENTS ITEMS */
.video-page .comments-section.comments-container .comments-wrap .comments-list .comment-item ,
.video-page .comments-section .comments-list .item {
position: relative !important;
display: inline-block !important;
vertical-align: top !important;
width: 100% !important;
max-width: 32.8% !important;
min-width: 32.8% !important;
height: 100% !important;
min-height: 145px !important;
max-height: 145px !important;
top: 0px !important;
left: 0px !important;
right: 0px !important;
margin-top: 0 !important;
margin-left: 1px !important;
margin-right: 0px !important;
margin-bottom: 4px !important;
padding: 2px 3px !important;
overflow: visible !important;
border-radius: 3px;
box-shadow: 3px 3px 2px black;
z-index: 0 !important;
transform: translate(0px, 0px) scale(1) !important;
border: 1px solid #333 !important;
/* border: 1px solid aqua !important; */
}
.video-page .comments-section .comments-list .item.item--linked {
border: 1px solid aqua !important;
}
/* (new434) COM - ITEM - LARGE MODE ok */
.video-page.video-page--large-mode .comments-section.comments-container .comments-wrap .comments-list .comment-item {
position: relative !important;
display: inline-block !important;
float: none !important;
width: 33% !important;
min-height: 14vh !important;
max-height: 14vh !important;
margin-right: -2px !important;
margin-bottom: 5px !important;
border: 1px solid red !important;
}
/* (new432) AVATAR with / without IMAGE */
.video-page .comments-section .comment-item .user {
float: left;
position: relative;
z-index: 5;
/* border: 1px solid aqua !important; */
}
/* (new432) COMM - AVATER - ALL - A VOIR .comment-item */
#commentBox .comments-list div[class^="avatar-"] {
height: 19px !important;
width: 19px !important;
}
/* (new432) VID - COMMENTS - AVATAR - USERS BUDDY */
.video-page .comments-section.comments-container .comments-wrap .comments-list .comment-item .user div[class*="medium-"] ,
.video-page .comments-section .comments-list .comment-item div[class^="small-"],
.video-page .comments-section .comments-list .comment-item .user a.retired,
.video-page .comments-section .comments-list .comment-item .user a ,
.video-page .comments-section .comments-list .item div[class^="small-"],
.video-page .comments-section .comments-list .item .user a.retired,
.video-page .comments-section .comments-list .item .user a {
display: inline-block !important;
width: 20px !important;
min-height: 2.1vh !important;
max-height: 2.1vh !important;
left: 0px !important;
}
/* (new432) */
/* .video-page .comments-section.comments-container .comments-wrap .comments-list .comment-item .user .xh-avatar.small ,
.video-page .comments-section .comments-list .item .user .xh-avatar.small ,
*/
.video-page .comments-section.comments-container .comments-wrap .comments-list .comment-item .user div[class*="medium-"] img ,
.video-page .comments-section .comments-list .comment-item div[class^="small-"] img,
.video-page .comments-section .comments-list .comment-item .user a.retired img,
.video-page .comments-section .comments-list .comment-item .user a img ,
.video-page .comments-section .comments-list .item div[class^="small-"] img,
.video-page .comments-section .comments-list .item .user a.retired img,
.video-page .comments-section .comments-list .item .user a img {
height: 100%;
width: 100%;
margin: 0;
object-fit: contain !important;
}
/* (new323) A VOIR .comment-item */
.video-page .comments-section.comments-container .comments-wrap .comments-list .comment-item .user a.retired ,
.video-page .comments-section .comments-list .item .user a.retired {
position: relative;
float: left;
height: 16px !important;
width: 17px !important;
transform: scale(0.9) !important;
transform-origin: top center !important;
background: red !important;
}
.video-page .comments-section.comments-container .comments-wrap .comments-list .comment-item .user .xh-avatar.retired:before ,
.video-page .comments-section .comments-list .item .user .xh-avatar.retired:before {
left: 1px;
top: 0px;
color: gold;
}
.video-page .comments-section.comments-container .comments-wrap .comments-list .comment-item .user .xh-avatar.small[style^="background-color:"] ,
.video-page .comments-section .comments-list .item .user .xh-avatar.small[style^="background-color:"] {
margin-bottom: 2px !important;
margin-top: 0px !important;
}
/* (new432) A VOIR .comment-item */
.video-page .comments-section.comments-container .comments-wrap .comments-list .comment-item .comment-info ,
.video-page .comments-section .comments-list .item .comment-info {
height: 145px !important;
width: 100% !important;
left: -4px !important;
}
/* (new432) */
.video-page .comments-section.comments-container .comments-wrap .comments-list .comment-item .comment-info .comment-body ,
.video-page .comments-section .comments-list .item .comment-info .comment-body {
width: 94.5% !important;
height: 140px !important;
margin-left: 25px !important;
}
/* HOVER */
.video-page .comments-section.comments-container .comments-wrap .comments-list .comment-item:hover .comment-info .comment-body ,
.video-page .comments-section .comments-list .item:hover .comment-info .comment-body {
width: 92.5% !important;
height: 137px !important;
margin: 2px 0 0 25px !important;
}
/* (new432) */
.video-page .comments-section.comments-container .comments-wrap .comments-list .comment-item .comment-info .comment-body .user-info ,
.video-page .comments-section .comments-list .item .comment-info .comment-body .user-info {
height: 2.5vh !important;
line-height: 15px !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
border-bottom: 1px solid silver !important;
}
/* (new432) A VOIR .comment-item */
/* .video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .item:hover .comment-info .comment-body .user-info a.username,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .item:hover .comment-info .comment-body .user-info a.username , */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:hover .comment-info .comment-body .user-info a.username,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .comment-item:hover .comment-info .comment-body .user-info a.username {
width: 100% !important;
min-width: 130px !important;
max-width: 130px !important;
height: 11px !important;
margin-top: 0px !important;
}
/* (new432) NOT LARGE - HOVER */
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:hover .comment-info .comment-body .user-info a.username,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .comment-item:hover .comment-info .comment-body .user-info a.username {
width: 100% !important;
min-width: 98% !important;
max-width: 98% !important;
height: 2vh !important;
margin-top: 0px !important;
}
/* (new432) HOVER - A VOIR .comment-item */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:hover .comment-info .comment-body .user-info a.username.retired,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .comment-item:hover .comment-info .comment-body .user-info a.username ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .comment-item:hover .comment-info .comment-body .user-info a.username,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .item:hover .comment-info .comment-body .user-info .username.retired,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .item:hover .comment-info .comment-body .user-info a.username,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .item:hover .comment-info .comment-body .user-info a.username {
width: 100% !important;
min-width: 97% !important;
max-width: 97% !important;
height: 2vh !important;
margin-top: 0px !important;
font-size: 12px !important;
}
/* (new432) HOVER - A VOIR .comment-item */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:hover .comment-info .comment-body .user-info,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .comment-item:hover .comment-info .comment-body .user-info ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .item:hover .comment-info .comment-body .user-info,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .item:hover .comment-info .comment-body .user-info {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 2.2vh !important;
margin-top: 0px !important;
}
/* (new440) */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:hover .comment-info .comment-body .comment-actions,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .item:hover .comment-info .comment-body .comment-actions {
position: absolute !important;
display: inline-block !important;
width: 100px !important;
bottom: -0.5vh !important;right: 50px !important;
/* margin: 8.7vh 0 0 45% !important; */
transform: scale(0.45) !important;
z-index: 50000 !important;
}
/* (new323) */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:hover .remove-confirmation {
width: 358px !important;
height: 33px !important;
margin-left: -89px !important;
top: 73px !important;
opacity: 1;
z-index: 10000 !important;
transform: scale(0.5) !important;
background: #101010;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:hover .remove-confirmation .confirmation-wrap {
position: absolute;
display: inline-block;
height: 29px !important;
width: 350px !important;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:hover .remove-confirmation .confirmation-wrap .confirmation-title {
float: left !important;
width: 127px !important;
margin-top: 4px !important;
margin-bottom: 20px;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:hover .remove-confirmation .confirmation-wrap .buttons {
float: right !important;
width: 185px !important;
margin-top: 0 !important;
}
/* (new432) */
.video-page .comments-section .comments-list .comment-item .comment-info .user-info .username.retired,
.video-page .comments-section .comments-list .comment-item .comment-info .comment-body .user-info a.username{
height: 2vh !important;
line-height: 18px !important;
width: 100% !important;
min-width: 92% !important;
max-width: 92% !important;
margin: 0 0 0 5px !important;
font-size: 15px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item .comment-info .user-info .username.retired ,
.video-page .comments-section .comments-list .item .comment-info .user-info .username.retired {
background: rgba(249, 8, 8, 0.42) !important;
}
/* (new432) */
.video-page .comments-section .comments-list .comment-item .comment-info .comment-body .user-info .tooltip-nocache:not(.username),
.video-page .comments-section .comments-list .comment-item .comment-info .comment-body .user-info .xh-icon.gender,
.video-page .comments-section .comments-list .comment-item .comment-info .user-info > *:not(.username) {
position: absolute !important;
display: inline-block !important;
height: 19px !important;
width: 100% !important;
min-width: 19px !important;
max-width: 19px !important;
left: 0px !important;
top: 20px !important;
margin: 0 !important;
transform: scale(0.5) !important;
transform-origin: center center !important;
}
.video-page .comments-section .comments-list .comment-item .comment-info .user-info a.username + span.publisher {
display: inline-block !important;
position: absolute !important;
height: 1.8vh !important;
min-width: 75px !important;
top: 3px !important;
left: 258px !important;
margin: 0 !important;
padding: 1px 3px !important;
border-radius: 5px !important;
color: white !important;
background: green !important;
}
.video-page .comments-section .comments-list .comment-item .comment-info .comment-body .user-info .tooltip-nocache:not(.username) {
top: 32px !important;
}
.video-page.video-page--large-mode .comments-section .comments-list .comment-item:hover .comment-info .comment-body .user-info .tooltip-nocache:not(.username) {
top: 40px !important;
left: -25px !important;
}
/* (new323) */
.video-page .comments-section .comments-list .comment-item:hover .comment-info .comment-body .user-info .xh-icon.gender,
.video-page .comments-section .comments-list .comment-item:hover .comment-info .user-info > *:not(.username) {
left: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
/* (new323) */
.video-page.video-page--large-mode .comments-section .comments-list .comment-item:hover .comment-info .comment-body .user-info .xh-icon.gender{
margin: 0px 0 0 -24px !important;
}
/* (new432) */
.video-page .comments-section .comments-list .comment-item .comment-info .text {
display: inline-block !important;
width: 100% !important;
height: 98px !important;
line-height: 12px !important;
margin: 0 !important;
margin: 2px 0 0 0 !important;
padding-right: 0px !important;
font-size: 12px !important;
overflow-wrap: break-word;
overflow: hidden !important;
overflow-y: auto !important;
color: #dadada;
}
.video-page .comments-section .comments-list .comment-item .comment-info .text > br {
display: block !important;
margin-bottom: 1px !important;
}
/* (new432) A VOIR .comment-item */
/* (new432) VIDEO */
.video-page .comments-section .comments-list .comment-item .comment-info .comment-meta {
border-top: 1px solid gray;
display: inline-block !important;
min-width: 324px !important;
max-width: 324px !important;
height: 15px !important;
left: -22px !important;
top: 0px !important;
padding: 0 3px !important;
border-radius: 0 0 3px 3px !important;
background: black !important;
}
/* PHOTO */
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .comment-meta .comment-meta {
border-top: 1px solid gray;
display: inline-block !important;
min-width: 180px !important;
max-width: 180px !important;
height: 15px !important;
left: -22px !important;
top: 5px !important;
padding: 0 3px !important;
border-radius: 0 0 3px 3px !important;
background: black !important;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:not(:hover) .comment-actions {
display: none !important;
/* border: 1px solid violet !important; */
}
/* (new323) */
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .comment-meta a,
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .comment-meta .add-time,
.video-page .comments-section .comments-list .comment-item .comment-info .comment-meta a,
.video-page .comments-section .comments-list .comment-item .comment-info .comment-meta .add-time {
height: 14px !important;
line-height: 14px !important;
margin-right: 2px;
font-size: 12px !important;
}
/* (new323) USER - ONLINE */
.video-page .comments-section .comments-list .comment-item div[class^="online-"] {
position: absolute;
height: 10px !important;
width: 10px !important;
right: 0;
top: 0;
transform: translate(-13px, -3px) !important;
}
/* (new323) */
/* (new432) DATE CREATED */
.video-page .comments-section .comments-list .comment-item:hover .comment-info .comment-body .user-info .created,
.video-page .comments-section .comments-list .comment-item .comment-info .comment-body .user-info .created {
position: absolute !important;
display: inline-block !important;
height: 21px !important;
line-height: 17px !important;
width: 100% !important;
min-width: 142px !important;
max-width: 142px !important;
left: 205px !important;
top: 13.3vh !important;
margin: 0 0 0 0 !important;
font-size: 17px !important;
text-align: right !important;
z-index: 100 !important;
color: gold !important;
}
/* (new385) */
/* HOVER */
.video-page .comments-section .comments-list .comment-item:hover .comment-info .comment-body .user-info .created {
min-width: 55px !important;
max-width: 55px !important;
height: auto !important;
line-height: 12px !important;
top: 5.5vh !important;
left: -14px !important;
padding: 2px 1px !important;
font-size: 15px !important;
text-align: center !important;
z-index: 500 !important;
}
/* (new434) DATE CREATED - LARGE */
.video-page.video-page--large-mode .comments-section .comments-list .comment-item .comment-info .comment-body .user-info .created {
left: 60px !important;
top: 11.7vh !important;
}
/* (new434) */
.video-page.video-page--large-mode .comments-section .comments-list .comment-item:hover .comment-info .comment-body .user-info .created {
min-width: 150px !important;
left: 40px !important;
top: 12.1vh !important;
}
/* (new440) */
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:hover .comment-info .comment-body .comment-actions,
.video-page.video-page--large-mode .comments-section .comments-list .comment-item:hover .comment-info .comment-body .comment-actions {
position: absolute;
display: inline-block;
margin: 0 0 0 0 !important;
left: 140px !important;
top: 11.9vh !important;
transform: scale(0.45);
width: 100px;
z-index: 50000;
}
/* (new323) */
/* (new327)- LIKE / REPLY */
.comments-section .comments-list .comment-item .comment-info .comment-meta .owner-like ,
.comments-section .comments-list .comment-item .comment-info .comment-meta .likes,
.video-page .comments-section .comments-list .comment-item .comment-info .comment-meta .likes {
position: relative !important;
display: inline-block !important;
height: 14px !important;
width: auto !important;
line-height: 14px !important;
margin: 0px 2px 0 0 !important;
top: -12px !important;
font-size: 12px !important;
}
/* (new323) */
.comments-section .comments-list .comment-item .comment-info .comment-meta .owner-like div[data-tooltip] div[class^="badge-"] i ,
.comments-section .comments-list .comment-item .comment-info .comment-meta .owner-like div[data-tooltip] div[class^="shape-"] ,
.comments-section .comments-list .comment-item .comment-info .comment-meta .owner-like div[data-tooltip] ,
.comments-section .comments-list .comment-item .comment-info .comment-meta .likes__button i,
.video-page .comments-section .comments-list .comment-item .comment-info .comment-meta .likes__button i {
display: inline-block !important;
height: 14px !important;
width: 14px !important;
line-height: 10px !important;
font-size: 12px !important;
}
/* (new323) */
.comments-section .comments-list .comment-item .comment-info .comment-meta .reply-link,
.video-page .comments-section .comments-list .comment-item .comment-info .comment-meta .reply-linkn{
display: inline-block !important;
height: 14px !important;
width: 14px !important;
line-height: 14px !important;
margin: 0 2px 0px 6px !important;
font-size: 0 !important;
}
/* (new323) */
.comments-section .comments-list .comment-item .comment-info .comment-meta .reply-link i,
.video-page .comments-section .comments-list .comment-item .comment-info .comment-meta .reply-link i {
display: inline-block !important;
height: 14px !important;
width: 14px !important;
line-height: 14px !important;
font-size: 8px !important;
}
/* + LARGE MODE ok */
.video-page--large-mode .comments-section .comments-list .comment-item .comment-info .comment-meta .reply-link,
.video-page .comments-section .comments-list .comment-item .comment-info .comment-meta .reply-link,
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .comment-meta .hide-original-comment.no-last,
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .comment-meta .show-original-comment.no-last,
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .comment-meta .reply-link.add-reply,
.video-page .comments-section .comments-list .comment-item .comment-info .comment-meta .hide-original-comment.no-last,
.video-page .comments-section .comments-list .comment-item .comment-info .comment-meta .show-original-comment.no-last,
.video-page .comments-section .comments-list .comment-item .comment-info .comment-meta .reply-link.add-reply {
font-size: 0px !important;
}
/* (new323) */
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .comment-meta .show-original-comment.no-last,
.video-page .comments-section .comments-list .comment-item .comment-info .comment-meta .show-original-comment.no-last {
position: relative !important;
display: inline-block !important;
vertical-align: bottom !important;
font-size: 0px !important;
line-height: 10px !important;
border-bottom: none;
}
/* (new434) */
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .comment-meta .show-original-comment.no-last:before,
.video-page .comments-section .comments-list .comment-item .comment-info .comment-meta .show-original-comment.no-last:before {
content: "👁 🗨";
position: relative !important;
display: inline-block !important;
top: -1vh !important;
color: gold;
font-size: 13px;
}
/* (new323) A VOIR .comment-item */
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .comment-meta .hide-original-comment.no-last:before,
.video-page .comments-section .comments-list .item .comment-info .comment-meta .hide-original-comment.no-last:before ,
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .comment-meta .hide-original-comment.no-last:before,
.video-page .comments-section .comments-list .item .comment-info .comment-meta .hide-original-comment.no-last:before {
content: "Hide 🗨";
color: gold;
font-size: 11px;
border: 1px solid lime;
}
/* (new434)*/
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .comment-meta .show-original-comment.no-last:hover:after,
.video-page .comments-section .comments-list .comment-item:hover .comment-info .comment-meta .show-original-comment.no-last:hover:after {
content: "Show Original Comment";
position: absolute;
display: inline-block !important;
width: 80px !important;
top: -1.1vh !important;
margin-left: 5px;
padding: 1px 3px;
color: red;
font-size: 7px;
background: gold;
}
/* (new320) VIDEO - COMMENT - TOOL TIPS - ALL - HOVER (PB Chrome UPVOTE) */
.video-page .tooltip {
max-width: 350px;
padding: 5px 10px;
margin: -1vh 0 0 0px !important;
border-radius: 3px;
letter-spacing: .1px;
pointer-events: none !important;
color: gold !important;
background: red !important;
}
.video-page .tooltip .arrow {
margin: 0 0 0 5px !important;
border-color: red transparent transparent transparent !important;
}
/* (new323) A VOIR .comment-item */
/* (new432) COMMENT - HOVER (PB WHEN REPLY) */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:hover,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .comment-item:hover {
position: relative;
display: inline-block;
min-width: 32.7% !important;
max-width: 32.7% !important;
height: 100% !important;
top: 0px !important;
margin: 1.2vh 1px -30px 0px !important;
padding: 2px 3px;
border-radius: 3px;
overflow: visible;
transform: scale(1.5) !important;
transition: all ease 0.7s !important;
z-index: 5000000 !important;
opacity: 1 !important;
background: black !important;
border: 1px solid red !important;
}
/* (new432) */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:hover .comment-info,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .comment-item:hover .comment-info {
height: 100% !important;
width: 100% !important;
left: 0px !important;
/* border: 1px solid aqua !important; */
}
/* (new432) */
.video-page .comments-section .comments-list .comment-item:hover .comment-info .text {
position: relative !important;
display: inline-block !important;
line-height: 9px !important;
height: 95px !important;
width: 98% !important;
margin: 3px 0 0px 5px !important;
padding: 2px 0 0 2px;
border-radius: 3px !important;
font-size: 9px !important;
color: gray;
z-index: 500000 !important;
background: #222;
border: 1px solid red;
}
/* (new323) */
.video-page .comments-section .comments-list .comment-item:hover .comment-info .comment-meta a,
.video-page .comments-section .comments-list .comment-itemhover .comment-info .comment-meta .add-time {
margin-right: 2px;
font-size: 7px !important;
}
/* (new432) */
.video-page .heading-container + .content-container .comments-list .comment-item:hover .comment-info .comment-meta {
max-width: 315px !important;
min-width: 315px !important;
padding: 0px !important;
}
/* (new432) VIDEO - COMMENT - NTH-CHILD - RIGHT */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(31):hover,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(21):hover,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(11):hover,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(1):hover {
left: 80px !important;
}
/* (new434) VIDEO - COMMENT - NTH-CHILD - TOP ROW */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(n + 1):nth-child(-n + 3):hover{
top: 4vh !important;
margin: 0vh 0px 0px 0 !important;
}
/* (new434) VIDEO - COMMENT - NTH-CHILD - TOP RIGHT */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(3):hover {
position: relative !important;
display: inline-block !important;
top: 7vh !important;
left: -77px !important;
margin: 0vh 0px 0px 0 !important;
}
/* (new432) VIDEO - COMMENT - NTH-CHILD - BOTTOM LEFT */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(4):hover {
left: 80px !important;
margin: -3vh 0px 0px 0 !important;
}
/* (new434) VIDEO - COMMENT - NTH-CHILD - BOTTOM LEFT */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(5):hover {
margin: -3vh 0px 0px 0 !important;
}
/* (new434) VIDEO - COMMENT - NTH-CHILD - BOTTOM LEFT (after Watching ORIGINAL REPLY */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(6):hover {
margin: -8.2vh 1px -30px -80px !important;
}
/* VIDEO - COMMENT REPLY - for RIGHT side ITEMS - HOVER - NORMAL MODE - === */
.video-page .comments-section .comment-item.is-reply {
border: 1px dashed red !important;
}
.video-page .comments-section .comment-item.has-reply {
border: 1px solid red !important;
}
/* (new434) VIDEO - COMMENT - NTH-CHILD - BOTTOM ROW */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:nth-child(n + 20):nth-child(-n + 30):hover {
top: -25px !important;
margin-top: 0px !important;
}
/* (new304) BOTTOM / RIGHT */
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .comment-item:nth-child(30):hover {
left: -40px !important;
top: -25px !important;
margin-top: 0px !important;
border: 1px solid tan !important;
transition: transform ease 0.7s !important;
}
/* (new434) COM - INFO - LARGE MODE */
.video-page.video-page--large-mode .comments-section.comments-container .comments-wrap .comments-list .comment-item .comment-info .comment-body {
width: 91% !important;
max-height: 11.7vh !important;
min-height: 11.7vh !important;
top: 0 !important;
left: -5px !important;
margin: 2px 0 0vh 25px !important;
/* background: brown !important; */
}
.video-page.video-page--large-mode .comments-section .comments-list .comment-item .comment-info .comment-body {
height: 6.4vh !important;
margin-left: 25px;
}
.video-page .comments-section .comments-list .comment-item .comment-info .comment-body .user-info {
height: 15px !important;
line-height: 15px !important;
width: 100%;
min-width: 145px !important;
max-width: 145px !important;
}
/* (new434) COM - INFO - LARGE MODE - HOVER */
.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .comment-item:hover .comment-info {
position: relative;
display: inline-block !important;
min-height: 13.7vh !important;
max-height: 13.7vh !important;
top: -2.5vh !important;
/* border: 1px solid aqua !important; */
}
/* (new434) COM - BODY - LARGE MODE ok */
.video-page--large-mode .comments-section .comments-list .comment-item:hover .comment-info .comment-body {
position: relative;
display: inline-block !important;
min-height: 12vh !important;
max-height: 12vh !important;
top: -2.6vh !important;
/* background: brown !important; */
}
/* (new323) A VOIR .comment-item */
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .comment-item:hover .comment-info .comment-body .user-info,
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .comment-item:hover .comment-info .comment-body .user-info,
.video-page.video-page--large-mode .comments-section .comments-list .comment-item:hover .comment-info .comment-body .user-info ,
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .item:hover .comment-info .comment-body .user-info,
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .item:hover .comment-info .comment-body .user-info,
.video-page.video-page--large-mode .comments-section .comments-list .item:hover .comment-info .comment-body .user-info {
position: relative !important;
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
width: 100%;
min-width: 145px !important;
max-width: 145px !important;
top: -2px !important;
}
/* (new323) A VOIR .comment-item */
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight:hover .comment-item .comment-info .user-info > *:not(.username) ,
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight:hover .item .comment-info .user-info > *:not(.username) {
margin-left: -22px !important;
margin-top: 14px !important;
margin-bottom: -23px !important;
}
.video-page.video-page--large-mode .comments-section .comments-list .comment-item .comment-info .user-info .username.retired ,
.video-page.video-page--large-mode .comments-section .comments-list .item .comment-info .user-info .username.retired {
max-width: 139px !important;
min-width: 139px !important;
}
.video-page--large-mode .comments-section .comments-list .comment-item:hover .comment-info .comment-body .user-info > .sex ,
.video-page--large-mode .comments-section .comments-list .item:hover .comment-info .comment-body .user-info > .sex {
margin-left: -20px !important;
margin-top: 5px !important;
}
/* (new434) COM - TEXT - LARGE MODE ok */
.video-page--large-mode .comments-section .comments-list .comment-item .comment-info .text {
min-height: 8.8vh !important;
max-height: 8.8vh !important;
min-width: 198px !important;
max-width: 198px !important;
margin: 1.7vh 0 -1vh 0 !important;
}
/* (ne434) COM - TEXT - LARGE MODE - HOVER */
.video-page.video-page--large-mode .comments-section .comments-list .comment-item:hover .comment-info .text {
position: relative !important;
display: inline-block !important;
min-width: 200px !important;
max-width: 200px !important;
min-height: 9.8vh !important;
max-height: 9.8vh !important;
top: 0px !important;
margin: 0 0 0 0px !important;
}
/* (new434) COMM - META - LARGE MODE */
.video-page.video-page--large-mode .comments-section .comments-list .comment-item .comment-info .comment-meta {
min-width: 233px !important;
max-width: 233px !important;
top: -6px !important;
left: -24px !important;
}
.video-page.video-page--large-mode .heading-container + .content-container .comments-list .comment-item:hover .comment-info .comment-meta {
min-width: 223px !important;
max-width: 223px !important;
top: 0vh !important;
left: -22px !important;
padding: 0;
}
/* ====== WIDESCREEN GENERAL ==== */
/* FOOTER */
.footer-buffer {
display: none !important;
visibility: hidden !important;
clear: none;
height: 0px;
}
footer,
.footer-buffer + footer {
position: absolute;
width: 10%;
height: 10px;
bottom: 0;
left: 0;
margin: 0 auto;
overflow: hidden;
z-index: 500 !important;
transition: all ease 0.7s !important;
background: black;
border-top: 1px solid #dadada;
}
/* (new426) FOOTER VIDEO PAGE */
.video-page .footer-wrapper {
position: fixed !important;
display: inline-block !important;
width: 10%;
height: 17px !important;
bottom: 0.2vh !important;
left: 0 !important;
margin: 0 auto;
overflow: hidden;
z-index: 500 !important;
transition: all ease 0.7s !important;
background: red !important;
border-top: 1px solid #dadada;
}
.video-page .footer-wrapper:hover {
position: fixed !important;
width: 50% !important;
height: auto !important;
bottom: 0vh !important;
left: 0 !important;
margin: 0 auto;
overflow: hidden;
z-index: 500 !important;
transition: all ease 0.7s !important;
background: #111 !important;
border-top: 1px solid #dadada;
}
.video-page .footer-wrapper footer {
position: relative !important;
display: inline-block !important;
bottom: 0;
height: auto !important;
left: 0;
margin: 0 auto;
overflow: hidden;
transition: all 0.7s ease 0s;
z-index: 500;
}
.video-page .footer-wrapper:hover footer {
display: inline-block !important;
height: auto !important;
max-height: 20vh !important;
max-width: 100% !important;
bottom: 0;
left: 0;
margin: 0 auto;
overflow: hidden;
overflow-y: auto !important;
transition: all 0.7s ease 0s;
z-index: 500;
}
.video-page .footer-wrapper:not(:hover) .footer__version-button.xh-button {
display: none !important;
}
.video-page .footer-wrapper:hover .footer__version-button.xh-button {
background-color: red !important;
border-color: gray !important;
}
/* (new426) VID - FOOTER - CONATINER */
.video-page .footer-wrapper footer [class^="widthWrap-"]{
padding: 0 20px 0 20px !important;
}
.video-page .footer-wrapper footer [class^="topPart-"] {
position: relative;
padding: 5px 10px 5px 10px !important;
border-bottom: 1px solid red !important;
}
.video-page .footer-wrapper footer [class^="topPart-"] h3 {
margin: 5px 0 0 0 !important;
}
.video-page .footer-wrapper footer [class*="menuLink-"] {
height: 2vh !important;
}
/* (new426) VID - FOOTER - SWITCH MOBILE - ON HOVER */
.video-page .footer-wrapper:hover footer aside[class^="bottom-"] a[href$="x_platform_switch=mobile"] {
position: fixed;
bottom: 1vh !important;
}
/* (new426) FOOTER - BOTTOM ARROW - SUPP */
.video-page .footer-wrapper footer [class*="daf hidden-"] {
display: none !important;
}
/* (new265) FOOTER - ALL */
footer:before,
.footer-buffer + footer:before {
content: "Xhamster Infos";
position: absolute;
width: 300px;
height: 10px;
left: 20px;
margin: 0 auto;
font-size: 10px;
color: gold;
overflow: hidden;
background: rgba(0, 0, 0, 0.38);
}
footer:hover,
.footer-buffer + footer:hover {
position: absolute;
width: 100%;
height: 302px;
border-top: 1px solid red !important;
}
/* (new327) */
footer.footer .main-wrap,
.main-wrap {
max-width: 100% !important;
min-width: 100% !important;
padding-top: 0px !important;
top: 0px !important;
}
footer.footer .width-wrap,
.width-wrap {
min-width: 100%;
max-width: 100%;
padding: 0 !important;
}
.footer-bottom-part {
margin-top: -45px !important;
padding-top: 0 !important;
}
footer .up-arrow.hidden {
display: none !important;
}
/* (new265) FOOTER VERSION BUTT */
.footer:hover .footer__version-button {
position: fixed !important;
display: inline-block !important;
line-height: 27px;
width: 180px !important;
bottom: 2vh !important;
left: 10vw !important;
margin: 0 !important;
padding: 0 10px;
z-index: 500000 !important;
}
.footer:hover .footer__version-button a {
color: gold !important;
border: 1px solid red !important;
}
.footer:hover .footer__version-button i,
.footer:hover .footer__version-button span {
color: peru !important;
}
/* TOP HEADER - === */
body header > .width-wrap {
height: 30px;
width: 100% !important;
min-width: 960px;
max-width: 100%;
}
.flow-buttons {
position: fixed;
display: inline-block;
float: none;
height: 25px !important;
line-height: 5px;
left: 145px;
top: -10px;
transform: translateZ(0px);
will-change: width;
z-index: 10 !important;
}
/* TOP HEADER - FIXED - TEST */
.main-wrap:first-of-type > header {
position: fixed !important;
display: inline-block !important;
min-width: 100% !important;
min-height: 25px !important;
max-height: 25px !important;
top: 0px !important;
padding-top: 0;
z-index: 500000 !important;
border-bottom: 1px solid yellow !important;
}
/* (new281) SUPERLOADER */
.main-wrap:not(:first-of-type) > header {
display: none !important;
}
header .section-container {
margin-top: -1px !important;
}
*:not(.error-page) header .logo-container {
position: absolute;
float: none;
height: 100%;
min-height: 25px;
max-height: 25px;
line-height: 25px !important;
min-width: 85px;
max-width: 85px;
top: 6px;
left: 85px;
padding: 0px;
border-radius: 5px;
text-align: left;
z-index: 1;
transform: scale(0.7);
transform-origin: top left;
background: #222;
border: 1px solid gray !important;
}
.search-section .logo-container .logo {
position: relative;
display: inline-block !important;
height: 24px !important;
width: 80px !important;
left: 0px !important;
margin-left: 0px !important;
padding: 0px !important;
opacity: 0.4 !important;
}
/* (new320) */
.search-section .logo-container .logo img {
display: block;
height: 20px !important;
width: 100%;
margin: -2px 0 0 1px !important;
padding: 0 !important;
}
header .logo-container .logo .preference-hint {
width: 50px;
height: 24px !important;
line-height: 14px;
left: -121px;
top: 2px !important;
font-size: 15px!important;
color: yellow !important;
background: #111 !important;
}
header .logo-container .logo .preference-hint.gay,
header .logo-container .logo .preference-hint.transgender {
width: 59px;
line-height: 14px;
left: -121px !important;
top: -5px !important;
font-size: 10px !important;
color: white !important;
background: purple !important;
}
/* (new418) TOP NAV - ORIENTAION DROPDOWN MENU - .active */
.logo-container + .orientation-dropdown-container.xh-dropdown .trigger.on-click {
position: absolute !important;
display: inline-block !important;
width: 40px !important;
height: 2.5vh !important;
line-height: 14px !important;
top: 4px !important;
left: 30px !important;
text-align: center !important;
overflow: hidden !important;
border-left: 1px solid red !important;
border-right: 1px solid red !important;
}
.logo-container + .orientation-dropdown-container.xh-dropdown .trigger.on-click i.xh-icon {
position: absolute !important;
display: inline-block !important;
font-size: 20px !important;
line-height: 20px !important;
left: 0 !important;
}
.header .orientation-dropdown-container .trigger::after {
position: absolute !important;
display: inline-block !important;
top: 1vh !important;
right: 4px !important;
}
/* VIDEO - TOP PROMO HEADER - === */
.no-popunder.promo {
display: inline-block !important;
min-height: 25px !important;
max-height: 25px !important;
margin-bottom: 9px;
min-width: 100% !important;
padding-top: 0 !important;
z-index: 500000;
border-bottom: 1px solid red !important;
}
/* TOP HEADDER - ORIENTATION - === */
.orientation-dropdown-container.orientation-dropdown-container-block.xh-dropdown {
height: 24px;
left: 28px;
top: 3px;
}
header .orientation-dropdown-container .trigger,
header .orientation-dropdown-container .xh-dropdown {
height: 24px;
}
header .orientation-dropdown-container .xh-icon {
font-size: 23px;
line-height: 23px;
}
/* LANGUAGE SETTINGS (before in FOOTER) - IN PROFILE / FAV */
footer .footer-top-part + .footer-bottom-part .width-wrap .footer-column + .footer-column .footer-languagebox.xh-dropdown.popup.popup-up.positioned {
position: absolute !important;
display: inline-block !important;
width: 200px;
float: none !important;
left: 0 !important;
top: 50px !important;
transform: scale(0.7);
z-index: 5000000 !important;
background: blue !important;
}
/* LANGUAGE SETTINGS (before in FOOTER) - IN VIDEO PALYER - === */
.video-page .footer-top-part + .footer-bottom-part .width-wrap .footer-column + .footer-column .footer-languagebox.xh-dropdown.popup.popup-up.positioned {
top: -200px !important;
background: red !important;
}
.footer-bottom-part .language-list.dropdown.position-left {
display: inline-block;
opacity: 1;
}
footer .footer-languagebox .language-list {
width: 200px;
left: 0;
top: 30px;
padding: 0px;
}
/* (new428) LOGIN */
.login-section {
position: fixed !important;
display: inline-block;
float: none;
vertical-align: top;
height: 100%;
min-height: 25px;
max-height: 25px;
min-width: 155px !important;
top: 0px;
right: 0px;
padding: 0 2px 0 2px;
white-space: nowrap;
border-radius: 5px !important;
border: 1px solid red !important;
background: #111 !important;
}
.login-section .xh-dropdown.login-dropdown {
position: relative !important;
display: inline-block !important;
height: 100%;
min-height: 22px;
max-height: 22px;
width: auto !important;
margin: 0 0 0 0px !important;
left: -15px !important;
padding: 0;
font-size: 15px;
}
.login-section .xh-dropdown.login-dropdown .trigger.on-click {
display: inline-block !important;
max-height: 22px !important;
left: 5px;
top: 0px;
padding: 0px !important;
font-size: 15px !important;
z-index: 7;
}
/* (new428) NOTIF BELL */
.login-section .user-section-row .item.notifications {
display: inline-block !important;
vertical-align: middle !important;
height: 2vh !important;
width: 20px !important;
line-height: 15px !important;
padding: 0 0px 0px;
font-size: 14px;
border-radius: 15px;
}
.login-section .user-section-row .item.notifications i.xh-icon.notifications-new::before {
vertical-align:top !important;
height: 2vh !important;
line-height: 15px !important;
font-size: 17px !important;
}
/* .login-section .xh-dropdown.login-dropdown .trigger.on-click div[slot="trigger"] button{
height: 22px !important;
line-height: 22px !important;
padding: 0 5px 2px;
font-size: 14px;
border-radius: 15px;
}
*/
/* (new366) BUTTON LARGE - ALL */
.xh-button.large {
min-width: 60px;
height: 24px !important;
line-height: 24px !important;
padding: 0 5px 2px;
font-size: 14px;
border-radius: 15px;
}
/* (new366) LOGIN FORM ?- TOP HEADER BUTTON LARGE */
.login-section .xh-dropdown.round .xh-button.large.sign-up-button.last{
height: 22px !important;
line-height: 22px !important;
padding: 0 5px 2px;
font-size: 14px;
border-radius: 15px;
}
.login-section .xh-button.sign-up-button.large {
position: relative !important;
display: inline-block !important;
width: 90px !important;
height: 18px !important;
line-height: 15px !important;
margin: 0px 0px 0 5px !important;
top: -5px !important;
padding: 0 5px 0 0px !important;
font-size: 10px !important;
color: white !important;
border: none !important;
}
/* (new367) LOGIN FORM - LOGGED -- USER SECTION */
.pop-login.dropdown .xh-button.large.sign-up-button {
min-width: 60px;
border-radius: 15px;
height: 40px !important;
line-height: 40px !important;
padding: 0 5px 2px;
font-size: 14px;
}
.login-section .user-section {
position: absolute !important;
display: inline-block !important;
min-width: 150px !important;
height: 23px !important;
margin: 0 !important;
right: 30px !important;
padding: 0px !important;
}
.login-section .user-section-row {
display: inline-block !important;
min-width: 150px !important;
height: 22px !important;
line-height: 25px !important;
margin-top: 0px !important;
}
.login-section .popup.login-button.align-left.trigger.xh-dropdown {
position: relative !important;
display: inline-block !important;
height: 22px !important;
line-height: 22px !important;
left: -20px !important;
padding: 0px !important;
font-size: 15px !important;
}
.login-section .user-section .user-section-row > .item.menu.xh-dropdown.trigger.delay.on-hover,
.login-section .user-section .user-section-row > a {
display: inline-block !important;
height: 22px !important;
line-height: 22px !important;
padding: 0px !important;
}
.login-section .user-section .user-section-row > .item.menu.xh-dropdown.trigger.delay.on-hover {
height: 22px !important;
line-height: 22px !important;
padding: 0px !important;
}
.login-section .user-section .user-section-row > .item.menu.xh-dropdown.trigger.delay.on-hover > a {
height: 22px !important;
line-height: 22px !important;
padding: 0 5px !important;
}
/* (new428) AVATAR WITH/WITHOUT PHO (test) */
/* <span class="xh-avatar large" style="border-color:#80CBC4;background-color:#80CBC4">Z</span> */
.user-section-row div[data-role="user-avatar"] ,
.item.menu.xh-dropdown.trigger>div[data-role="user-avatar"]
.user-section-row .item.menu.xh-dropdown.trigger > div img.xh-avatar {
position: fixed !important;
display: inline-block !important;
height: 20px !important;
line-height: 17px;
width: 20px !important;
top: 1px !important;
right: 125px !important;
margin: 0px 0px 0 0px !important;
border-radius: 100% !important;
font-size: 15px;
text-align: center !important;
background-size: contain !important;
border: 1px solid #333 !important;
}
.login-section .user-section-row img ,
.login-section .user-section-row .item.menu.xh-dropdown.trigger > div img.xh-avatar {
position: fixed !important;
display: inline-block !important;
height: 20px !important;
line-height: 17px;
width: 20px !important;
right: 125px !important;
margin: 0px 0px 0 0px !important;
border-radius: 100% !important;
font-size: 15px;
text-align: center !important;
background-size: contain !important;
/* border: 1px solid aqua !important; */
}
/* (new428) USER MENU OPEN */
.login-section .user-section .item.menu.xh-dropdown.trigger.active ul.user-dropdown.dropdown li a.user-dropdown-link.profile-link {
height: 7.5vh !important;
width: 100% !important;
padding: 2px !important;
border-radius: 5px !important;
background: #333 !important;
border: 1px solid silver !important;
}
.login-section .user-section .item.menu.xh-dropdown.trigger.active ul.user-dropdown.dropdown li a.user-dropdown-link.profile-link div[data-role="user-avatar-dropdown"] {
position: absolute !important;
display: inline-block !important;
float: none !important;
height: 6.9vh !important;
width: 60px !important;
left: 2px !important;
border-radius: 5px !important;
border: 1px solid #222 !important;
}
/* (new429) */
.login-section .user-section .item.menu.xh-dropdown.trigger.active ul.user-dropdown.dropdown li a.user-dropdown-link.profile-link div[data-role="user-avatar-dropdown"] .xh-avatar.xh-avatar.smaller.profile {
display: inline-block !important;
position: absolute !important;
height: 6.5vh !important;
width: 100% !important;
/* height: 20px; */
line-height: 17px;
left: 0 !important;
font-size: 15px;
text-align: center;
border-radius: 5px !important;
background-size: contain;
/* background-color: red !important; */
border: 1px solid #333 !important;
}
.login-section .user-section .user-section-row > a i,
.login-section .user-section .user-section-row > a i:before {
display: inline-block;
font-size: 15px !important;
height: 22px !important;
line-height: 22px !important;
}
.login-section .user-section .items-row .item .xh-icon.cobalt-dark::before {
color: white;
}
.login-section .linked > a {
margin-top: -5px;
padding: 2px;
}
.login-section .user-section .items-row .item.menu > a {
border-bottom: medium none;
display: block;
padding: 0px !important;
}
.login-section .user-section .items-row .item.menu .username {
display: block;
height: 25px;
line-height: 25px;
padding-left: 48px;
font-size: 18px;
color: white;
}
.item.menu.popup.trigger.xh-dropdown:hover .username {
color: gold !important;
}
/* (new428) */
.login-section .item.menu ,
.login-section .user-section-row .item.menu.xh-dropdown.trigger:not(.active) {
position: fixed !important;
width: 50px !important;
height: 2.3vh !important;
right: 104px !important;
top: 1.5px !important;
padding: 0 5px 0 0 !important;
border-radius: 5px !important;
border: 1px solid #333 !important;
}
/* (new428) */
.login-section .trigger::after {
position: absolute;
right: 8px;
top: 13px;
}
.login-section .user-section .items-row .item span.value {
height: 12px !important;
line-height: 8px !important;
border-radius: 3px !important;
text-align: center !important;
}
.user-page article .userpage-status {
margin: 93px 0 30px !important;
}
.user-section .items-row a.item {
transform: scale(0.7);
transform-origin: top center !important;
}
.red-round,
.login-section span.value.red-round {
transform: scale(0.7) !important;
}
/* (new370) */
.login-section .user-dropdown {
position: fixed !important;
min-width: 210px;
margin-top: 0px !important;
right: 5px !important;
top: 2.5vh !important;
z-index: 50000000 !important;
}
/* (new391) IN NOTIFICATION*/
.notifications-page .login-section .user-dropdown {
margin-top: 4.2vh !important;
border: 1px solid red !important;
}
/* TOP NAV LINK - === */
/* (new391) TOP HEADER - TOP MENU - === */
.main-wrap > div[data-role="header"] {
position: fixed !important;
display: inline-block;
height: 25px !important;
line-height: 25px !important;
width: 100% !important;
left:0 !important;
right: 0;
top: 0px !important;
margin: 0;
overflow: hidden !important;
z-index: 5000000000 !important;
border-bottom: 1px solid red !important;
}
.main-wrap > div[data-role="header"] header{
display: inline-block;
min-height: 25px !important;
max-height: 25px !important;
line-height: 25px !important;
width: 100% !important;
left:0 !important;
right: 0;
top: 0px !important;
margin: 0;
}
header .top-header {
position: relative;
display: inline-block !important;
min-height: 25px !important;
max-height: 25px !important;
line-height: 25px !important;
width: 100%;
z-index: 101;
}
header .top-menu.width-wrap {
position: absolute !important;
display: inline-block !important;
clear: none;
height: 25px !important;
line-height: 25px !important;
width: 45%;
margin: 0%;
top: -1px;
padding: 0 !important;
background: #303030;
}
/* (new420) */
header .top-menu-container .top-menu__side-group.left {
position: absolute !important;
display: inline-block !important;
height: 25px !important;
line-height: 25px !important;
min-width: 720px !important;
max-width: 720px !important;
top: 0px !important;
z-index: 5000000 !important;
/* border: 1px solid aqua !important; */
}
.header .top-menu .nav-item__icon--flirtify {
display: none !important;
}
header .top-menu-container .top-menu__side-group.right {
position: absolute !important;
display: inline-block !important;
vertical-align: top !important;
height: 25px !important;
line-height: 25px !important;
width: 110px !important;
left: 720px !important;
/* border: 1px solid yellow !important; */
}
header .top-menu-container .top-menu__side-group.right li.nav-item ,
header .top-menu-container .top-menu__side-group.right li {
display: inline-block !important;
vertical-align: top !important;
height: 25px !important;
min-height: 25px !important;
max-height: 25px !important;
line-height: 25px !important;
}
/* (new435) DASHBOARD - SUP */
header .top-menu-container .top-menu__side-group.right li.dashboard-section-menu {
display: none !important;
}
/* (new334) TOP MENU - MORE SMALL - ALL */
header .top-menu-container .top-menu__side-group.left > li {
position: relative !important;
float: left !important;
height: 100% !important;
min-height: 25px !important;
max-height: 25px !important;
width: auto !important;
max-width: 120px !important;
line-height: 25px !important;
-moz-box-ordinal-group: unset !important;
order: unset !important;
margin-top: 0px !important;
z-index: 5000;
}
header .top-menu-container .top-menu__side-group.left> li.xh-dropdown.nav-item.live-nav.trigger.on-hover a span.with-dot ,
header .top-menu-container .top-menu__side-group.left > li.xh-dropdown.nav-item.live-nav .trigger.on-hover a ,
header .top-menu-container .top-menu__side-group.left> li.xh-dropdown.nav-item.live-nav.displayed-nav-item .trigger.on-hover a span.with-dot ,
header .top-menu-container .top-menu__side-group.left > li.xh-dropdown.nav-item.live-nav.displayed-nav-item .trigger.on-hover a ,
header .top-menu-container .top-menu__side-group.left> li > a ,
header .top-menu-container .top-menu__side-group.left> li > a ,
.top-menu__side-group.right .hideable,
header .top-menu-container .top-menu__side-group.left> li a.trigger.on-hover,
header .top-menu-container .top-menu__side-group.left> li a.trigger.on-hover{
line-height: 12px !important;
margin: 0 0 0 0 !important;
font-size: 12px !important;
}
header .top-menu-container .top-menu .with-dot::before ,
.story-page .controls-container .control-container__text {
display: none !important;
}
header .top-menu-container .theme-section a span,
header .top-menu-container .theme-section a,
header .top-menu-container .theme-section {
display: inline-block !important;
height: 22px !important;
line-height: 22px !important;
}
header .top-menu-container i.xh-icon {
height: 20px !important;
line-height: 20px !important;
font-size: 15px !important;
}
header .top-menu-container .theme-section .circle,
header .top-menu-container .theme-section a span i,
header .top-menu-container .theme-section a span i:after,
header .top-menu-container .theme-section a span i:before {
height: 20px !important;
line-height: 14px !important;
font-size: 12px !important;
}
/* (new327) TOP MENU - THEM PICKER - MENU */
.desktop-theme-picker__links-container {
top: 2vh !important;
}
.desktop-theme-picker__links-container>div:nth-child(odd) {
background: #222 !important;
}
.desktop-theme-picker__links-container>div>div {
line-height: 15px !important;
font-size: 15px !important;
color: peru !important;
}
/* (new320) TOP NAV MENU */
header .top-menu .dropdown {
width: 180px !important;
border: 1px solid red !important;
}
header .top-menu .nav-item.live-nav .dropdown {
min-height: 200px !important;
width: 180px !important;
border: 1px solid aqua !important;
}
/* (new391) IN NOTIFICATION */
header .top-menu-container .dropdown > li {
float: left !important;
width: 170px !important;
line-height: 20px;
padding: 2px 0 4px 5px !important;
text-align: right !important;
overflow: hidden !important;
white-space: pre-wrap !important;
}
header .top-menu-container .dropdown > li > a {
float: left !important;
width: 170px !important;
line-height: 18px !important;
margin: 0 0 0 0 !important;
text-indent: unset !important;
padding: 0 !important;
text-align: left !important;
overflow: hidden !important;
white-space: pre-wrap !important;
}
header .top-menu-container .dropdown > li > a > i {
position: relative !important;
float: left !important;
width: 20px !important;
line-height: 15px;
padding: 0 !important;
}
/* (new327) TOP NAV - MENU - UPLOAD */
li.upload-nav.upload-section-menu ul.dropdown li {
margin: 0 0 0 3px !important;
}
li.upload-nav.upload-section-menu ul.dropdown li:nth-child(odd) {
background: #222 !important;
}
li.upload-nav.upload-section-menu ul.dropdown li.with-icon a {
float: left !important;
width: 160px !important;
line-height: 18px !important;
margin: 0 0 0 0 !important;
text-indent: unset !important;
padding: 0 !important;
text-align: left !important;
overflow: hidden !important;
white-space: pre-wrap !important;
}
li.upload-nav.upload-section-menu ul.dropdown li.with-icon a > i {
float:left !important;
width: 20px !important;
line-height: 15px;
padding: 0 !important;
margin: 0 25px 0 -20px !important;
}
/* FIX COLLAPSE CHROME */
header .top-header + .top-menu-container ul.top-menu__side-group.left li.nav-item[class^="nav-item collapsed-"] {
pointer-events: auto !important;
visibility: visible !important;
}
header .top-menu-container .nav-item.collapsed-nav-item {
pointer-events: auto !important;
visibility: visible !important;
}
header .top-menu-container .nav-item.collapsed-nav-item[data-item="premium"],
header .top-menu-container .nav-item.collapsed-nav-item[data-item="dating"],
header .top-menu-container .top-menu__side-group.left li.nav-item.more-nav.xh-dropdown.collapse-dropdown.delay {
display: none !important;
}
header .top-menu-container .top-menu__side-group.left li.separator {
display: none !important;
}
.nav-element {
position: relative !important;
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
-moz-box-ordinal-group: unset !important;
order: unset !important;
top: 0px !important;
z-index: 5000;
}
header .top-menu-container .top-menu__side-group.left .sale,
header .top-menu-container .top-menu__side-group.left .nav-element.nav-item.displayed-nav-item[data-item="premium"] {
display: none !important;
}
header .top-menu-container .top-menu__side-group.left .nav-element.more-nav {
position: relative !important;
top: 9px !important;
}
header .top-menu-container .top-menu__side-group.left li a.red-round {
height: 20px;
line-height: 10px !important;
color: white !important;
}
.top-menu .width-wrap.clearfix-after {
min-width: 946px;
max-width: 946px;
}
.top-menu .width-wrap.clearfix-after .theme-section.xh-dropdown.delay {
height: 25px;
}
header .top-menu .width-wrap {
position: absolute !important;
display: inline-block !important;
float: none !important;
height: 22px;
}
header .top-menu .width-wrap > ul {
position: absolute !important;
display: inline-block;
float: none !important;
height: 20px !important;
line-height: 17px !important;
margin: 0;
}
header .top-menu .width-wrap > ul:hover {
position: absolute !important;
display: inline-block !important;
float: none !important;
height: 25px !important;
visibility: visible !important;
overflow: visible !important;
z-index: 500000 !important;
}
header .top-menu .width-wrap > ul > li {
display: block;
float: left;
height: 20px !important;
line-height: 17px !important;
}
header .top-menu .width-wrap > ul > li.current {
display: block;
float: left;
height: 23px !important;
line-height: 15px !important;
background: gold !important;
}
header .top-menu .width-wrap > ul > li.current > a {
display: block;
height: 20px !important;
line-height: 10px !important;
min-width: 70px;
padding: 0px 5px;
font-size: 15px !important;
text-align: center;
text-decoration: none;
color: #fff;
}
header .top-menu .width-wrap > ul > li > a {
display: block;
height: 20px !important;
line-height: 17px !important;
min-width: 70px;
padding: 0px 5px;
font-size: 15px !important;
text-align: center;
text-decoration: none;
color: #fff;
}
header .top-menu .width-wrap > ul > li > ul {
position: absolute;
min-width: 180px;
top: 22px !important;
padding: 10px 0;
visibility: hidden;
background: #434343;
}
header .top-menu .width-wrap > ul > li > ul:hover,
header .top-menu .width-wrap > ul > li:hover > ul {
position: absolute;
display: inline-block;
float: none;
min-width: 180px;
top: 29px;
padding: 10px 0;
visibility: visible !important;
}
/* UPLOAD */
header .top-menu .width-wrap .upload-section-menu {
position: absolute;
display: inline-block;
float: none !important;
width: 106px;
height: 20px !important;
line-height: 20px !important;
top: 2px;
left: 830px;
padding: 0px !important;
}
header .top-menu .width-wrap .upload-section-menu .xh-button {
position: relative;
display: block;
height: 20px !important;
line-height: 17px !important;
margin-top: 2px;
padding: 0px !important;
border: 0 none;
cursor: pointer;
font-size: 15px !important;
transition: opacity 0.15s ease 0s;
z-index: 5;
}
.xh-icon.upload.white.hover.to-gray {
float: left;
height: 18px;
margin-top: -14px;
}
.xh-icon.upload.white.hover.to-gray + .hideable {
float: right;
}
header .top-menu .width-wrap .upload-section-menu .xh-button i.upload2 {
height: 20px !important;
line-height: 17px !important;
}
header .top-menu .width-wrap .upload-section-menu ul.dropdown {
z-index: 5000 !important;
}
/* THEME */
header .top-menu .theme-section .active-theme {
height: 27px;
line-height: 29px;
left: -77px;
top: -4px;
}
.top-menu .theme-section.xh-dropdown .dropdown.position-right,
header .top-menu .theme-section .dropdown {
margin-top: -5px !important;
margin-right: 75px;
}
.top-menu .theme-section.xh-dropdown .dropdown.position-right > li.with-icon > a {
padding-left: 40px !important;
padding-right: 0;
width: 123px;
}
.top-menu .theme-section.xh-dropdown .dropdown.position-right > li.with-icon > a:hover,
.xh-icon.sun::before {
color: gold !important;
}
.xh-icon.moon::before {
color: #E4DEC1;
}
/* (new370) USER HEADER - NOT SMALL - :not(.user-header--small) */
.user-header:not(.user-header--small) {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
height: 100% !important;
min-height: 29px !important;
max-height: 29px !important;
top: 25px !important;
padding: 0px !important;
overflow: visible !important;
z-index: 5 !important;
border-bottom: 1px solid red !important;
}
/* (new328) USER HEADER - SMALL - .user-header--small */
.user-header.user-header--small {
position: fixed !important;
display: inline-block !important;
width: 1210px !important;
height: 100% !important;
min-height: 29px !important;
max-height: 29px !important;
top: 25px !important;
padding: 0px !important;
overflow: visible !important;
z-index: 1 !important;
z-index: 50000 !important;
border-bottom: 1px solid red !important;
border-right: 3px solid red !important;
}
/* (new420) USER / ME - TOP HEADER - BLOGS */
.user-page.my-uploads-page .user-header.user-header--small {
position: fixed !important;
display: inline-block !important;
vertical-align: top;
width: 1315px !important;
height: 27px;
line-height: 27px;
left: 0px;
top: 0vh;
margin: 0 !important;
padding: 0;
overflow: visible;
visibility: visible !important;
opacity: 1 !important;
z-index: 10 !important;
background: #111 !important;
border-right: 3px solid red !important;
}
/* (new354) USER / ME - TOP HEADER - BLOGS SUPERLOADER */
.user-page.my-uploads-page .sp-separator ~.main-wrap .user-header.user-header--small {
display: none !important;
}
/* (new351) USER OTHER - TOP HEADER - BLOGS */
.user-page.my-uploads-page.user-blog-page .user-header.user-header--small{
width: 70% !important;
background: #111 !important;
border-right: 3px solid red !important;
}
/* (new378) */
.user-page.friends-page .user-header.user-header--small .user-tabs.sort-section.xh-tabbed ,
.user-page.my-uploads-page .user-header.user-header--small .user-tabs.sort-section.xh-tabbed {
display: inline-block;
width: 650px !important;
height: 27px;
line-height: 27px;
left: auto !important;
top: 0;
margin: 0 0 0 30px !important;
}
/* (new340) MY */
.user-page.favorites-page div[data-role="header"] + div[data-role="top-banners"] {
display: none !important;
}
.user-page.favorites-page .user-header.user-header--small {
width: 1125px !important;
z-index: 50000;
}
.user-header .width-wrap {
position: relative;
display: inline-block !important;
height: 29px !important;
top: 0px !important;
padding: 0px !important;
overflow: visible !important;
z-index: 5000000 !important;
}
/* USER LEFT - ICON USER */
.user-header .header-left {
width: 30px !important;
height: 29px !important;
margin-top: 0px !important;
margin-left: 17px;
}
.user-header .photo-section {
position: relative !important;
display: inline-block !important;
height: 100% !important;
height: 25px !important;
width: 30px !important;
left: 0px !important;
top: -2px !important;
margin-top: 0px !important;
text-align: left !important;
border: 0px solid red !important;
}
.user-header .photo-section .photo-container {
width: 30px !important;
height: 25px !important;
line-height: 25px !important;
transform: scale(1) !important;
}
.user-header .progress-label {
display: none;
}
/* TOP - USER BUDDY - .user-header--small */
.user-header.user-header--small .photo-section {
height: 29px !important;
line-height: 25px !important;
top: 0px !important;
}
.user-header.user-header--small .photo-section a.photo-container {
height: 29px !important;
line-height: 29px !important;
margin-bottom: 0px !important;
}
.user-header.user-header--small .photo-section .photo-container.online::after {
width: 10px !important;
height: 10px !important;
right: 0px !important;
top: 0px !important;
}
.user-header .photo-section .photo-container .xh-avatar.large {
height: 27px !important;
line-height: 27px !important;
width: 25px !important;
font-size: 15px !important;
border: none !important;
}
/* (new328) USER RIGHT - INFOS */
.user-header.user-header--small .user-info-section,
.user-header .user-info-section {
position: absolute !important;
display: inline-block;
height: 27px;
line-height: 27px;
width: auto !important;
left: 50px !important;
top: 0vh !important;
margin: 0 0 0 0 !important;
padding: 0px !important;
vertical-align: top;
overflow: visible !important;
}
/* (new328) USER HEADER - NOT SMALL - :not(.user-header--small) */
.user-header:not(.user-header--small) .user-info-section {
position: absolute !important;
display: inline-block;
height: 27px;
line-height: 27px;
width: 97.3% !important;
left: 50px !important;
top: 0vh !important;
margin: 0 0 0 0 !important;
padding: 0px !important;
vertical-align: top;
overflow: visible !important;
}
/* (new423) USER PROFILE - ICONS VERIFIED / PRODUCER - === */
.user-header .user-achievements {
position: absolute !important;
display: inline-block !important;
float: none;
min-height: 28px !important;
max-height: 28px !important;
line-height: 28px !important;
width: 70px !important;
left: 310px !important;
top: 0px !important;
z-index: 5000000 !important;
text-align: center !important;
transform: scale(1);
background: black !important;
}
.user-header .user-achievements .awards {
display: inline-block !important;
margin-top: 0px !important;
text-align: center !important;
}
.user-header .user-achievements .awards a,
.user-header .user-achievements .awards a i,
.user-header .user-achievements .awards > div,
.user-header .user-achievements .awards .badge-creator,
.user-header .user-achievements .awards .badge-creator-pro,
.user-header .user-achievements .awards .visited-old-version {
display: inline-block;
vertical-align: middle;
height: 20px;
width: 15px;
margin: 2px;
background-repeat: no-repeat;
background-size: contain !important;
background-position: center !important;
}
.user-header .user-achievements a {
display: inline-block;
vertical-align: middle;
height: 20px;
width: 20px;
margin-left: 5px;
background-repeat: no-repeat;
background-size: cover;
}
.user-header .user-achievements .awards a,
.user-header .user-achievements .awards a i,
.user-header .user-achievements a i {
display: inline-block;
vertical-align: middle;
height: 20px;
width: 15px !important;
font-size: 17px !important;
}
/* BADGE MULTI SHAPE - SCALE */
.user-header .user-achievements .awards i.xh-icon.badge-vip {
display: inline-block;
vertical-align: middle;
height: 20px;
width: 25px;
margin-left: 5px;
margin-top: 3px !important;
background-repeat: no-repeat;
background-size: cover;
transform: scale(0.35);
}
/* ALL VALUES */
.info-row .value {
height: 15px;
line-height: 15px !important;
}
/* VALUE FETISH */
.info-row.fetishes .label + .value {
height: auto !important;
line-height: 15px !important;
}
/* VALUE SOCIAL */
.info-row .value-social {
height: auto !important;
line-height: 15px !important;
margin-bottom: 5px;
margin-top: -13px;
}
/* (new328) USER PROFILE - USER NAME + BUTTONS CONTAINER */
.user-header.user-header--small .user-top-infoblock,
.user-header .user-info-section .user-top-infoblock {
display: inline-block !important;
width: auto !important;
height: 27px !important;
line-height: 27px !important;
margin: 0 0 0 0 !important;
}
/* (new328) USER HEADER - SMALL - .user-header--small */
.user-header.user-header--small .user-top-infoblock {
/* background: gold !important; */
}
/* (new311) (new328) USER PROFILE - USER NAME */
.user-header .user-info-section .user-name {
display: inline-block !important;
left: 40px !important;
top: 26px !important;
height: 26px !important;
line-height: 26px !important;
width: 255px !important;
padding-left: 45px !important;
z-index: 50000000 !important;
/* border: 1px solid violet !important; */
}
.user-header .user-info-section .user-name .xh-icon {
height: 26px !important;
line-height: 26px !important;
width: 40px !important;
left: -36px !important;
top: -28px !important;
margin: 0 !important;
transform: scale(0.8) !important;
transform-origin: left center 0 !important;
}
/* (new423) */
.user-header .user-info-section .user-name .value {
float: left;
width: 213px !important;
height: 26px !important;
line-height: 26px !important;
font-size: 15px !important;
border-right: 2px solid red !important;
}
.user-header .user-info-section .user-name a {
width: 205px;
height: 13px;
line-height: 15px !important;
font-size: 15px !important;
overflow: visible;
color: #303030;
}
.user-header .user-info-section .user-name .status {
position: absolute;
display: inline-block;
width: 175px;
height: 30px !important;
line-height: 10px !important;
top: 0px;
left: 285px;
background: black;
}
.user-header .user-info-section .user-status:not(:empty) {
position: fixed !important;
display: inline-block !important;
float: none;
clear: none;
vertical-align: top !important;
width: 178px !important;
height: 30px !important;
line-height: 25px !important;
left: 376px !important;
margin-left: 0px;
top: 23px !important;
padding: 2px 5px !important;
font-size: 15px !important;
overflow: hidden;
opacity: 0 !important;
z-index: 0 !important;
transition: all ease 0.7s;
color: #303030;
background: blue;
}
.user-header .user-info-section .user-top-infoblock .user-name + .user-status:not(:empty):hover,
.user-header .user-info-section .user-top-infoblock .user-name:hover + .user-status:not(:empty) {
position: fixed !important;
display: inline-block !important;
width: 625px !important;
height: 30px !important;
line-height: 30px !important;
font-size: 14px !important;
opacity: 1 !important;
z-index: 5000000 !important;
background: green;
}
.user-header .user-info-section .user-status:not(:empty) .edit-trigger {
display: inline-block !important;
width: 625px !important;
height: 30px !important;
line-height: 30px !important;
border-color: transparent;
color: gold !important;
}
.user-header .user-info-section .user-status:not(:empty) .edit-trigger .when {
display: inline-block !important;
height: 30px !important;
line-height: 20px !important;
margin-bottom: 43px !important;
margin-left: 261px !important;
border-left: 2px solid tomato !important;
color: tomato !important;
}
.user-header .user-info-section .user-name .offline,
.user-header .user-info-section .user-name .online {
position: relative !important;
display: inline-block;
height: 20px !important;
line-height: 20px !important;
margin: 0 0 -7px 10px;
text-transform: uppercase;
}
.user-header .user-info-section .user-name .offline::before,
.user-header .user-info-section .user-name .online::before {
content: "";
display: block;
box-sizing: border-box;
float: left;
height: 10px;
width: 10px;
margin-top: 5px;
border-radius: 50%;
}
/* USER TABS NAV LINKS */
.user-header .user-info-section .user-tabs,
.user-header .user-tabs.sort-section.xh-tabbed {
display: inline-block !important;
width: auto !important;
width: 630px !important;
height: 27px !important;
line-height: 27px !important;
left: 620px !important;
top: 0px !important;
}
/* (new332) USER HEADER - NOT SMALL - :not(.user-header--small) */
.user-header.user-header--small .user-tabs.sort-section.xh-tabbed {
display: inline-block !important;
width: auto !important;
width: 498px !important;
height: 27px !important;
line-height: 27px !important;
left: 670px !important;
top: 0px !important;
}
/* (new423) USER HEADER - NOT SMALL - :not(.user-header--small) */
.user-header:not(.user-header--small) .user-tabs.sort-section.xh-tabbed {
display: inline-block !important;
width: auto !important;
width: 600px !important;
height: 27px !important;
line-height: 27px !important;
left: 830px !important;
top: 0px !important;
/* border: 1px solid aqua !important; */
}
/* (new423) USER - ME/OTHER - TOP NAV - SORT SECTION - :not(.user-videos-page):not(.my-uploads-page) */
.user-page .user-tabs.sort-section.xh-tabbed .xh-tabset.active {
display: inline-block !important;
height: 27px !important;
line-height: 27px !important;
width: 660px !important;
left: 0px;
top: 0px;
/* border: 1px solid yellow !important; */
}
.user-page.user-videos-page.my-uploads-page .user-header.user-header--small {
max-width: 1260px !important;
min-width: 1260px !important;
}
/* PROFILE - EDIT MY PROFILE */
.user-header .user-buttons .edit-tab.sort-section {
position: absolute !important;
width: 30px !important;
height: 30px !important;
line-height: 30px !important;
bottom: 0px;
margin-left: -247px !important;
top: 0px;
}
.user-header .user-buttons .edit-tab.sort-section.xh-tabbed .xh-tabset.active a {
width: 30px !important;
height: 30px !important;
line-height: 30px !important;
padding: 0 5px 0 0 !important;
border-radius: 100% !important;
text-align: center !important;
opacity: 0.4 !important;
}
.user-header .user-buttons:hover .edit-tab.sort-section.xh-tabbed .xh-tabset.active a {
width: 30px !important;
height: 30px !important;
line-height: 30px !important;
margin-top: 1px !important;
padding: 0 5px 0 0 !important;
border-radius: 100% !important;
text-align: center !important;
opacity: 1 !important;
background: rgba(0, 0, 0, 0.27) !important;
border: 2px solid green !important;
}
/* USER TAB - CURRENT TAB - ALL - === */
.user-header .user-info-section .user-tabs .xh-tabset h1.current-tab {
display: inline-block !important;
vertical-align: top !important;
min-height: 25px !important;
line-height: 25px !important;
top: 3px !important;
padding: 0 !important;
}
.user-header .user-info-section .user-tabs .xh-tabset > a.followable.about,
.user-header .user-info-section .user-tabs .xh-tabset > a {
display: inline-block !important;
height: 27px !important;
line-height: 18px !important;
top: 0px !important;
margin: 0 5px !important;
}
.user-header .user-info-section .user-tabs .xh-tabset > a.followable.about {
height: 20px !important;
line-height: 20px;
top: 7px;
margin: 2px 10px 10px 5px !important;
}
.user-header .user-info-section .user-tabs .xh-tabset h1.current-tab.button {
height: 24px !important;
line-height: 24px !important;
top: 7px;
margin: 0px 10px 5px 5px !important;
}
/* CURRENT - COLOR */
.user-header .user-info-section .user-tabs .xh-tabset h1.current-tab a.active {
color: gold !important;
}
.user-header .user-info-section .user-tabs .xh-tabset h1.current-tab a.active span {
color: tomato !important;
}
/* (new423) USER TABS NAV LINKS - USER BUTTONS - FAV / BLOCK SUBSCRIBE / EDIT MY PROFILE - :not(.user-videos-page):not(.my-uploads-page) */
.user-page .user-header .user-name + .user-buttons:not(.xh-dropdown) {
width: auto !important;
height: 27px !important;
line-height: 15px !important;
margin: 0 0 0 10px !important;
top: 0px;
padding: 0 0 0 0 !important;
text-align: left !important;
opacity: 1 !important;
}
/* HOVER */
.user-header .user-name + .user-buttons:not(.xh-dropdown) {
opacity: 1 !important;
}
.user-header .user-name + .user-buttons.xh-dropdown {
position: absolute;
display: inline-block;
height: 100% !important;
min-height: 25px !important;
max-height: 25px !important;
line-height: 25px !important;
top: 0 !important;
right: 0px !important;
}
/* (new328) USER ME - TOP NAV - EDIT PROF - BUTTON */
.user-header .user-name + .user-buttons:not(.xh-dropdown) a.xh-button.line.edit-button {
position: relative !important;
display: inline-block;
width: auto !important;
height: 25px !important;
line-height: 15px !important;
margin: 0px 0 0 0 !important;
padding: 0 0 0 0 !important;
font-size: 0px !important;
}
.user-header .user-name + .user-buttons:not(.xh-dropdown) a.xh-button.line.edit-button:before {
content: "🖍" !important;
display: inline-block;
width: 25px !important;
height: 25px !important;
line-height: 23px !important;
padding: 0 0 0 0 !important;
font-size: 15px !important;
text-align: center !important;
border-radius: 100% !important;
background: red !important;
}
/* (new328) USER - TOP NAV - SUBSCRIB BUTTON */
.user-header .user-buttons .subscribe-block {
display: inline-block;
height: 19px !important;
line-height: 19px !important;
}
.user-header .user-buttons .edit-tab {
position: absolute;
display: inline-block;
left: -1600px !important;
margin-bottom: -17px;
z-index: 50000 !important;
}
.user-header .user-buttons .edit-tab .xh-tabset.active a {
font-size: 10px;
}
/* (new328) */
.user-header .user-buttons > .subscribe-block {
position: relative !important;
display: inline-block !important;
height: 25px !important;
line-height: 25px !important;
margin: 0px 0 0 90px !important;
}
/* (new354) */
.user-header .user-buttons .invite-to-friends-block button,
.user-header .user-buttons .invite-to-friends-block,
.user-header .user-buttons .xh-button.subscribe-button,
.user-subscribe button,
.user-header .user-buttons .send-message,
.user-header .user-buttons .send-message a,
.user-header .user-buttons .invite-to-friends,
.user-header .user-buttons .send-gift,
.user-header .user-buttons a.subscribe-block {
height: 27px !important;
line-height: 27px !important;
margin: 0px 4px 0 0 !important;
}
/* (new354) USER INVITE ACCEPT REQUEST */
.user-header .invite-to-friends-block {
height: 26px !important;
line-height: 26px !important;
padding: 0 0 !important;
border-radius: 5px !important;
z-index: 100 !important;
}
.user-header .user-buttons .invite-to-friends {
height: 24px !important;
line-height: 24px !important;
}
.user-header .invite-to-friends-block button.add-to-friends {
max-width: 160px !important;
height: 27px !important;
line-height: 8px !important;
margin: 0px 0 0 0 !important;
font-size: 10px !important;
}
/* (new285) BLOCKED USER */
.user-header .invite-to-friends-block button.add-to-friends[data-tooltip="This user is blocked"] {
min-width: 190px !important;
max-width: 190px !important;
height: 27px !important;
line-height: 8px !important;
margin: -2px 0 0 0 !important;
font-size: 12px !important;
opacity: 1 !important;
color: white !important;
background: red !important;
}
.user-header .invite-to-friends-block button.add-to-friends[data-tooltip="This user is blocked"] .xh-icon.add-friend::after {
content: "⛔";
font-size: 10px !important;
}
.user-top-infoblock .subscribe-button.subscribed,
.user-header .invite-to-friends-block button.add-to-friends[data-tooltip="Unfriend"],
.user-page .user-header .invite-to-friends-block button.add-to-friends.already-friends {
background: #227B21 !important;
}
.user-header .invite-to-friends-block button.keep-as-subscriber {
height: 24px !important;
line-height: 8px !important;
margin-right: 0;
min-width: 20px !important;
max-width: 20px !important;
background: black !important;
}
/* (new254) USER DROPDOWN TREEDOTS - MENU */
.user-header .user-info-section .xh-button.seamless {
display: none !important;
}
.user-header .user-buttons .send-message + .xh-dropdown.popup.positioned.user-buttons-menu .xh-button.seamless.trigger.no-arrow {
visibility: hidden !important;
}
.user-header .user-buttons .xh-button {
height: 26px !important;
padding: 0 2px !important;
}
.user-header .dropdown.position-left[style="opacity: 0; display: none;"],
.user-header .dropdown.position-left[style="opacity: 1; display: block;"],
.user-header .dropdown.position-left {
position: relative !important;
display: inline-block !important;
vertical-align: middle !important;
width: 100% !important;
min-width: 80px !important;
max-width: 80px !important;
height: 100% !important;
min-height: 2.5vh !important;
max-height: 2.5vh !important;
line-height: 25px !important;
right: 0 !important;
top: 0px !important;
left: 0px !important;
margin: 0px !important;
padding: 0px !important;
opacity: 1 !important;
box-shadow: none !important;
visibility: visible !important;
}
/* (new432) */
.user-header .dropdown.position-left > li,
.user-header .dropdown.position-left > li.with-icon,
.user-header .dropdown.position-left[style="opacity: 0; display: none;"] > li,
.user-header .dropdown.position-left[style="opacity: 1; display: block;"] > li,
.user-header .dropdown.position-left > li:not(:empty) {
position: relative !important;
display: inline-block !important;
width: 100% !important;
min-width: 25px !important;
max-width: 25px !important;
height: 100% !important;
min-height: 2.5vh !important;
max-height: 2.5vh !important;
line-height: 25px !important;
right: 0px !important;
padding: 0px !important;
text-align: left;
font-size: 0 !important;
visibility: visible !important;
/* border: 1px solid aqua !important; */
}
/* (new432) NOT FAV BUTT */
.user-header .dropdown.position-left > li.with-icon:not([data-role="add-to-favorite-button"]) {
top: -8px !important;
/* border: 1px solid green !important; */
}
.user-header .xh-dropdown.popup.positioned.user-buttons-menu .with-icon a {
height: 19px !important;
width: 25px !important;
padding-left: 0px !important;
font-size: 0 !important;
visibility: visible !important;
}
.user-header .xh-dropdown .dropdown > li.with-icon:hover {
background: black !important;
}
.user-header .dropdown.position-left > li:not(:empty) a i {
display: inline-block !important;
width: 100% !important;
min-width: 22px !important;
max-width: 22px !important;
height: 100% !important;
min-height: 19px !important;
max-height: 19px !important;
line-height: 19px !important;
left: 0 !important;
padding: 0px !important;
font-size: 15px !important;
text-align: center !important;
visibility: visible !important;
}
/* (new432) TOP USER DROPDOWN - ADD TO FAV */
.user-header .dropdown.position-left > li button[data-testid="favorite-button"] {
display: inline-block !important;
width: 21px !important;
height: 2.4vh !important;
margin: 0 0 0 0 !important;
top: 0vh !important;
padding: 0 !important;
font-size: 0 !important;
/* border: 1px solid yellow !important; */
}
.user-header .dropdown.position-left > li button[data-testid="favorite-button"] span {
position: absolute !important;
display: inline-block !important;
flex: unset !important;
vertical-align: text-bottom;
top: 1px !important;
left: 2px !important;
}
/* USER TOP NAV - ICON BLOCK USER / DOWNLOAD - - === */
.user-header .block-user {
width: 20px;
height: 20px;
padding: 0;
}
/* VIDEO DOWNLOAD MENU - === */
.controls-container__item.control-container.download-control .item {
font-size: 15px !important;
}
/* VIDEO PLAYER - === */
.main {
margin: 0 auto;
position: relative;
width: 100%;
}
/* (new260) CAT / PORNSTARS / RECOMANDED - PAGES - ==== */
.channel-logo,
.pornstar-logo {
position: relative;
width: 100px;
height: 90px !important;
text-align: center;
border-radius: 5px 0 0 5px;
border: 1px solid red;
background: #303030;
}
.channel-logo img,
.pornstar-logo img {
left: 5px;
top: 3px;
width: 70%;
border-radius: 5px 0 0 5px;
}
.channel-logo .logo-container,
.pornstar-logo .logo-container {
background-repeat: no-repeat !important;
background-position: center center !important;
}
.channel-logo .xh-icon,
.pornstar-logo .pornstar,
.pornstar-logo .pornstar-male {
color: #dadada;
font-size: 38px;
height: 80px !important;
line-height: 60px !important;
vertical-align: middle;
}
/* SUBSCRIPTION CHANNELS / PORNSTAR - MENU MOST POP CHAN*/
.subscriptions-page .channel-logo-container__info {
padding: 10px 10px 10px 80px !important;
}
.subscriptions-page .channel-logo-container .channel-logo {
height: 63px !important;
width: 65px;
border-radius: 5px !important;
border: none !important;
}
.subscriptions-page .channel-logo-container .channel-logo .logo-container {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0px;
border-radius: 5px !important;
object-fit: contain !important;
border: 1px solid red;
}
/* (new281) CATEGORY - LEFT SIDEBAR */
aside .categories-list {
z-index: 0 !important;
}
/* (new229) CATEGORY */
html.category-page {
display: inline-block !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
top: 0px;
padding: 0;
overflow: hidden !important;
}
/* html.best-page > body, */
.category-page body {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
height: auto !important;
max-height: 97vh !important;
top: 25px !important;
padding: 0;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new327) - NO SUPERLOADER */
.category-page body > .main-wrap:first-of-type main ,
/* html.best-page > body > .main-wrap:first-of-type main , */
html.category-page > body > .main-wrap:first-of-type main,
html.newest-page > body > .main-wrap:first-of-type main {
display: inline-block !important;
max-width: 100%;
min-width: 100%;
width: 100%;
height: 100% !important;
min-height: 95vh !important;
top: 0px !important;
overflow: hidden !important;
padding: 0 0 0 0 !important;
z-index: 50 !important;
}
/* (new327) - SUPERLOADER */
html.category-page body > .main-wrap main ,
html.category-page > body > .main-wrap main,
html.newest-page > body > .main-wrap main {
padding: 0 0 0 0 !important;
overflow: visible !important;
z-index: 50 !important;
}
/* (new281) NEWEST */
html.newest-page > body > .main-wrap:first-of-type main {
min-height: 99vh !important;
}
/* (new328) */
.category-page main > .width-wrap {
top: 0px;
padding: 0;
}
.best-page .width-wrap > aside ,
.category-page .pages-category.width-wrap aside ,
.category-page main > .width-wrap aside {
position: absolute !important;
margin: 0 !important;
z-index: 0 !important;
background: #111 !important;
}
html.category-page body .sp-separator ~ .main-wrap main aside {
display: none !important;
}
.category-page h1.category-title {
display: inline-block;
width: 909px;
line-height: 34px;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 25px !important;
font-size: 20px;
}
/* (new399) CAT - TAGS / BEST / PORNSTAR TUMB EMPTY - TOP HEADER CATEG LIST */
html.category-page body > .main-wrap:first-of-type article ul.categories-container,
.category-page .category-info ul.categories-container,
.category-info .categories-container {
position: fixed !important;
width: 650px !important;
height: 32px;
right: 0px !important;
top: 9.2vh !important;
margin: 0 0 0 0 !important;
padding: 0px 0px 0px 0px !important;
border-radius: 5px;
text-align: right !important;
overflow: hidden !important;
z-index: 5000000000 !important;
border: 1px solid red !important;
}
/* (new3913) TAG/ NEWEST PAGES */
html.newest-page .categories-container,
html.category-page body > .main-wrap:first-of-type .category-info .video-filter + .category-title + .channel-info-filters--wrap + p.large + ul.categories-container,
html.category-page body > .main-wrap:first-of-type .category-info .video-filter + .category-title + .channel-info-filters--wrap + ul.categories-container {
position: fixed !important;
width: 650px !important;
height: 32px;
left: 285px !important;
top: 6vh !important;
margin: 0 0 0 0 !important;
padding: 0px 0px 0px 0px !important;
border-radius: 5px;
overflow: hidden !important;
z-index: 5000000000 !important;
}
html.category-page body > .main-wrap:first-of-type article ul.categories-container:hover,
.category-page .categories-container.collapsable-list.collapsing:hover,
.category-page .category-info ul.categories-container.collapsed:hover,
.category-info .categories-container:hover {
display: inline-block !important;
height: 100% !important;
min-height: 400px !important;
max-height: 400px !important;
line-height: 24px !important;
z-index: 5000000000 !important;
background: black;
}
/* (new327) CATEG - PORNSTAR INFO - TAG CONTAINE */
.category-page ul.categories-container {
position: fixed !important;
width: 650px !important;
height: 32px;
right: 0 !important;
top: 9vh !important;
margin: 0 0 0 0 !important;
padding: 0px 0px 0px 0px !important;
border-radius: 5px;
overflow: hidden !important;
z-index: 5000000000 !important;
}
.category-page ul.categories-container:hover{
display: inline-block !important;
height: 100% !important;
min-height: 400px !important;
max-height: 400px !important;
line-height: 24px !important;
z-index: 5000000000 !important;
background: #111 !important;
}
.category-page ul.collapsable-list.categories-container.collapsable-list--collapsed li.collapsable-list__item.categories-container__item.linking-vertical-item:not(.collapsable-list__item--padded):not(.collapsable-list__item--collapsed):not(.collapsable-list__toggle),
.category-page .categories-container.collapsable-list > li:not(.collapsable-list__toggle),
.category-page .categories-container.collapsable-list.collapsed > li.collapsed-item:not(.collapsable-list__toggle),
.category-page .categories-container.collapsable-list.collapsed > li:not(.collapsable-list__toggle),
.category-info .categories-container .categories-container__item:not(.collapsable-list__toggle) {
float: left !important;
min-height: 26px !important;
max-height: 24px !important;
line-height: 24px !important;
margin: 0 0 3px 0 !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
.collapsable-list--collapsed .collapsable-list__item--collapsed {
visibility: visible !important;
}
.collapsable-list__toggle {
display: none !important;
}
.category-info .categories-container .categories-container__item {
float: left !important;
min-height: 26px !important;
max-height: 24px !important;
line-height: 24px !important;
margin: 2px 0 3px 0 !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
.category-page .categories-container.collapsable-list > li.collapsable-toggle {
position: absolute !important;
right: 0 !important;
margin-left: 0 !important;
}
/* (new315) CAT LIST - BUT TOOGLE + ITEM HIDDEN > VISIBLE */
.category-page li[class^="item-"][class*="toggle-"] {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 15px !important;
max-width: 15px !important;
height: 25px !important;
margin: 0px !important;
top: 0 !important;
right: 0 !important;
padding: 0 !important;
border-radius: 3px !important;
text-align: center !important;
border: 1px solid aqua !important;
}
/* (new327) */
.category-page li[class^="item-"][class*="toggle-"] .xh-icon.arrow-bottom-new::before {
content: "🔻" !important;
width: 15px !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
font-size: 10px !important;
}
.category-page li.categories-container__item.linking-vertical-item[class^="item-"] ,
.category-page li.categories-container__item.linking-vertical-item[class^="item-"][class*="itemCollapsed-"] {
display: inline-block !important;
visibility: visible !important;
}
/* (new263) CAT INFO - ALL - FOOTER */
html.category-page footer.footer {
position: fixed !important;
width: 10%;
height: 10px;
left: 0;
bottom: 0;
margin: 0 auto;
overflow: hidden;
transition: all 0.7s ease 0s;
z-index: 500;
background: black;
border-top: 1px solid #dadada;
}
html.category-page footer.footer:hover {
height: 302px !important;
width: 100% !important;
}
/* (new280) CAT INFO - CHAN / PORNS */
/* (new288) CHANNEL */
.category-page .category-info.channel {
min-height: 95px !important;
max-height: 95px !important;
margin-bottom: 5px !important;
border-bottom: 1px solid red !important;
}
.category-page .category-info.channel .channel-info {
position: absolute !important;
display: inline-block !important;
min-height: 70px !important;
max-height: 70px !important;
width: 100% !important;
margin: 0 !important;
top: 0 !important;
font-size: 0 !important;
}
/* (new312) */
.category-page .category-info.channel .channel-info:before {
content: "Channels \A 📺" !important;
position: absolute !important;
display: inline-block !important;
min-height: 90px !important;
max-height: 90px !important;
line-height: 34px !important;
min-width: 90px !important;
max-width: 90px !important;
text-align: center !important;
font-size: 20px !important;
white-space: pre !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
.category-page .category-info.channel .channel-info .landing-info__logo {
position: relative;
min-width: 104px;
min-height: 90px !important;
max-height: 90px !important;
line-height: 90px !important;
margin-right: 10px;
border-radius: 5px;
text-align: center;
overflow: hidden;
}
.channel-info .landing-info__logo .xh-icon {
position: absolute !important;
display: inline-block !important;
width: 23px !important;
height: 23px !important;
line-height: 20px !important;
vertical-align: middle !important;
top: 0 !important;
right: 0 !important;
margin: 0 !important;
font-size: 20px !important;
text-align: center !important;
border-radius: 100% !important;
z-index: 1000 !important;
border: 1px solid red !important;
}
.channel-info .landing-info__logo .xh-icon::before {
width: 20px !important;
height: 20px !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
border-radius: 100% !important;
background: #111 !important;
}
.category-page .category-info.channel .channel-info__content {
display: inline-block !important;
width: 940px !important;
margin-left: 100px !important;
padding: 0 5px 5px 0 !important;
}
.category-page .category-info.channel .channel-info__content .buttons.no-wrap {
float: right;
margin-left: 0;
max-width: 930px;
min-width: 930px;
padding-top: 1px;
text-align: right;
}
.category-page .category-info.channel .buttons .sub-button {
float: right;
}
.category-page .category-info.channel .channel-info__content .buttons.no-wrap > div.counters {
max-width: 300px !important;
margin-left: 5px !important;
padding-top: 3px !important;
text-align: left !important;
}
/* (new229) CAT - H1 - CHANNEL */
.category-page .category-info.channel .channel-info__content h1.category-title {
position: absolute !important;
display: inline-block;
width: 909px;
height: 24px;
line-height: 24px;
margin-bottom: 0px;
margin-top: 35px;
padding-left: 7px !important;
font-size: 20px;
}
.category-page .category-info.channel .category-place {
position: absolute !important;
right: 695px !important;
margin-top: 35px !important;
}
.category-info .channel-info-filters--wrap {
left: 25px;
}
.category-page .category-info.channel + .top-video-block--banner + .index-videos.mixed-section {
top: 0px !important;
border-top: 1px solid yellow !important;
}
/* CHANNEL PORNSTAR with BUDDY - FILTER */
.category-info.pornstar .channel-info-filters--wrap {
left: 100px !important;
}
.category-info.pornstar .pornstar-info .pornstar-logo + .pornstar-info-block + .channel-info-filters--wrap {
left: 100px !important;
}
.category-info.pornstar .pornstar-info .pornstar-logo + .pornstar-info-block + .channel-info-filters--wrap {
position: absolute !important;
display: inline-block;
width: 693px;
left: 100px;
top: 68px !important;
text-align: left !important;
border-bottom: 1px solid red !important;
}
.category-page .category-info.channel + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent {
position: relative !important;
top: 0px !important;
margin-top: 0px !important;
}
.category-page .category-info.channel + .index-videos.dated-list {
margin-top: 0px !important;
margin-bottom: -20px !important;
border: 1px solid red;
}
/* CAT - THUMBNAIL - PORNSTAR */
/* (new281) CAT - H1 - ALL */
.category-page h1.category-title,
h1.category-title {
display: inline-block;
width: 909px;
line-height: 20px;
margin: 4px 0 0 100px !important;
padding-left: 25px !important;
font-size: 20px;
}
/* (new328) TAGS - FILTER 4K etc */
.category-page .main-wrap .pages-category div[class^="root-"] > [class^="filter-"] {
position: fixed !important;
display: inline-block !important;
float: none !important;
vertical-align: middle;
height: 3.7vh !important;
margin: 0 0 0 0 !important;
top: 2.8vh !important;
left: 1040px !important;
right: unset !important;
z-index: 500000 !important;
}
.category-page .category-info.channel .channel-info__content h1.category-title {
margin: 0px 0 0 5px !important;
}
/* (new328) CATG INFOS - INDICATOR */
.category-page .main-wrap .pages-category div[class^="root-"] h1:before ,
.category-page .category-info h1.category-title:before,
html.best-page h1.category-title:before,
.newest-page h1.category-title:before,
.category-page .category-info.channel .channel-info__content h1.category-title:before,
.category-page .category-info .video-filter + h1.category-title:before,
.category-info .video-filter + h1.category-title:before {
position: fixed !important;
display: inline-block !important;
height: 90px !important;
line-height: 34px !important;
width: 90px !important;
left: 190px !important;
top: 3vh !important;
border-radius: 3px !important;
font-size: 18px !important;
text-align: center !important;
color: gold !important;
background: transparent !important;
border: 1px solid red !important;
}
/* (new313) */
.category-page .category-info h1.category-title:before {
content: "Categories" !important;
line-height: 54px !important;
font-size: 16px !important;
}
/* (new281) NEWEST */
.newest-page h1.category-title:before {
content: "Newest" !important;
}
/* (new313) BEST PAGES */
html.best-page h1.category-title:before {
content: "BEST \a 🏆" !important;
white-space: pre !important;
}
/* (new304) TAGS PAGES (cf URL PREF) */
.category-page .main-wrap .pages-category div[class^="root-"] h1:before ,
.category-page .category-info .video-filter + h1.category-title:before {
content: "TAGS" !important;
}
/* (new376) TAGS - FLAGS */
.category-page .main-wrap .pages-category div[class^="root-"] h1 + i.xh-flag{
position: fixed !important;
display: inline-block;
top: 8vh !important;
left: 230px !important;
}
/* (new281) CHANNELS */
.category-page .category-info.channel .channel-info__content h1.category-title:before {
content: "Channels" !important;
}
/* (new282) CAT - H1 - PORNSTAR LOGO */
html.best-page .category-infor h1.category-title,
.category-page .category-info.pornstar h1.category-title,
.category-info h1.category-title {
padding-left: 5px !important;
font-size: 20px;
}
.real-section,
.category-page .category-info.pornstar h1.category-title + a.category-place + .real-section {
position: absolute !important;
display: inline-block !important;
line-height: 15px !important;
max-width: 441px !important;
right: 705px !important;
top: 42px !important;
padding-top: 0px!important;
overflow: hidden;
font-size: 14px;
white-space: pre-wrap !important;
color: gold !important;
}
html.best-page .category-place,
.category-page .category-info.pornstar .category-place,
.category-info .category-place {
position: absolute !important;
top: 8px !important;
right: 890px !important;
}
html.best-page h1.category-title + p.large,
.category-page h1.category-title + p.large,
h1.category-title + p.large {
margin-top: -40px !important;
}
/* CAT - TAGS - FILTER HORIZONTAL */
/* .category-page .sort-section.xh-tabbed.no-upper , */
.category-page .sort-section.xh-tabbed.no-upper {
position: fixed !important;
height: 22px;
line-height: 20px;
margin: 7.3vh 0 0 100px !important;
z-index: 50000000 !important;
background: brown !important;
}
/* CAT - BEST - FILTER HORIZONTAL */
html.best-page .sort-section.xh-tabbed .xh-tabset,
.category-page .sort-section.xh-tabbed .xh-tabset {
position: relative;
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
}
html.best-page .sort-section .button.darkest.xh-dropdown:first-of-type::before,
.category-page .sort-section .button.darkest.xh-dropdown:first-of-type::before,
.sort-section .button.darkest.xh-dropdown:first-of-type::before {
display: none;
}
.category-page .sort-section.xh-tabbed .xh-tabset > span,
.category-page .sort-section.xh-tabbed .xh-tabset > a {
position: relative;
display: inline-block;
height: 22px !important;
line-height: 17px !important;
margin-right: 5px !important;
margin-left: 5px !important;
top: 0px !important;
padding: 0 4px;
font-size: 12px !important;
text-transform: uppercase;
transition: color 0.15s ease 0s;
}
/* (new423) DEL FILTER - ALL */
.sort-section.xh-tabbed.no-upper .xh-tabset + .xh-tabset a span {
display: none !important;
}
.sort-section.xh-tabbed.no-upper .xh-tabset + .xh-tabset a i {
height: 20px !important;
width: 20px !important;
line-height: 17px !important;
margin: -2px 0 0 0 !important;
padding: 0px !important;
border-radius: 100% !important;
text-align: center !important;
background: gold !important;
}
.sort-section.xh-tabbed.no-upper .xh-tabset + .xh-tabset a i.xh-icon.cross::before {
content: "❌";
font-size: 10px !important;
}
/* (new281) FILTER - TAGS / BEST */
/* .pornstar-page .pornstar-container__filters , */
html.best-page .category-info .video-filter + h1 + .channel-info-filters--wrap,
.category-page .category-info .video-filter + h1 + .channel-info-filters--wrap,
.category-info .video-filter + h1 + .channel-info-filters--wrap {
position: absolute !important;
display: inline-block;
width: 1040px !important;
left: 100px !important;
top: 7.6vh !important;
border-bottom: 1px solid red !important;
}
/* (new327) SIDEBAR LEFT - FILTER - PORNSTARS / CHANNELS / BEST PAGE - NEW - [class^="filter-"] */
html.best-page .channel-info-filters--wrap,
.category-info .channel-info-filters--wrap,
.category-info.pornstar .channel-info-filters--wrap,
.category-info .channel-info-filters--wrap,
.channel-info-filters--wrap {
position: absolute !important;
display: inline-block !important;
width: 970px !important;
left: 100px;
top: 7.6vh !important;
margin: 0 !important;
text-align: left !important;
z-index: 50000 !important;
border-bottom: 1px solid red !important;
border-right: 1px solid red !important;
}
.category-page .category-info.channel .channel-info-filters--wrap {
margin: 0 !important;
width: calc(100% - 120px);
}
/* (new415) CHANNEL - FILTER - ALL */
.category-page .pages-category .false .landing-info__filters ,
.category-page .pages-category .landing-info__filters ,
.category-page .category-info.pornstar .landing-info__filters {
position: fixed !important;
display: inline-block !important;
top: 3vh !important;
left: 200px !important;
z-index: 50000000 !important;
}
html.best-page .category-info .sort-section.xh-tabbed.no-upper,
html.best-page .category-info.pornstar .sort-section.xh-tabbed.no-upper,
.category-page .category-info .sort-section.xh-tabbed.no-upper,
.category-page .category-info.pornstar .sort-section.xh-tabbed.no-upper,
.category-info .sort-section.xh-tabbed.no-upper,
.category-info .sort-section.xh-tabbed.no-upper {
display: inline-block !important;
height: 17px;
line-height: 17px;
margin: 0 !important;
}
html.best-page .sort-section.xh-tabbed .xh-tabset > a.current-tab,
.category-page .sort-section.xh-tabbed .xh-tabset > a.current-tab,
.sort-section.xh-tabbed .xh-tabset > a.current-tab {
background: #333 !important;
}
html.best-page .sort-section.xh-tabbed .xh-tabset > a.current-tab.filter-added,
.category-page .sort-section.xh-tabbed .xh-tabset > a.current-tab.filter-added,
.sort-section.xh-tabbed .xh-tabset > a.current-tab.filter-added {
border-top: 1px solid red !important;
border-bottom: 3px solid red !important;
background: black !important;
}
html.best-page .sort-section.xh-tabbed .xh-tabset > span,
.category-page .sort-section.xh-tabbed .xh-tabset > span {
margin-right: 15px !important;
padding-right: 15px !important;
}
html.best-page .category-info .see-also,
.category-page .category-info .see-also,
.category-info .see-also {
position: relative;
display: inline-block;
height: 17px;
line-height: 17px;
margin-top: 3px;
}
/* (new376) TAGS - DESCRIPTION */
h1 + div[class^="filter-"] + .sort-section.with-hub.xh-tabbed.no-upper + p ,
html.category-page .pages-category h1 + div[class^="filter-"] + .sort-section.with-hub.xh-tabbed.no-upper + p ,
html.best-page h1 + .sort-section.xh-tabbed.no-upper + p,
.category-page h1 + .sort-section.xh-tabbed.no-upper + p,
h1 + .sort-section.xh-tabbed.no-upper + p ,
.category-page p[class^="description-"]{
position: fixed !important;
display: inline-block;
width: 500px !important;
line-height: 14px;
top: 2.5vh !important;
margin: 0 0 0 -20px !important;
padding: 2px 2px 2px 2px !important;
text-align: left !important;
z-index: 5000000 !important;
visibility: hidden !important;
}
h1 + div[class^="filter-"] + .sort-section.with-hub.xh-tabbed.no-upper + p:hover ,
html.category-page .pages-category h1 + div[class^="filter-"] + .sort-section.with-hub.xh-tabbed.no-upper + p:hover ,
html.best-page h1 + .sort-section.xh-tabbed.no-upper + p:hover,
.category-page h1 + .sort-section.xh-tabbed.no-upper + p:hover,
h1 + .sort-section.xh-tabbed.no-upper + p:hover ,
.category-page p[class^="description-"]:hover {
padding: 2px 10px 15px 10px !important;
z-index: 5000000 !important;
visibility: visible !important;
background: black !important;
border: 1px solid red !important;
}
h1 + div[class^="filter-"] + .sort-section.with-hub.xh-tabbed.no-upper + p:before,
html.category-page .pages-category h1 + div[class^="filter-"] + .sort-section.with-hub.xh-tabbed.no-upper + p:before,
html.best-page h1 + .sort-section.xh-tabbed.no-upper + p:before,
.category-page h1 + .sort-section.xh-tabbed.no-upper + p:before,
h1 + .sort-section.xh-tabbed.no-upper + p:before ,
.category-page p[class^="description-"]:before {
content: "�" !important;
position: relative;
display: inline-block;
height: 20px !important;
line-height: 14px;
width: 20px !important;
top: 4px !important;
padding: 2px !important;
text-align: center !important;
z-index: 5000 !important;
visibility: visible !important;
color: gold !important;
background: green !important;
}
html.best-page .category-info.pornstar .sort-section.xh-tabbed.no-upper + p.large,
.category-page .category-info.pornstar .sort-section.xh-tabbed.no-upper + p.large,
.category-info .sort-section.xh-tabbed.no-upper + p.large {
margin-top: -10px !important;
}
/* (new418) CAT INFO - NOT PORNSTAR INFO + ALL - FIXED - ALL TEMPLATE */
.category-page .pages-category .false ,
.category-page .main-wrap main article .category-info ,
.category-page .main-wrap .pages-category article > div[class^="root-"] ,
.false .landing-info ,
.best-page .category-info,
html.category-page .category-info {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 1730px !important;
max-width: 1730px !important;
min-height: 95px !important;
max-height: 95px !important;
margin: 0 !important;
top: 2.7vh !important;
left: 190px !important;
overflow: visible !important;
z-index: 50000 !important;
visibility: visible !important;
background: #111 !important;
border-bottom: 1px solid red !important;
}
html.category-page body .sp-separator ~ .main-wrap main .category-info{
display: none !important;
}
html.category-page body .sp-separator ~ .main-wrap main {
z-index: 0 !important;
}
.category-page .main-wrap .pages-category div[class^="root-"] h1[class^="title-"] ,
.false .landing-info .landing-info__wrapper ,
html.category-page .category-info.pornstar .pornstar-info {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 1070px !important;
max-width: 1070px !important;
min-height: 9.6vh !important;
max-height: 9.6vh !important;
z-index: 5000000 !important;
border-right: 1px solid red !important;
}
/* (new328) TAGS TITLE CONTAINER HEIGHT */
.category-page .main-wrap .pages-category div[class^="root-"] h1[class^="title-"] {
width: 100% !important;
min-width: 1070px !important;
max-width: 1070px !important;
padding: 0 0 0 100px !important;
border-right: 1px solid red !important;
}
/* NO THUMBNAIL ACTORS */
.pornstar-info > div:empty:not(.landing-info__logo-image):before {
content: "Pornstar \A 👤" !important;
display: inline-block !important;
min-height: 90px !important;
max-height: 90px !important;
line-height: 34px !important;
min-width: 90px !important;
max-width: 90px !important;
text-align: center !important;
font-size: 20px !important;
white-space: pre !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
html.category-page .category-info.pornstar .buttons.no-wrap {
float: right;
min-width: 930px !important;
max-width: 930px !important;
margin-left: 0px;
padding-top: 1px !important;
text-align: right;
}
html.category-page .category-info.pornstar .buttons.no-wrap > div {
float: right;
min-width: 310px !important;
max-width: 310px !important;
margin-left: 10px;
}
html.category-page .category-info.pornstar .buttons.no-wrap > div.buttons-container {
min-width: 370px !important;
max-width: 170px !important;
margin-left: 10px;
text-align: right;
}
html.category-page .category-info.pornstar .buttons.no-wrap > div.pornstar-verify-button-container {
position: absolute !important;
float: none;
min-width: 470px !important;
max-width: 470px !important;
right: 955px;
text-align: left !important;
}
html.category-page .category-infopornstar .buttons .counters {
font-size: 14px;
padding-top: 3px;
text-align: right;
}
/* (new274) NO PORNSTAR THUMB */
html.category-page .category-info.pornstar .pornstar-info > .pornstar-info-block {
display: inline-block;
width: 940px !important;
margin-left: 120px !important;
padding: 0 5px 5px 0 !important;
}
html.category-page .category-info.pornstar .pornstar-info .landing-info__logo + .pornstar-info-block {
display: inline-block;
width: 940px !important;
margin-left: -20px !important;
padding: 0 5px 5px 0 !important;
}
html.category-page .category-info.pornstar .pornstar-info > .pornstar-info-block:before {
content: "Pornstar" !important;
position: absolute !important;
display: inline-block;
width: 95px !important;
height: 90px !important;
line-height: 30px !important;
left: 0px !important;
padding: 0 !important;
border-radius: 5px 0 0 5px !important;
text-align: center !important;
font-size: 20px !important;
z-index: 0 !important;
border: 1px solid red !important;
}
html.category-page .category-info.pornstar .pornstar-info .landing-info__logo + .pornstar-info-block:before {
display: none !important;
}
/* (new328) CAT - PORNSTAR LOGO */
html.category-page .category-info.pornstar .pornstar-info .landing-info__logo {
position: relative;
float: left;
width: 100px;
min-width: 100px;
height: 9.5vh !important;
line-height: 100px !important;
margin: 0 30px 0 0 !important;
border-radius: 5px;
text-align: center;
overflow: hidden;
border: 1px solid red !important;
}
.landing-info__logo ,
.landing-info__logo-wrapper {
display: inline-block !important;
height: 100%;
width: 99px !important;
}
.landing-info__logo-wrapper + a {
position: fixed !important;
display: inline-block !important;
top: 3.2vh !important;
left: 178px !important;
bottom: unset !important;
opacity: 0.8 !important;
z-index: 5000000 !important;
background-color: #303030 !important;
}
.landing-info__logo-image {
position: absolute;
width: 99px !important;
height: 100% !important;
line-height: 10px !important;
left: 0 !important;
top: 0 !important;
background-repeat: no-repeat !important;
object-fit: contain !important;
}
.landing-info__logo-wrapper .xh-icon.pornstar {
position: absolute;
width: 95px !important;
height: 95% !important;
line-height: 75px !important;
left: 0;
top: 0;
background-repeat: no-repeat !important;
object-fit: contain !important;
}
/* (new327) CAT - PORNSTAR/CHANNEL - LANDING INFOS - LOGO */
.category-page .false .landing-info .landing-info__logo {
display: inline-block !important;
height: 100%;
min-height: 95px !important;
max-height: 95px !important;
width: 99px !important;
}
.category-page .false .landing-info .landing-info__logo .landing-info__logo-wrapper {
display: inline-block !important;
height: 100%;
min-height: 95px !important;
max-height: 95px !important;
width: 99px;
}
.category-page .false .landing-info .landing-info__logo .landing-info__logo-wrapper .landing-info__logo-image {
display: inline-block !important;
height: 100% !important;
max-height: 95px !important;
min-height: 95px !important;
background-size: contain !important;
background-position: center center !important;
background-color: #111 !important;
}
/* (new353) CAT - PORSTAR / CHANNEL - NAME */
.category-page .false .landing-info .landing-info__user ,
.category-info .landing-info__user {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 10vh !important;
max-height: 10vh !important;
width: 1070px !important;
padding: 0 0 0 125px !important;
z-index: 500000 !important;
}
/* (new415) CAT CHANNEL - CHANNEL NAME - CONTAINER */
.category-page .false .landing-info .landing-info__user {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 965px !important;
max-width: 965px !important;
height: 100%;
min-height: 95px !important;
max-height: 95px !important;
margin: 0vh 0 0 -7px !important;
padding: 0 0px 0 15px !important;
}
.category-page .false .landing-info .landing-info__user .landing-info__user-name {
align-items: center;
display: flex;
width: 805px !important;
/* background: olive !important; */
}
.landing-info__user-name .landing-info__user-title {
width: 592px !important;
margin: 0;
font-size: 19px !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/* (new415) */
.category-page .false .landing-info .landing-info__user .landing-info__block {
position: fixed !important;
display: inline-block !important;
flex-direction: unset;
clear: none;
width: auto !important;
height: 25px;
line-height: 20px;
margin: 0;
/* right: 670px; */
left: 300px !important;
top: 7.5vh !important;
padding: 0;
text-align: right;
}
.category-page .false .landing-info .landing-info__user .sort-section.with-hub.xh-tabbed.no-upper {
position: absolute !important;
display: inline-block !important;
width: 961px !important;
top: 7.6vh;
left: 5px;
margin: 0;
text-align: left;
z-index: 50000;
border-bottom: 1px solid red;
border-right: 1px solid red;
}
.category-info .landing-info__user-name {
height: 30px !important;
min-width: 500px !important;
max-width: 700px !important;
}
/* (new288) */
.category-info .landing-info__user-name .landing-info__user-title {
line-height: 18px !important;
height: 20px !important;
margin: 0!important;
font-size: 18px!important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.category-info .landing-info__block {
position: fixed !important;
clear: none !important;
flex-direction: unset !important;
width: auto !important;
height: 25px !important;
line-height: 20px !important;
margin: 0 0 0 0 !important;
top: 7.5vh !important;
right: 670px !important;
padding: 0 !important;
text-align: right !important;
overflow: visible !important;
}
.landing-info__verify.landing-info__verify--request-verification {
display: none !important;
}
/* (new327) SOCIAl BUTTON - ALL */
.landing-info__social-block {
position: fixed;
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
right: 680px !important;
top: 6vh !important;
margin: 0 !important;
text-align: left !important;
z-index: 50000 !important;
}
/* (new337) CAT - SOCIAl BUTTON */
.category-page ul.pornstar-socials {
display: inline-block !important;
width: auto !important;
vertical-align: top !important;
height: 17px !important;
line-height: 10px !important;
margin: 0 !important;
text-align: center !important;
}
.category-page ul.pornstar-socials li.pornstar-socials__item--visible {
display: inline-block !important;
float: left !important;
height: 17px !important;
line-height: 15px !important;
margin: 0px 3px 0 -2px !important;
}
/* (new415) VOTE AWARD - IN CREATOR VDEO PAGE */
.landing-info__communication-block .landing-info__awards-vote-button {
position: fixed !important;
display: inline-block !important;
height: 17px !important;
line-height: 17px !important;
margin: 0vh 0px 0 0px !important;
top: 7.4vh !important;
left: 215px !important;
}
.landing-info__communication-block .landing-info__awards-vote-button > span[class^="logo-"] {
height: 20px !important;
line-height: 20px !important;
padding: 0px 0px 0px 5px !important;
}
.landing-info__communication-block .landing-info__awards-vote-button > span[class^="logo-"] i.xh-icon.awards {
display: inline-block !important;
height: 100% !important;
min-height: 15px !important;
max-height: 15px !important;
line-height: 10px !important;
font-family: xh-icons !important;
}
/* (new398) XHAM LOGO */
.landing-info__communication-block .landing-info__awards-vote-button > span[class^="logo-"] i.xh-icon.awards:before {
display: none !important;
height: 100% !important;
min-height: 15px !important;
max-height: 15px !important;
line-height: 19px !important;
margin: 0px 0 0 0px !important;
color: #f5f5f5;
content: "" !important;
font-family: xh-icons !important;
z-index: 1;
font-size: 15px !important;
}
/* RED */
.landing-info__communication-block .landing-info__awards-vote-button > span[class^="logo-"] i.xh-icon.awards::after {
display: none !important;
color: #e34449;
content: "" !important;
margin: 2.5px 0 0 1px !important;
font-size: 14px !important;
font-family: xh-icons !important;
z-index: 2;
}
.landing-info__communication-block .landing-info__awards-vote-button > span[class^="logo-"] span[class^="logoLabel-"] {
width: 124px !important;
height: 20px !important;
line-height: 21px !important;
text-transform: uppercase;
font-size: 9px !important;
}
.landing-info__communication-block .landing-info__awards-vote-button > span[class^="logoLabel-"] {
display: none !important;
}
/* (new396) AWARD - IN VDEO PAGE */
.video-page #video-tags-list-container ul.video-categories-tags[class*="collapsed-"] li[class*="itemCollapsed-"]:not([class*="toggle-"]) a[href^="https://xhamster.com/awards/"] {
display: inline-block;
height: auto;
min-width: 132px !important;
max-width: 132px !important;
margin: 0 2px 3px 0;
visibility: visible;
}
/* (new347) */
.landing-info__subscription a.landing-info__button {
display: none !important;
}
.category-page ul.pornstar-socials li.pornstar-socials__item--visible a ,
.category-page ul.pornstar-socials li.pornstar-socials__item--visible a.xhamsterpremium ,
.category-page ul.pornstar-socials li.pornstar-socials__item--visible a[href^="https://xhamsterlive.com/"] ,
.category-page ul.pornstar-socials li.pornstar-socials__item--visible a.twitter ,
.category-page ul.pornstar-socials li.pornstar-socials__item--visible a.instagram ,
.category-page ul.pornstar-socials li.pornstar-socials__item--visible a.reddit ,
.category-page ul.pornstar-socials li.pornstar-socials__item--visible a[href^="https://linktr"] {
position: relative !important;
display: inline-block !important;
width: 30px !important;
height: 15px !important;
line-height: 15px !important;
top: 2px !important;
margin: 0px 10px 0 10px !important;
padding: 1px 1px !important;
text-align: center !important;
}
ul.pornstar-socials > li > a:hover {
opacity: 1 !important;
}
/* (new374) */
/* .category-page ul.pornstar-socials li.pornstar-socials__item--visible a:before , */
/* .landing-info__subscription a.landing-info__button:before , */
.category-page ul.pornstar-socials li.pornstar-socials__item--visible a[href^="https://my.club/"]:before ,
.category-page ul.pornstar-socials li.pornstar-socials__item--visible a[href^="https://www.snapchat.com/"]:before ,
.category-page ul.pornstar-socials li.pornstar-socials__item--visible a[href^="https://xhamsterlive.com/"]:before ,
.category-page ul.pornstar-socials li.pornstar-socials__item--visible a.twitter:before ,
.category-page ul.pornstar-socials li.pornstar-socials__item--visible a.instagram:before ,
.category-page ul.pornstar-socials li.pornstar-socials__item--visible a.reddit:before {
position: relative !important;
display: inline-block !important;
width: 30px !important;
height: 15px !important;
line-height: 15px !important;
top: -5px !important;
left: -2px !important;
margin: 0px 0 0 0 !important;
padding: 1px 1px !important;
text-align: center !important;
}
.category-page ul.pornstar-socials li.pornstar-socials__item--visible a[href^="https://www.snapchat.com/"]:before{
height: 15px !important;
margin: -4px 0 0 0 !important;
font-size: 18px !important;
}
ul.pornstar-socials li a.instagram::before {
background-image: url(https://static-lvlt.xhcdn.com/xh-desktop/images/social/light/instagram.svg) !important;
}
/* (new338) */
ul.pornstar-socials li.dropdown-container.xh-dropdown ul li a::before ,
ul.pornstar-socials li.dropdown-container.xh-dropdown ul li a.twitter::before ,
ul.pornstar-socials li.dropdown-container.xh-dropdown ul li a.instagram::before {
position: relative !important;
display: inline-block !important;
width: 30px !important;
height: 15px !important;
line-height: 15px !important;
top: 2px !important;
left: -2px !important;
margin: 0px 0 0 0 !important;
padding: 1px 1px !important;
text-align: center !important;
background-size: 90% !important;
}
.landing-info ul.pornstar-socials li.pornstar-socials__item--visible a span {
position: absolute !important;
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
font-size: 15px !important;
margin: 0px 0 0 0 !important;
top: 0px !important;
visibility: hidden !important;
background: red !important;
}
.landing-info ul.pornstar-socials li.pornstar-socials__item--visible:hover a span {
top: -2vh !important;
margin: 0px 0 0 -50px !important;
padding: 0 3px !important;
border-radius: 3px !important;
visibility: visible !important;
opacity: 1 !important;
background: green !important;
}
/* (new296) SOCIAL - DROPDOWN */
.category-page ul.pornstar-socials li.dropdown-container {
position: relative !important;
display: inline-block !important;
width: 20px !important;
height: 15px !important;
line-height: 15px !important;
top: 2px !important;
margin: 0px 0 0 0 !important;
padding: 1px 1px !important;
text-align: center !important;
}
.category-page ul.pornstar-socials li.dropdown-container a {
position: relative !important;
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
margin: 0px 0 0 0 !important;
top: 0px !important;
padding: 0 5px !important;
font-size: 12px !important;
}
.category-page ul.pornstar-socials li.dropdown-container i {
position: relative !important;
display: inline-block !important;
height: 15px !important;
line-height: 10px !important;
margin: 0px 0 0 0 !important;
top: -5px !important;
font-size: 12px !important;
}
.category-page ul.pornstar-socials li.dropdown-container i:before {
position: relative !important;
display: inline-block !important;
height: 15px !important;
line-height: 10px !important;
margin: 0px 0 0 0 !important;
top: -7px !important;
font-size: 12px !important;
}
/* (new283) CAT - PORNS - VERIFY + PREMIUM LINK / TOOTIPS - SUPP */
.category-page .tooltip,
ul.pornstar-socials li a.xhamsterpremium,
.landing-info__verify[href="https://xhamster.com/info/contact?subject=pornstars"] {
display: none !important;
}
/* (new328) CAT - PORNS - PB ALIAS */
html.category-page .category-info.pornstar .landing-info .landing-info__metric.aliases {
position: fixed !important;
width: 100% !important;
min-width: 600px !important;
max-width: 600px !important;
top: 6.9vh !important;
left: 310px !important;
margin: 0 5px 0 10px !important;
white-space: nowrap !important;
text-align: left !important;
z-index: 500000000 !important;
}
.category-info .landing-info__metric-text.hasAlt {
color: gold !important;
}
.landing-info__metric-text {
color: silver !important;
}
.category-info .landing-info .landing-info__metric .xh-icon::before {
color: peru !important;
}
/* (new409) CAT - PORNST - COUNTRY */
html.pornstar-page .landing-info .pornstar-country {
position: fixed !important;
top: 3.3vh !important;
left: 10.8vw !important;
margin: 0 0px 0 0px;
min-height: 15px;
min-width: 20px;
}
/* html.pornstar-page .pornstar-country .xh-flag ,
.category-page .category-info.pornstar .pornstar-country {
position: fixed !important;
top: 3.3vh !important;
left: 14.5vw !important;
margin-left: 5px;
} */
/* (new399) CAT - PORNSTAR FLAG - LAND INDICATOR */
/* https://xhamster.com/pornstars/all/countries */
.pornstar-page .pornstar-country .xh-flag:after ,
.category-page .category-info.pornstar .pornstar-country .xh-flag:after {
position: absolute;
display: inline-block !important;
width: 100% !important;
min-width: 130px!important;
height: 12px;
line-height: 12px;
top: 1.8vh !important;
left: 25px;
padding: 1px 2px;
border-radius: 3px;
font-size: 11px !important;
text-align: left;
white-space: unset !important;
background: #111;
border: 1px solid #222;
}
/* (new409) */
html.pornstar-page .pornstar-country .xh-flag:after {
top: 1.7vh !important;
left: 20px !important;
}
.user-page article .right-column .pornstar-block.column-block .content-container .channels-list .pornstar-logo-container .pornstar-logo-container__info .pornstar-logo .xh-flag {
position: absolute !important;
top: 70px !important;
left: 23px !important;
}
.user-page article .right-column .pornstar-block.column-block .content-container .channels-list .pornstar-logo-container .pornstar-logo-container__info .pornstar-logo .xh-flag:after {
position: absolute !important;
display: inline-block !important;
top: -40px;
left: 50px !important;
z-index: 50000 !important;
}
/* (new399) PORNSTARS INFOS / USER COUNTRY FLAGS INDICATOR */
/* AL - Albanian */
.pornstar-page .pornstar-country .xh-flag.al:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.al:after {
content: "Albanian";
}
/* DZ - Algerian */
.pornstar-page .pornstar-country .xh-flag.dz:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.dz:after {
content: "Algerian";
}
/* AR - Argentinian */
.pornstar-page .pornstar-country .xh-flag.ar:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ar:after {
content: "Argentinian";
}
/* AM - Armeninian */
.pornstar-page .pornstar-country .xh-flag.am:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.am:after {
content: "Armeninian";
}
/* AO - Angolan */
.pornstar-page .pornstar-country .xh-flag.ao:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ao:after {
content: "Angolan";
}
/* AS - American Samoan */
.pornstar-page .pornstar-country .xh-flag.as:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.as:after {
content: "American Samoan";
}
/* AT - Austrian */
.pornstar-page .pornstar-country .xh-flag.at:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.at:after {
content: "Austrian";
}
/* AU - Australian */
.pornstar-page .pornstar-country .xh-flag.au:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.au:after {
content: "Australian";
}
/* AZ - Azeri */
.pornstar-page .pornstar-country .xh-flag.az:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.az:after {
content: "Azeri";
}
/* BA - Bosnian */
.pornstar-page .pornstar-country .xh-flag.ba:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ba:after {
content: "Bosnian";
}
/* BB - Barbadian */
.pornstar-page .pornstar-country .xh-flag.bb:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.bb:after {
content: "Barbadian";
}
/* BD - Bangladeshi */
.pornstar-page .pornstar-country .xh-flag.bd:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.bd:after {
content: "Bangladeshi";
}
/* BE - Belgian */
.pornstar-page .pornstar-country .xh-flag.be:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.be:after {
content: "Belgian";
}
/* BG - Bulgarian */
.pornstar-page .pornstar-country .xh-flag.bg:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.bg:after {
content: "Bulgarian";
}
/* BM - Bermudian */
.pornstar-page .pornstar-country .xh-flag.bm:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.bn:after {
content: "Bermudian";
}
/* BN - Bruneian */
.pornstar-page .pornstar-country .xh-flag.bn:after,
.pornstar-page .pornstar-country .xh-flag.BN:after {
content: "Bruneian";
}
/* BO - Bolivian */
.pornstar-page .pornstar-country .xh-flag.bo:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.bo:after {
content: "Bolivian";
}
/* BR - Brazilian */
.pornstar-page .pornstar-country .xh-flag.br:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.br:after {
content: "Brazilian";
}
/* BS - Bahamian */
.pornstar-page .pornstar-country .xh-flag.bs:after,
.pornstar-page .pornstar-country .xh-flag.BS:after {
content: "Bahamian";
}
/* BY - Belarusian */
.pornstar-page .pornstar-country .xh-flag.by:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.by:after {
content: "Belarusian";
}
/* CA - Canadian */
.pornstar-page .pornstar-country .xh-flag.ca:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ca:after {
content: "Canadian";
}
/* CH - Swiss */
.pornstar-page .pornstar-country .xh-flag.ch:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ch:after {
content: "Swiss";
}
/* CL - Chilean */
.pornstar-page .pornstar-country .xh-flag.cl:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.cl:after {
content: "Chilean";
}
/* CM - Cameroonian */
.pornstar-page .pornstar-country .xh-flag.cm:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.cm:after {
content: "Cameroonian";
}
/* CN - Chinese */
.pornstar-page .pornstar-country .xh-flag.cn:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.cn:after {
content: "Chinese";
}
/* CO - Colombian */
.pornstar-page .pornstar-country .xh-flag.co:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.co:after {
content: "Colombian";
}
/* CR - Costa Rican */
.pornstar-page .pornstar-country .xh-flag.cr:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.cr:after {
content: "Costa Rican";
}
/* CU - Czech */
.pornstar-page .pornstar-country .xh-flag.cu:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.cu:after {
content: "Cuban";
}
/* CY - Cypriot */
.pornstar-page .pornstar-country .xh-flag.cy:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.cy:after {
content: "Cypriot";
}
/* CZ - Czech */
.pornstar-page .pornstar-country .xh-flag.cz:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.cz:after {
content: "Czech";
}
/* DE - German */
.pornstar-page .pornstar-country .xh-flag.de:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.de:after {
content: "German";
}
/* DK - Danish */
.pornstar-page .pornstar-country .xh-flag.dk:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.dk:after {
content: "Danish";
}
/* DO - Dominican (Spanish)*/
.pornstar-page .pornstar-country .xh-flag.do:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.do:after {
content: "Dominican (Spanish)";
width: 180px !important;
}
/* EC - Ecuadorian */
.pornstar-page .pornstar-country .xh-flag.ec:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ec:after {
content: "Ecuadorian";
}
/* EE - Estonian */
.pornstar-page .pornstar-country .xh-flag.ee:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ee:after {
content: "Estonian";
}
/* EG - Egyptian */
.pornstar-page .pornstar-country .xh-flag.eg:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.eg:after {
content: "Egyptian";
}
/* ES - Spanish */
.pornstar-page .pornstar-country .xh-flag.es:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.es:after {
content: "Spanish";
}
/* FI - Finnish */
.pornstar-page .pornstar-country .xh-flag.fi:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.fiI:after {
content: "Finnish";
}
/* FR - French */
.pornstar-page .pornstar-country .xh-flag.fr:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.fr:after {
content: "French";
}
/* GB - British */
.pornstar-page .pornstar-country .xh-flag.gb:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.gb:after {
content: "British";
}
/* GD - Grenadian */
.pornstar-page .pornstar-country .xh-flag.gd:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.gd:after {
content: "Grenadian";
}
/* GH - Ghanaian */
.pornstar-page .pornstar-country .xh-flag.gh:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.gh:after {
content: "Ghanaian";
}
/* GE - Greenlander */
.pornstar-page .pornstar-country .xh-flag.gl:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.gl:after {
content: "Greenlander";
}
/* GL - Georgian */
.pornstar-page .pornstar-country .xh-flag.ge:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ge:after {
content: "Georgian";
}
/* GP - Guadeloupean */
.pornstar-page .pornstar-country .xh-flag.gp:after,
.pornstar-page .pornstar-country .xh-flag.GP:after {
content: "Guadeloupean";
}
/* GQ - Equatoguinean */
.pornstar-page .pornstar-country .xh-flag.gq:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.gq:after {
content: "Equatoguinean";
}
/* GR - Greek */
.pornstar-page .pornstar-country .xh-flag.gr:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.gr:after {
content: "Greek";
}
/* GT - Guatemalan */
.pornstar-page .pornstar-country .xh-flag.gt:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.gt:after {
content: "Guatemalan";
}
/* HK - Hong Kongese */
.pornstar-page .pornstar-country .xh-flag.hk:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.hk:after {
content: "Hong Kongese";
}
/* HN - Hondurian */
.pornstar-page .pornstar-country .xh-flag.hn:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.hn:after {
content: "Hondurian";
}
/* HR - Croatian*/
.pornstar-page .pornstar-country .xh-flag.hr:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.hr:after {
content: "Croatian";
}
/* HU - Hungarian */
.pornstar-page .pornstar-country .xh-flag.hu:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.hu:after {
content: "Hungarian";
}
/* IN - Indian */
.pornstar-page .pornstar-country .xh-flag.in:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.in:after {
content: "Indian";
}
/* ID - Indonesian */
.pornstar-page .pornstar-country .xh-flag.id:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.id:after {
content: "Indonesian";
}
/* IR - Iranian */
.pornstar-page .pornstar-country .xh-flag.ir:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.r:after {
content: "Iranian";
}
/* IE - Irish */
.pornstar-page .pornstar-country .xh-flag.ie:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ie:after {
content: "Irish";
}
/* IL - Israeli */
.pornstar-page .pornstar-country .xh-flag.il:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.il:after {
content: "Israeli";
}
/* IS - Icelander */
.pornstar-page .pornstar-country .xh-flag.is:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.is:after {
content: "Icelander";
}
/* IT - Italian */
.pornstar-page .pornstar-country .xh-flag.it:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.it:after {
content: "Italian";
}
/* JM - Jamaican */
.pornstar-page .pornstar-country .xh-flag.jm:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.jm:after {
content: "Jamaican";
}
/* JO - Japanese */
.pornstar-page .pornstar-country .xh-flag.jo:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.jo:after {
content: "Jordanian";
}
/* JP - Japanese */
.pornstar-page .pornstar-country .xh-flag.jp:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.jp:after {
content: "Japanese";
}
/* KE - Keynian */
.pornstar-page .pornstar-country .xh-flag.ke:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.kh:after {
content: "Keynian";
}
/* KG - Kyrgyz */
.pornstar-page .pornstar-country .xh-flag.kg:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.kg:after {
content: "Kyrgyz";
}
/* KH - Cambodian */
.pornstar-page .pornstar-country .xh-flag.kh:after,
.pornstar-page .pornstar-country .xh-flag.KH:after {
content: "Cambodian";
}
/* KP - North Korean */
.pornstar-page .pornstar-country .xh-flag.kp:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.kp:after {
content: "North Korean";
}
/* KR - Korean */
.pornstar-page .pornstar-country .xh-flag.kr:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.kr:after {
content: "Korean";
}
/* KZ - Kazakhstani */
.pornstar-page .pornstar-country .xh-flag.kz:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.kz:after {
content: "Kazakhstani";
}
/* LB - Lebanese */
.pornstar-page .pornstar-country .xh-flag.lb:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.lb:after {
content: "Lebanese";
}
/* LK - Sri Lanka */
.pornstar-page .pornstar-country .xh-flag.lk:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.lk:after {
content: "Sri Lanka";
}
/* LT - Lithuanian */
.pornstar-page .pornstar-country .xh-flag.lt:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.lt:after {
content: "Lithuanian";
}
/* LV - Latvia */
.pornstar-page .pornstar-country .xh-flag.lv:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.lv:after {
content: "Latvia";
}
/* LY - Libyan */
.pornstar-page .pornstar-country .xh-flag.ly:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ly:after {
content: "Libyan";
}
/* MA - Morocan */
.pornstar-page .pornstar-country .xh-flag.ma:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ma:after {
content: "Morocan";
}
/* MC - Monégasque */
.pornstar-page .pornstar-country .xh-flag.mc:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.mc:after {
content: "Monégasque";
}
/* MD - Moldovan */
.pornstar-page .pornstar-country .xh-flag.md:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.md:after {
content: "Moldovan";
}
/* ME - Montenegrin */
.pornstar-page .pornstar-country .xh-flag.me:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.me:after {
content: "Montenegrin";
}
/* MG - Malagasy / Malgache */
.pornstar-page .pornstar-country .xh-flag.mg:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.me:after {
content: "Malagasy / Malgache";
width: 180px !important;
}
/* MN - Mongolian */
.pornstar-page .pornstar-country .xh-flag.mn:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.mn:after {
content: "Mongolian";
}
/* MT - Maltese */
.pornstar-page .pornstar-country .xh-flag.mt:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.mt:after {
content: "Maltese";
}
/* MY - Malaysian */
.pornstar-page .pornstar-country .xh-flag.my:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.my:after {
content: "Malaysian";
}
/* MX - Mexican */
.pornstar-page .pornstar-country .xh-flag.mx:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.mx:after {
content: "Mexican";
}
/* NE - Nigerian */
.pornstar-page .pornstar-country .xh-flag.ne:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ne:after {
content: "Nigerian";
}
/* NI - Nicaraguan */
.pornstar-page .pornstar-country .xh-flag.ni:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ni:after {
content: "Nicaraguan";
}
/* NL - Netherlands (Dutch) */
.pornstar-page .pornstar-country .xh-flag.nl:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.nl:after {
content: "Netherlands (Dutch)";
width: 180px !important;
}
/* NO - Norvegian */
.pornstar-page .pornstar-country .xh-flag.no:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.no:after {
content: "Norvegian";
}
/* NZ - New Zealander */
.pornstar-page .pornstar-country .xh-flag.nz:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.nz:after {
content: "New Zealander";
}
/* PA - Panamanian */
.pornstar-page .pornstar-country .xh-flag.pa:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.pa:after {
content: "Panamanian";
}
/* PE - Peruvian */
.pornstar-page .pornstar-country .xh-flag.pe:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.pe:after {
content: "Peruvian";
}
/* PH - Filipina */
.pornstar-page .pornstar-country .xh-flag.ph:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ph:after {
content: "Filipina";
}
/* PK - Pakistani */
.pornstar-page .pornstar-country .xh-flag.pk:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.pk:after {
content: "Pakistani";
}
/* PL - Polish */
.pornstar-page .pornstar-country .xh-flag.pl:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.pl:after {
content: "Polish";
}
/* PR - Puerto Rican */
.pornstar-page .pornstar-country .xh-flag.pr:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.pr:after {
content: "Puerto Rican";
}
/* PT - Portuguese */
.pornstar-page .pornstar-country .xh-flag.pt:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.pt:after {
content: "Portuguese";
}
/* PY - Paraguayan */
.pornstar-page .pornstar-country .xh-flag.py:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.py:after {
content: "Paraguayan";
}
/* RE - Réunionese */
.pornstar-page .pornstar-country .xh-flag.re:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.re:after {
content: "Réunionese";
}
/* RO - Romanian */
.pornstar-page .pornstar-country .xh-flag.ro:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ro:after {
content: "Romanian";
}
/* RS - Serbian */
.pornstar-page .pornstar-country .xh-flag.rs:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.rs:after {
content: "Serbian";
}
/* RU - Russian */
.pornstar-page .pornstar-country .xh-flag.ru:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ru:after {
content: "Russian";
}
/* SA - Saudi Arabian */
.pornstar-page .pornstar-country .xh-flag.sa:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.sa:after {
content: "Saudi Arabian";
}
/* SE - Sweden */
.pornstar-page .pornstar-country .xh-flag.se:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.se:after {
content: "Sweden";
}
/* SI - Slovenian */
.pornstar-page .pornstar-country .xh-flag.si:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.si:after {
content: "Slovenian";
}
/* SG - Singaporean */
.pornstar-page .pornstar-country .xh-flag.sg:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.sg:after {
content: "Singaporean";
}
/* SK - Slovak */
.pornstar-page .pornstar-country .xh-flag.sk:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.sk:after {
content: "Slovak";
}
/* SN - Senegalese */
.pornstar-page .pornstar-country .xh-flag.sn:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.sn:after {
content: "Senegalese";
}
/* SR - Surinian */
.pornstar-page .pornstar-country .xh-flag.sr:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.sr:after {
content: "Surinian";
}
/* SV - Salvadorian (Spanish) */
.pornstar-page .pornstar-country .xh-flag.sv:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.sv:after {
content: "Salvadorian (Spanish)";
width: 180px !important;
}
/* SY - Syrian */
.pornstar-page .pornstar-country .xh-flag.sy:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.sy:after {
content: "Syrian";
}
/* TH - Thai */
.pornstar-page .pornstar-country .xh-flag.th:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.th:after {
content: "Thai";
}
/* TN - Tunisian */
.pornstar-page .pornstar-country .xh-flag.tn:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.tn:after {
content: "Tunisian";
}
/* TR - Turkish */
.pornstar-page .pornstar-country .xh-flag.tr:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.tr:after {
content: "Turkish";
}
/* TT - Trinidadian */
.pornstar-page .pornstar-country .xh-flag.tt:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.tt:after {
content: "Trinidadian";
}
/* TW - Taiwanese */
.pornstar-page .pornstar-country .xh-flag.tw:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.tw:after {
content: "Taiwanese";
}
/* UA - Ukranian */
.pornstar-page .pornstar-country .xh-flag.ua:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ua:after {
content: "Ukranian";
}
/* US - American */
.pornstar-page .pornstar-country .xh-flag.us:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.us:after {
content: "American";
}
/* UZ - Uzbek */
.pornstar-page .pornstar-country .xh-flag.uz:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.uz:after {
content: "Uzbek";
}
/* UY - Uruguay */
.pornstar-page .pornstar-country .xh-flag.uy:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.uy:after {
content: "Uruguay";
}
/* VE - Venezuelan */
.pornstar-page .pornstar-country .xh-flag.ve:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ve:after {
content: "Venezuelan";
}
/* VI - American Virgin Islander */
.pornstar-page .pornstar-country .xh-flag.vi:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.vi:after {
content: "American Virgin Islander";
width: 180px !important;
}
/* VN - Vietnamese */
.pornstar-page .pornstar-country .xh-flag.vn:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.vn:after {
content: "Vietnamese";
}
/* ZA - South Afican */
.pornstar-page .pornstar-country .xh-flag.za:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.za:after {
content: "South Afican";
}
/* ZW - Zimbabwean */
.pornstar-page .pornstar-country .xh-flag.zw:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.zw:after {
content: "Zimbabwean";
}
/* CAT - SUBSCRIB BUTTON */
.category-page .pornstar-info-block-header .sub-button[data-tooltip="Subscribe"] {
min-width: 170px !important;
height: 25px !important;
line-height: 20px !important;
color: white !important;
}
.category-page .pornstar-info-block-header .sub-button[data-tooltip="Subscribe"] i {
height: 15px !important;
line-height: 15px !important;
color: white !important;
}
.category-page .pornstar-info-block-header .sub-button[data-tooltip="Unsubscribe"] {
min-width: 170px !important;
height: 25px !important;
line-height: 20px !important;
color: white !important;
background: green;
}
.category-page .pornstar-info-block-header .sub-button[data-tooltip="Unsubscribe"] i {
height: 15px !important;
line-height: 15px !important;
color: white !important;
}
/* GEO PREF */
.category-page .geo-section {
margin-top: -19px !important;
padding-bottom: 5px !important;
}
/* (new281) CAT - ALL - DESC LARGE */
.category-page .category-info p.large {
position: absolute !important;
display: inline-block !important;
width: 14% !important;
line-height: 15px;
margin: 0px !important;
top: 0px !important;
left: 2px !important;
padding: 2px 20px !important;
z-index: 5000000 !important;
visibility: hidden;
color: rgb(112, 112, 112);
background: #111;
border: 1px solid green !important;
}
.category-page .category-info p.large:hover {
visibility: visible;
}
.category-page .category-info p.large:before {
content: "?";
position: absolute;
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 0px !important;
top: 3px !important;
left: 0px !important;
text-align: center;
visibility: visible;
color: gold;
background: green;
border: 1px solid red;
}
/* CAT - ALL - THUMBNAIL - ALL */
.best-page .index-videos.mixed-section,
.category-page .index-videos.mixed-section {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin-top: 0px !important;
}
/* (new391) BEST PAGE */
html.best-page > body article > div[class^="root-"] {
position: fixed !important;
display: inline-block !important;
width: 90% !important;
height: 100%!important;
min-height: 9vh !important;
max-height: 9vh !important;
top: 2.5vh !important;
padding: 0 10px !important;
overflow: hidden !important;
z-index: 50000000 !important;
background: #111 !important;
}
html.best-page > body > .main-wrap:first-of-type main .index-videos.mixed-section {
margin-top: 13vh !important;
}
html.best-page > body > .main-wrap:first-of-type main .related-container {
position: relative;
width: 97% !important;
margin: 0 0 0 0 !important;
padding: 0 0 10px 0 !important;
order: unset !important;
overflow: hidden;
}
html.best-page > body > .main-wrap:not(:first-of-type) main .related-container {
display: none !important;
}
/* (new328) */
.best-page .index-videos .thumb-list,
.category-page .index-videos .thumb-list {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
min-height: 85vh !important;
}
/* (new220) CAT - ALL - GM SUPERLOADER */
.category-page .index-videos .thumb-list + .sp-separator ~ .thumb-list {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
min-height: 95vh !important;
}
.category-page .video-thumb__date-added {
display: none !important;
}
.category-page .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent {
position: relative !important;
top: 0px !important;
}
.category-page .index-videos.dated-list {
margin-top: 20px !important;
margin-bottom: 0px;
}
.category-page .category-info ~ .index-videos.dated-list {
margin-top: 0px !important;
margin-bottom: 0px;
}
/* (new281) CAT - CONTAINER - ALL - NOT SUPERLOADER */
html.best-page > body > .main-wrap:first-of-type,
html.category-page > body > .main-wrap:first-of-type,
html.newest-page > body > .main-wrap:first-of-type {
display: inline-block !important;
width: 100% !important;
max-width: 100vw !important;
min-width: 100vw !important;
height: 97vh !important;
top: 0px !important;
padding-top: 0;
}
html.category-page article {
padding: 0 !important;
z-index: 500000 !important;
}
/* (new328) SUPERLOADER */
html.category-page > body > .main-wrap:not(:first-of-type) {
position: relative !important;
display: inline-block !important;
height: 100% !important;
min-height: 85vh !important;
padding: 1vh 0 0 0 !important;
top: 0vh !important;
}
/* (new403) CAT TAGS PAGES - SIDEBAR - RECOM - THUMBNAIL CONATINER */
html.category-page > body > .main-wrap div[class^="container-"][data-role="promo-messages-wrapper"] + .main-wrap main.pages-category.width-wrap article div[class^="root-"] + section[class*="videoSection-"]:not([data-block="trending"]) ,
html.category-page section[class*="videoSection-"][data-block="recommended"]:not([data-block="trending"]) {
display: none !important;
}
/* (new374) PORNSTAR - ABOUT ME */
.category-page .pornstar-container .pornstar-content__aside {
position: fixed !important;
display: inline-block !important;
height: auto !important;
min-height: 10vh !important;
max-height: 10vh !important;
width: 100% !important;
min-width: 190px !important;
max-width: 190px !important;
margin: 0 0 0 0 !important;
top: 2.8vh !important;
left:0px !important;
padding: 0 0 0 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 50 !important;
background: #111 !important;
border-bottom: 1px solid red !important;
}
/* (new375) HOVER */
.category-page .pornstar-container .pornstar-content__aside:hover {
min-width: 490px !important;
max-width: 490px !important;
max-height: 95vh !important;
border-radius: 0 0 5px 0 !important;
z-index: 50000000 !important;
border: 1px solid red !important;
border-right: 4px solid red !important;
}
/* (new374) SUPERLOADER */
.sp-separator ~.main-wrap main .pornstar-content__aside {
display: none !important;
visibility: hidden !important;
}
.category-page .pornstar-container .pornstar-content__aside.pornstar-content__aside--with-header:hover {
min-width: 490px !important;
max-width: 490px !important;
}
.category-page .pornstar-container .pornstar-content__aside:hover div[class^="aboutMe"] ,
.category-page .pornstar-container .pornstar-content__aside.pornstar-content__aside--with-header:hover > div {
min-width: 483px !important;
max-width: 483px !important;
}
.category-page .pornstar-container .pornstar-content__aside--with-header {
margin: 0 !important;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] {
min-width: 190px !important;
max-width: 190px !important;
padding: 5px 5px 5px 5px !important;
background: #222 !important;
border: 1px solid red !important;
}
.category-page .pornstar-container .pornstar-content__aside div[class^="aboutMe"] > div:first-of-type h3[class^="h4-bold-"][class*="title-"] {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
max-width: 9.8vw !important;
min-width: 9.8vw !important;
left: 0 !important;
top: 3.2vh !important;
padding: 0px 0px 0px 5px !important;
font-size: 13px !important;
color: gold !important;
background: #333 !important;
border-bottom: 1px solid red !important;
}
.category-page .pornstar-container .pornstar-content__aside:hover div[class^="aboutMe"] > div:first-of-type ,
.category-page .pornstar-container .pornstar-content__aside:not(:hover) div[class^="aboutMe"] > div:first-of-type {
padding: 2.5vh 0 0 0px !important;
}
/* (new375) HOVER */
.category-page .pornstar-container .pornstar-content__aside:hover div[class^="aboutMe"] > div:first-of-type h3[class^="h4-bold-"][class*="title-"] {
height: 24px !important;
max-width: 25vw !important;
min-width: 25vw !important;
}
.category-page .pornstar-container .pornstar-content__aside:not(:hover) div[class^="aboutMe"] > div:first-of-type h3[class^="h4-bold-"][class*="title-"]:after {
position: absolute !important;
content: "(Hover) " !important;
height: 15px !important;
line-height: 10px !important;
top: -2px !important;
margin: 0 0 0 10px !important;
padding: 1px 3px !important;
border-radius: 3px !important;
font-size: 10px ;
background: green !important;
}
/* (new374) ELIPPSIS */
.category-page .pornstar-container .pornstar-content__aside:not(:hover) div[class^="aboutMe"] > div:first-of-type h3[class^="h4-bold-"][class*="title-"] + p:after {
content: "..." !important;
position: absolute !important;
width: 100% !important;
height: 30px !important;
line-height: 2.3vh !important;
top: 7vh !important;
left: 5px !important;
margin: 0 0 0 0px !important;
padding: 1px 3px !important;
border-radius: 3px !important;
text-align: right !important;
font-size: 26px ;
opacity: 1 !important;
color: gold !important;
background: transparent linear-gradient(rgba(9, 8, 8, 0.5), #111) repeat scroll 0 0 !important;
border-bottom: 1px solid aqua !important;
}
.category-page .pornstar-container .pornstar-content__aside .pornstar-content__aside--channels div[class^="header-"] ,
.category-page .pornstar-container .pornstar-content__aside .pornstar-content__aside--galleries div[class^="header-"] {
display: inline-block !important;
width: 99% !important;
padding: 0px 0px 0px 5px !important;
font-size: 13px !important;
color: gold !important;
background: #333 !important;
border-bottom: 1px solid red !important;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] h3 ,
.category-page .pornstar-container .pornstar-content__aside .pornstar-content__aside--channels div[class^="header-"] > div ,
.category-page .pornstar-container .pornstar-content__aside .pornstar-content__aside--galleries div[class^="header-"] > div {
display: inline-block !important;
padding: 0px 0px 0px 0px !important;
font-size: 13px !important;
color: gold !important;
background: #333 !important;
}
/* (new373) */
.category-page .pornstar-container .pornstar-content__aside div[class^="aboutMe"] {
display: inline-block;
max-width: 354px;
padding: 0 5px !important;
width: 100%;
}
.category-page .pornstar-container .pornstar-content__aside div[class^="aboutMe"] ul li:first-of-type [class*="label-"] ,
.category-page .pornstar-container .pornstar-content__aside div[class^="aboutMe"] ul li:first-of-type + li [class*="label-"] {
display: none !important;
}
.category-page .pornstar-container .pornstar-content__aside div[class^="aboutMe"] ul li:first-of-type + li [class^="body-"][class*="primary"][class*="value-"] {
display: inline-block !important;
float: none !important;
clear: both !important;
min-width: 100%;
width: 100%;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] p ,
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] p[class^="body-"][class*="primary-"][class*="text-"][class*="long-"] {
display: inline-block !important;
max-height: 29vh !important;
padding: 0 5px 0 0 !important;
margin: 0 0 5px 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
background: #222 !important;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] button[class^="showMore-"][class*="showMoreActive-"] ,
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] button[class^="showMore-"] {
position: fixed;
display: inline-block !important;
height: 18px !important;
width: 18px !important;
left: 150px !important;
top: 2.2vh !important;
opacity: 1 !important;
border-radius: 100% !important;
border: 1px solid red;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] button[class^="showMore-"]:not(:hover) span ,
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] button[class^="showMore-"]:not(:hover) span[class^="showMoreText-"] {
font-size: 9px !important;
opacity: 1 !important;
visibility: hidden !important;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] button[class^="showMore-"]:hover span ,
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] button[class^="showMore-"]:hover span[class^="showMoreText-"] {
font-size: 9px !important;
opacity: 1 !important;
visibility: visible !important;
background: green !important;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] button[class^="showMore-"][class*="showMoreActive-"].button__body ,
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] button[class^="showMore-"] .button__body {
position: absolute !important;
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
width: 100px !important;
left: -68px !important;
top: -9.9px !important;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] button[class^="showMore-"] .button__body i {
position: fixed !important;
display: inline-block !important;
top: 3.33vh !important;
left: 152px !important;
align-items: center;
font-size: 10px !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 5000 !important;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] button[class^="showMore-"] .button__body i.xh-icon.arrow-bottom-new::before {
content: "➕" !important;
display: inline-block !important;
height: 14px !important;
line-height: 10px !important;
font-size: 10px !important;
border-radius: 100% !important;
background: green !important;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] button[class^="showMore-"][class*="showMoreActive-"] .button__body i.xh-icon.arrow-bottom-new::before {
content: "➖" !important;
display: inline-block !important;
vertical-align: middle !important;
height: 14px !important;
line-height: 8px !important;
margin: 0 0 0 -5px !important;
font-size: 10px !important;
border-radius: 100% !important;
background: red !important;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] h3 {
width: 100% !important;
min-width: 172px !important;
margin: -2px 0 0 0 !important;
font-size: 13px !important;
text-align: left !important;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] div[class^="personalInfo-"] h3 {
line-height: 15px !important;
margin: 0px 5px 0 0 !important;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] ul li {
display: inline-block !important;
width: 100% !important;
margin: 0 0 0 0 !important;
padding: 2px !important;
}
/* (new374) ZEBRA */
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] ul li:nth-child(odd) {
background: #222 !important;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] ul li:nth-child(even) {
background: #333 !important;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] ul li >div:first-of-type {
float: left !important;
clear: none !important;
width: 100% !important;
min-width: 100px !important;
max-width: 15% !important;
color: gold !important;
}
.category-page .pornstar-container .pornstar-content__aside--with-header div[class^="aboutMe"] ul li > div:first-of-type + div {
display: inline-block !important;
float:none !important;
width: 100% !important;
min-width: 172px !important;
max-width: 70% !important;
}
/* (new369) */
.category-page .pornstar-container .pornstar-content__aside--channels ,
.category-page .pornstar-container .pornstar-content__aside--galleries {
margin: 0 0 0 0 !important;
padding: 0 0 5px 0 !important;
background: #333 !important;
border-bottom: 1px solid red !important;
}
.category-page .pornstar-container .pornstar-content__aside--channels div[class^="container-"] ,
.category-page .pornstar-container .pornstar-content__aside--galleries div[class^="container-"]{
margin: 0 0 0 0 !important;
padding: 0 0 0 5px !important;
background: #333 !important;
}
.category-page .pornstar-container .pornstar-content__aside--channels div[class^="container-"] div[class^="header-"] ,
.category-page .pornstar-container .pornstar-content__aside--galleries div[class^="container-"] div[class^="header-"] {
margin: 0 0 0 0 !important;
padding: 0 0 0 5px !important;
background: #333 !important;
}
.category-page .pornstar-container .pornstar-content__aside--channels div[class^="container-"] li > div{
width: 100% !important;
min-width: 100% !important;
margin: 0 0 0 0 !important;
padding: 0 0 0 5px !important;
}
.category-page .pornstar-container .pornstar-content__aside--channels div[class^="container-"] li > div + a {
display: inline-block !important;
position: absolute !important;
height: 15px !important;
line-height: 15px !important;
width: 100% !important;
min-width: 50px !important;
max-width: 50px !important;
margin: 0 0 0 -65px !important;
bottom: -2px !important;
padding: 0 0 0 5px !important;
font-size: 11px !important;
z-index: 500 !important;
background: #111 !important;
}
/* (new403) CAT - PORNSTAR - THUMBNAIL - ALL - TO SUPP ? */
.category-page .category-info.pornstar + ul.categories-container {
margin: 5px 0 5px !important;
}
/* (new418) CAT - VIDEOS CONATINER */
html.category-page body > .main-wrap:first-of-type article .top-video-block.top-video-block--recommendations + .index-videos.mixed-section ,
html.category-page > body > .main-wrap:first-of-type .index-videos {
position: relative !important;
display: inline-block !important;
height: 85.5vh !important;
left: 0;
top: 11vh !important;
margin: 0vh 0 0 0 !important;
}
/* (new363) PORNSTAR - THUMBNAIL CONTAINER */
.category-page .pornstar-container .pornstar-container__filters ~ .pornstar-content .index-videos.mixed-section {
position: relative !important;
display: inline-block !important;
height: 84vh !important;
width: 100%;
min-width: 89.5% !important;
max-width: 89.5% !important;
left:188px !important;
top: 11vh !important;
margin: 0vh 0 0 0 !important;
}
/* (new374) SUPERLOADER */
.category-page .sp-separator ~ .main-wrap .pornstar-container .pornstar-container__filters ~ .pornstar-content .index-videos.mixed-section {
position: absolute !important;
display: inline-block !important;
margin: 0vh 0 0 0px !important;
top: 0 !important;
padding: 0 !important;
font-size: 0 !important;
z-index: 5000000 !important;
}
.category-page .sp-separator ~ .main-wrap .pornstar-container .pornstar-container__filters ~ .pornstar-content .pornstar-content__aside>div{
display: none !important;
}
/* (new327) SUPERLOADER */
html.best-page .sp-separator ~ .main-wrap .width-wrap > article .index-videos,
html.category-page .sp-separator ~ .main-wrap .width-wrap > article .index-videos ,
html.newest-page .sp-separator ~ .main-wrap .width-wrap > article .index-videos{
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin: -0.6vh 0 0 0px !important;
padding: 0 !important;
font-size: 0 !important;
z-index: 5000000 !important;
}
html.category-page .related-container {
display: none !important;
}
/* (new302) */
html.category-page body > .main-wrap:first-of-type article .top-video-block.top-video-block--recommendations {
z-index: 5147483647 !important;
}
html.category-page > body > .main-wrap:not(:first-of-type) .index-videos {
position: relative;
display: inline-block !important;
height: 83vh !important;
left: 0;
margin-top: -49px !important;
z-index: 0 !important;
}
.category-page .category-info.pornstar + ul.categories-container + .index-videos.mixed-section {
display: inline-block !important;
height: 100% !important;
min-height: 87vh !important;
max-height: 87vh !important;
width: 100% !important;
min-width: 1725px !important;
max-width: 1725px !important;
margin-top: 0px !important;
}
/* (ne372) - CAT - PORNSTAR - USER CAM */
html.category-page .width-wrap > article > .category-info.pornstar + div[data-role="landing-live-notification"] {
position: fixed !important;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
left: 980px !important;
top: 3.4vh !important;
padding: 0 !important;
text-align: center !important;
border-radius: 3px !important;
overflow: hidden !important;
z-index: 500000000 !important;
border: 1px solid red !important;
}
html.category-page .width-wrap > article > .category-info.pornstar + div[data-role="landing-live-notification"]:not(:hover) .notify_widget {
display: inline-block !important;
width: 20px !important;
height: 20px !important;
margin: 0 !important;
padding: 0 !important;
}
html.category-page .width-wrap > article > .category-info.pornstar + div[data-role="landing-live-notification"]:not(:hover) .notify_widget > div {
display: none !important;
}
html.category-page .width-wrap > article > .category-info.pornstar + div[data-role="landing-live-notification"]:not(:hover) .notify_widget__button {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 20px !important;
max-width: 20px !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
left: 0 !important;
top: 0 !important;
margin: -2px 0 0 -2px !important;
padding: 0 !important;
text-align: center !important;
}
html.category-page .width-wrap > article > .category-info.pornstar + div[data-role="landing-live-notification"]:not(:hover) .notify_widget__button .xh-icon.notifications-new {
font-size: 18px !important;
}
html.category-page .width-wrap > article > .category-info.pornstar + div[data-role="landing-live-notification"]:hover {
position: fixed !important;
display: inline-block !important;
width: 600px !important;
height: 10vh !important;
left: 658px !important;
top: 3vh !important;
overflow: hidden !important;
z-index: 500000000 !important;
background: #333 !important;
}
html.category-page .width-wrap > article > .category-info.pornstar + div[data-role="landing-live-notification"]:hover .title {
display: inline-block !important;
width: 100% !important;
height: 20px !important;
margin: -10px 0 6px 0 !important;
background: olive !important;
}
html.category-page .width-wrap > article > .category-info.pornstar .landing-info__award-item.landing-info__award-item--model.has-tooltip {
position: fixed !important;
display: inline-block !important;
width: 20px !important;
height: 21px !important;
line-height: 21px !important;
left: 258px !important;
top: 3vh !important;
overflow: hidden !important;
z-index: 500000000 !important;
}
html.category-page .width-wrap > article > .category-info.pornstar .landing-info__award-item.landing-info__award-item--model.has-tooltip .xh-icon.badge-webcam {
top: -1.2px !important;
}
/* (new281) NEWEST */
html.newest-page body > .main-wrap:first-of-type article .index-videos {
margin-top: 15vh !important;
}
/* START ==== GOOD === THUMBNAIL PORNSTR / CATEG / SUBSCRIPTION ================ */
/* (new382) HOME / CHAN BEST / PORNS BEST/NEW / HISTORY */
/* .mixed-list .item, */
/* XHAM desi */
.user-page.user-videos-page.my-uploads-page.xh-thumb-disabled .xh-tabs .tab-recent.current-tab .thumb-list.thumb-list--full-width .thumb-list__item.video-thumb ,
.mixed-section.index-videos.dated-list.inline-right .mixed-list .item,
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb,
.thumb-list--sidebar .thumb-list__item:not(.gallery-thumb),
.thumb-list--sidebar .thumb-list__look-like-item,
.thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb.video-thumb--dated,
.thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb.video-thumb--dated.video-thumb--with-date,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb,
.category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb {
position: relative !important;
display: inline-block !important;
vertical-align: top !important;
box-sizing: border-box !important;
min-width: 165px !important;
max-width: 165px !important;
min-height: 150px !important;
max-height: 150px !important;
margin-left: 5px !important;
margin-right: 0px !important;
margin-bottom: 2px !important;
padding: 0 !important;
border-radius: 5px !important;
border: 1px solid #333 !important;
background-color: #111 !important;
}
.thumb-list--middle-line {
display: inline-block !important;
margin: 0 !important;
}
/* (new372) SEARCH NO RESULTS */
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb {
min-height: 121px !important;
max-height: 121px !important;
min-width: 210px !important;
max-width: 210px !important;
margin-bottom: 2px !important;
}
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb .thumb-image-container .thumb-image-container__image,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb .thumb-image-container {
min-height: 94px;
max-height: 94px;
min-width: 208px !important;
max-width: 208px !important;
}
/* (new382) HOVER GOOD - CATEG TREND / PORN TREND / HISTORY / USER VID */
/* (new382) XHAM desi */
/* XHAM desi */
.user-page.user-videos-page.my-uploads-page.xh-thumb-disabled .xh-tabs .tab-recent.current-tab .thumb-list.thumb-list--full-width .thumb-list__item.video-thumb:hover ,
.search-results .thumb-list__item.video-thumb:hover,
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner .thumb-list__item.video-thumb:hover,
.thumb-list--sidebar .thumb-list__item:not(.gallery-thumb):hover,
.thumb-list--sidebar .thumb-list__look-like-item:hover,
.thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb.video-thumb--dated:hover,
.thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb.video-thumb--dated.video-thumb--with-date:hover,
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:hover,
.category-page .category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb:hover,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb:hover {
position: relative;
display: inline-block;
margin-right: 5px;
min-height: 135px !important;
max-height: 135px !important;
top: 0;
left: -47px !important;
padding: 0 !important;
border-radius: 5px;
transform: scale(1.6);
opacity: 1;
z-index: 500500 !important;
background: #222;
border: 1px solid red !important;
}
/* (new430) VIDEO THUMBNAIL - DURATION - ALL */
.video-thumb .thumb-image-container__on-video {
position: absolute;
height: 20px;
width: auto !important;
bottom: 0 !important;
}
.video-thumb:hover .thumb-image-container__on-video {
position: absolute;
height: 20px;
bottom: -1.7vh !important;
right: 0px !important;
transform: scale(0.5) !important;
}
/* (new430) DURATION - ALL */
.video-thumb .thumb-image-container__duration {
background: rgba(0, 0, 0, 0.25) !important;
}
/* (new430) VIDEO THUMBNAIL - DURATION + WATCHED - ALL */
.video-thumb .thumb-image-container__duration ,
.video-thumb .thumb-image-container__watched {
height: 15px !important;
background: rgba(0, 0, 0, 0.25) !important;
}
.video-thumb .thumb-image-container__watched {
align-items: center;
display: flex;
height: 15px !important;
justify-content: center;
background: rgba(0, 0, 0, 0.25) !important;
}
.video-thumb .thumb-image-container__watched div{
height: 15px !important;
font-size: 0 !important;
}
.video-thumb:hover .thumb-image-container__watched div:before ,
.video-thumb .thumb-image-container__watched div:before {
content: "👁️🗨️" !important;
height: 20px !important;
font-size: 15px !important;
clip-path: ellipse(40% 24% at 50% 50%) !important;
transform: scale(1) !important;
}
.video-thumb:hover .thumb-image-container__watched div:before {
content: "👁️🗨️" !important;
height: 15px !important;
font-size: 15px !important;
clip-path: ellipse(45% 27% at 50% 50%) !important;
transform: scale(1) !important;
}
/* (new264) OK OK - THUMB CONTAINER */
/* (new264) OK HOVER GOOD - THUMB CONTA*/
.thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb:hover .video-thumb__image-container.thumb-image-container,
.thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb.video-thumb--dated:hover .thumb-image-container,
.category-page .category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb .thumb-image-container,
.category-page .category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb:hover .thumb-image-container,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb:hover .thumb-image-container {
max-height: 92px !important;
min-height: 92px !important;
width: 164px !important;
}
/* (new382) THUMB IMG / VIDEO / HISTORY */
/* XHAM desi */
.user-page.user-videos-page.my-uploads-page.xh-thumb-disabled .xh-tabs .tab-recent.current-tab .thumb-list.thumb-list--full-width .thumb-list__item.video-thumb a.video-thumb__image-container ,
.thumb-list--sidebar .thumb-list__item .thumb-image-container:not(.gallery-thumb__link),
.thumb-list--sidebar .thumb-list__look-like-item .thumb-image-container,
.search-results .thumb-list__item.video-thumb .video-thumb__image-container,
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner .thumb-list__item.video-thumb .video-thumb__image-container,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb .thumb-image-container,
.category-page .category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb .thumb-image-container,
.search-results .thumb-list__item.video-thumb .video-thumb__image-container,
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner .thumb-list__item.video-thumb .video-thumb__image-container,
.category-page .category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb .thumb-image-container .thumb-image-container__image,
.thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb.video-thumb--dated.video-thumb--with-date .thumb-image-container__image,
.thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb.video-thumb--dated .thumb-image-container__image,
.category-page .category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb .thumb-image-container .thumb-image-container__image,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb .thumb-image-container .thumb-image-container__image,
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb .thumb-image-container .thumb-image-container__image {
min-width: 162px !important;
max-width: 162px !important;
height: 100% !important;
max-height: 93px !important;
min-height: 93px !important;
margin-bottom: 0 !important;
border-radius: 3px 3px 0 0 !important;
object-fit: contain !important;
overflow: visible !important;
}
/* (new356) PREVIEW - SPRITE - ALL */
/* (new356) PREVIEW - SPRITE/VIDEO - ALL */
.thumb-image-container__video {
position: absolute;
min-width: 160px !important;
max-width: 160px !important;
height: 100% !important;
max-height: 92px !important;
min-height: 92px !important;
top: 0;
border-radius: 3px 3px 0 0 !important;
z-index: 2;
overflow: hidden !important;
}
/* (new264) PREVIEW VR - SPRITE - ALL - PORNSTAR/TAGS /HIST / MY FAVs / USER FAVS */
.thumb-image-container--preview-shown:not(.mobile-thumb-player-container),
#favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb .thumb-image-container--preview-shown,
.user-page.user-videos-page.my-uploads-page .tab-recent.current-tab #video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb .thumb-image-container--preview-shown,
#videos-container .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb .thumb-image-container--preview-shown,
.index-videos.mixed-section .thumb-list__item.video-thumb .thumb-image-container--preview-shown {
display: inline-block;
width: 100% !important;
min-width: 162px !important;
max-width: 162px !important;
height: 100% !important;
max-height: 92px !important;
min-height: 92px !important;
overflow: hidden !important;
}
/* (new356) FAV USER - PREVIEW SPRITE */
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab #video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:hover .thumb-image-container--preview-shown {
display: inline-block;
width: 100% !important;
min-width: 152px !important;
max-width: 152px !important;
height: 100% !important;
max-height: 86px !important;
min-height: 86px !important;
overflow: hidden !important;
}
.thumb-list--sidebar .thumb-image-container--preview-shown .thumb-image-container__sprite {
/* animation: 3s steps(10) 0s normal none infinite running spriteAnimationMediumFirstSidebar !important; */
animation: 3s steps(10) 0s normal none infinite running sprite-animation-medium-first-sidebar !important;
}
/* (new264) FAV USERS /*/
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list--sidebar .thumb-list__item .thumb-image-container {
min-width: 153px !important;
max-width: 153px !important;
height: 100% !important;
max-height: 88px !important;
min-height: 88px !important;
}
/* (new448) MOMENTS VIDEO - FAV USERS / VIDEOS USER - */
.user-page.user-videos-page.my-uploads-page #video-list a.video-thumb__image-container.role-pop.thumb-image-container[ href^="https://xhamster.com/moments/"] .thumb-image-container__image ,
.user-page.user-videos-page.my-uploads-page .tab-favorite a.video-thumb__image-container.role-pop.thumb-image-container[ href^="https://xhamster.com/moments/"] .thumb-image-container__image ,
a.video-thumb__image-container.role-pop.thumb-image-container[ href^="https://xhamster.com/moments/"] .thumb-image-container__image {
width: 100%;
height: 100% !important;
max-height: 88px !important;
min-height: 88px !important;
object-fit: contain !important;
/*border: 1px solid aqua !important;*/
}
/* (new264) FAVS USER - NOT AVAIABLE */
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list--sidebar .thumb-list__item .thumb-plug.thumb-plug_video {
width: 100% !important;
min-width: 151px !important;
max-width: 151px !important;
height: 100% !important;
max-height: 86px !important;
min-height: 86px !important;
border-radius: 3px 3px 0 0 !important;
object-fit: contain !important;
overflow: visible !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list--sidebar .thumb-list__item .thumb-plug.thumb-plug_video {
min-width: 151px !important;
max-width: 151px !important;
height: 100% !important;
max-height: 88px !important;
min-height: 88px !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list--sidebar .thumb-list__item .thumb-plug.thumb-plug_video .thumb-plug__image {
min-width: 151px !important;
max-width: 151px !important;
height: 100% !important;
max-height: 88px !important;
min-height: 88px !important;
border-radius: 3px 3px 0 0 !important;
object-fit: contain !important;
overflow: visible !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list--sidebar .thumb-list__item .thumb-plug.thumb-plug_video .video-thumb-info {
min-width: 153px !important;
max-width: 153px !important;
height: 100% !important;
max-height: 55px !important;
min-height: 55px !important;
background-color: #e34449 !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list--sidebar .thumb-list__item .thumb-plug.thumb-plug_video:hover .video-thumb-info {
max-height: 25px !important;
min-height: 25px !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list--sidebar .thumb-list__item .thumb-plug.thumb-plug_video .thumb-plug__block-text {
margin-left: 0px !important;
background-color: #e34449 !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list--sidebar .thumb-list__item:hover .video-thumb-info .thumb-plug__block-text {
max-height: 17px !important;
min-height: 17px !important;
padding: 0 !important;
/* background-color: yellow !important; */
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list--sidebar .thumb-list__item:hover .video-thumb-info .thumb-plug__block-text p {
max-height: 15px !important;
min-height: 15px !important;
font-size: 10px !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list--sidebar .thumb-list__item .thumb-plug.thumb-plug_video .thumb-plug__block-text p {
line-height: 12px !important;
color: white !important;
}
/* (new264) VIDEOS DELETED + EMPTY */
.thumb-container.reset-cursor,
.video-thumb__image-container:not(.role-pop) {
background: rgba(255, 0, 0, 0.11) !important;
}
/* (new385) VIDE DELETED / ONLY FRIEND / DISABLED - ALL */
.thumb-list__item.video-thumb:hover .video-thumb__image-container.role-pop.thumb-image-container.disabled + .video-thumb-info a.video-thumb-info__name.disabled {
display: inline-block;
height: 100% !important;
min-height: 3vh !important;
max-height: 3vh !important;
line-height: 7px;
width: 100%;
margin: 0px 0 0 0 !important;
font-size: 7px;
overflow-x: hidden;
overflow-y: auto;
}
/* (new276) OK THUMB IMG / VIDEO PREVIEW HOVER - img[class^="thumb-image-container__"] / HISTORY */
.user-page.user-videos-page.my-uploads-page .user-content-section .xh-tabs .tab-recent.current-tab #video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb .thumb-image-container__video,
.category-page .category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb:hover .thumb-image-container thumb-image-container__video,
.category-page .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb:hover .thumb-image-container .thumb-image-container__video,
.category-page .category-info + .top-video-block.top-video-block--recommendations.top-video-block--banner + .index-videos.mixed-section .thumb-list .video-thumb.thumb-list__item:hover .video-thumb__image-container .thumb-image-container__video,
.category-page .category-info + .top-video-block.top-video-block--recommendations.top-video-block--banner + .index-videos.mixed-section .thumb-list .video-thumb.thumb-list__item:hover .video-thumb__image-container .thumb-image-container__video,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent div[class*="-rectangle"] ~ .video-thumb:hover .thumb-image-container .thumb-image-container__video {
display: inline-block !important;
min-width: 161px !important;
max-width: 161px !important;
height: 100% !important;
min-height: 91px !important;
max-height: 91px !important;
left: 0px !important;
border-radius: 3px 3px 0 0 !important;
object-fit: contain !important;
}
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list #favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb .thumb-image-container__video {
display: inline-block !important;
min-width: 152px !important;
max-width: 1521px !important;
height: 100% !important;
min-height: 86px !important;
max-height: 86px !important;
left: -1px !important;
border-radius: 3px 3px 0 0 !important;
object-fit: contain !important;
}
/* (new372) VIDEO - THUMBNAIL INFOS - ALL */
.video-thumb .video-thumb-info {
min-height: 47px !important;
max-height: 47px !important;
margin-top: 0px !important;
border-radius: 0 0 3px 3px !important;
padding: 2px 2px 0 2px !important;
text-align: left !important;
}
/* (new426) CONTEST PAGE */
.contest-content {
background-color: var(--color-gray-light,#eaeaea);
padding: 0 !important;
}
/* (new264) CONTEST PAGE - THUMBNAIL INFOS */
.page .contest-content .video.contest-container .contest-items.thumb-list.thumb-list--margin.thumb-list--full-width .thumb-list__item.video-thumb {
margin: 0 12px 5px 5px !important;
border: 1px solid red !important;
}
.page .contest-content .video.contest-container .contest-items.thumb-list.thumb-list--margin.thumb-list--full-width .thumb-list__item.video-thumb a.video-thumb__image-container {
margin: 0 0 0 -1px !important;
border: 1px solid gray !important;
}
.page .contest-content .video.contest-container .contest-items.thumb-list.thumb-list--margin.thumb-list--full-width .thumb-list__item.video-thumb a.video-thumb__image-container + .video-thumb-info a.video-thumb-info__name:visited {
color: tomato !important;
}
.page .contest-content .video.contest-container .contest-items.thumb-list.thumb-list--margin.thumb-list--full-width .thumb-list__item.video-thumb .video-thumb-info {
min-height: 50px !important;
max-height: 50px !important;
padding: 0px 2px 0 2px !important;
overflow: hidden !important;
}
.page .contest-content .video.contest-container .contest-items.thumb-list.thumb-list--margin.thumb-list--full-width .thumb-list__item.video-thumb .video-thumb-info .video-thumb-info__name {
max-height: 50px !important;
min-height: 50px !important;
line-height: 12px !important;
width: 100%;
margin-bottom: 0;
font-size: 12px !important;
overflow-x: hidden;
overflow-y: auto;
}
.page .contest-content .video.contest-container .contest-items.thumb-list.thumb-list--margin.thumb-list--full-width .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-info__name {
max-height: 50px !important;
min-height: 50px !important;
line-height: 12px !important;
width: 100%;
margin-bottom: 0;
font-size: 12px !important;
overflow-x: hidden;
overflow-y: auto;
color: peru !important;
}
/* (new430) VIDEO - THUMBNAIL INFOS - HOVER - ALL */
.video-thumb:hover .video-thumb-info {
position: relative !important;
display: inline-block !important;
float: none !important;
width: 100% !important;
height: 100% !important;
min-height: 3vh !important;
max-height: 3vh !important;
top: 1.1vh !important;
left: 0px !important;
padding: 0 3px !important;
font-size: 15px !important;
border-radius: 0 0 3px 3px !important;
background: black !important;
border: none !important;
}
/* (new372) VIDEO THUMBNAIL - INFO NAME - ALL */
/* (new372) VIDEO THUMBNAIL - INFO NAME - ALL */
.video-thumb-info__name {
min-height: 47px !important;
max-height: 47px !important;
line-height: 11px !important;
margin-bottom: 0 !important;
padding: 0 !important;
font-size: 11px !important;
overflow: hidden !important;
overflow-y: auto !important;
border: none !important;
}
/* HOVER */
.video-thumb:hover .video-thumb-info .video-thumb-info__name {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
min-height: 27px !important;
max-height: 27px !important;
line-height: 7px !important;
margin-bottom: 0 !important;
font-size: 7px !important;
overflow: hidden !important;
overflow-y: auto !important;
color: peru !important;
}
/* (new370) TEST - FONT FAMILLY - TAHOMA - VIDEO INFOS */
.video-thumb-info .video-thumb-info__name {
font-family: Tahoma,sans-serif !important;
}
/* (new264) METRIC - SUPP */
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb .video-thumb-info__metrics,
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list .mixed-list .item.video .video-thumb .video-thumb-info__metrics,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb .video-thumb-info__metrics,
.thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb .video-thumb-info__metrics,
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner .thumb-list__item.video-thumb .video-thumb-info .video-thumb-info__metrics,
.search-results .video-thumb .video-thumb-info__metrics {
display: none !important;
}
.subscriptions-page .thumb-list__item.video-thumb:hover {
max-height: 158px !important;
min-height: 158px !important;
}
.subscriptions-page .thumb-list__item.video-thumb:hover .video-thumb-info__metrics {
display: none !important;
}
/* (new264) ALL - THUMBNAIL INFO - METRIC - SUPP */
.video-thumb .video-thumb-info__metrics {
display: none !important;
}
/* (new264) ALL - THUMBNAIL INFO - HOVER - TRIGGER */
.video-thumb__trigger,
.video-thumb:hover .video-thumb-info .xh-dropdown .video-thumb__trigger,
.video-thumb:hover .video-thumb-info .xh-dropdown {
display: inline-block !important;
width: 15px !important;
height: 15px !important;
top: 2px !important;
font-size: 12px !important;
z-index: 1 !important;
color: white !important;
background: #333 !important;
}
.video-thumb .video-thumb-info > .video-thumb__trigger .xh-icon::before {
display: inline-block !important;
}
/* (new264) ALL - THUMBNAIL INFO - TRIGGER + NAME */
.video-thumb .video-thumb-info .video-thumb__trigger + .video-thumb-info__name,
.video-thumb .video-thumb-info .xh-dropdown + .video-thumb-info__name {
padding-right: 15px !important;
}
/* (new263) ALL - THUMBNAIL INFO - DROPDOWN MENU OPEN - MENU WATCH LATER / FAV */
.video-thumb .video-thumb-info .xh-dropdown {
right: 0px !important;
font-size: 12px !important;
color: blue !important;
}
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow .video-thumb__trigger {
right: 0px !important;
font-size: 12px !important;
color: blue !important;
}
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow .video-thumb__trigger.xh-icon::before {
color: red !important;
}
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow .video-thumb__trigger.xh-icon:hover::before {
color: green !important;
}
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown.on-click.no-arrow .trigger.on-click.no-arrow.active + .dropdown.position-right.open {
position: absolute !important;
display: inline-block !important;
min-width: 50px !important;
max-width: 50px !important;
height: 24px !important;
top: 0px !important;
padding: 2px !important;
text-align: left !important;
background: red !important;
}
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open {
position: absolute !important;
display: inline-block !important;
width: auto !important;
min-width: 60px !important;
max-width: 60px !important;
height: 24px !important;
top: -2px !important;
right: -6px !important;
padding: 2px !important;
text-align: left !important;
transform: scale(0.7) !important;
}
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open li.with-icon {
display: inline-block !important;
width: 20px !important;
height: 20px !important;
border-radius: 100% !important;
}
/* (new385) */
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open li.with-icon > span,
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open li .dropdown-item.with-icon {
display: inline-block !important;
width: 20px !important;
height: 20px !important;
line-height: 20px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0px !important;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
text-align: center !important;
border-radius: 100% !important;
}
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open li.with-icon > span {
top: -9px !important;
}
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open li.with-icon > span,
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open li .dropdown-item.with-icon > span {
font-size: 0px !important;
}
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open li.with-icon > span .xh-icon,
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open li .dropdown-item.with-icon > span .xh-icon {
position: absolute;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
line-height: 20px !important;
left: -2px !important;
top: -1.4px !important;
font-size: 20px;
text-align: center !important;
}
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open li.with-icon > span .xh-icon::before,
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open li .dropdown-item.with-icon > span .xh-icon::before {
position: relative !important;
display: inline-block !important;
width: 20px !important;
height: 14px !important;
line-height: 17px !important;
top: 0px !important;
left: 0px !important;
font-size: 14px !important;
text-align: center !important;
color: yellow !important;
}
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open li.with-icon > span .xh-icon.heart2::before,
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open li .dropdown-item.with-icon > span .xh-icon.heart2::before {
top: -1px !important;
font-size: 17px !important;
color: #e34449 !important;
}
/* (new271) TRIGGER - HOVER */
.user-page.favorites-page .thumb-list__item.video-thumb .video-thumb-info .video-thumb__trigger .xh-icon::before {
color: red !important;
}
.user-page.favorites-page .thumb-list__item.video-thumb .video-thumb-info .video-thumb__trigger:hover .xh-icon::before {
color: green !important;
}
.user-page.favorites-page .thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open {
position: absolute !important;
display: inline-block !important;
/* min-width: 80px !important; */
max-width: 80px !important;
height: 24px !important;
top: 0px !important;
padding: 0 2px !important;
text-align: center !important;
background: red !important;
}
.user-page.favorites-page .thumb-list__item.video-thumb:hover .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open {
position: absolute !important;
display: inline-block !important;
min-width: 70px !important;
max-width: 70px !important;
height: 29px !important;
top: -5px !important;
right: -7px !important;
padding: 2px !important;
text-align: center !important;
transform: scale(0.7) !important;
z-index: 5000000 !important;
background: blue !important;
}
.user-page.favorites-page .thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open li.with-icon > span {
position: absolute !important;
display: inline-block !important;
width: 24px !important;
height: 24px !important;
line-height: 17px !important;
margin: 10px 0 0 -10px !important;
padding: 0 !important;
font-size: 0px !important;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
text-align: center !important;
border-radius: 100% !important;
}
.user-page.favorites-page .thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open .dropdown-item.with-icon {
position: relative !important;
display: inline-block !important;
width: 24px !important;
height: 24px !important;
line-height: 24px !important;
top: -9px !important;
margin: 0 0 0 0px !important;
padding: 0 !important;
font-size: 0px !important;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
text-align: center !important;
border-radius: 100% !important;
background: black !important;
}
/* (new385) ONLY DEL BUT */
.thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open li.with-icon:only-of-type {
left: 18px !important;
}
.user-page.favorites-page .thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open .dropdown-item.with-icon > span {
font-size: 0px !important;
}
.user-page.favorites-page .thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open .dropdown-item.with-icon > span .xh-icon {
position: absolute;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
line-height: 20px !important;
left: -2px !important;
top: -1.4px !important;
font-size: 15px;
text-align: center !important;
}
.user-page.favorites-page .thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open .dropdown-item.with-icon > span .xh-icon::before {
display: inline-block !important;
width: 20px !important;
height: 20px !important;
line-height: 20px !important;
top: 0px !important;
text-align: center !important;
color: yellow !important;
}
.user-page.favorites-page .thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open .dropdown-item.with-icon > span .xh-icon.bucket::before {
display: inline-block !important;
width: 20px !important;
height: 20px !important;
margin: 3px -5px 0 0 !important;
border-radius: 100% !important;
text-align: center !important;
color: gold !important;
}
.user-page.favorites-page .thumb-list__item.video-thumb .video-thumb-info .xh-dropdown .trigger.on-click.no-arrow.active + .dropdown.position-right.open .dropdown-item.with-icon > span:hover .xh-icon::before {
display: inline-block !important;
width: 20px !important;
height: 20px !important;
text-align: center !important;
color: red !important;
}
/* (new355) DELETED */
.user-page.favorites-page .thumb-list__item.video-thumb a.thumb-image-container.disabled {
position: relative;
display: block;
overflow: hidden;
background-color: red !important;
}
/* (new355) NOT AVAIBLE IN XXX */
.thumb-plug.thumb-plug_video .thumb-plug__block-image.thumb-image-container {
position: relative;
display: block;
overflow: hidden;
background-color: red !important;
}
.thumb-plug.thumb-plug_video .thumb-plug__block-image.thumb-image-container .thumb-plug__image {
height: 100% !important;
min-height: 53px !important;
max-height: 53px !important;
margin-top: 23px !important;
}
/* .thumb-list__item.video-thumb .thumb-plug.thumb-plug_video .thumb-plug__block-image.thumb-image-container + .video-thumb-info */
.thumb-list__item.video-thumb:hover .thumb-plug.thumb-plug_video .thumb-plug__block-image.thumb-image-container + .video-thumb-info {
position: relative;
display: inline-block;
float: none;
font-size: 15px;
height: 100%;
max-height: 38.5px !important;
min-height: 38.5px !important;
max-width: 99% !important;
min-width: 99% !important;
left: 0.8px !important;
top: -4px !important;
padding: 0 0px !important;
border-radius: 0 0 3px 3px;
background: red !important;
color: gold !important;
}
.thumb-plug__block-text {
line-height: 20px;
text-align: center;
padding: 5px 0 !important;
border-radius: 0 0 6px 6px;
}
/* DELETED BUTTON for GM */
/* .user-page.favorites-page .thumb-list__item.video-thumb a.thumb-image-container.disabled + .video-thumb-info .video-thumb__trigger i.xh-icon.dots-menu */
/* .user-page.favorites-page .thumb-list__item.video-thumb a.thumb-image-container.disabled + .video-thumb-info .xh-dropdown .dropdown.position-right.open .xh-icon.bucket */
/* END ==== GOOD === THUMBNAIL FAVS / PORNSTR / CATEG / SUBSCRIPTION ================ */
/* CHAN with div[class*="-rectangle"] */
/* PORNST/ CATG - TRENDING */
.category-page .category-info + .top-video-block--banner + .index-videos.mixed-section,
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section {
margin-top: 0px !important;
margin-bottom: 0px !important;
top: 7px !important;
border-top: 1px solid red !important;
}
.category-page .index-videos .heading {
position: fixed !important;
height: 15px !important;
line-height: 15px !important;
top: 6vh !important;
left: 285px !important;
margin-bottom: 0 !important;
z-index: 50000000 !important;
}
/* (new311) HEADING - PORNST / CHAN */
.category-page .category-info.channel + .index-videos .heading,
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .heading {
position: fixed !important;
display: inline-block !important;
top: 6vh !important;
left: 300px !important;
z-index: 50000000 !important;
}
.category-page .category-info + .top-video-block--banner + .index-videos.mixed-section .heading {
position: fixed !important;
top: 3vh !important;
left: 300px !important;
}
.category-page .category-info.channel + .top-video-block--banner + .index-videos.mixed-section .heading {
position: fixed;
top: 6vh !important;
left: 300px !important;
}
/* .category-page .pages-category .false .landing-info__user-name .landing-info__user-title, */
.category-page .index-videos .page-title-h2, .category-page .index-videos h2,
.category-page .category-info.pornstar ~ .index-videos .heading {
position: fixed !important;
top: 8.5vh !important;
left: 320px !important;
}
.category-page .category-info.pornstar + .top-video-block + .top-video-block + .index-videos.mixed-section .heading,
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .heading {
position: fixed !important;
top: 9vh !important;
left: 290px !important;
}
/* (new415) CATEGORY PAGE - HEADER */
html.category-page body > .main-wrap:first-of-type article .top-video-block.top-video-block--recommendations + .index-videos.mixed-section header,
html.category-page > body > .main-wrap:first-of-type .index-videos header {
display: none !important;
}
.category-page .index-videos .page-title-h2 ,
.category-page .index-videos h2 ,
.category-page .index-videos .heading h2 {
height: 15px !important;
line-height: 15px !important;
font-size: 12px !important;
color: gold !important;
}
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .heading h2 {
height: 15px !important;
line-height: 15px !important;
font-size: 12px !important;
}
/* HOME - VIDEO FILTER */
.main-page .video-filter {
position: absolute !important;
display: inline-block;
float: none !important;
margin: 0;
right: 1000px !important;
vertical-align: middle;
z-index: 2101;
}
/* (new377) THUMBNAIL - ALL - MY FAVS - === */
/* .content-column .mixed-list .item:not(.friend), */
.mixed-section.index-videos.dated-list.inline-right .mixed-list .item:not(.friend) {
position: relative;
box-sizing: border-box;
display: inline-block;
float: none !important;
vertical-align: top;
width: 7.9% !important;
margin-right: -3px;
margin-left: 5px;
margin-bottom: 5px;
padding: 0px !important;
border-radius: 5px !important;
}
/* LARGE */
.video-page.video-page--large-mode .mixed-list .item .info-container {
height: 44px;
margin-top: 0;
}
.video-page.video-page--large-mode .mixed-list .item .info-container .link {
height: 33px;
overflow: hidden !important;
overflow-y: auto !important;
}
.video-page.video-page--large-mode .mixed-list .item .info-container .name {
line-height: 10px;
font-size: 10px !important;
}
.video-page.video-page--large-mode .mixed-list .item:hover .info-container .name {
line-height: 9px;
margin-top: 8px !important;
font-size: 8px !important;
}
.video-page.video-page--large-mode .mixed-list .item .info-container .info {
width: 93%;
top: 122px;
transform: scale(0.7);
opacity: 0.7 !important;
}
.video-page.video-page--large-mode .mixed-list .item .info-container:hover .info {
background: black;
transform: scale(0.8);
opacity: 1 !important;
}
/* ======= */
main .mixed-section.dated-list .item.with-date {
padding-top: 8px;
}
.dialog-image-list .item .date-added,
.mixed-list .item .date-added {
display: none;
}
/* USER FAVORITES */
.user-page.favorites-page .main-wrap > main {
min-height: 100vh !important;
margin-top: 0;
top: 58px !important;
padding-top: 0px !important;
border-top: 1px solid #404040;
}
/* (new260) PB CHROME -USER FAVS - TEST */
html.chrome.user-page.favorites-page {
min-width: 100% !important;
transition: none !important;
-webkit-transform: translateZ(0) !important;
background-color: transparent !important;
}
/* (new260) PB CHROME - USER TABS NAV LINKS */
html.chrome.user-page.favorites-page .user-header .user-info-section .user-tabs,
html.chrome.user-page.favorites-page .user-tabs.sort-section.xh-tabbed {
width: 557px !important;
height: 29px;
left: 363px;
top: -1px !important;
}
/* (new341) FAV VID - THUMB CONTAINER */
.user-page.favorites-page {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
top: 0px;
padding: 0px !important;
overflow: hidden !important;
}
/* (new328) - FAVS USER - BLOG ? */
.user-page.favorites-page .main-wrap > main:nth-child(3) > div {
min-height: 94.5vh !important;
max-height: 94.5vh !important;
top: 0px;
padding: 0px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new378) THUMBNAIL - MY FAV - FOR HOVER */
.user-page.user-videos-page .user-content-section .content-column .xh-tabs,
.user-page.favorites-page .favorites-list.video-single-favorites-list:not(.xh-helper-hidden) {
display: inline-block !important;
width: 1920px;
height: 90.5vh !important;
margin-left: 0px;
padding-left: 0px;
overflow: hidden !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column .xh-tabs {
height: 875px !important;
margin-left: 0px !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column .xh-tabs .tab-favorite.current-tab {
height: 875px;
}
.user-page.favorites-page .favorites-list.video-single-favorites-list .mixed-list {
position: relative;
width: 100% !important;
top: 0;
left: 0;
margin-left: 0;
margin-right: 0;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .item.video.no-padding {
width: 7.9% !important;
height: 165px !important;
vertical-align: top;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 3px;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .item.video.no-padding:hover {
height: 155px !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .item.video.no-padding:hover .info-container {
position: absolute;
display: inline-block;
height: 32px !important;
line-height: 10px;
max-width: 149px !important;
min-width: 149px !important;
left: 3px !important;
top: 110px !important;
visibility: visible;
z-index: 0;
}
.user-page.user-videos-page.my-uploads-page .item.link,
.user-page.favorites-page .mixed-list .item.link {
display: inline-block !important;
min-width: 90px !important;
max-width: 90px !important;
height: 100% !important;
max-height: 100px !important;
min-height: 100px !important;
border-radius: 3px;
background-size: contain !important;
}
/* (new378) FAV / VIDEOS - USER */
.user-page.my-uploads-page:not(.user-blog-page) main .width-wrap {
display: inline-block !important;
width: 100vw !important;
min-width: 100vw !important;
max-width: 100vw !important;
height: 100% !important;
max-height: 98vh !important;
top: 0vh !important;
padding: 3.7vh 0 0vh 0 !important;
}
/* (new381) FAV without SIDE COLUMM - USER */
.user-page.user-videos-page.my-uploads-page .main-wrap main .width-wrap {
display: inline-block !important;
height: auto !important;
max-height: 94.3vh !important;
width: 100vw;
max-width: 100vw;
min-width: 100vw;
top: -0.5vh !important;
padding: 3.8vh 0 0vh 0 !important;
overflow: hidden !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column + .xh-tabs .tab-favorite.current-tab {
position: absolute !important;
display: inline-block !important;
height: 100% !important;
min-height: 92.7vh !important;
max-height: 92.7px !important;
width: 100vw !important;
top: 1.3vh !important;
right: 0 !important;
left: 0 !important;
margin: 0 !important;
padding: 0vh 0 0 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column + .xh-tabs .tab-favorite.current-tab #video-list{
display: inline-block !important;
height: 100% !important;
width: 100vw !important;
min-height: 89.5vh !important;
max-height: 89.5px !important;
overflow: hidden !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar {
min-height: 89vh !important;
max-height: 89vh !important;
margin: 0 !important;
}
/* (new372) WAT - CHROME */
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list #favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb,
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb {
display: inline-block !important;
min-height: 145px !important;
max-height: 145px !important;
min-width: 155px !important;
max-width: 155px !important;
margin-bottom: 2px !important;
margin-left: 3px !important;
margin-right: -2px !important;
padding: 0 !important;
}
/* (new372) OK - FAV USER - HOVER */
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list #favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:hover,
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:hover {
min-height: 130px !important;
max-height: 130px !important;
}
/* OK (new278) USER VIDEO/ SEARCH - ROW TOP */
.search-results .thumb-list__item.video-thumb:nth-child(-n + 11):hover,
.user-page.user-videos-page.my-uploads-page #video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(-n + 11):hover {
top: 40px !important;
}
/* OK (new260) USER VIDEO (SMALL format only 3 rows) - RIGHT */
.user-page.user-videos-page.my-uploads-page .tab-recent #video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(11):hover,
.user-page.user-videos-page.my-uploads-page .tab-recent #video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(22):hover,
.user-page.user-videos-page.my-uploads-page .tab-recent #video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(34):hover {
left: -43px !important;
}
/* OK (new260) USER VIDEO (SMALL format only 3 rows) - LEFT */
.user-page.user-videos-page.my-uploads-page .tab-recent #video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(1):hover,
.user-page.user-videos-page.my-uploads-page .tab-recent #video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(12):hover,
.user-page.user-videos-page.my-uploads-page .tab-recent #video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(23):hover {
left: 48px !important;
}
/* OK (new260) FAV USER/MY - ROW TOP */
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list #favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(n + 1):nth-child(-n + 12):hover,
.user-page.user-videos-page.my-uploads-page .thumb-list__item.video-thumb.role-pop:nth-child(n + 1):nth-child(-n + 12):hover {
top: 35px !important;
}
/* OK (new177) FAV USER/MY / SEARCH - RIGHT */
.search-results .thumb-list__item.video-thumb:nth-child(12):hover,
.search-results .thumb-list__item.video-thumb:nth-child(22):hover,
.search-results .thumb-list__item.video-thumb:nth-child(32):hover,
.search-results .thumb-list__item.video-thumb:nth-child(42):hover,
.search-results .thumb-list__item.video-thumb:nth-child(62):hover,
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list #favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(12):hover,
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list #favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(24):hover,
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list #favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(36):hover,
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list #favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(48):hover,
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list #favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(60):hover,
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(12):hover,
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(24):hover,
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(36):hover,
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(48):hover,
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(60):hover {
left: -43px !important;
}
/* (new260) OK - FAV USER/MY - LEFT */
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list #favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(1):hover,
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list #favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(13):hover,
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list #favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(25):hover,
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list #favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(37):hover,
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list #favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(49):hover {
left: 46px !important;
border: 1px solid violet !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(1):hover,
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(13):hover,
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(25):hover,
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(37):hover,
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(49):hover {
left: 43px !important;
}
/* OK (new278) SEARCH - ROW TOP/RIGHT */
.search-results .thumb-list__item.video-thumb:nth-child(12):hover {
top: 40px;
}
/* OK (new271) FAV MY - ROW TOP/RIGHT */
.search-results .thumb-list__item.video-thumb:nth-child(-n + 11):hover {
top: 40px !important;
}
/* OK (new271) FAV MY - ROW TOP/RIGHT */
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(12):hover {
top: 35px !important;
}
/* OK - FAV - MY */
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list .mixed-list .item.video {
display: inline-block !important;
min-height: 138px !important;
max-height: 138px !important;
min-width: 186px !important;
max-width: 186px !important;
margin-bottom: 2px !important;
margin-left: 4px !important;
margin-right: -4px !important;
padding: 0 !important;
border: 1px solid red !important;
}
/* OK - FAV - MY - HOV */
.user-page.favorites-page .main-wrap > main .content-column .favorites-list.video-single-favorites-list .mixed-list .item.video:hover {
min-width: 185px !important;
max-width: 185px !important;
min-height: 135px !important;
max-height: 135px !important;
margin-left: 3px !important;
margin-right: -2px !important;
}
/* (new228) VR */
.user-page.favorites-page .main-wrap > main .content-column .favorites-list.video-single-favorites-list .mixed-list .item.video .thumb-container .sprite {
height: 101px !important;
width: 100%;
max-width: 181px !important;
min-width: 181px !important;
margin-top: 0;
top: -104px !important;
border-radius: 5px 5px 0 0 !important;
z-index: 50000000 !important;
}
/* (new263) OK - FAV - IMG CONT */
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list #favorites-video-list .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb .thumb-image-container,
.user-page.favorites-page .mixed-list .item.video .thumb-container {
display: inline-block !important;
min-height: 87px !important;
max-height: 87px !important;
width: 100% !important;
min-width: 152px !important;
max-width: 152px !important;
top: 0px !important;
left: 0px;
background-repeat: no-repeat !important;
background-size: contain !important;
object-fit: contain !important;
}
/* MY FAV - INFOS CONT - HOV */
.user-page.favorites-page .mixed-list .item.video:hover .info-container {
position: absolute !important;
display: inline-block !important;
height: 25px !important;
line-height: 10px !important;
min-width: 260px !important;
max-width: 260px !important;
left: -5px !important;
top: 110px !important;
padding: 0px 5px;
z-index: 500 !important;
visibility: visible !important;
}
.user-page.favorites-page .mixed-list .item.video:hover .info {
margin-top: 0px !important;
margin-left: -65px !important;
}
.user-page.favorites-page .mixed-list .item.video .name,
.user-page.favorites-page .mixed-list .item.video .link .name {
height: 37px;
line-height: 8px !important;
font-size: 10px !important;
padding: 2px 5px 0 !important;
border: none !important;
outline: none !important;
}
.user-page.favorites-page .mixed-list .item.video .name > span {
display: inline-block !important;
height: 37px !important;
line-height: 10px !important;
font-size: 10px !important;
color: peru !important;
}
.user-page.favorites-page .mixed-list .item.video .info {
bottom: 0;
color: #707070;
font-size: 12px;
height: 14px;
letter-spacing: 0.9px;
line-height: 14px;
overflow: hidden;
position: absolute;
visibility: hidden;
border: none !important;
outline: none !important;
}
/* (new262) SUPERLOADER ? - ONLY ONE FAVORITES LIST CATEG - === */
.user-page.favorites-page .width-wrap .user-content-section .content-column > .xh-helper-hidden {
display: none !important;
}
/* (new235) OK - VIDEOS - USER */
.user-page.user-videos-page.my-uploads-page .thumb-list.thumb-list--full-width .thumb-list__item.role-pop {
display: inline-block !important;
height: 100% !important;
min-height: 176px !important;
max-height: 176px !important;
min-width: 230px !important;
max-width: 230px !important;
margin: 0 -7px 15px 5px !important;
padding: 0;
border: 1px solid red;
}
.user-page.user-videos-page.my-uploads-page .thumb-list.thumb-list--full-width .thumb-list__item.video-thumb .video-thumb-info__metrics {
display: none !important;
}
/* (new382) SPRITE PB - A SUPP - XHA desi */
.user-page.user-videos-page.my-uploads-page .thumb-list.thumb-list--full-width .thumb-list__item.video-thumb:hover .thumb-image-container__duration {
z-index: 500000 !important;
}
/* MY UPLOAD PAGE - ALL VIDEOS - === */
.video-block.upload-list {
width: 1920px;
height: 92.9vh !important;
padding-left: 40px !important;
padding-top: 10px !important;
overflow: hidden !important;
overflow-y: auto !important;
border-bottom: 1px solid red !important;
}
.my-video-item.clearfix-after,
.my-video-item.clearfix-after.no-thumbs {
height: 235px !important;
float: left !important;
width: 50% !important;
margin-bottom: 10px !important;
padding: 5px !important;
border: 1px solid red !important;
}
.my-video-item.clearfix-after .left-side,
.my-video-item.clearfix-after.no-thumbs .left-side {
float: left;
width: 60% !important;
}
.my-video-item.clearfix-after .right-side,
.my-video-item.clearfix-after.no-thumbs .right-side {
float: left;
width: 40% !important;
height: 268px !important;
}
/* HOVER - THUMBNAIL - USER FAV /MY FAV / CATEGORY - VIDEO - === */
.user-page.user-videos-page.my-uploads-page .content-column .xh-tabs .tab-favorite.current-tab .mixed-list .item.video {
height: 100% !important;
min-height: 160px !important;
max-height: 160px !important;
min-width: 140px !important;
margin-bottom: 8px !important;
margin-left: 15px !important;
left: 28px !important;
margin-right: -7px !important;
padding: 5px;
}
.user-page.user-videos-page.my-uploads-page .content-column .xh-tabs .tab-favorite.current-tab .mixed-list .item.video:hover {
min-width: 152px !important;
max-width: 152px !important;
margin-right: -13px !important;
transform: scale(1.6);
transition: all 0.2s ease 0s;
z-index: 500500;
}
.user-page.user-videos-page.my-uploads-page .content-column .xh-tabs .tab-favorite.current-tab .mixed-list .item.video .info-container {
height: 100% !important;
min-height: 39px !important;
max-height: 39px !important;
width: 143px !important;
margin-left: -4px !important;
margin-top: 10px !important;
padding: 0 5px !important;
overflow: hidden !important;
}
.user-page.user-videos-page.my-uploads-page .content-column .xh-tabs .tab-favorite.current-tab .mixed-list .item.video:hover .info-container {
min-height: 32px !important;
max-height: 32px !important;
margin-left: -2px !important;
}
.user-page.user-videos-page.my-uploads-page .content-column .xh-tabs .tab-favorite.current-tab .mixed-list .item.video .info-container a {
height: 39px !important;
max-width: 140px !important;
min-width: 140px !important;
}
.user-page.user-videos-page.my-uploads-page .content-column .xh-tabs .tab-favorite.current-tab .mixed-list .item.video:hover .info-container a {
min-height: 32px !important;
max-height: 32px !important;
padding: 0px 2px !important;
}
.user-page.user-videos-page.my-uploads-page .content-column .xh-tabs .tab-favorite.current-tab .mixed-list .item.video .info-container a .name {
position: relative;
display: inline-block !important;
width: 100% !important;
min-width: 136px !important;
max-width: 136px !important;
height: 100% !important;
min-height: 40px !important;
max-height: 40px !important;
line-height: 10px;
padding: 0px !important;
}
.user-page.user-videos-page.my-uploads-page .content-column .xh-tabs .tab-favorite.current-tab .mixed-list .item.video:hover .info-container a .name {
min-height: 28px !important;
max-height: 28px !important;
line-height: 10px;
}
.user-page.user-videos-page.my-uploads-page .content-column .xh-tabs .tab-favorite.current-tab .mixed-list .item.video .info-container a .name span {
position: relative;
display: inline-block !important;
width: 100% !important;
min-width: 136px !important;
max-width: 136px !important;
height: 100% !important;
min-height: 37px !important;
max-height: 37px !important;
line-height: 10px;
padding: 0px;
font-size: 11px !important;
overflow: visible !important;
overflow-y: auto !important;
}
.user-page.user-videos-page.my-uploads-page .content-column .xh-tabs .tab-favorite.current-tab .mixed-list .item.video:hover .info-container a .name span {
position: relative;
display: inline-block !important;
width: 100% !important;
min-width: 136px !important;
max-width: 136px !important;
height: 100% !important;
min-height: 25px !important;
max-height: 25px !important;
line-height: 10px;
padding: 0px;
font-size: 8px !important;
overflow: visible !important;
overflow-y: auto !important;
}
.user-page.user-videos-page.my-uploads-page .content-column .xh-tabs .tab-favorite.current-tab .mixed-list .item.video:hover .info-line {
-moz-user-select: none;
border-radius: 5px;
margin-left: 0px !important;
margin-top: 2px;
transform: scale(1) !important;
}
.user-page.user-videos-page.my-uploads-page .content-column .xh-tabs .tab-favorite.current-tab .mixed-list .item.video:not(:hover) .thumb-container .info-line .duration {
height: 14px !important;
line-height: 17px !important;
top: 99px !important;
padding: 0 2px !important;
}
.user-page.user-videos-page.my-uploads-page .content-column .xh-tabs .tab-favorite.current-tab .mixed-list .item.video:hover .info-line .duration {
-moz-user-select: none;
border-radius: 5px;
margin-left: 0px !important;
margin-top: -1px !important;
transform: scale(0.7);
text-align: center !important;
}
.user-page.user-videos-page.my-uploads-page .content-column .xh-tabs .tab-favorite.current-tab .mixed-list .item.video:not(:hover) .info {
top: 105px !important;
}
/* (new206)MY UPLOADS */
.user-page.my-uploads-page .video-block.upload-list .my-video-list .my-video-item {
margin-bottom: 5px !important;
padding: 5px!important;
overflow: hidden;
border-radius: 5px !important;
border: 1px solid red !important;
}
.user-content-section .content-column .my-video-list .my-video-item .thumb-list .item.empty {
display: none !important;
}
.user-page.my-uploads-page .video-block.upload-list .thumb-inner {
max-height: 130px !important;
min-height: 130px !important;
margin-top: 2px!important;
object-fit: contain !important;
}
/* NO THUMBS */
.user-page.my-uploads-page .video-block.upload-list .my-video-list .my-video-item.no-thumbs {
margin-bottom: 5px !important;
padding: 5px!important;
overflow: hidden;
border-radius: 5px !important;
border: 1px solid red !important;
}
.user-page.my-uploads-page .my-video-item.no-thumbs .thumb-list .item:not(.empty) {
display: inline-block;
min-width: 50px !important;
max-width: 50px !important;
min-height: 50px !important;
max-height: 50px !important;
opacity: 0.2 !important;
overflow: hidden !important;
border: 1px solid red !important;
}
.user-page.my-uploads-page .user-content-section .content-column .my-video-list .my-video-item .right-side .error-text {
display: inline-block !important;
min-width: 650px !important;
max-width: 650px !important;
font-size: 14px;
line-height: 15px;
margin-bottom: 10px;
}
.user-page.my-uploads-page .user-content-section .content-column .my-video-list .my-video-item .thumb-list .thumbs-status {
position: absolute;
width: 130px !important;
height: 130px !important;
line-height: 25px;
left: 60%;
top: 100%;
margin: -50px 0 0 -50px;
padding: 18px 0 0 !important;
text-align: center;
}
/* (new206) MY VIDEOS - VIDEO EDIT PAGE */
.edit-video-form--wrapper {
padding: 0 500px !important;
}
/* FAV VIDEO */
.user-page.favorites-page .favorites-list.video-single-favorites-list .mixed-list:not(.stories-list) .item.video:not(.friend):hover,
.user-page.user-videos-page.my-uploads-page .mixed-list .item.video:not(.friend):hover,
.user-page.favorites-page .mixed-list:not(.stories-list) .item.video:not(.friend):hover {
position: relative !important;
display: inline-block !important;
min-height: 141px !important;
max-height: 141px !important;
top: 0px !important;
margin-right: 0px !important;
margin-left: 2px !important;
border-radius: 5px !important;
opacity: 1 !important;
transform: scale(1.6);
z-index: 500500 !important;
background: #222 !important;
}
/* MY FAV VIDEOS */
.category-page .mixed-list .item.video:hover .thumb-container,
.user-page.favorites-page .mixed-list .item.video:hover .thumb-container video[style="display: block;"] {
width: 143px !important;
height: 105px !important;
left: -2px !important;
top: -1px !important;
margin-bottom: 0px !important;
border-radius: 5px 5px 0 0 !important;
border: none !important;
background-size: contain !important;
}
.user-page.favorites-page .mixed-list .item.video:not(.story):not(.type-blog):hover .thumb-container {
min-height: 103px !important;
max-height: 103px !important;
min-width: 183px !important;
max-width: 183px !important;
left: 0px !important;
top: 0px !important;
border-radius: 5px 5px 0 0px !important;
background-size: contain !important;
}
.user-page.favorites-page .mixed-list .item.video:not(.story):not(.type-blog):hover .thumb-container video {
width: 148px !important;
left: 0px !important;
border: 1px solid red !important;
}
.user-page.favorites-page .mixed-list .item.video:hover .thumb-container .deleted {
height: 104px;
}
/* (new349) HISTORY - LEFT SIDEBAr - === */
.user-watch-history-page aside .categories-list {
position: relative;
float: left;
width: 180px;
top: 3vh !important;
padding-bottom: 0px;
border-radius: 0 !important;
border-right: 1px solid red !important;
}
/* (new336) HISTORY - THUMBNAIL - === */
.user-watch-history-page .main-wrap {
height: 100% !important;
min-height: 97vh !important;
max-height: 97vh !important;
top: 0vh !important;
/* border: 1px solid aqua !important; */
}
.user-watch-history-page .main-wrap main {
height: 100% !important;
min-height: 95vh !important;
max-height: 95vh !important;
top: 0px !important;
padding: 0 0 0vh 0 !important;
}
.user-watch-history-page article .index-videos {
position: relative;
/* border: 1px solid aqua !important; */
}
.user-watch-history-page article {
padding: 30px 0 0 10px !important;
}
.user-watch-history-page .mixed-list .item.video .info {
display: none;
}
/* (new336) HISTORY - SUPERLOADER */
.user-watch-history-page .sp-separator ~ .main-wrap {
height: 100%;
max-height: 97vh !important;
min-height: 97vh !important;
top: 0px !important;
padding: 0 !important;
overflow: hidden !important;
}
.user-watch-history-page .sp-separator ~ .main-wrap > main {
top: 0px !important;
padding: 0 !important;
overflow: hidden !important;
}
.user-watch-history-page .sp-separator ~ .main-wrap > main .user-watch-history-header.clearfix-after {
display: none !important;
}
/* (new276) WATCH HISTORY - HOVER - RIGHT */
.user-watch-history-page .thumb-list__item.video-thumb:nth-child(50):hover,
.user-watch-history-page .thumb-list__item.video-thumb:nth-child(40):hover,
.user-watch-history-page .thumb-list__item.video-thumb:nth-child(30):hover,
.user-watch-history-page .thumb-list__item.video-thumb:nth-child(20):hover,
.user-watch-history-page .thumb-list__item.video-thumb:nth-child(10):hover {
left: -45px !important;
}
/* HOVER - ROW - BOTTOM */
.item.video:nth-child(n + 49):nth-child(-n + 60):hover {
top: -52px !important;
}
/* HOVER - THUMBNAIL - CATEGORY - VIDEO - === */
.category-page .mixed-list {
position: relative;
width: 1662px !important;
left: -18px!important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.category-page .mixed-list .item.video {
float: none !important;
width: 7.8% !important;
}
.category-page .mixed-list .item.video:hover {
height: 140px;
top: -24px;
border-radius: 5px !important;
background: rgba(3, 3, 3, 0.68) !important;
opacity: 1 !important;
transform: translate(0px, 23px) scale(1.6);
transition: all ease 0.2s !important;
}
.category-page .mixed-list .item.video:hover .thumb-container {
height: 102px;
top: 0px;
margin-bottom: 19px;
}
.category-page .mixed-list .item.video:hover .thumb-container .deleted {
height: 104px;
}
/* GALLERY - PHOTOS - MY UPLOAD */
/* MY GALLERIES LIST - CONTAINER */
.user-page.my-uploads-page .user-content-section .content-column {
width: 1916px;
}
.user-page.my-uploads-page .photo-block.upload-list {
width: 1870px;
margin-left: 15px;
margin-top: 3px;
padding-left: 0px;
}
.user-page.my-uploads-page .photo-block.upload-list .mixed-list.my-items {
width: 1604px !important;
}
.user-page.my-uploads-page .photo-block.upload-list .mixed-list.my-items .item.gallery {
margin-bottom: 5px;
margin-left: 5px;
margin-right: 3px;
padding: 0;
width: 16% !important;
}
/* GALLERY - PHOTOS PAGES - TEST HOVER - */
/* GALLERY - PHOTOS */
.gallery-page article .gallery-section .mixed-list.loaded .photo-container:hover {
top: -24px;
border-radius: 5px !important;
z-index: 5000 !important;
opacity: 1 !important;
transform: translate(0px, 23px) scale(2);
transition: all ease 0.7s !important;
background: rgba(3, 3, 3, 0.9) !important;
}
.gallery-page article .gallery-section .mixed-list.loaded .photo-container:nth-child(n + 86):nth-child(-n + 99):hover {
top: -65px !important;
}
/* GALLERY - PHOTOS - RELATED */
.gallery-page .gallery-related .mixed-section.videos.related .item.video:hover {
top: -24px;
border-radius: 5px !important;
z-index: 5000 !important;
opacity: 1 !important;
transform: translate(-30px, 23px) scale(1.7);
transition: all ease 0.7s !important;
background: rgba(3, 3, 3, 0.9) !important;
}
.gallery-page .gallery-related .mixed-section.videos.related .item.video:hover .info-container {
top: 4px !important;
border-radius: 5px !important;
font-size: 10px !important;
z-index: 5000 !important;
opacity: 1 !important;
transform: translate(0px, 7px) scale(0.88);
transition: all ease 0.7s !important;
background: rgba(3, 3, 3, 0.9) !important;
}
.gallery-page .gallery-related .mixed-section.videos.related .item.video:hover .info-container .name span {
font-size: 10px !important;
line-height: 10px !important;
}
/* FAVORITES PAGES - DON'T DISPLAY NONE LIST(BLOGS/STORIES) */
.user-page.favorites-page .width-wrap .user-content-section .content-column .favorites-list.stories-favorites-list.stories-section[style="display: none;"],
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section[style="display: none;"] {
display: none !important;
visibility: hidden !important;
}
/* CHANNELS / RECOMMENDED / MOST VIEWED / HD / */
.video-thumb-info__views.video-thumb-info__views--just-added {
left: 66px !important;
top: -51px !important;
font-size: 10px !important;
}
.category-page .thumb-list__item.video-thumb .video-thumb-info__rating.video-thumb-info__rating--like {
display: none !important;
}
/* SUBSCRIPTION - ROW - TOP */
.subscriptions-page .thumb-list__item.video-thumb.video-thumb--dated:nth-child(n + 1):nth-child(-n + 12):hover {
top: 33px !important;
left: 47px !important;
}
/* (new271) SUBSCRIPTION - ROW - TOP/RIGHT */
.subscriptions-page .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb.video-thumb--dated:nth-child(12):hover {
top: 33px !important;
left: -47px !important;
}
/* (new228) CAT - TEST
.category-page .category-info:not(.pornstar)
.category-page .category-info.pornstar
=== */
/* (new228) CAT - NOT PORNSTAR - NO WIO */
/* HOVER - LEFT */
/* (new228) CAT - NOT PORNSTAR - 1 WIO */
.category-page .category-info:not(.pornstar) + .index-videos.mixed-section .heading + .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(42):hover,
.category-page .category-info:not(.pornstar) + .index-videos.mixed-section .heading + .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(32):hover,
.category-page .category-info:not(.pornstar) + .index-videos.mixed-section .heading + .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(22):hover,
.category-page .category-info:not(.pornstar) + .index-videos.mixed-section .heading + .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(12):hover,
.category-page .category-info:not(.pornstar) + .index-videos.mixed-section .heading + .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(2):hover {
left: 47px !important;
}
/* (new391) CAT - NOT PORNSTAR - 2 WIO */
/* (new391) TEST - CAT - PORNST + TAG CHOOSEN - GM SUPERLOADER
.category-page .sp-separator ~ .main-wrap[data-role="main-wrap"]
==== */
/* .best-page .sp-separator, */
.category-page .sp-separator {
position: relative;
max-width: 60vw !important;
left: 20% !important;
top: 25px;
}
/* (new293) CAT / CHAN / PORN - ROW - TOP ALL */
.index-videos .thumb-list__item.video-thumb:nth-child(-n + 13):hover,
.category-page .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(-n + 13):hover {
top: 40px !important;
/* border: 1px solid tan !important; */
}
/* (new168) SUBSCRIPTION - RIGHT */
.subscriptions-page .thumb-list__item.video-thumb:nth-child(63):hover,
.subscriptions-page .thumb-list__item.video-thumb:nth-child(56):hover,
.subscriptions-page .thumb-list__item.video-thumb:nth-child(45):hover,
.subscriptions-page .thumb-list__item.video-thumb:nth-child(34):hover,
.subscriptions-page .thumb-list__item.video-thumb:nth-child(23):hover,
.subscriptions-page .thumb-list__item.video-thumb:nth-child(23):hover,
.subscriptions-page .thumb-list__item.video-thumb:nth-child(12):hover {
left: -44px !important;
}
/* (new168) SUBSCRIPTION - LEFT */
.subscriptions-page .thumb-list__item.video-thumb:nth-child(57):hover,
.subscriptions-page .thumb-list__item.video-thumb:nth-child(53):hover,
.subscriptions-page .thumb-list__item.video-thumb:nth-child(46):hover,
.subscriptions-page .thumb-list__item.video-thumb:nth-child(35):hover,
.subscriptions-page .thumb-list__item.video-thumb:nth-child(24):hover,
.subscriptions-page .thumb-list__item.video-thumb:nth-child(13):hover,
.subscriptions-page .thumb-list__item.video-thumb:nth-child(2):hover {
left: 45px !important;
}
/* (new283) HUB - TOP ROW + WIO ? */
.hub-videos-page article .categories-container + div .thumb-list__item.video-thumb:nth-child(n + 1):nth-child(-n + 11):hover {
top: 40px !important;
}
/* OK (new269) SEARCH - TOP ROW + +TOP RECO + WIO */
.search-results .top-video-block + .mixed-section.index-videos .thumb-list__item:nth-child(n + 1):nth-child(-n + 11):hover {
top: 20px !important;
}
/* OK (new271) SEARCH - TOP ROW */
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item:nth-child(n + 1):nth-child(-n + 12):hover {
top: 38px !important;
}
/* OK (new271) SEARCH - RIGHT - */
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item:nth-child(52):hover,
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item:nth-child(42):hover,
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item:nth-child(32):hover,
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item:nth-child(22):hover,
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item:nth-child(12):hover {
left: -47px !important;
}
/* OK (new168) SEARCH - RIGHT - NOT Helper Hidden + .thumb-list--banner + div[class*="-rectangle"] + WIO RECT */
.search-results .search-page-suggestions.fixed + .width-wrap article .search-results-header.with-suggestions + .label-set.categories-container + .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(11):hover,
.search-results .search-page-suggestions.fixed + .width-wrap article .search-results-header.with-suggestions + .label-set.categories-container + .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(21):hover,
.search-results .search-page-suggestions.fixed + .width-wrap article .search-results-header.with-suggestions + .label-set.categories-container + .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(31):hover,
.search-results .search-page-suggestions.fixed + .width-wrap article .search-results-header.with-suggestions + .label-set.categories-container + .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(41):hover,
.search-results .search-page-suggestions.fixed + .width-wrap article .search-results-header.with-suggestions + .label-set.categories-container + .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(51):hover {
left: -47px !important;
}
/* OK (new260) SEARCH - RIGHT - NOT Helper Hidden */
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item:nth-child(12):hover,
.search-results .search-page-suggestions.fixed:not(.xh-helper-hidden) + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(11):hover,
.search-results .search-page-suggestions.fixed:not(.xh-helper-hidden) + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(21):hover,
.search-results .search-page-suggestions.fixed:not(.xh-helper-hidden) + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(31):hover,
.search-results .search-page-suggestions.fixed:not(.xh-helper-hidden) + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(41):hover,
.search-results .search-page-suggestions.fixed:not(.xh-helper-hidden) + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(51):hover {
left: -47px !important;
}
/* OK (new168) SEARCH NO RESULTS - RIGHT - with Helper Hidden + .thumb-list--banner + .empty-video-state */
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(8):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(16):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(24):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(32):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(40):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(48):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(56):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(64):hover {
left: -64px !important;
}
/* OK (new168) SEARCH NO RESULTS - RIGHT - with Helper Hidden + .thumb-list--banner + .empty-video-state */
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(8):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(16):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(24):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(32):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(40):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(48):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(56):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(64):hover {
left: -64px !important;
}
/* OK (new168) SEARCH NO RESULTS - RIGHT - with Helper Hidden + .thumb-list--banner + .empty-video-state */
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(1):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(9):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(17):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(25):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(33):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(41):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(49):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(57):hover,
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(65):hover {
left: 62px !important;
}
/* OK (new168) SEARCH NO RESULTS - TOP - ROW */
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(n + 1):nth-child(-n + 8):hover {
top: 33px;
}
/* CAT - CHANNEL - BOTTOM */
.category-info.channel + .index-videos .thumb-list__item.video-thumb:nth-child(n + 51):nth-child(-n + 60):hover {
top: -25px !important;
}
.category-info.channel + .index-videos.mixed-section .thumb-list__item.video-thumb.role-pop.impression-thumb-start.impression-thumb:nth-child(n + 51):nth-child(-n + 60):hover {
top: -45px !important;
}
/* OK (new168)HISTORY - RIGHT */
.user-watch-history-page .mixed-list .item.video:nth-child(10):hover,
.user-watch-history-page .mixed-list .item.video:nth-child(20):hover,
.user-watch-history-page .mixed-list .item.video:nth-child(30):hover,
.user-watch-history-page .mixed-list .item.video:nth-child(40):hover,
.user-watch-history-page .mixed-list .item.video:nth-child(50):hover {
left: -47px !important;
}
/* HISTORY - R0W BOTTOM */
.user-watch-history-page .mixed-list .item.video:nth-child(n + 51):nth-child(-n + 60):hover {
top: -15px !important;
}
/* (new290) VIDEO PAGE THUMB - HOVER - WITH / NO WIO */
/* WITH WIO - .mixed-section.videos.related-container - SUPP .video-thumb[class^="wio-"] */
/* .video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:not([class^="wio-"]) */
.video-page .thumb-list div[class*="-ecam-"].video-thumb,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb[class^="wio-"] {
display: none !important;
}
/* RELATED - TAB VIDEO - .related-container[data-tab-type="video"] */
/* RELATED - TAB OTHER - related-container:not([data-tab-type="video"]):not(.width-wrap) */
/* (new290) VIDEO PAGE - RIGHT - HOVER - WIO */
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(121):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(117):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(113):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(109):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(105):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(101):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(97):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(93):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(89):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(85):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(81):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(77):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(73):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(69):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(65):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(61):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(57):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(53):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(49):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(45):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(41):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(37):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(33):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(29):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(25):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(21):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(17):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(13):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(9):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(5):hover {
left: -28px !important;
/* border: 1px solid aqua !important; */
}
/* (new290) VIDEO PAGE - LEFT - HOVER - WIO */
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(122):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(118):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(114):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(110):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(106):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(102):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(98):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(94):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(90):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(86):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(82):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(78):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(74):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(70):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(66):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(62):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(58):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(54):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(50):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(46):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(42):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(38):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(34):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(30):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(26):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(22):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(18):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(14):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(10):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(6):hover,
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-child(1):hover {
left: 28px !important;
/* border: 1px dashed aqua !important; */
}
/* RELATED - TAB OTHER - .related-container .related-container:not([data-tab-type="video"]) - WIO */
/* (new294) VIDEO PAGE - TAB OTHER - RIGHT - HOVER - WIO */
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(121):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(117):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(113):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(109):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(105):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(101):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(97):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(93):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(89):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(85):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(81):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(77):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(73):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(69):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(65):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(61):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(57):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(53):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(49):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(45):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(41):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(37):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(33):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(29):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(25):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(21):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(17):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(13):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(9):hover,
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-child(5):hover {
left: 30px !important;
}
/* (new294) VIDEO PAGE - TAB OTHER - LEFT - HOVER - WIO */
/* (new290) VIDEO PAGE - TAB VIDEO - ROW TOP - HOVER - WIO */
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .thumb-list__item.video-thumb:nth-child(n + 1):nth-child(-n + 5):hover {
margin-top: 2.8vh !important;
}
/* (new290) VIDEO PAGE - TAB VIDEO - ROW TOP/LEFT - HOVER - WIO */
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .thumb-list__item.video-thumb:nth-child(1):hover {
margin-top: 2.8vh !important;
left: 28px !important;
}
/* (new291) VIDEO PAGE - TAB VIDEO - ROW TOP/RIGHT - HOVER - WIO */
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .thumb-list__item.video-thumb:nth-child(5):hover {
margin-top: 2.8vh !important;
left: -13px !important;
}
/* (new290) VIDEO PAGE - TAB VIDEO - ROW BOTTOM (COLLAPSED / NOT COLLAPSED) - HOVER - WIO */
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb-collapsed .thumb-list__item.video-thumb:nth-child(n + 10):nth-child(-n + 13):hover {
margin-top: -3.7vh !important;
}
.video-page:not(.video-page--large-mode) .related-container[data-tab-type="video"] .video-thumb:nth-last-child(-n + 3):hover {
margin-top: -3.7vh !important;
}
/* (new290) VIDEO PAGE - LARGE - TAB VIDEO - ROW TOP - HOVER - WIO */
.video-page.video-page--large-mode .related-container[data-tab-type="video"] .video-thumb:nth-child(n + 1):nth-child(-n + 5):hover {
margin-top: 2.8vh !important;
left: 0px !important;
}
/* (new290) VIDEO PAGE - LARGE - TTAB VIDEO - ROW TOP/LEFT - HOVER - WIO */
.video-page.video-page--large-mode .related-container[data-tab-type="video"] .video-thumb .thumb-list__item.video-thumb:nth-child(1):hover {
margin-top: 2.8vh !important;
left: 28px !important;
}
/* (new290) VIDEO PAGE - LARGE - TTAB VIDEO - ROW TOP/RIGHT - HOVER - WIO */
.video-page.video-page--large-mode .related-container[data-tab-type="video"] .video-thumb .thumb-list__item.video-thumb:nth-child(5):hover {
margin-top: 2.8vh !important;
left: -28px !important;
}
/* (new293) VIDEO PAGE - TAB OTHER - HOVER - RELATED VIDEO [data-role="related-with-tabs-container"] */
/* (new405) VIDEO PAGE - TAB OTHER - ROW TOP - HOVER - NO WIO */
.video-page:not(.video-page--large-mode) .related-container[data-role="related-with-tabs-container"] .mixed-section.videos.related-container .thumb-list.thumb-list--sidebar .thumb-list__item.page-1:nth-of-type(-n+5):hover{
margin-top: 2.8vh !important;
border: 1px solid violet !important;
}
/* (new290) VIDEO PAGE - TAB OTHER - ROW TOP/LEFT - HOVER - WIO - RELATED VIDEO [data-role="related-with-tabs-container"] */
.video-page:not(.video-page--large-mode) .related-container .mixed-section.videos.related-container .thumb-list.thumb-list--sidebar .thumb-list__item.page-1:nth-child(1):hover {
margin-top: 2.8vh !important;
left: 28px !important;
}
/* (new405) VIDEO PAGE - TAB OTHER - ROW TOP/RIGHT - HOVER - NO WIO */
.video-page:not(.video-page--large-mode) .related-container[data-role="related-with-tabs-container"] .mixed-section.videos.related-container[data-block="related-video"] .thumb-list.thumb-list--sidebar .thumb-list__item.page-1:nth-child(5):hover {
margin-top: 2.8vh !important;
left: -28px !important;
}
/* (new405) VIDEO PAGE - TAB OTHER - ROW BOTTOM (COLLAPSED / NOT COLLAPSED) - HOVER - NO WIO */
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb-collapsed .thumb-list__item.video-thumb:nth-child(n + 10):nth-child(-n + 13):hover {
margin-top: -3.7vh !important;
}
.video-page:not(.video-page--large-mode) .related-container:not(.width-wrap):not([data-tab-type="video"]) .video-thumb:nth-last-child(-n + 4):hover {
margin-top: -3.7vh !important;
}
/* RELATED - TAB VIDEO - .related-container[data-tab-type="video"] */
/* RELATED - TAB OTHER - related-container:not([data-tab-type="video"]):not(.width-wrap) */
/* (new405) VIDEO PAGE - TAB VIDEO - LARGE - LEFT - HOVER - WIO */
.video-page:not(.video-page--large-mode) .related-container[data-role="related-with-tabs-container"] .mixed-section.videos.related-container[data-block="related-video"] .thumb-list.thumb-list--sidebar .thumb-list__item:nth-of-type(-n+5) ~ .thumb-list__item:nth-child(4n+6):hover {
left: 26px !important;
}
/* (new405) VIDEO PAGE - TAB VIDEO - LARGE - RIGHT - WIO */
.video-page:not(.video-page--large-mode) .related-container[data-role="related-with-tabs-container"] .mixed-section.videos.related-container[data-block="related-video"] .thumb-list.thumb-list--sidebar .thumb-list__item:nth-child(-n+5) ~ .thumb-list__item:nth-child(4n+5):hover {
left: -24px !important;
}
/* (new291) VIDEO PAGE - LARGE - TAB VIDEO - ROW TOP - HOVER - WIO */
.video-page--large-mode .mixed-section.related-container[data-tab-type="video"] .thumb-list__item.video-thumb:nth-child(n + 1):nth-child(-n + 8):hover {
margin-top: 22px !important;
margin-bottom: -50px !important;
}
/* (new295) VIDEO PAGE - LARGE - TAB VIDEO - ROW TOP/LEFT - HOVER - WIO */
.video-page--large-mode .mixed-section.related-container:not(.width-wrap)[data-tab-type="video"] .thumb-list__item.video-thumb:nth-child(n + 1):nth-child(2):hover {
left: 21px !important;
}
/* (new291) VIDEO PAGE - LARGE - TAB VIDEO - ROW BOTTOM - WIO */
.video-page--large-mode .mixed-section.related-container:not(.width-wrap)[data-tab-type="video"] .thumb-list__item.video-thumb:nth-last-child(-n + 5):hover {
margin-top: -2.2vh !important;
}
/* FAVORITES - USER - */
/* FAVORITES - USER - LEFT */
.user-page.user-videos-page.my-uploads-page .mixed-list .item.video:nth-child(25):hover,
.user-page.user-videos-page.my-uploads-page .mixed-list .item.video:nth-child(17):hover,
.user-page.user-videos-page.my-uploads-page .mixed-list .item.video:nth-child(9):hover,
.user-page.user-videos-page.my-uploads-page .mixed-list .item.video:nth-child(1):hover {
left: 48px !important;
}
/* FAVORITES - USER - RIGHT */
.user-page.favorites-page .mixed-list .item.video:nth-child(60):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(50):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(40):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(30):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(20):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(10):hover {
left: -51px !important;
}
.user-page.user-videos-page.my-uploads-page .mixed-list .item.video:nth-child(32):hover,
.user-page.user-videos-page.my-uploads-page .mixed-list .item.video:nth-child(24):hover,
.user-page.user-videos-page.my-uploads-page .mixed-list .item.video:nth-child(16):hover,
.user-page.user-videos-page.my-uploads-page .mixed-list .item.video:nth-child(8):hover {
left: -15px !important;
}
/* FAVORITES - USER - ROW BOTTOM */
.user-page.favorites-page .mixed-list .item.video:nth-child(n + 11):nth-child(-n + 60):hover {
display: inline-block !important;
float: none !important;
top: -85px !important;
}
.user-page.user-videos-page.my-uploads-page .mixed-list .item.video:nth-child(n + 25):nth-child(-n + 32):hover {
display: inline-block !important;
float: none !important;
margin-top: -45px !important;
}
.user-page.favorites-page .mixed-list .item.video:nth-child(n + 49):nth-child(-n + 60):hover {
display: inline-block !important;
float: none !important;
margin-top: -13px !important;
}
/* FAVORITES - USER - ROW TOP */
.user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list .mixed-list .item.video:nth-child(n + 1):nth-child(-n + 10):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(n + 1):nth-child(-n + 10):hover {
top: 40px !important;
/* border: 1px solid green !important; */
}
/* FAVORITES - USER - LEFT */
.user-page.favorites-page .mixed-list .item.video:nth-child(51):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(41):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(31):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(21):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(11):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(1):hover {
left: 45px !important;
}
/* FAVORITES - USER - RIGHT (for Double COLL INDICATOR) */
.user-page.favorites-page .mixed-list .item.video:nth-child(60):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(48):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(36):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(24):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(12):hover {
left: -38px !important;
}
.user-page.favorites-page .mixed-list .item.video:nth-child(10):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(11):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(12):hover {
top: 34px !important;
}
.user-page.favorites-page .mixed-list .item.video:nth-child(50):hover,
.user-page.favorites-page .mixed-list .item.video:nth-child(49):hover {
top: -25px !important;
margin-right: 1px !important;
}
/* FAVORITES - USER - RIGHT -- */
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video:nth-child(11):hover,
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video:nth-child(1):hover {
left: 48px !important;
}
/* FAVORITES / CATEGORY PAGE - ITEM HOVER - SPRITE */
.user-page.favorites-page .mixed-list .item .sprite:hover img,
.user-page.favorites-page .mixed-list .item .sprite:hover img,
.user-page.favorites-page .mixed-list .item .sprite[style="display: none;"] img:hover,
.user-page.favorites-page .mixed-list .item:hover .sprite[style="display: none;"] img,
.user-page.favorites-page .mixed-list .item .sprite[style="display: inline-block;"] img:hover,
.user-page.favorites-page .mixed-list .item .sprite[style="display: none;"]:hover,
.user-page.favorites-page .mixed-list .item:hover .sprite[style="display: inline-block;"],
.user-page.favorites-page .mixed-list .item:not(:hover) .sprite[style="display: inline-block;"] {
display: inline-block !important;
opacity: 1 !important;
}
/* ==================================== */
.category-page .mixed-list .mixed-list .item:hover .info-container,
.user-page.favorites-page .mixed-list .item:hover .info-container {
position: relative;
display: inline-block;
min-width: 209px !important;
max-width: 209px !important;
height: 30px !important;
top: -19px;
margin-left: 0px;
padding: 0px 5px;
color: white;
transform: translate(-33px, 3px) scale(0.7) !important;
overflow: visible;
background: rgba(9, 8, 8, 0.9) !important;
}
.category-page .mixed-list .mixed-list .item:hover .info-container .link,
.user-page.favorites-page .mixed-list .item:hover .info-container .link {
min-width: 255px !important;
max-width: 255px !important;
height: 25px;
line-height: 15px !important;
}
.user-page.favorites-page .mixed-list .item:hover .info-container .link {
position: relative !important;
display: inline-block !important;
min-width: 255px !important;
max-width: 255px !important;
height: 27px !important;
line-height: 15px !important;
padding: 2px !important;
margin-left: -3px !important;
}
.user-page.user-videos-page.my-uploads-page .mixed-list .item:hover .info-container .link {
position: relative !important;
display: inline-block !important;
min-width: 150px !important;
max-width: 150px !important;
height: 34px !important;
margin-left: 0px !important;
border: 1px solid gray !important;
border-radius: 0 0 3px 3px !important;
background: black !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .item.video.no-padding:hover .info-container .link {
position: relative !important;
display: inline-block !important;
min-width: 146px !important;
max-width: 146px !important;
height: 32px !important;
margin-left: -3px !important;
border: 1px solid gray !important;
border-radius: 0 0 3px 3px !important;
background: black !important;
}
.user-page.user-videos-page.my-uploads-page .mixed-list .item:hover .info-container {
position: absolute !important;
display: inline-block !important;
height: 25px !important;
line-height: 10px !important;
min-width: 150px !important;
max-width: 150px !important;
left: 2px !important;
top: 112px !important;
padding: 0px;
z-index: 0 !important;
visibility: visible !important;
}
.user-page.favorites-page .mixed-list .item:hover .info-container .info {
position: absolute !important;
display: inline-block !important;
height: 15px !important;
line-height: 10px !important;
min-width: 100px !important;
left: 65px !important;
top: -12px !important;
padding: 0px 5px;
visibility: visible !important;
pointer-events: none !important;
}
.category-page .mixed-list .item:hover .info-container {
position: absolute !important;
display: inline-block !important;
height: 18px !important;
line-height: 10px !important;
width: 100% !important;
min-width: 124px !important;
max-width: 124px !important;
left: 2px !important;
margin-top: -8px;
padding: 0px !important;
z-index: 50000 !important;
}
.user-page.favorites-page .mixed-list .item:hover .thumb-container .info-line-top.xh-dropdown.popup,
.user-page.favorites-page .mixed-list .item .thumb-container:hover .info-line-top.xh-dropdown.popup,
.user-page.favorites-page .mixed-list .item .thumb-container .info-line-top.xh-dropdown.popup:hover,
.user-page.favorites-page .mixed-list .item .thumb-container:hover .info-line-top.xh-dropdown.popup {
display: inline-block !important;
height: 112px !important;
}
.user-page.favorites-page .mixed-list .item .thumb-container .info-line-top button {
position: absolute !important;
right: 80px !important;
transform: translate(5px, 96px) scale(0.5) !important;
transition: all ease 0.3s;
}
.user-page.favorites-page .mixed-list .item:hover .thumb-container .info-line-top button:last-of-type {
transform: translate(20px, 96px) scale(0.5) !important;
transition: all ease 0.3s;
}
.user-page.favorites-page .mixed-list .item .thumb-container:hover .info-line-top button:first-of-type:hover {
margin-left: 5px !important;
padding: 5px;
border-radius: 3px;
transform: translate(-5px, 90px) scale(0.8) !important;
background: black !important;
}
.user-page.favorites-page .mixed-list .item .thumb-container:hover .info-line-top button:last-of-type:hover {
margin-right: 5px !important;
margin-left: 5px !important;
padding: 5px;
border-radius: 3px;
transform: translate(24px, 90px) scale(0.8) !important;
background: black !important;
}
.category-page .mixed-list .item:hover .info-line .duration {
height: 6px !important;
line-height: 4px !important;
top: -1px !important;
padding: 1px 2px;
font-size: 6px !important;
text-indent: 6px;
opacity: 1;
pointer-events: none !important;
}
.category-page .mixed-list .item:hover .info-container .info {
display: inline-block !important;
height: 10px !important;
line-height: 10px !important;
min-width: 105px !important;
left: 50px;
bottom: 22px;
padding: 0px 5px;
transform: translate(-18px, 2px) scale(0.5) !important;
visibility: visible !important;
pointer-events: none !important;
}
.category-page .mixed-list .item:hover .info-container .info .xh-icon.beta-eye,
.user-page.favorites-page .mixed-list .item:hover .info-container .info .xh-icon.beta-eye {
top: 2px;
font-size: 7px !important;
}
.user-page.favorites-page .mixed-list .item:hover .info-container .name span,
.user-page.favorites-page .mixed-list .item:hover .info-container .name {
display: inline-block !important;
min-width: 255px !important;
max-width: 255px !important;
min-height: 24px !important;
max-height: 24px !important;
line-height: 11px !important;
top: -5px !important;
left: -3px !important;
padding: 0 5px 0 5px;
overflow: visible;
}
.user-page.user-videos-page.my-uploads-page .mixed-list .item:hover .info-container .name span,
.user-page.user-videos-page.my-uploads-page .mixed-list .item:hover .info-container .name {
display: inline-block !important;
min-width: 148px !important;
max-width: 148px !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 9px !important;
margin-left: 1px;
margin-top: 2px ;
padding: 0 5px 0 5px;
font-size: 8px !important;
overflow: visible;
}
.user-page.user-videos-page.my-uploads-page .mixed-list .item:hover .info-container .name span {
margin-left: -2px !important;
margin-top: -1px !important;
}
.category-page .mixed-list .item:hover .info-container .name {
display: inline-block !important;
width: 100% !important;
min-width: 124px !important;
max-width: 124px !important;
height: 100% !important;
min-height: 18px !important;
max-height: 22px !important;
line-height: 11px !important;
top: -4px !important;
font-size: 8px !important;
white-space: pre !important;
overflow: hidden !important;
pointer-events: auto !important;
background: black !important;
}
.category-page .mixed-list .item:hover .info-container .name span {
position: relative !important;
display: inline-block !important;
float: none !important;
width: 100% !important;
min-width: 124px !important;
max-width: 124px !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 7px !important;
top: -12px !important;
left: -32px !important;
padding: 0px 2px 0 2px;
font-size: 7px !important;
text-transform: capitalize !important;
word-wrap: break-word !important;
white-space: pre-wrap !important;
overflow: visible;
background: black !important;
}
.category-page .mixed-list .item:hover .info-container .info .rating,
.user-page.favorites-page .mixed-list .item:hover .info-container .info .rating {
display: none;
}
.category-page .mixed-list .item:hover .thumb-container .info-line-top button,
.user-page.favorites-page .mixed-list .item:hover .thumb-container .info-line-top button {
transform: translate(-5px, 96px) scale(0.5) !important;
transition: all ease 0.3s;
}
/* FAVORITES - EDIT / DELETE BUTTONS - HOVER - === */
.user-page.favorites-page .mixed-list .item:hover.video .thumb-container .info-line-top {
display: inline-block !important;
height: 134px !important;
pointer-events: auto !important;
}
/* USER PAGE - VIDEOS - === */
/* THUMBNAIL - USER VIDEO - MY UPLOAD */
body.user-page.user-videos-page.my-uploads-page .mixed-list,
html.user-page.user-videos-page.my-uploads-page .mixed-list {
height: 100%;
min-height: 500px !important;
max-height: 700px !important;
}
html.user-page.favorites-page .main-wrap {
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
padding: 0 !important;
border-bottom: 1px solid red !important;
}
.user-page.user-videos-page.my-uploads-page .main-wrap[data-role="main-wrap"] {
display: inline-block !important;
width: 100% !important;
min-height: unset !important;
max-height: 100vh !important;
margin-bottom: 2vh !important;
}
.user-page.user-videos-page.my-uploads-page .main-wrap > main {
display: inline-block !important;
height: auto !important;
width: 100% !important;
margin: 0 0 0 0 !important;
top: 2.5vh !important;
padding: 0 0 0 0 !important;
}
html.user-page.user-videos-page.my-uploads-page .main-wrap {
height: auto !important;
padding: 0 !important;
border-bottom: 1px solid red !important;
}
/* VIDEOS - USER */
.user-page.user-videos-page.my-uploads-page .main-wrap > main .thumb-list.thumb-list--full-width {
width: 1915px !important;
}
.user-page.user-videos-page.my-uploads-page .mixed-list .item .info-container {
height: 26px;
margin-top: 0px;
overflow: hidden !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .item.video.no-padding .info-container {
height: 45px !important;
width: 143px !important;
margin-left: -4px !important;
margin-top: 10px !important;
padding: 0 5px !important;
overflow: hidden !important;
}
.user-page.user-videos-page.my-uploads-page .mixed-list .item:hover .info-container {
height: 26px;
margin-top: 0px;
overflow: visible !important;
}
.user-page.user-videos-page.my-uploads-page .mixed-list .item.video:hover .info-line {
margin-left: 20px !important;
margin-top: 2px !important;
border-radius: 5px !important;
transform: scale(1.2);
-webkit-user-select: none !important;
-moz-user-select: none !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .item.video.no-padding .info-line {
display: inline-block;
top: 120px !important;
position: absolute;
margin-left: 0px !important;
margin-top: -2px !important;
border-radius: 5px !important;
-webkit-user-select: none !important;
-moz-user-select: none !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .item.video.no-padding .info-line .duration {
height: 10px !important;
line-height: 10px !important;
bottom: 0;
top: -15px !important;
left: 0;
padding: 1px 5px !important;
letter-spacing: 0.9px;
font-size: 10px !important;
color: #fff;
}
.user-page.user-videos-page.my-uploads-page .mixed-list .item.video:hover .info-line .duration {
margin-left: -10px !important;
margin-top: -12px !important;
border-radius: 5px !important;
transform: scale(0.7);
-webkit-user-select: none !important;
-moz-user-select: none !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .item.video.no-padding:hover .info-line .duration {
top: 1px !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .item.video.no-padding .info-container .link {
height: 40px !important;
width: 141px!important;
margin-left: -2px !important;
padding: 0 !important;
}
.user-page.user-videos-page.my-uploads-page .mixed-list .item .info-container .name {
position: relative;
height: 27px;
line-height: 10px !important;
padding: 0 2px 0 2px !important;
font-size: 11px !important;
overflow: hidden;
overflow-y: auto;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .item.video.no-padding .info-container .name {
position: relative;
height: 40px !important;
line-height: 10px !important;
padding: 0 2px 0 2px !important;
font-size: 11px !important;
overflow: hidden;
overflow-y: auto;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .item.video.no-padding:hover .info-container .name {
position: relative;
display: inline-block;
width: 100% !important;
min-width: 142px !important;
max-width: 142px !important;
height: 100% !important;
min-height: 30px !important;
max-height: 30px !important;
line-height: 10px !important;
padding: 0 2px 0 2px !important;
font-size: 11px !important;
overflow: hidden;
overflow-y: auto;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .item.video.no-padding .info-container .name span {
height: 40px !important;
width: 136px !important;
display: inline-block !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .item.video.no-padding:hover .info-container .name span {
display: inline-block !important;
height: 100% !important;
min-height: 27px !important;
max-height: 27px !important;
width: 100px !important;
min-width: 143px !important;
max-width: 143px !important;
letter-spacing: 0.05em !important;
}
.user-page.user-videos-page.my-uploads-page .mixed-list .item .info {
position: absolute;
display: inline-block;
width: 97.2%;
height: 12px;
line-height: 12px;
bottom: 30px;
font-size: 10px;
letter-spacing: 0.9px;
text-align: right;
overflow: hidden;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .item.video.no-padding .info-container .info {
width: 147px !important;
left: 0 !important;
top: 104px !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .item.video.no-padding:hover .info-container .info {
position: absolute;
display: inline-block !important;
width: 147px !important;
left: 1px !important;
top: -10px !important;
}
.user-page.user-videos-page.my-uploads-page .mixed-list .item:hover .info {
position: absolute;
display: inline-block !important;
width: 82%;
height: 10px !important;
line-height: 10px !important;
left: 28px;
top: -10px;
}
.user-page.user-videos-page.my-uploads-page .mixed-list .item:hover .info .views .xh-icon.beta-eye {
top: 0 !important;
transform: scale(0.6) !important;
}
.user-page.user-videos-page.my-uploads-page .mixed-list .item .info .rating {
display: none;
}
/* (new380) PHOT GALLERIES */
.user-page.user-photos-page.my-uploads-page .tab-recent.gallery-list.current-tab .pager-section,
.user-page.user-photos-page.my-uploads-page .tab-favorite.gallery-list .pager-section {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 720px !important;
max-width: 720px !important;
height: 33px !important;
line-height: 24px !important;
top: 2.4vh !important;
right: -36px !important;
border-radius: 0px !important;
z-index: 50000 !important;
transform: scale(0.9) !important;
border: 1px solid red !important;
}
.user-page.user-photos-page.my-uploads-page .tab-recent.gallery-list.current-tab .pager-section .pager-container,
.user-page.user-photos-page.my-uploads-page .tab-favorite.gallery-list .pager-section .pager-container {
display: inline-block;
width: 100% !important;
min-width: 720px !important;
max-width: 720px !important;
height: 31px !important;
margin-top: 0px !important;
text-align: center;
background: #111 !important;
}
/* (new260) PAGER - FAVORIS - MY/BLOG */
.user-page.user-blog-page.my-uploads-page .pager-section {
position: fixed !important;
display: inline-block !important;
width: 795px !important;
height: 30px !important;
line-height: 30px !important;
margin: 0 !important;
top: 24px !important;
right: 0px !important;
border-radius: 0 !important;
z-index: 5 !important;
border-bottom: 1px solid red !important;
}
.user-page.favorites-page .pager-section {
position: fixed !important;
display: inline-block !important;
width: 799px !important;
height: 30px !important;
line-height: 30px !important;
margin: 0 !important;
top: 24px !important;
right: 0px !important;
border-radius: 0 !important;
z-index: 5 !important;
border-bottom: 1px solid red !important;
background: #111 !important;
}
.user-page.user-videos-page.my-uploads-page .pager-section {
position: fixed !important;
display: inline-block !important;
min-width: 600px !important;
max-width: 600px !important;
height: 30px !important;
line-height: 30px !important;
margin: 0 !important;
top: 24px !important;
right: 0px !important;
border-radius: 0 !important;
z-index: 5 !important;
background: #111 !important;
border-bottom: 1px solid red !important;
}
.user-page.user-videos-page.my-uploads-page .pager-section .pager-container {
position: absolute !important;
display: inline-block;
width: 100%;
height: 30px !important;
line-height: 30px !important;
text-align: center;
}
/* (new407) */
.user-page.user-videos-page.my-uploads-page .tab-recent.current-tab .pager-section {
position: fixed !important;
display: inline-block !important;
min-width: 645px !important;
max-width: 645px !important;
height: 30px !important;
line-height: 30px !important;
margin: 0 !important;
top: 2.5vh !important;
right: 0px !important;
border-radius: 0 !important;
z-index: 5 !important;
background: #111 !important;
border-bottom: 1px solid red !important;
}
.user-page.user-videos-page.my-uploads-page .pager-section ul {
position: relative;
display: inline-block;
height: 24px !important;
line-height: 22px !important;
top: 0px !important;
padding: 0;
}
.user-page.favorites-page .pager-section .pager-container {
position: fixed !important;
display: inline-block !important;
height: 26px !important;
line-height: 30px !important;
width: 100% !important;
width: 588px !important;
top: 27px !important;
right: 100px !important;
text-align: center !important;
z-index: 5000000 !important;
}
.user-page.favorites-page .pager-section .xh-icon.arrow-right,
.user-page.favorites-page .pager-section .xh-icon.arrow-left,
.user-page.user-videos-page.my-uploads-page .pager-section .xh-icon.arrow-left,
.user-page.user-videos-page.my-uploads-page .pager-section .xh-icon.arrow-right {
color: gold !important;
}
/* PAGER - USER VIDEO / FAVS - === */
.user-page.user-videos-page.my-uploads-page .main-wrap > header {
position: fixed !important;
display: inline-block;
max-height: 25px;
min-height: 25px;
min-width: 100%;
top: 0 !important;
padding-top: 0;
border-bottom: 1px solid yellow;
}
/* (new391) LANG PICKER */
.lang-geo-picker-container ,
.lang-geo-picker-container.xh-dropdown {
position: fixed !important;
display: inline-block;
height: 2.5vh !important;
width: 75px !important;
top: 0px !important;
right: 205px !important;
z-index: 5000000 !important;
color: gray !important;
}
.lang-geo-picker-container .picker-trigger .xh-icon.earth {
font-size: 18px;
}
.lang-geo-picker-container .picker-trigger .xh-icon.earth .xh-flag {
right: 13px;
top: 3px;
}
.lang-geo-picker-container .lang-geo-picker.dropdown {
margin-top: 0px;
}
/* (new391) NOTIFICATIONS - OPTION MENU OPEN */
.notifications-page .lang-geo-picker-container .lang-geo-picker.dropdown {
margin-top: 4.4vh !important;
border: 1px solid red !important;
}
/* (new391) OPTIONS - OPEN */
.lang-geo-picker-container .picker-trigger.trigger {
height: 2.5vh !important;
width: 75px !important;
top: 0px !important;
z-index: 50000000 !important;
color: gray !important;
}
/* .lang-geo-picker-container .picker-trigger .xh-icon.gear */
/* (new435) SEARCH - TOP HEADER - ADAPT CHROME - work with GM "SUPERLOADER" - :not(.fixed) */
header .top-menu-container {
position: fixed !important;
display: inline-block !important;
height: 25px !important;
width: 100% !important;
min-width: 43.5% !important;
max-width: 43.5% !important;
top: 0 !important;
left: 150px !important;
margin: 0;
z-index: 500000 !important;
background: red !important;
}
header .top-header .section-container {
position: fixed !important;
display: inline-block !important;
height: 25px !important;
padding: 0 40px 0 26px;
z-index: 500000 !important;
}
header .top-header .search-section {
position: fixed !important;
display: inline-block;
height: 25px !important;
width: 100%;
top: -3px;
padding: 0;
}
header .top-header.fixed .search-section,
header .top-header.fixed {
display: none !important;
visibility: hidden !important;
}
/* (new445) */
.top-header .width-wrap.section-container .search-section .search-container.xh-dropdown.popup.positioned.suggest-visible ,
header .search-section .search-container {
position: fixed !important;
display: inline-block;
height: 100% !important;
max-width: 600px !important;
min-height: 24px !important;
max-height: 24px !important;
top: 0px !important;
left: 1010px;
z-index: 5000000 !important;
border: 1px solid red !important;
}
header .search-section .search-container .search-choose-dropdown:hover:before ,
header .search-section .search-container .search-submit-container:hover:before {
content: " You Want to change type of search?: Press Enter!" !important;
position: fixed !important;
display: inline-block;
height: 100%;
min-height: 15px;
max-height: 15px;
line-height: 15px;
width: 400px !important;
left: 1210px;
top: 2.5vh !important;
padding: 1px 0 2px 0 !important;
font-size: 15px !important;
text-align: center !important;
z-index: 50000000 !important;
color: gold !important;
background: #B70404 !important;
}
header .search-section .search-container .search-submit-container + .search-choose-dropdown.xh-dropdown.popup {
font-size: 18px;
position: absolute;
right: 10px !important;
top: -1px !important;
z-index: 3;
}
/* (new373) SUPERLOADER - SUPP SEARCH FORM */
.sp-separator ~ .main-wrap > div[data-role="header"] ,
.sp-separator ~ .main-wrap header .top-header ,
.sp-separator ~ .main-wrap header ,
.sp-separator ~ .main-wrap .width-wrap.section-container ,
.sp-separator ~ .main-wrap .search-section ,
.sp-separator ~ .main-wrap .search-container {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
header .search-section .search-container form {
height: 24px;
}
/* (new435) */
header .search-section .search-container .search-text {
position: relative;
display: inline-block !important;
height: 21px !important;
line-height: 20px;
width: 100% !important;
top: -3px !important;
padding: 0 55px 0 10px !important;
font-size: 18px;
border-radius: 20px;
z-index: 3;
/* background: red !important; */
/* border: 1px solid aqua !important; */
}
header .search-section .search-container form input.search-text {
width: 423px;
height: 24px;
line-height: 24px;
padding: 2px 4px 2px 19px;
font-size: 12px;
}
header .search-container .search-choose-dropdown {
font-size: 20px !important;
position: absolute;
right: 4px;
top: 0px;
z-index: 3;
}
/* (new435) */
header .search-section .search-container .search-suggestions {
height: 100% !important;
min-height: 60vh !important;
top: 38px !important;
padding: 0px 0 10px !important;
z-index: 2;
box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.9) !important;
border: 1px solid gray !important;
background: #333 !important;
}
header .search-section .search-hint {
color: gray !important;
}
/* (new435) */
header .search-section .search-container .search-submit-container {
height: 20px !important;
line-height: 20px;
width: 29px !important;
}
header .search-section .search-container .search-submit-container .search-submit {
height: 20px !important;
width: 28px !important;
}
header .search-section .search-container .search-submit-container input.search-submit {
height: 25px;
line-height: 20px;
width: 29px !important;
background: rgba(0, 0, 0, 0) url("https://static-ec-2.xhcdn.com/id0ac843c14137847affa3f853c865c5fc5470834b/xh-tpl3/images/search.svg") no-repeat scroll 6px 5px !important;
}
header .search-section .search-container .search-choose {
height: 25px;
line-height: 25px !important;
right: 30px;
font-size: 12px !important;
}
/* (new373) SEARCH - TOP HEADER */
.search-results .search-results-header.with-suggestions ,
.search-results .search-results-header {
position: fixed !important;
display: inline-block !important;
width: 1835px !important;
height: 4.2vh !important;
top: 2.6vh !important;
left: 180px !important;
margin: 0px;
padding: 0px !important;
background: #111 !important;
}
.search-results .search-results-header .result-section {
position: fixed !important;
display: inline-block !important;
width: 1630px !important;
height: 4.2vh !important;
line-height: 40px !important;
left: 180px !important;
margin-top: 0px !important;
padding-right: 0px !important;
text-align: right !important;
overflow: hidden !important;
pointer-events: auto !important;
visibility: visible !important;
z-index: 500000 !important;
background: #111 !important;
border-bottom: 1px solid red !important;
}
/* SEARCH - TOP BANER RECOM */
.search-results .top-video-block.top-video-block--recommendations.top-video-block--banner {
position: absolute !important;
width: 23%;
height: 28px;
margin-bottom: 0 !important;
top: 0px !important;
left: 1737px !important;
padding-right: 0;
padding-left: 25px;
overflow: hidden !important;
z-index: 1 !important;
transition: left ease 0.2s !important;
background: rgba(34, 34, 34, 0.1);
border: 1px solid gray !important;
}
.search-results .top-video-block.top-video-block--recommendations.top-video-block--banner:hover {
width: 66% !important;
left: 1050px !important;
padding: 30px 20px 20px 50px !important;
transition: left ease 0.2s !important;
background-color: #111 !important;
}
/* SEARCH - TOP BANER RECOM - THUMB */
.thumb-list--promoted-video-banner {
width: 100%;
}
/* (new427) SEARCH - SUGGESTIONS - CONTAINER */
.search-results .search-page-suggestions-wrapper-sticky:empty {
display: none !important;
}
.search-results .search-page-suggestions-wrapper-sticky:not(:empty) {
position: fixed !important;
display: inline-block !important;
min-width: 51.4% !important;
max-width: 51.4% !important;
min-height: 4vh !important;
max-height: 4vh !important;
line-height: 35px !important;
left: 180px !important;
top: 2.7vh !important;
visibility: visible !important;
border-right: 1px solid red !important;
}
/* (new427) */
.search-results .search-page-suggestions-wrapper-sticky:not(:empty) .search-page-suggestions.width-wrap {
position: fixed !important;
display: inline-block !important;
min-width: 51.4% !important;
max-width: 51.4% !important;
min-height: 4vh !important;
max-height: 4vh !important;
line-height: 35px !important;
left: 180px !important;
top: 2.7vh !important;
visibility: visible !important;
overflow: hidden !important;
border-right: 1px solid red !important;
}
.search-results .search-page-suggestions-wrapper-sticky:hover .search-page-suggestions.width-wrap {
position: fixed !important;
display: inline-block !important;
min-width: 51.5% !important;
max-width: 51.5% !important;
min-height: 10.7vh !important;
max-height: 10.7vh !important;
line-height: 35px !important;
left: 180px !important;
top: 2.7vh !important;
}
/* (new373) SEARCH - SUGGESTIONS - ITEMS */
.search-results .search-page-suggestions.width-wrap div[class^="suggestions-"][class*="multiLine-"] ,
.search-results .search-page-suggestions.width-wrap div[class^="suggestions-"][class*="singleLine-"] ,
.search-results .search-page-suggestions-wrapper-sticky:not(:empty) div[class^="suggestions-"][class*="multiLine-"] ,
.search-results .search-page-suggestions-wrapper-sticky:not(:empty) div[class^="suggestions-"][class*="singleLine-"] {
display: inline-block !important;
min-width: 985px !important;
max-width: 985px !important;
min-height: 4vh !important;
max-height: 4vh !important;
overflow: hidden !important;
overflow-x: hidden !important;
overflow-y: hidden;
z-index: 500000 !important;
background: #333 !important;
/* border: 1px solid aqua !important; */
}
.search-results .search-page-suggestions.width-wrap:hover div[class^="suggestions-"][class*="multiLine-"] ,
.search-results .search-page-suggestions.width-wrap:hover div[class^="suggestions-"][class*="singleLine-"] {
display: inline-block !important;
min-height: 17.4vh !important;
border-radius: 0 0 5px 5px !important;
overflow: hidden !important;
overflow-x: auto !important;
overflow-y: hidden;
border: 1px solid red !important;
}
/* HOVER */
.search-results .search-page-suggestions-wrapper-sticky:hover div[class^="suggestions-"][class*="multiLine-"] ,
.search-results .search-page-suggestions-wrapper-sticky:hover div[class^="suggestions-"][class*="singleLine-"] {
display: inline-block !important;
min-height: 17.4vh !important;
border-radius: 0 0 5px 5px !important;
overflow: hidden !important;
overflow-x: auto !important;
overflow-y: hidden;
border: 1px solid red !important;
}
.search-results .search-page-suggestions div[class^="suggestions-"][class*="multiLine-"] div[class^="toggle-"] ,
.search-results .search-page-suggestions div[class^="suggestions-"][class*="singleLine-"] div[class^="toggle-"] {
position: fixed !important;
display: inline-block !important;
align-items: center;
width: 30px !important;
height: 32px;
line-height: 32px !important;
top: 2.85vh !important;
left: 59.2% !important;
padding: 0 5px;
font-size: 20px;
border-radius: 5px;
color: white !important;
}
.search-results .search-page-suggestions div[class^="suggestions-"][class*="multiLine-"] div[class^="outer"] ,
.search-results .search-page-suggestions div[class^="suggestions-"][class*="singleLine-"] div[class^="outer"] ,
.search-results .search-page-suggestions div[class^="suggestions-"][class*="multiLine-"] div[data-tag-id^="creator-"],
.search-results .search-page-suggestions div[class^="suggestions-"][class*="singleLine-"] div[data-tag-id^="creator-"],
.search-results .search-page-suggestions div[class^="suggestions-"][class*="multiLine-"] div[data-tag-id^="tag-"],
.search-results .search-page-suggestions div[class^="suggestions-"][class*="singleLine-"] div[data-tag-id^="tag-"] {
display: block !important;
float: left !important;
min-height: 35px !important;
max-height: 35px !important;
margin: 0 3px 5px 3px !important;
visibility: visible !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
.search-results .search-page-suggestions div[class^="suggestions-"][class*="multiLine-"] div[data-tag-id^="creator-"] a ,
.search-results .search-page-suggestions div[class^="suggestions-"][class*="singleLine-"] div[data-tag-id^="creator-"] a {
min-height: 32px !important;
max-height: 30px !important;
padding: 0 5px;
white-space: nowrap;
background-color: #222 !important;
}
.search-results .search-page-suggestions div[class^="suggestions-"] div[data-tag-id^="tag-"] a {
min-height: 33px !important;
max-height: 33px !important;
padding: 0 5px;
white-space: nowrap;
background-color: #222 !important;
}
.search-results .search-page-suggestions div[class^="suggestions-"] div[data-tag-id^="tag-"] a:hover {
color: white !important;
}
.search-results .search-page-suggestions div[class^="suggestions-"][class*="multiLine-"] div[data-tag-id^="creator-"] div[class^="creator-"] {
min-height: 30px !important;
max-height: 30px !important;
}
/* (new357) UNSUBSC /SUBSC */
.search-results .search-page-suggestions div[class^="suggestions-"] [class^="creator-"] [class^="unsubscribed-"] {
align-items: center;
border-radius: 0 5px 5px 0;
display: flex;
height: 100%;
padding: 0 10px;
background: #333 !important;
}
.search-results .search-page-suggestions div[class^="suggestions-"] [class^="creator-"] [class^="subscribed-"]:before ,
.search-results .search-page-suggestions div[class^="suggestions-"] [class^="creator-"] [class^="unsubscribed-"]:before {
position: absolute !important;
display: inline-block !important;
width: 20px !important;
height: 12px !important;
line-height: 12px !important;
margin: -10px 0 0 -10px !important;
padding: 0 !important;
font-size: 14px !important;
text-align: center !important;
opacity: 0.6 !important;
}
.search-results .search-page-suggestions div[class^="suggestions-"] [class^="creator-"] [class^="unsubscribed-"]:before {
content: "✘" !important;
color: red !important;
}
.search-results .search-page-suggestions div[class^="suggestions-"] [class^="creator-"] [class^="subscribed-"]:before {
content: "✔" !important;
color: gold !important;
}
.search-results .search-page-suggestions div[class^="suggestions-"] [class^="creator-"] [class^="subscribed-"] {
align-items: center;
border-radius: 0 5px 5px 0;
display: flex;
height: 100%;
padding: 0 10px;
background: green !important;
}
.search-results .search-page-suggestions div[class^="suggestions-"] [class^="creator-"] [class^="subscriptionCount-"] {
position: absolute !important;
display: inline-block !important;
width: 29px !important;
height: 12px !important;
line-height: 12px !important;
margin: 19px 0 0 -19px !important;
padding: 0 !important;
font-size: 9px !important;
text-align: center !important;
opacity: 1 !important;
background: #111 !important;
color: gold !important;
}
/* (new356) SEARCH - AVATAR SHOW - [class*="singleLine-"] / [class*="multiLine-"] */
.search-results .search-page-suggestions div[class^="suggestions-"] div[data-tag-id^="creator-"]:hover div[class^="image-"] > img {
position: fixed !important;
display: inline-block !important;
vertical-align: middle;
height: auto !important;
line-height: 92px !important;
min-width: 206px !important;
max-width: 206px !important;
left: 0px;
top: 3vh;
border-radius: 0 5px 5px 0;
z-index: 50000000 !important;
background-size: contain !important;
box-shadow: 5px 10px 5px rgb(0, 0, 0) !important;
border: 8px solid #d33535 !important;
}
.search-results .search-page-suggestions div[class^="suggestions-"] div[data-tag-id^="creator-"]:hover div[class^="creatorName-"]::before {
position: absolute !important;
content: "◀";
max-width: 27px;
min-width: 27px;
margin-left: -30px !important;
color: gold;
}
/* (new306) SEARCH ====== */
.search-results .search-page-suggestions.fixed .width-wrap {
position: fixed !important;
display: inline-block !important;
max-width: 51% !important;
min-width: 51% !important;
min-height: 38px !important;
max-height: 38px !important;
padding: 0px !important;
border: none !important;
outline: none !important;
background-color: transparent !important;
}
.search-page-suggestions:not(.xh-helper-hidden) ul.categories-container.collapsable-list.collapsed.transition {
width: 350px !important;
min-height: 38px !important;
max-height: 38px !important;
line-height: 38px !important;
padding: 8px 0 0 5px !important;
border-bottom: 1px solid red;
}
.search-page-suggestions:not(.xh-helper-hidden) .categories-container.collapsable-list.transition.collapsing {
max-width: 350px !important;
max-height: 380px !important;
padding: 2px 5px !important;
overflow-y: auto !important;
border-radius: 0 0 5px 5px !important;
border-bottom: 3px solid red;
border-left: 3px solid red;
border-right: 3px solid red;
background: black !important;
}
.collapsable-list.collapsed li.collapsed-item {
order: 3 !important;
visibility: visible !important;
}
.categories-container__item[href]:hover {
background-color: #653333 !important;
color: gold !important;
}
/* SEARCH WITH SUGGESTION NAV BAR - WITH RESULT FOUND */
.search-results .search-page-suggestions.fixed.fixed.xh-helper-hidden.fixed + .width-wrap > aside {
top: 18px !important;
}
.search-results .search-page-suggestions.fixed.fixed.xh-helper-hidden.fixed,
.search-results .search-page-suggestions.fixed.fixed.xh-helper-hidden {
position: fixed !important;
display: inline-block !important;
max-width: 51% !important;
min-height: 32px !important;
max-height: 32px !important;
line-height: 30px !important;
left: 185px !important;
top: 23px !important;
padding-bottom: 0;
z-index: 0 !important;
background-color: red !important;
}
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap .search-results-header {
position: fixed !important;
display: inline-block !important;
width: 1550px !important;
height: 38px !important;
top: 23px !important;
margin-bottom: 0px;
padding-left: 0;
padding-top: 0;
}
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap {
position: relative;
display: inline-block !important;
height: 100% !important;
min-height: 90vh !important;
max-height: 90vh !important;
top: 10px;
padding-left: 10px;
padding-right: 0;
}
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap .search-results-header .result-section .result-block {
position: fixed;
display: inline-block;
max-width: 574px !important;
min-width: 574px !important;
height: 20px;
line-height: 16px;
left: 1153px !important;
right: 0;
top: 24px;
margin: 0 !important;
padding: 0 10px 0 0 !important;
font-size: 24px;
z-index: 50000;
background: green;
}
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner .no-results {
width: 578px;
height: 18px !important;
top: 45px !important;
left: 1165px !important;
background: #222 !important;
}
/* ARROW NO COLLAPSED */
.categories-container.collapsable-list.transition.collapsed .collapsable-toggle,
.categories-container.collapsable-list.transition.collapsing .collapsable-toggle {
position: absolute;
left: 382px;
background: red !important;
}
.categories-container.collapsable-list.transition.collapsing .collapsable-toggle {
background: green !important;
}
/* (new372) SEARCH COUNTER */
.search-results-header .result-section .filter-up-section {
position: fixed !important;
display: inline-block !important;
width: 193px !important;
background: #111 !important;
border-bottom: 1px solid red !important;
border-left: 1px solid red !important;
}
.search-results-header .result-section .filter-up-section > .results-count {
display: inline-block !important;
height: 4vh !important;
line-height: 28px !important;
margin: 0 0 0 0 !important;
padding: 0 25px 0 5px !important;
font-size: 15px !important;
color: gold !important;
}
/* (new372) SEARCH FILTERS */
.search-results .search-results-header .result-section .filter-up-section select,
.search-results .search-results-header .result-section .filter-up-section .single-select,
.search-results .search-results-header .result-section .filter-up-section {
position: fixed !important;
display: inline-block !important;
float: none !important;
height: 4.2vh !important;
right: 0 !important;
}
.search-results-header .result-section .filter-up-section .content-select .trigger,
.search-results-header .result-section .filter-up-section .content-select {
height: 4.2vh !important;
border-radius: 0px !important;
border-left: 1px solid red !important;
border-bottom: 1px solid red !important;
}
.search-results .search-results-header.with-suggestions .result-section .filter-up-section .single-select:hover .single-select__content {
position: absolute !important;
display: inline-block !important;
z-index: 5000 !important;
background: red !important;
}
.search-results .search-results-header.with-suggestions + .label-set.categories-container:not(:empty) {
position: fixed!important;
display: inline-block !important;
max-height: 35px !important;
width: 180px !important;
top: 27px !important;
left: 0px !important;
margin: 0 0 0 0 !important;
padding: 2px !important;
border-radius: 5px !important;
text-align: center !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 1 !important;
background: black !important;
border: 1px solid red !important;
}
.search-results .search-page-suggestions.xh-helper-hidden.fixed + .width-wrap .search-results-header:not(.with-suggestions) + .label-set.categories-container:not(:empty),
.search-results .search-results-header:not(.with-suggestions) + .label-set.categories-container:not(:empty) {
position: fixed !important;
display: inline-block !important;
max-height: 30px !important;
line-height: 25px !important;
max-width: 500px !important;
top: 30px !important;
left: 785px !important;
padding-top: 1px !important;
border-radius: 5px !important;
text-align: left !important;
overflow: hidden !important;
z-index: 1 !important;
background: #111 !important;
border: 1px solid red !important;
}
.search-results .search-results-header + .label-set.categories-container:empty {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 30px !important;
max-height: 30px !important;
line-height: 25px !important;
width: 100% !important;
min-width: 175px !important;
max-width: 175px !important;
top: 30px !important;
left: 0 !important;
padding-top: 1px !important;
border-radius: 5px !important;
text-align: left !important;
overflow: hidden !important;
z-index: 1 !important;
background: red !important;
border: 1px solid red !important;
}
.search-results .search-results-header + .label-set.categories-container:empty:before {
content: "No Filters" !important;
position: absolute !important;
display: inline-block !important;
height: 100% !important;
min-height: 30px !important;
max-height: 30px !important;
line-height: 25px !important;
width: 100% !important;
min-width: 175px !important;
max-width: 175px !important;
top: 0px !important;
left: 0 !important;
padding: 1px !important;
border-radius: 5px !important;
text-align: center !important;
font-size: 17px !important;
overflow: hidden !important;
color: gold !important;
background: green !important;
border: 1px solid red !important;
}
.search-results .search-results-header.with-suggestions + .label-set.categories-container:not(:empty):hover {
height: auto !important;
min-height: 32px !important;
max-height: 500px !important;
overflow-y: auto !important;
z-index: 500 !important;
background: #222 !important;
border: 1px solid yellow !important;
}
.search-results .search-results-header:not(.with-suggestions) + .label-set.categories-container:not(:empty):hover {
max-width: 350px !important;
}
.search-results .search-results-header + .label-set.categories-container:not(:empty) .categories-container__item.label-item {
display: inline-block !important;
vertical-align: middle !important;
min-width: 100% !important;
max-width: 100% !important;
height: auto !important;
line-height: 20px !important;
margin: 0 0 2px !important;
padding: 0 0px !important;
font-size: 14px;
background: #111 !important;
}
.search-results .search-results-header + .label-set.categories-container:not(:empty) .categories-container__item.label-item span {
display: inline-block !important;
vertical-align: middle !important;
height: auto !important;
line-height: 15px !important;
min-width: 80% !important;
max-width: 80% !important;
margin: 0 !important;
padding: 0 20px 0 0 !important;
text-align: left !important;
white-space: pre-wrap !important;
overflow: hidden !important;
overflow-y: auto !important;
background: green !important;
}
.search-results .search-results-header + .label-set.categories-container:not(:empty) .categories-container__item.label-item .xh-icon.cross {
position: absolute !important;
left: 0px !important;
font-size: 8px !important;
color: red !important;
}
.search-results .search-results-header + .label-set.categories-container:not(:empty) .categories-container__item.label-item .xh-icon.cross::before {
color: red !important;
}
.label-set.categories-container .categories-container__item.label-item span {
color: gold !important;
}
.search-results .single-select.single-select--modified,
.search-results .single-select.single-select--modified .single-select__content-container .single-select__content--active {
display: inline-block !important;
}
.search-results .search-results-header .result-section .filter-up-section .quality-filter {
float: right;
height: 25px !important;
line-height: 20px !important;
margin-left: 10px;
}
.search-results .search-results-header .result-section .filter-up-section .quality-filter .xh-button {
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
margin-right: 5px !important;
border: 1px solid gray !important;
}
.search-results .search-results-header .result-section .filter-up-section .single-selectt {
height: 25px !important;
min-height: 25px !important;
max-height: 25px !important;
line-height: 23px !important;
top: 3px !important;
}
.single-select__control {
padding: 0px 10px !important;
}
.search-results .search-results-header .result-section .filter-up-section label {
display: inline-block !important;
height: 25px !important;
min-height: 25px !important;
max-height: 25px !important;
line-height: 23px !important;
padding: 0 0 0 30px;
color: gold !important;
}
/* (new354) */
.search-results .search-results-header .result-section .result-block {
position: fixed !important;
display: inline-block !important;
min-width: 560px !important;
max-width: 560px !important;
height: 20px !important;
line-height: 15px !important;
left: 1167px !important;
right: 0px;
top: 4.7vh !important;
margin: 0 !important;
padding: 0 10px 0 0 !important;
font-size: 15px !important;
overflow: hidden !important;
z-index: 50000000 ! important;
}
.search-results .search-results-header .result-section .result-block:hover {
min-height: 20px !important;
height: auto !important;
padding: 0 10px 5px 0 !important;
background: green !important;
}
/* (new258) SEARCH CORRECTION */
.search-results-header .result-section .search-page-typos-correction:before {
content: "🔔";
position: absolute !important;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
line-height: 20px !important;
left: 0px;
font-size: 12px !important;
text-align: center !important;
border-radius: 100% !important;
z-index: 50000000 ! important;
background: red !important;
}
html.search-results .search-results-header .result-section .search-page-typos-correction:not(:hover) ,
.search-results-header .result-section .search-page-typos-correction:not(:hover) {
position: fixed !important;
display: inline-block !important;
min-width: 20px !important;
max-width: 20px !important;
height: 20px !important;
line-height: 16px !important;
left: 1730px !important;
right: 0px !important;
top: 4.7vh !important;
padding: 0 0px 0 0 !important;
font-size: 10px !important;
overflow: hidden !important;
transition: all ease 0.7s !important;
z-index: 50000000 ! important;
background: #e34449 !important;
}
.search-results-header .result-section .search-page-typos-correction:hover {
position: fixed !important;
display: inline-block !important;
min-width: 570px !important;
max-width: 570px !important;
height: 20px !important;
line-height: 16px !important;
left: 1180px !important;
right: 0px;
top: 4.6vh !important;
padding: 0 5px 0 25px !important;
font-size: 11px;
text-align: right !important;
z-index: 500000000 ! important;
transition: all ease 0s !important;
background: blue !important;
}
.search-results .width-wrap.xh-tabbed {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 250px !important;
max-width: 250px !important;
height: 25px !important;
line-height: 25px !important;
top: 0px !important;
margin-top: 0 !important;
left: 0px !important;
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid red !important;
}
.search-results .width-wrap.xh-tabbed .xh-tabset.active {
position: fixed !important;
display: inline-block !important;
width: 250px;
height: 25px !important;
line-height: 25px !important;
}
.search-results .width-wrap.xh-tabbed .xh-tabset.active a {
height: 25px !important;
line-height: 25px !important;
}
.search-results .width-wrap.xh-tabbed .xh-tabset.active a.current-tab {
background: gold !important;
}
.search-results .search-results-header .result-section .result-block .result-query {
position: relative !important;
height: 20px !important;
line-height: 15px !important;
font-size: 15px !important;
color: white !important;
}
.search-results .search-results-header .result-section .result-block .result-count-text {
font-size: 15px !important;
color: gold;
}
.search-results .sticky-filters {
height: 735px;
margin-top: -10px !important;
}
.search-results .search-filter-container .sticky-filters .ps-scrollbar-y-rail {
height: 519px;
left: 225px !important;
right: 0;
top: 0;
z-index: 500 !important;
}
.search-results .search-filter-container .sticky-filters .categories-filter-list.default-skin .ps__scrollbar-y-rail {
left: 235px !important;
}
.search-results main .search-filter-container .categories-filter .heading.active {
height: 28px;
line-height: 16px !important;
margin-top: 7px !important;
border-bottom: 1px solid red;
border-top: 1px solid red;
}
.search-results main .search-filter-container .categories-filter .heading .cat-name {
position: relative;
display: block;
height: 27px !important;
padding: 5px 0 5px 5px !important;
border: 0 none;
}
.search-results .categories-filter-list.default-skin.ps-container.ps-theme-default.ps-active-y.ps-active-x > ul > li {
height: 24px;
}
.search-results-header .width-wrap.xh-tabbed {
margin-top: -16px;
padding-left: 22px;
}
/* SEARCH - POSITION THUMBNAIL RESULTS */
.search-results main article .label-set {
margin-top: 0px !important;
}
/* SEARCH - DESCRIPTION - === */
.search-results .category-description,
.search-page-suggestions + .width-wrap .category-description {
position: fixed !important;
display: inline-block !important;
float: none !important;
width: 120px;
height: 20px;
left: 950px;
top: 34px;
margin-bottom: 20px;
padding: 15px 0 0 0 !important;
border-radius: 5px !important;
overflow: hidden;
z-index: 5000000 !important;
color: gray;
background: #333 !important;
}
.search-results .category-description:hover,
.search-page-suggestions + .width-wrap .category-description:hover {
width: 400px;
height: auto !important;
left: 950px;
top: 30px;
padding: 15px !important;
transition: height ease 0.7s !important;
background: black !important;
}
.search-results .category-description:before,
.search-page-suggestions + .width-wrap .category-description:before {
content: "Definition >" !important;
position: absolute;
display: inline-block;
width: 72px;
height: 20px;
left: 20px;
top: 0px;
color: gold;
}
/* (new419) SEARCH - LEFT PANEL */
.search-results main .ps__scrollbar-x-rail,
.search-results main .ps__scrollbar-y-rail {
display: none !important;
}
.search-results main .width-wrap > aside {
position: fixed !important;
display: inline-block !important;
float: none !important;
height: 93vh !important;
width: 180px !important;
top: 6.8vh !important;
padding: 3vh 0 0 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 1 !important;
}
.search-results main .width-wrap > aside .filter-block.sort-by-block {
margin-top: 16px !important;
}
.search-results main .width-wrap > aside .categories-filter {
display: inline-block !important;
height: 510px !important;
width: 200px !important;
margin-bottom: 3px !important;
overflow: hidden !important;
}
.search-results main .width-wrap > aside .filter-block.exclude-filter .xh-button.medium {
height: 15px !important;
line-height: 15px !important;
margin: 0px 0 0 0 !important;
font-size: 13px !important;
top: -5px !important;
}
/* (new307) SEARCH - RESET FILTERS */
.search-results .sidebar .filter-separator {
margin-bottom: 0px !important;
border-bottom: 1px solid yellow !important;
}
.search-results main .width-wrap > aside .clear-filters {
position: fixed !important;
/* display: inline-block; */
width: 178px !important;
top: 7vh !important;
margin: 0px 0 0 0 !important;
text-align: center;
font-size: 14px;
color: red !important;
background: #111 !important;
border-bottom: 1px dashed red !important;
}
/* (new307) FILTERS */
.sidebar .filter-block {
margin-bottom: 5px;
}
.filter-block:nth-child(9) {
margin-top: 25px !important;
margin-bottom: 15px !important;
}
.sidebar .orientations-filter {
margin-bottom: 3px;
}
.sidebar .orientations-filter .cat-name {
padding: 2px 0 !important;
}
.sidebar .orientations-filter .cat-name label {
padding: 0 0 0 5px !important;
}
/* SEARCH VIDEO ???*/
.search-results main .width-wrap > aside .categories-filter.categories-filter-video .heading:first-child + .categories-filter-list > ul {
display: inline-block !important;
margin-top: 0 !important;
}
.search-results main .width-wrap > aside .categories-filter .heading {
width: 200px !important;
}
.search-results main .width-wrap > aside .categories-filter .heading .cat-name label.filter-checkbox-label span i:before,
.search-results main .width-wrap > aside .categories-filter .heading .cat-name label.filter-checkbox-label {
color: gold !important;
}
.search-results main .width-wrap > aside .categories-filter .heading.active {
background: green!important;
}
/* LINES */
.search-results main .width-wrap > aside .categories-filter .heading + .categories-filter-list ul li {
height: 17px !important;
line-height: 15px !important;
}
/* LABELS + HEADINGS */
/* LABELS - VIDEO ? */
.search-results main .width-wrap > aside .categories-filter.categories-filter-video .heading {
height: 20px !important;
line-height: 20px !important;
border: 1px solid yellow !important;
}
.search-results main .width-wrap > aside .categories-filter.categories-filter-video .heading {
height: 20px !important;
line-height: 20px !important;
}
.search-results main .width-wrap > aside .categories-filter.categories-filter-video .heading:first-child {
margin-top: 0px !important;
border: 1px solid tomato !important;
}
.search-results main .width-wrap > aside .categories-filter.categories-filter-video .heading .cat-name,
.search-results main .width-wrap > aside .categories-filter.categories-filter-video .heading:first-child .cat-name {
height: 27px !important;
padding: 0 !important;
}
/* LABELS CATGS NAMES */
aside .categories-filter .heading .cat-name {
height: 20px !important;
line-height: 10px !important;
padding: 0px 0 5px 5px !important;
border: 1px solid green !important;
}
.search-results main .search-filter-container .categories-filter .heading .cat-name {
padding: 0 !important;
}
/* TOGGLE ACTIVE */
.search-results main .categories-filter .heading .cat-name > label:last-of-type {
left: -13px !important;
}
/* (new328) SIDEBAR LEFT - LABELS CATGS LABELS - ALL */
.search-results main .width-wrap > aside .filter-label {
height: auto !important;
line-height: 15px !important;
margin: -5px 0 4px 0 !important;
padding: 1px 0 1px 3px !important;
border: 1px solid red !important;
}
/* LABELS CATGS - LABELS in LIST */
.search-results label {
height: 17px !important;
line-height: 17px !important;
padding: 0px 0px 0px 30px !important;
}
.search-results main .width-wrap > aside .xh-buttonset.prod-filter {
margin-bottom: 0px !important;
margin-top: 0px !important;
}
/* LABEL - CHECKBOXS */
.search-results main .search-filter-container .categories-filter .heading .cat-name .filter-checkbox-label {
min-width: 180px !important;
max-width: 180px !important;
overflow: hidden !important;
}
.search-results main .search-filter-container .categories-filter .categories-filter-list li a [type="checkbox"] + label::before {
height: 15px;
line-height: 5px;
width: 15px;
}
.search-results main .categories-filter [type="checkbox"]:checked + label {
margin-top: 0px;
}
.search-results main .search-filter-container .categories-filter .categories-filter-list li a .checkbox:checked + label::before,
.search-results main .categories-filter [type="checkbox"]:checked + label::before,
[type="checkbox"]:checked + label::before {
margin-top: 0px;
background-position: 3px 0px !important;
}
.switcher[type="checkbox"] + label::after {
top: 2px !important;
}
/* (new417) SEARCH - ORIENT SWITCHER */
.search-results .orient-switchers {
position: fixed !important;
display: inline-block !important;
height: 17px !important;
right: 30px !important;
top: 5vh !important;
margin: 0 !important;
padding: 0 2px !important;
text-align: center !important;
border-radius: 5px 5px 0 0 !important;
z-index: 500000 !important;
background: red !important;
border: 1px solid gold !important;
}
.search-results .orient-switchers button.xh-button.square ,
.search-results .orient-switchers a {
display: inline-block !important;
height: 15px !important;
min-width: 20px !important;
max-width: 20px !important;
margin: 0px 5px 0 5px !important;
padding: 0 !important;
font-size: 0px !important;
border: 1px solid gray !important;
}
.search-results .orient-switchers button.xh-button.square i ,
.search-results .orient-switchers a i {
font-size: 15px !important;
margin: -1px 0px 0 0px !important;
}
.search-results .orient-switchers button.xh-button.square[data-orientation="straight"]:hover::before ,
.search-results .orient-switchers a[data-orientation="straight"]:hover::before {
position: absolute !important;
display: inline-block !important;
content: "▶ Straight";
height: 15px !important;
line-height: 12px !important;
min-width: 70px !important;
max-width: 70px !important;
margin: 0vh 0 0 -10px !important;
top: -2vh !important;
left: -17px !important;
padding: 0 3px !important;
border-radius: 5px !important;
z-index: 2;
font-size: 10px !important;
color: gold !important;
background: green !important;
}
.search-results .orient-switchers button.xh-button.square[data-orientation="gay"]:hover::before ,
.search-results .orient-switchers a[data-orientation="gay"]:hover::before {
position: absolute !important;
display: inline-block !important;
content: "▶ Gay";
height: 15px !important;
line-height: 12px !important;
min-width: 40px !important;
max-width: 40px !important;
margin: 0vh 0 0 -10px !important;
top: -2vh !important;
left: -5px !important;
padding: 0 3px !important;
border-radius: 5px !important;
z-index: 2;
font-size: 10px !important;
color: gold !important;
border: 1px solid red !important;
background: blue !important;
}
.search-results .orient-switchers button.xh-button.square[data-orientation="shemale"]:hover::before ,
.search-results .orient-switchers a[data-orientation="shemale"]:hover::before {
position: absolute !important;
display: inline-block !important;
content: "▶ Shemale";
height: 15px !important;
line-height: 12px !important;
min-width: 70px !important;
max-width: 70px !important;
margin: 0vh 0 0 -10px !important;
top: -2vh !important;
left: -5px !important;
padding: 0 3px !important;
border-radius: 5px !important;
z-index: 2;
font-size: 10px !important;
color: gold !important;
background: brown !important;
}
/* (new361) SWITCH MESSAGE */
.search-results .switch-message {
position: fixed !important;
display: inline-block !important;
min-width: 15px !important;
max-width: 15px !important;
height: 17px !important;
line-height: 15px !important;
top: 7vh !important;
right: 2px !important;
text-align: center !important;
margin: 0 !important;
font-size: 0px !important;
overflow: hidden !important;
z-index: 50000000 !important;
color: gold !important;
background: red !important;
}
.search-results .switch-message:hover {
position: fixed !important;
display: inline-block !important;
min-width: 160px !important;
max-width: 160px !important;
height: auto !important;
line-height: 14px !important;
top: 7vh !important;
right: 2px !important;
text-align:center !important;
margin: 0 !important;
font-size: 13px !important;
z-index: 50000000 !important;
color: white !important;
background: red !important;
}
.search-results .switch-message:not(:hover):before {
content: "⚠️" !important;
position: absolute !important;
height: 20px !important;
top: 0 !important;
left: -2px !important;
font-size: 15px !important;
background: red !important;
}
.search-results .switch-message a.switch-link {
display: inline-block !important;
min-width: 160px !important;
max-width: 160px !important;
font-size: 10px !important;
text-decoration: none !important;
color: gold !important;
background: blue !important;
}
/* (new424) SEARCH - THUMBNAIL - MAIN CONTAINER */
html.search-results {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
overflow: hidden !important;
/* overflow-y: auto !important; */
/* border: 1px solid aqua !important; */
}
.search-results body {
display: inline-block !important;
width: 100% !important;
min-height: 99.6vh !important;
max-height: 99.6vh !important;
top: 0px;
padding: 0;
overflow: hidden !important;
overflow-y: auto !important;
background: #222 !important;
}
.search-results .main-wrap {
display: inline-block !important;
height: 100% !important;
min-height: 95vh !important;
max-height: 95vh !important;
top: 0px;
padding: 0;
/* border: 1px solid yellow !important; */
}
/* new424) */
.search-results main {
display: inline-block !important;
height: 100% !important;
min-height: 95vh !important;
max-height: 95vh !important;
max-width: 100% !important;
min-width: 100% !important;
top: -2px !important;
margin: 0 0 25px 0 !important;
padding: 0;
z-index: 0 !important;
overflow: hidden !important;
overflow: visible !important;
/* border: 1px solid aqua !important; */
}
.search-results main .width-wrap {
position: relative !important;
display: inline-block !important;
max-width: 987px !important;
height: 100% !important;
padding-left: 10px;
padding-right: 0;
}
/* (new424) SEARCH - SUPERLOADER */
.search-results .sp-separator {
width: auto;
min-width: 1300px !important;
max-width: 1300px !important;
margin: 5px 0px -15px 8px !important;
left: 350px !important;
}
.search-results .sp-separator ~ .main-wrap {
max-width: 90% !important;
min-width: 90% !important;
min-height: 90vh !important;
max-height: 90vh !important;
left: 183px !important;
top: 3.5vh !important;
/* border: 1px dashed aqua !important; */
}
.search-results .sp-separator ~ .main-wrap main {
min-height: 90vh !important;
max-height: 90vh !important;
margin: 0 0 0 0 !important;
/* border: 1px dashed yellow !important; */
}
.search-results .sp-separator ~ .main-wrap main article {
margin: 0vh 0 0 190px !important;
top: 0px !important;
padding: 0 !important;
}
/* (new449) */
.search-results main article {
position: absolute !important;
display: inline-block !important;
height: auto !important;
max-height: 100vh !important;
top: 2.9vh !important;
left: -190px;
margin-left: 190px;
padding-bottom: 0;
padding-left: 190px;
padding-right: 0px;
}
/* (new449) SEARCH - without TOP BANNER - VIDEOS / PHOTOS */
.search-results .main-wrap main article .mixed-section.gallery-list ,
.search-results .main-wrap main article .mixed-section.index-videos {
display: inline-block !important;
height: auto !important;
min-height: 280px !important;
max-height: 90vh !important;
min-width: 1648px !important;
left: 0px;
margin: 4vh 0 0vh 0 !important;
padding: 5px 0 20px 0 !important;
overflow-y: auto !important;
overflow: visible !important;
border-bottom: 5px solid red !important;
/* border: 1px solid pink !important; */
}
.search-results .main-wrap main article .mixed-section.gallery-list {
display: inline-block !important;
height: auto !important;
min-height: 280px !important;
max-height: 90.5vh !important;
min-width: 1648px !important;
left: 0px;
margin: 0vh 0 0vh 0 !important;
padding: 5px 0 20px 0 !important;
overflow-y: auto !important;
overflow: visible !important;
border-bottom: 5px solid red !important;
/* border: 1px solid pink !important; */
}
/* (new449) SUPERLOADER */
.search-results .sp-separator ~ .main-wrap main article .mixed-section.gallery-list ,
.search-results .sp-separator ~ .main-wrap main article .mixed-section.index-videos {
display: inline-block !important;
height: auto !important;
min-height: unset !important;
max-height: 85vh !important;
min-width: 1648px !important;
left: 0px;
margin: 0vh 0 0vh 0 !important;
padding: 5px 0 20px 0 !important;
overflow-y: auto !important;
overflow: visible !important;
border-bottom: 5px solid red !important;
/* border: 1px dotted pink !important; */
}
.search-results .mixed-section.index-videos .sp-separator + .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner,
.search-results .mixed-section.index-videos .sp-separator + .thumb-list,
.search-results .mixed-section.index-videos .thumb-list {
display: inline-block !important;
height: 90vh !important;
min-height: 90vh !important;
}
/* (new427) SEARCH - NO RESULTS CONTAINER - SUPERLOADER */
/* .search-results .sp-separator ~ .main-wrap main article .mixed-section.index-videos */
.search-results .sp-separator ~.main-wrap .no-results {
display: none !important;
}
/* (new412) SEARCH - TOP RECOM VIDEO */
.search-results .width-wrap>article>div[data-block="recommended-container"] footer {
display: none !important;
}
.search-results .width-wrap>article>div[data-block="recommended-container"] {
position: fixed !important;
display: inline-block !important;
height: auto !important;
min-height: 270px !important;
max-height: 270px !important;
width: 100% !important;
min-width: 855px !important;
max-width: 855px !important;
left: 180px !important;
top: 7vh !important;
margin: -0.5vh 0 0 0 !important;
padding: 0px 0 0px 100px !important;
border-radius: 0 5px 5px 0 !important;
overflow-y: auto !important;
overflow: hidden !important;
z-index: 50 !important;
visibility: hidden !important;
background: #222 !important;
border: 1px solid red!important;
}
.search-results .width-wrap>article>div[data-block="recommended-container"]:hover {
z-index: 5000000000 !important;
visibility: visible !important;
}
.search-results .width-wrap>article>div[data-block="recommended-container"] section[data-role="thumb-list-block"][data-block="recommended"] {
height: auto !important;
width: 100% !important;
margin: 0 0 0 0!important;
}
.search-results .width-wrap>article>div[data-block="recommended-container"] .thumb-list--sidebar.thumb-list--small-with-cube ,
.search-results .width-wrap>article>div[data-block="recommended-container"] .thumb-list--sidebar.thumb-list {
display: inline-block !important;
height: auto !important;
width: 100% !important;
margin: 0 0 0 0!important;
}
.search-results .width-wrap>article>div[data-block="recommended-container"] .thumb-list__item.video-thumb {
display: inline-block !important;
float: none !important;
clear: none !important;
border: 1px solid red !important;
}
/* INDICATOR */
.search-results .width-wrap>article>div[data-block="recommended-container"]:before {
content: "Recommended ▶ " !important;
position:fixed !important;
display: inline-block !important;
top: 9.55vh !important;
left: 105px !important;
padding: 2px !important;
font-size: 10px !important;
/* z-index: 5000000000 !important; */
visibility: visible !important;
background: olive !important;
}
/* (new412) SEARCH + RELATED CAT SHORT */
.search-results .mixed-section.index-videos + .related-container + .related-container ,
.search-results .mixed-section.index-videos + .related-container {
position: fixed !important;
display: inline-block !important;
height: auto !important;
min-height: 280px !important;
min-width: 200px !important;
max-width: 200px !important;
right: 0 !important;
top: 7vh !important;
margin: -0.5vh 0 0 0 !important;
padding: 5px 0 5px 0 !important;
overflow-y: auto !important;
overflow: visible !important;
z-index: 5000000 !important;
visibility: hidden !important;
background: red !important;
border: 1px solid green!important;
}
.search-results .mixed-section.index-videos + .related-container + .related-container:hover ,
.search-results .mixed-section.index-videos + .related-container:hover {
visibility: visible !important;
background: red !important;
border: 1px solid red !important;
}
.search-results .mixed-section.index-videos + .related-container + .related-container .head ,
.search-results .mixed-section.index-videos + .related-container .head {
position: relative;
display: inline-block !important;
max-height: 4vh;
min-height: 4vh;
line-height: 15px !important;
margin: 0vh 0 0 0 !important;
padding: 0 0 0 10px;
font-size: 18px !important;
overflow: hidden;
background: #111 !important;
}
.search-results .mixed-section.index-videos + .related-container + .related-container ul.categories-container.short.no-popunder ,
.search-results .mixed-section.index-videos + .related-container ul.categories-container.short {
display: grid;
grid-template-columns: minmax(0px, 1fr) !important;
grid-template-rows: 1fr 1fr;
grid-auto-flow: row;
margin-top: 15px;
text-align: center !important;
}
.search-results .mixed-section.index-videos + .related-container + .related-container ul.categories-container.short.no-popunder li ,
.search-results .mixed-section.index-videos + .related-container ul.categories-container li {
display: inline-block !important;
min-width: 180px !important;
max-width: 1800px !important;
margin: 0px !important;
}
.search-results .mixed-section.index-videos + .related-container + .related-container:before ,
.search-results .mixed-section.index-videos + .related-container:before {
content: "+" !important;
position:fixed !important;
display: inline-block !important;
top: 4.55vh !important;
font-size: 20px !important;
z-index: 50000 !important;
visibility: visible !important;
/* background: green !important; */
}
/* (new412) SEARCH - RELATED SHORT - INICATORS */
.search-results .mixed-section.index-videos + .related-container:before {
right: 175px !important;
background: green !important;
}
.search-results .mixed-section.index-videos + .related-container + .related-container:before {
right: 155px !important;
background: blue !important;
}
/* (new411) SUPERLOADER */
/* .search-results .sp-separator ~ .main-wrap .related-container {
display: none !important;
} */
/* with TOP BANNER */
.search-results .top-video-block.top-video-block--recommendations.top-video-block--banner + .mixed-section.index-videos {
display: inline-block !important;
height: auto !important;
min-height: 100vh !important;
min-width: 1648px !important;
left: -24px;
margin-top: 0px !important;
padding-bottom: 30px !important;
overflow-y: auto !important;
overflow: visible !important;
z-index: 50000 !important;
border-bottom: 5px solid blue !important;
}
/* cf NO RESULTS */
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner {
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
margin: 20px 00 0 !important;
text-align: center !important;
}
.search-results main article .label-set {
margin-left: 2px;
padding-top: 0;
}
/* (new283) SEARCH WITH SUGGESTION NAV BAR - WITH NO RESULT FOUND */
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article {
min-height: 96.8vh !important;
max-height: 96.8vh !important;
top: -11px !important;
border: 1px solid green;
}
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos {
display: inline-block !important;
min-width: 1731px !important;
max-width: 1731px !important;
min-height: 100vh !important;
max-height: 104vh !important;
margin-top: 0 !important;
padding: 30px 0 0px 0 !important;
border-bottom: 5px solid yellow !important;
}
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner {
top: 0px !important;
}
/* SEARCH NO RESULTS - TOP MESSAGE */
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state {
display: inline-block !important;
min-height: 100vh !important;
max-height: 100vh !important;
margin-top: -20px !important;
overflow: hidden !important;
}
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list.thumb-list--margin.thumb-list--sidebar {
display: inline-block !important;
min-height: 100vh !important;
max-height: 100vh !important;
margin-top: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.search-results .search-page-suggestions.fixed.xh-helper-hidden + .width-wrap > article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .page-title {
position: fixed !important;
display: inline-block !important;
width: 200px !important;
top: 30px !important;
text-align: center !important;
z-index: 500 !important;
}
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .page-title {
position: fixed !important;
display: inline-block !important;
height: 13px !important;
line-height: 13px !important;
width: 200px !important;
top: 30px !important;
left: 960px !important;
margin-bottom: 0;
font-size: 12px;
text-align: center !important;
z-index: 500 !important;
background: red !important;
}
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner .no-results {
position: fixed !important;
display: inline-block !important;
height: 18px !important;
width: 575px !important;
left: 1168px !important;
margin-bottom: 0;
padding-top: 0 !important;
top: 48px !important;
z-index: 5 !important;
background: #333 !important;
}
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner .no-results .no-results-img {
float: left !important;
height: 20px !important;
width: 20px !important;
margin-bottom: 0;
}
.no-results .no-results-img .xh-icon {
font-size: 15px !important;
}
.no-results .no-results-img .xh-icon.video-error::before {
color: red !important;
}
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner .no-results .smaller {
font-size: 15px !important;
line-height: 18px !important;
}
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner .no-results .smaller br {
display: none !important;
font-size: 18px;
line-height: 26px;
}
/* SEARCH NO RESULTS - RECOMMENDATION VIDEOS THUMBNAIL HOVER - - RIGHT -
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner + .empty-video-state .thumb-list__item.video-thumb
=== */
/* RIGHT / TOP */
/* RIGHT / OTHER */
/* SEARCH - ROW / BOTTOM */
/* RIGHT / BOTTOM */
/* SEARCH ALL - THUMBNAIL - VIDEO - === */
.selectize-control.selectize.selectize--modified.single .selectize-input.items.full.has-options.has-items.focus + .selectize--modified.selectize-dropdown[style*="display: block"] {
padding: 10px 0;
z-index: 500000 !important;
border-image: none;
box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
}
/* SEARCH RESULT VIDEO - GM adapt "NEXTO" (for Chrome) */
.search-results > body {
height: auto !important;
}
/* SEARCH VIDEO ALL - FIRST - With FILTER / Without FILTER (see PREMIUM OVERLAY - .premium-overlay ) - === */
/* SEARCH ALL - HOVER - THUMBNAIL ROW - TOP */
.search-results body:first-of-type.label-set + .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner .right-rectangle ~ .thumb-list__item.video-thumb:nth-child(n + 1):nth-child(-n + 11):hover {
transform: translate(-60px, 55px) scale(1.6)!important;
}
/* SEARCH */
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner .thumb-list__item.video-thumb:nth-child(n + 1):nth-child(-n + 11):hover {
transform: translate(0px, 25px) scale(1.6)!important;
}
/* SEARCH - THUMBNAIL - STORY - === */
.story.search.item {
display: inline-block;
height: 100% !important;
min-height: 115px !important;
max-height: 115px !important;
width: 100% !important;
min-width: 33% !important;
max-width: 33% !important;
margin-bottom: 2px !important;
margin-left: 4px !important;
margin-right: -3px !important;
overflow: hidden;
padding: 0 5px;
border-radius: 5px !important;
border: 1px solid gray !important;
}
.story.search.item .item-categories {
display: inline-block !important;
vertical-align: top !important;
height: 15px !important;
line-height: 15px !important;
}
.story.search.item .item-categories a.item {
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
font-size: 12px !important;
}
.story.search.item .text {
padding-bottom: 1px !important;
}
/* SEARCH ALL + ADAPTATION GM "SUPERPRELOADER */
.search-results .sp-separator ~ .main-wrap main .width-wrap article .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner .thumb-list__item.video-thumb:nth-child(8) {
margin-top: 0px !important;
}
/* (new354) SEARCH - PAGER - FIXED BOTTOM */
.search-results .pager-section:not(.xh-helper-hidden) {
position: fixed !important;
display: inline-block !important;
float: none !important;
width: 800px !important;
height: 23px !important;
top: 2.3vh !important;
margin: 0 !important;
left: 1047px !important;
pointer-events: auto !important;
transform: scale(0.7) !important;
z-index: 500000 !important;
background: black !important;
}
.search-results .pager-section:not(.xh-helper-hidden) .pager-container {
display: inline-block;
height: 25px !important;
line-height: 30px !important;
text-align: center;
width: 100%;
}
.search-results .pager-section.xh-helper-hidden {
display: none !important;
visibility: hidden;
}
/* (new372) SEARCH/CATEG - SUPERLOADER - SUPP */
.category-page .sp-separator ~ .main-wrap .error404 ,
.search-results .sp-separator ~ .main-wrap header .top-header:not(.fixed) .login-section,
.search-results .sp-separator ~ .main-wrap header .top-header:not(.fixed) .login-section,
.search-results .sp-separator ~ .main-wrap header .top-header {
display: inline-block !important;
/* display: none !important; */
}
.search-results .sp-separator ~ .main-wrap .error404 + .popular-title.video-title + .index-videos + .popular-title + .index-photos,
.search-results .sp-separator ~ .main-wrap .error404 + .popular-title.video-title + .index-videos + .popular-title,
.search-results .sp-separator ~ .main-wrap .error404 + .popular-title.video-title + .index-videos,
.search-results .sp-separator ~ .main-wrap .error404 + .popular-title.video-title,
.search-results .sp-separator ~ .main-wrap main .width-wrap .label-set.categories-container:empty,
.search-results .sp-separator ~ .main-wrap main .width-wrap .label-set.categories-container,
.search-results .sp-separator ~ .main-wrap main .width-wrap aside,
.search-results .sp-separator ~ .main-wrap .error404 + .popular-title.video-title,
.search-results .search-results .top-video-block.top-video-block--recommendations {
/* display: inline-block !important; */
display: none !important;
}
/* (new380) MY FRIENDS - CONTAINER */
.user-page.friends-page:not(.user-videos-page):not(.my-uploads-page):not(.favorites-page) .main-wrap > main {
display: inline-block;
max-height: 93vh;
margin-top: 0;
top: 5.5vh !important;
padding-top: 0;
/* border-top: 1px solid aqua !important; */
}
.user-page.friends-page:not(.user-videos-page):not(.my-uploads-page):not(.favorites-page) main .width-wrap {
display: inline-block;
max-height: 92.5vh !important;
min-height: 92.5vh !important;
width: 100%;
top: 0;
padding: 0;
border: 1px solid red !important;
}
/* (new380) MY FRIENDS - MY FAV USERS / FRIENDS USERS - THUMBNAIL */
.user-page.friends-page .user-content-section .content-column {
width: 100% !important;
margin: 0 0 0 0 !important;
}
.user-page.favorites-page .favorites-list[style="display: none;"] {
display: none !important;
}
.user-page.friends-page .user-content-section .content-column .xh-tabs.stories-section .tab-friends.user-list.current-tab .mixed-list .item.friend,
.user-page.friends-page .user-content-section .content-column .xh-tabs.stories-section .tab-friends.user-list.current-tab .mixed-list .item.friend,
.user-page.friends-page .item.friend,
.user-page.friends-page .friends-list.friends-users-list .mixed-list .item.friend,
.user-page.favorites-page .mixed-list .item.friend.type-user,
.user-page.friends-page .user-content-section .content-column .xh-tabs.stories-section .tab-friends.user-list.current-tab .mixed-list .item.friend {
min-width: 150px !important;
max-width: 150px !important;
min-height: 135px !important;
max-height: 135px !important;
margin: 0 0 5px 7px !important;
top: 4px !important;
left: 16px !important;
padding: 0 !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
/* (new380) FAVS PHOTO / MY FAVS FRIENDS USERS- LIST */
.user-page.favorites-page .width-wrap .user-content-section .content-column .mixed-list {
margin: 0 !important;
/* border: 1px solid aqua !important; */
}
/* (new380) MY FAVS - FRIENDS USERS- ITEMS */
.user-page.favorites-page .width-wrap .user-content-section .content-column .mixed-list .item.friend.type-user {
min-width: 137px !important;
max-width: 137px !important;
margin-bottom: 5px !important;
border: 1px solid red !important;
}
/* FRIENDS REQUEST INVITES */
.user-page.friends-page .item.friend.request {
display: inline-block !important;
min-height: 170px !important;
min-width: 170px !important;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 3px;
padding: 5px;
text-align: center !important;
border: 1px solid red !important;
}
.user-page.friends-page .item.friend.request .image-container.avatar-container {
display: inline-block !important;
width: 168px;
height: 75px;
left: 0px !important;
top: 0 !important;
transform: scale(1) !important;
transform-origin: center center 0 !important;
text-align: center !important;
border-bottom: 1px solid red !important;
}
.user-page.friends-page .item.friend.request .image-container.avatar-container a {
display: inline-block !important;
width: 70px;
height: 77px;
text-align: center !important;
}
.user-page.friends-page .item.friend.request .image-container.avatar-container a span,
.user-page.friends-page .item.friend.request .image-container.avatar-container a img.xh-avatar {
display: inline-block !important;
width: 70px;
height: 70px;
text-align: center !important;
}
.user-page.friends-page .item.friend.request .info {
display: inline-block !important;
vertical-align: middle;
height: 90px;
width: 168px;
top: 76px !important;
left: 0 !important;
padding-left: 0px !important;
}
.friends-page .mixed-list .item.friend .info .info-line a,
.friends-page .mixed-list .item.friend .info .info-line span.retired {
min-width: 168px;
max-width: 168px;
margin-bottom: 5px !important;
}
.user-page.friends-page .item.friend.request .info .controls {
margin-top: 7px !important;
}
/* FRIENDS / SUBSCRITION / SUBSCRIBERS (+RETIRED) / BLOCKED */
.user-page.friends-page .mixed-list .item.friend .image-container,
.user-page.favorites-page .mixed-list .item.friend .image-container,
.user-page.friends-page .user-content-section .content-column .xh-tabs.stories-section .tab-friends.user-list.current-tab .mixed-list .item.friend .image-container,
.user-page.friends-page .friends-list.blocked-users-list .mixed-list .item.friend .image-container,
.user-page.friends-page .friends-list.subscribers-users-list .mixed-list .item.friend .image-container,
.user-page.friends-page .friends-list.subscriptions-users-list .mixed-list .item.friend .image-container,
.user-page.friends-page .friends-list.friends-users-list .mixed-list .item.friend .image-container {
top: 5px !important;
left: 42px !important;
transform: scale(0.7) !important;
transform-origin: top left !important;
}
.user-page.friends-page .friends-list.blocked-users-list .mixed-list .item.friend .image-container[data-tooltip="User is retired"],
.user-page.friends-page .friends-list.subscribers-users-list .mixed-list .item.friend .image-container[data-tooltip="User is retired"] {
top: 20px !important;
left: 40px !important;
transform: scale(0.4) !important;
transform-origin: top left !important;
}
.user-page.friends-page .friends-list.blocked-users-list .mixed-list .item.friend .image-container[data-tooltip="User is retired"] + .info .retired,
.user-page.friends-page .friends-list.subscribers-users-list .mixed-list .item.friend .image-container[data-tooltip="User is retired"] + .info .retired {
position: absolute;
height: 24px !important;
line-height: 14px;
width: 120px;
top: 2px;
left: 2px;
font-size: 12px !important;
visibility: visible;
color: rgba(255, 0, 0, 0.24);
}
.user-page.favorites-page .mixed-list .item.friend.type-user .info {
position: absolute;
float: left !important;
width: 100% !important;
height: 6.2vh !important;
line-height: 14px;
left: 0;
top: 74px !important;
padding-left: 0;
bottom: 0;
font-size: 12px !important;
letter-spacing: 0.9px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
visibility: visible;
}
/* (new380) */
.user-page.friends-page .user-content-section .content-column .xh-tabs.stories-section .tab-friends.user-list.current-tab .mixed-list .item.friend .info,
.user-page.friends-page .friends-list.blocked-users-list .mixed-list .item.friend .info,
.user-page.friends-page .friends-list.subscribers-users-list .mixed-list .item.friend .info,
.user-page.friends-page .friends-list.subscriptions-users-list .mixed-list .item.friend .info,
.user-page.friends-page .friends-list.friends-users-list .mixed-list .item.friend .info {
position: absolute;
float: left !important;
min-width: 100% !important;
max-width: 100% !important;
height: 63px !important;
line-height: 15px;
left: 0px !important;
top: 69px;
padding: 0 !important;
bottom: 0;
border-radius: 0 0 5px 5px !important;
font-size: 12px !important;
letter-spacing: 0.9px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
visibility: visible;
background: #222 !important;
}
/* (new381) FIENDS / IMAGES ?? - ACTION */
.mixed-list .item.friend .info .controls,
.dialog-image-list .item.friend .info .controls {
position: absolute !important;
width: 100% !important;
height: 20px !important;
line-height: 20px !important;
bottom: 0vh !important;
margin: 0px 0 0 0 !important;
border-radius: 0 0 5px 5px !important;
text-align: center !important;
background: green !important;
}
.mixed-list .item.friend .info .controls a ,
.dialog-image-list .item.friend .info .controls a {
color: gold !important;
}
/* (new380) FRIENDS - ACTION BUTTON - ICONS */
.friends-list.friends-users-list .mixed-list .item.friend .info .controls.friends {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
height: 20px !important;
line-height: 20px !important;
bottom: 0 !important;
left: 0 !important;
margin: 0 0 0 0 !important;
border-radius: 0 0 4px 4px !important;
text-align: center !important;
font-size: 0 !important;
background: #333 !important;
}
.friends-list.friends-users-list .mixed-list .item.friend .info .controls .actions {
display: inline-block !important;
width: 100% !important;
height: 20px !important;
line-height: 0px !important;
text-align: center !important;
font-size: 0 !important;
}
.mixed-list .item.friend .info .controls.requests .xh-button {
display: inline-block;
height: 18px !important;
line-height: 18px !important;
margin-top: 1px !important;
}
.friends-list .item.friend .controls.subscribtions .unsubscribe ,
.controls.friends .actions a.send-message ,
.controls.friends .actions a.unfriend{
width: 20px !important;
height: 20px !important;
line-height: 20px !important;
font-size: 0 !important;
}
.controls.friends .actions a.send-message:before {
content: "💬" !important;
height: 20px !important;
line-height: 20px !important;
font-size: 14px !important;
}
.controls.subscribtions a.unsubscribe:before{
content: "❌" !important;
height: 20px !important;
line-height: 20px !important;
font-size: 14px !important;
}
.controls.friends .actions a.unfriend:before{
content: "❌" !important;
height: 20px !important;
line-height: 20px !important;
font-size: 14px !important;
}
.controls.subscribtions .unsubscribe:hover:before ,
.controls.friends .actions a.send-message:hover::before ,
.controls.friends .actions a.unfriend:hover::before{
background: red !important;
}
/* (new380) FRIENDS - INFOS */
.user-page.favorites-page .mixed-list .item.friend.type-user .info .info-line a {
width: 100% !important;
max-width: 100% !important;
font-size: 14px !important;
padding: 0 3px !important;
overflow: hidden;
text-overflow: ellipsis;
}
.user-page.friends-page .mixed-list .item.friend .info .info-line a,
.user-page.friends-page .friends-list.blocked-users-list .mixed-list .item.friend .info .info-line a,
.user-page.friends-page .friends-list.subscribers-users-list .mixed-list .item.friend .info .info-line a,
.user-page.friends-page .friends-list.subscriptions-users-list .mixed-list .item.friend .info .info-line a,
.user-page.friends-page .friends-list.friends-users-list .mixed-list .item.friend .info .info-line a {
min-width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 1px 2px;
font-size: 13px !important;
overflow: hidden;
text-overflow: ellipsis;
}
.user-page.favorites-page .mixed-list .item.friend.type-user:hover .info .info-line a {
width: 120px;
font-size: 14px !important;
overflow: hidden;
text-overflow: ellipsis;
color: gold;
}
.friends-page .friends-list .mixed-list .item.friend .info-line .xh-flag,
.friends-page .user-list .mixed-list .item.friend .info-line .xh-flag {
margin: 0 !important;
}
.user-page.favorites-page .mixed-list .item.friend.type-user .controls.friends a.remove-favorite {
width: 120px;
font-size: 14px !important;
overflow: hidden;
text-overflow: ellipsis;
color: red;
}
/* (new381) THUMBNAIL - USER - VIDEOS PAGES */
/* (new381) USER VIDEOS - ADAPT GM "SUPERLODER" */
html.user-page.user-videos-page.my-uploads-page {
display: inline-block !important;
height: auto !important;
/* min-height: 0 !important; */
max-height: 100vh !important;
width: 100% !important;
padding-left: 0;
overflow: hidden !important;
/* border: 1px dashed green !important; */
}
/* (new381) */
html.user-page.user-videos-page.my-uploads-page body {
display: inline-block !important;
height: auto !important;
/* min-height: unset !important; */
max-height: 100vh !important;
width: 100% !important;
padding: 0 0 2vh 0 !important;
overflow: hidden !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single {
margin-top: -10px;
min-height: 550px;
padding-left: 0;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .tab-recent.current-tab,
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs {
display: inline-block;
width: 1900px !important;
height: 100% !important;
max-height: 550px !important;
min-height: 550px !important;
margin-left: 0;
padding-left: 0;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after {
position: relative;
display: inline-block !important;
width: 1900px !important;
max-height: 550px !important;
min-height: 550px !important;
top: 13px;
margin-left: 5px !important;
margin-right: 0 !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video {
width: 11.6667% !important;
height: 200px !important;
top: 5px !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video .thumb-container {
height: 155px !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video:hover .thumb-container {
height: 100% !important;
max-height: 164px !important;
min-height: 164px !important;
min-width: 218px !important;
max-width: 218px !important;
margin-left: -2px !important;
border: 1px solid blue !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video .info-container {
height: 30px !important;
margin-top: 10px !important;
overflow: hidden;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video .info-container .name {
font-size: 11px;
height: 32px;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video .info-container .info {
bottom: 30px;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video:hover .info-container .info {
bottom: 25px;
font-size: 7px !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video:not(:hover) .info-line .duration {
-moz-user-select: none;
border-radius: 5px;
margin-left: -8px;
bottom: -18px !important;
transform: scale(0.8);
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video:hover .info-line .duration {
-webkit-user-select: none;
margin-left: 8px !important;
top: 10px !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video:hover .thumb-container {
height: 130px !important;
width: 175px !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video:hover .info-container {
max-width: 216px !important;
min-width: 216px !important;
max-height: 20px !important;
min-height: 20px !important;
top: 168px !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video:hover .info-container .link {
max-width: 216px !important;
min-width: 216px !important;
max-height: 19px !important;
min-height: 19px !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video:hover .info-container span,
.user-page.user-videos-page.my-uploads-page .user-content-section .content-column.single .xh-tabs .mixed-list.clearfix-after .item.video:hover .info-container .name {
display: inline-block;
max-width: 214px !important;
min-width: 214px !important;
max-height: 20px !important;
min-height: 20px !important;
line-height: 7px !important;
margin-left: 1px;
margin-top: 2px;
font-size: 7px !important;
letter-spacing: 0.5px !important;
overflow: visible;
}
/* (new260) USER VIDEO PAGE - WITH CHANNELS SECTION - === */
.user-page.user-videos-page.my-uploads-page .user-content-section .xh-header.xh-header--medium {
display: none;
}
.user-content-section .channel-items {
position: fixed !important;
display: inline-block;
width: 145px !important;
height: 20px !important;
left: 10px !important;
top: 53px;
padding-top: 20px !important;
overflow: hidden !important;
visibility: visible !important;
opacity: 0.5 !important;
z-index: 500000 !important;
background-color: black !important;
border: 1px solid red !important;
}
.user-content-section .channel-items .channel-logo-container .channel-logo-container__info {
display: inline-block;
height: 120px !important;
padding: 10px 10px 10px 120px !important;
background-color: #202020 !important;
}
.user-content-section .channel-items .channel-logo-container .channel-logo-container__info .channel-logo {
height: 100px !important;
border: 1px solid red !important;
}
.user-content-section .channel-items .channel-logo-container .channel-logo-container__info .channel-logo .logo-container {
height: 97px !important;
border-radius: 5px 0 0 5px !important;
background-position: center center;
background-repeat: no-repeat;
background-size: contain !important;
}
.user-content-section .channel-items.all-channels:hover,
.user-content-section .channel-items:hover {
min-width: 100% !important;
max-width: 100% !important;
height: auto !important;
padding-top: 30px !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 5000 !important;
}
.user-content-section .channel-items:before {
content: "User's Channels 🔻 ";
position: fixed !important;
display: inline-block !important;
width: 140px !important;
height: 18px !important;
line-height: 10px !important;
left: 1px;
top: 55px !important;
padding-left: 30px !important;
font-size: 10px !important;
visibility: visible !important;
color: red;
background: gold !important;
border: 1px solid red;
}
.user-content-section .channel-items.channel-logo-container {
margin-bottom: 0 !important;
position: relative;
}
/* USER VIDEO PAGE - WITH CHANNELS SECTION - LESS / MORE */
/* (new224) LESS / MORE - CONTAINERS */
.user-content-section .channel-items:not(:hover) + .button-container,
.user-content-section .channel-items.all-channels:not(:hover) + .button-container,
.user-content-section .channel-items:hover + .button-container,
.user-content-section .channel-items.all-channels:hover + .button-container {
position: fixed !important;
display: inline-block !important;
height: 17px !important;
width: 17px !important;
top: 54px !important;
left: 1px !important;
border-radius: 50% !important;
z-index: 500000 !important;
background-color: black !important;
border: 1px solid aqua !important;
}
.user-content-section .channel-items:not(:hover) + .button-container .xh-button,
.user-content-section .channel-items.all-channels:not(:hover) + .button-container .xh-button,
.user-content-section .channel-items:hover + .button-container .xh-button,
.user-content-section .channel-items.all-channels:hover + .button-container .xh-button {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 15px !important;
max-width: 15px !important;
height: 15px !important;
top: 55px !important;
left: 1px !important;
margin: 0 !important;
padding: 0 !important;
z-index: 50000000 !important;
visibility: hidden !important;
}
/* (new224) LESS / MORE - BUTTONS */
.user-content-section .channel-items:not(:hover) + .button-container .xh-button:before,
.user-content-section .channel-items.all-channels:not(:hover) + .button-container .xh-button:before,
.user-content-section .channel-items:hover + .button-container .xh-button:before,
.user-content-section .channel-items.all-channels:hover + .button-container .xh-button:before {
content: "-" !important;
position: fixed !important;
display: inline-block !important;
height: 15px !important;
line-height: 8px !important;
width: 15px !important;
top: 40px !important;
left: 0 !important;
font-size: 30px !important;
border-radius: 50% !important;
visibility: visible !important;
z-index: 50000000 !important;
background: red !important;
}
/* (new224) LESS "-" / MORE "+" */
.user-content-section .channel-items + .button-container:hover .xh-button:before,
.user-content-section .channel-items:not(:hover) + .button-container .xh-button:before,
.user-content-section .channel-items:hover + .button-container .xh-button:before {
content: "+" !important;
position: fixed!important;
display: inline-block !important;
height: 15px !important;
line-height: 17px !important;
width: 15px !important;
top: 55px !important;
left: 2px !important;
font-size: 25px !important;
border-radius: 50% !important;
visibility: visible !important;
z-index: 50000000 !important;
background: green !important;
}
.user-content-section .channel-items + .button-container:hover .xh-button:before,
.user-content-section .channel-items:hover + .button-container .xh-button:before {
content: "+" !important;
background: blue !important;
}
/* SUPP - PIXEL.GIF */
.user-page.favorites-page .thumb-container > img[src="https://static-cl.xhcdn.com/xh-tpl3/images/pixel.gif"],
.thumb-container > img[src="https://static-cl.xhcdn.com/xh-tpl3/images/pixel.gif"],
.favorites-page .mixed-list .item.favorite.gallery .thumb-container img[src="https://static-ec-2.xhcdn.com/xh-tpl3/images/pixel.gif"] {
display: none !important;
}
/* SUPP SPACE FOR PUB - === */
.gallery-section .gallery-list.clearfix-after .mixed-list.loaded .photo-container {
display: block;
margin-right: 10px;
}
main .gallery-list .photo-container {
box-sizing: border-box;
float: left;
height: 104px !important;
max-width: 200px !important;
padding: 5px !important;
border-radius: 3px !important;
border: 1px solid gray !important;
overflow: hidden;
}
main .gallery-list .photo-container .image-thumb {
min-width: 100% !important;
max-width: 100%x !important;
max-height: 100% !important;
min-height: 100% !important;
padding: 0px !important;
box-sizing: content-box !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-color: transparent !important;
}
.photo-container[style^="margin-right: 440px;"] {
margin-right: 10px !important;
}
.mixed-list .thumb-info {
position: absolute;
width: 95%;
min-height: 23px;
padding-top: 15px;
bottom: 2px;
border-radius: 0 0 3px 3px;
z-index: 1;
}
.gallery-list .thumb-info {
position: absolute;
width: 95%;
min-height: 13px !important;
padding-top: 0px !important;
bottom: 2px;
border-radius: 0 0 3px 3px;
z-index: 1;
}
.gallery-list .thumb-info .info-line {
position: absolute;
height: 17px;
top: 0px;
left: 10px;
margin-top: 0px !important;
right: 10px;
}
.gallery-list .thumb-info .info-line .comments-value {
position: relative;
display: block;
float: left;
margin: 0px 10px 0 0;
padding-left: 20px;
color: #fff;
}
.related .item:not(.story) {
width: 8% !important;
margin-left: 5px;
}
/* (new340) STATUT PAGES - DEL / REVIEW? */
html.item-status-page {
display: inline-block !important;
flex-grow: unset !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
width: 100% !important;
overflow: hidden !important;
/* border-bottom: 1px solid red !important; */
}
.item-status-page body {
display: inline-block !important;
flex-grow: unset !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
width: 100% !important;
/* overflow: hidden !important; */
/* border-bottom: 1px solid red !important; */
}
.item-status-page body > .main-wrap {
display: inline-block !important;
flex-grow: unset !important;
height: 100% !important;
min-height: 97vh !important;
max-height: 97vh !important;
width: 100% !important;
/* overflow: hidden !important; */
/* border-bottom: 1px solid red !important; */
}
.item-status-page body > .main-wrap > main {
display: inline-block !important;
flex-grow: unset !important;
height: 100% !important;
min-height: 96vh !important;
max-height: 96vh !important;
width: 100% !important;
/* overflow: hidden !important; */
border-bottom: 1px solid red !important;
}
/* (new340) */
html.item-status-page.error-page .plug {
display: inline-block !important;
width: 100% !important;
height: 30vh !important;
margin: 4vh 0 0 0 !important;
}
.item-status-page i.xh-icon.smile-sad {
font-size: 40px !important;
}
.item-status-page .status-text {
line-height: 18px !important;
margin: 0px 0 0 !important;
font-size: 18px !important;
}
/* (new361) - STAUT / NOT FOUND */
.item-status-page .item-status.not-found,
.item-status-page .item-status {
height: 100%;
width: 100%;
min-width: 960px;
/* max-width: 960px !important; */
margin: 5vh 0 5px 0 !important;
text-align: center;
/* border: 1px solid aqua !important; */
}
.item-status-page .mixed-section.videos.related-container {
min-width: 100% !important;
max-width: 100% !important;
max-height: 80vh !important;
min-height: 40vh !important;
padding: 45px 20% 0 20% !important;
text-align: center !important;
overflow: hidden !important;
overflow-y: auto !important;
background: #333 !important;
/* border: 1px solid aqua !important; */
}
.item-status-page .thumb-list.thumb-list--related.thumb-list--margin.thumb-list--related-collapsed {
display: inline-block !important;
width: 1439px !important;
border: 1px solid red !important;
}
.item-status-page .mixed-section.videos.related-container .thumb-list.thumb-list--sidebar.thumb-list--related .thumb-list__item.video-thumb {
border: 1px solid red !important;
}
.item-status-page .thumb-list.thumb-list--related.thumb-list--margin.thumb-list--related-collapsed .thumb-list__item.video-thumb {
margin: 0 15px 5px 0 !important;
border: 1px solid #333 !important;
}
.item-status-page .mixed-section.videos.related-container .thumb-list .thumb-list__item.video-thumb .video-thumb-info {
max-height: 51px !important;
min-height: 51px !important;
margin: -3px 0 0 0 !important;
padding: 2px 2px 0;
text-align: left;
border-radius: 0 0 3px 3px;
/* border: 1px solid yellow !important; */
}
.item-status-page .mixed-section.videos.related-container .thumb-list .thumb-list__item.video-thumb:hover .video-thumb-info {
max-height: 28px !important;
min-height: 28px !important;
margin: 12px 0 0 0 !important;
padding: 1px 2px 0 !important;
text-align: left;
border-radius: 0 0 3px 3px;
/* border: 1px solid yellow !important; */
}
.item-status-page .mixed-section.videos.related-container .thumb-list .thumb-list__item.video-thumb .video-thumb-info .video-thumb-info__name{
max-height: 43px !important;
min-height: 43px !important;
overflow-x: hidden;
overflow-y: auto;
}
/* (new264) STATUS - PREVIEW */
.item-status-page .mixed-section.videos.related-container .thumb-list .thumb-list__item.video-thumb .video-thumb__image-container.thumb-image-container video {
display: inline-block !important;
min-height: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
overflow: hidden;
border: 1px solid aqua !important;
}
/* (new365) - ONLY FRIEND / NOT AVAIBLE IN FRANCE */
.item-status-page .item-status.friends-only{
margin: 0 0 0 0 !important;
}
.item-status-page .item-status.friends-only .noindexed-text ,
.item-status-page .item-status.friends-only h1.video-title {
display: inline-block !important;
width: 100% !important;
margin: 0;
text-align: center !important;
}
.item-status-page .item-status.friends-only + .related-container.width-wrap .mixed-section.videos.related-container .video-thumb__player-thumb {
position: absolute;
/* display: inline-block !important; */
display: none !important;
flex-direction: unset !important;
height: 354px;
width: 423.333px;
left: 13px !important;
padding: 0 !important;
}
.item-status-page .item-status.friends-only + .related-container.width-wrap .mixed-section.videos.related-container {
background: #333 none repeat scroll 0 0;
max-width: 100%;
min-height: 45vh !important;
max-height: 85vh !important;
min-width: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 40px 5% 0 5% !important;
text-align: center;
}
/* (new339) ERROR - DELLETED GAL/USER PAGE */
.error404-img {
height: 36px !important;
width: 159px !important;
padding: 5px !important;
border: 1px solid red;
border-radius: 5px;
background: rgba(255, 255, 255, 0.29) !important;
}
html.error-page.error404-page {
display: inline-block !important;
height: 100vh !important;
min-height: 100vh !important;
max-height: 100vh !important;
overflow: hidden !important;
overflow-y: hidden !important;
}
.error-page main {
height: 100vh !important;
min-height: 95.5vh !important;
max-height: 95.5vh !important;
top: 3vh !important;
padding: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
/* border-bottom: 1px solid aqua !important; */
}
.error-page main .width-wrap {
top: 0px !important;
}
.error-page main .width-wrap .error404-container {
width: 73% !important;
}
.error-page main .width-wrap .error404-container {
margin-top: 0;
}
.error-page main .width-wrap .error404-container .error404-title {
float: left !important;
width: 30% !important;
line-height: 27px;
text-align: right !important;
text-align: left !important;
}
.error-page main .popular-title {
font-size: 18px;
margin: 0 0 10px 0 !important;
}
.error-page main .width-wrap .error404-container .error404-info {
float: right !important;
width: 70% !important;
line-height: 1.2 !important;
margin-top: 10px !important;
padding-left: 20px !important;
text-align: left !important;
}
.error-page main .gallery-list .photo-container {
display: inline-block !important;
float: none;
height: 50px;
max-width: 123px !important;
min-width: 123px !important;
margin: auto !important;
padding: 5px;
border-radius: 3px;
overflow: hidden;
}
.error-page main .gallery-list .photo-container .image-thumb {
background-color: transparent;
background-repeat: no-repeat;
background-size: contain;
box-sizing: content-box;
min-height: 0;
height: 170px;
padding: 0;
}
.error-page main .thumb-list__item.video-thumb {
margin-left: 17px !important;
border-radius: 5px;
color: gray;
border: 1px solid gray !important;
}
.error-page main .thumb-list__item.video-thumb .video-thumb-info__metrics {
display: none !important;
}
/* (new267) */
.error-page main .thumb-list__item.video-thumb .video-thumb-info {
max-height: 39px !important;
min-height: 39px !important;
padding: 2px 2px 0 !important;
}
.error-page main .thumb-list__item.video-thumb:hover .video-thumb-info a {
max-height: 39px !important;
min-height: 39px !important;
line-height: 12px !important;
font-size: 11px !important;
}
.error-page main .related-container .scrollable .related-list li {
box-sizing: border-box;
display: inline-block !important;
flex-direction: unset;
padding-right: 0px;
width: 12% !important;
height: 170px;
margin: 0 3px 0 5px !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
.error-page main .related-container .related-list li .preview {
height: 100px !important;
}
.error-page main .related-container .related-list li .preview .logo-container {
display: inline-block !important;
width: 100% !important;
min-width: 227px !important;
max-width: 227px !important;
height: 100% !important;
min-height: 100px !important;
max-height: 100px !important;
left: 0;
z-index: 2 !important;
}
.error-page main .logo-container > div:hover,
.error-page main .logo-container > div {
opacity: 1 !important;
z-index: 200 !important;
padding: 0 !important;
background-color: transparent !important;
}
.error-page main .related-container .related-list li .preview a.logo-container .logo:hover,
.error-page main .related-container .related-list li .preview a.logo-container .logo {
position: absolute !important;
display: inline-block !important;
float: none !important;
width: 100% !important;
min-width: 222px !important;
max-width: 222px !important;
height: 100% !important;
min-height: 100px !important;
max-height: 100px !important;
left: 2px !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
opacity: 1 !important;
z-index: 2 !important;
visibility: visible !important;
border: none !important;
border-bottom: 1px solid violet !important;
}
.error-page main .related-container .related-list li .preview a.logo-container .logo:hover {
background-color: #111 !important;
}
.error-page main .related-container .related-list li .preview .xh-icon {
position: absolute;
width: 20px !important;
height: 100px !important;
line-height: 90px !important;
left: 205px !important;
font-size: 20px !important;
z-index: 1;
text-align: right !important;
background-color: transparent !important;
}
.error-page .mixed-section .button-section {
display: inline-block !important;
height: 30px !important;
width: 100% !important;
line-height: 30px !important;
margin-top: 15px;
background: red !important;
}
.error-page .mixed-section .button-section .xh-button {
display: inline-block !important;
border-radius: 3px;
font-size: 18px;
height: 35px !important;
line-height: 35px !important;
margin-top: -15px;
width: 100%;
background: #111 !important;
}
.error-page main .related-container ul.categories-container li {
width: 250px !important;
margin: 0 2px 3px 4px !important;
padding: 2px 0 !important;
border-radius: 5px;
text-align: center !important;
background: #111 !important;
}
/* VIDEO PAGE - HOVER */
.video-page:not(.video-page--large-mode) .mixed-section.related .item:not(.story) {
margin: 0px 5px 3px 32px;
top: 6px !important;
width: 20% !important;
border-radius: 3px;
box-shadow: 3px 3px 2px black;
border: 1px solid #404040 !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.related .item:not(.story) {
margin: 0px 5px 3px 32px;
top: 6px !important;
width: 20% !important;
border-radius: 3px;
box-shadow: 3px 3px 2px black;
border: 1px solid #404040 !important;
}
/* HOVER */
.video-page:not(.video-page--large-mode) .mixed-section.related .item:not(.story):hover {
z-index: 5000 !important;
transform: scale(1.5) !important;
transition: all ease 0.7s !important;
background: black !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.related .info-container {
height: 30px;
line-height: 10px !important;
margin-top: 0;
overflow: hidden;
opacity: 0.4 !important;
transition: all ease 0.7s !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.related .info-container:hover {
opacity: 1 !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.related .info-container .name {
line-height: 10px !important;
top: 10px;
}
.video-page:not(.video-page--large-mode) .mixed-section.related .info-container .info {
visibility: hidden;
}
/* MAIN HOME PAGE - PANEL LEFT + THUMBNAIL RIGHT - === */
.main-page article {
top: -27px !important;
margin-left: 170px !important;
padding: 0 5px 0px 5px;
}
/* (new424) */
/* div[data-role="layoutPage"] {
height: 99.8vh !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid yellow !important;
}
div[data-role="layoutPage"] .width-wrap aside + article {
top: 2vh !important;
margin-left: 185px !important;
padding: 0 5px;
border: 1px solid aqua !important;
} */
.main-page .index-videos .heading-paging {
color: #dadada;
font-size: 20px;
height: 20px;
line-height: 20px;
}
.main-page article .sort-section {
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
margin-bottom: 5px !important;
}
.main-page article .sort-section .xh-tabset {
height: 20px !important;
line-height: 20px !important;
}
.main-page article .sort-section .xh-tabset > button.current-tab,
.main-page article .sort-section .xh-tabset > button,
.main-page article .sort-section .xh-tabset > a,
.main-page article .sort-section .xh-tabset > span {
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
margin-left: 31px;
margin-right: 21px;
border: none !important;
}
.sort-section .button.xh-dropdown:first-of-type::before {
position: absolute;
content: "";
height: 15px !important;
top: 3px !important;
background-color: red;
}
.main-page .index-videos .categories-container--page {
margin-bottom: 4px;
}
/* LEFT PANEL - MAIN CATEGORY */
aside .categories-list .orientation-section {
border-bottom: 1px solid #dadada;
margin-bottom: -3px;
padding-bottom: 0px !important;
padding-right: 5px;
position: relative;
white-space: nowrap;
height: 35px;
}
aside .categories-list .orientation-section .xh-dropdown .trigger.line.large::after {
top: 7px;
}
aside .categories-list .xh-icon.beta-shemale::before,
aside .categories-list .xh-icon.beta-gay::before,
aside .categories-list .xh-icon.beta-straight .path2::before,
aside .categories-list .xh-icon.beta-straight .path1::before {
position: relative;
display: inline-block;
height: 20px;
line-height: 20px;
top: -10px;
font-size: 20px;
}
aside .categories-list .orientation-section .orientation-container .dropdown .item {
position: relative;
display: inline-block !important;
height: 20px !important;
line-height: 15px !important;
font-size: 14px !important;
color: peru !important;
}
aside .categories-list .main-categories {
position: relative;
margin-bottom: 3px;
padding-bottom: 5px;
border-bottom: 1px solid #dadada;
}
.main-categories > ul li {
height: 26px;
}
/* (new327) LEFT PANEL - CATEGORY */
aside .categories-list .all-categories ul {
margin: 0 0 24px;
padding: 0 0 14px;
max-height: 57vh !important;
overflow: hidden;
overflow-y: auto;
}
aside .categories-list .all-categories ul li {
margin: 0;
padding: 0;
height: 20px !important;
line-height: 15px !important;
}
aside .categories-list .all-categories ul li:hover {
list-style: inside none none;
margin-top: 3px !important;
padding: 0 0 0 5px !important;
height: 20px;
margin-bottom: 0px !important;
}
/* (new304) */
aside .categories-list .all-categories ul li a.active,
aside .categories-list .all-categories ul li a {
margin: 0 !important;
padding: 0 0 0 5px !important;
height: 20px !important;
line-height: 12px !important;
}
aside .categories-list .all-categories ul li a.active {
margin-top: -3px !important;
padding: 0 0 0 5px !important;
max-height: 20px !important;
}
aside .categories-list .all-categories ul li a:hover {
height: 20px !important;
line-height: 20px;
margin-bottom: -10px !important;
margin-top: 0px;
padding: 0 0 0 5px !important;
color: #e34449;
background: #eaeaea;
}
/* THUMBNAILS NAME - ALL - === */
.dialog-image-list .item .info-container,
.mixed-list .item .info-container {
height: 58px;
margin-top: 0px;
}
.dialog-image-list .item .link,
.mixed-list .item .link {
border-bottom: 0 none;
display: block;
margin-bottom: 4px;
text-decoration: none;
text-transform: capitalize !important;
}
/* THUMBNAILS NAME - VIDEOS RELATED */
.photo-page .mixed-section.videos.related .item .link {
padding-top: 7px;
}
.dialog-image-list .item .name,
.mixed-list .item .name {
position: relative;
line-height: 13px;
font-size: 12px !important;
}
.dialog-image-list .item .info,
.mixed-list .item .info {
position: absolute;
height: 14px;
line-height: 14px;
bottom: 0;
letter-spacing: 0.9px;
font-size: 12px;
overflow: hidden;
color: #707070;
}
/* LEFT PANEL - ALL - HOVER TEST - === */
/* (new260) TOP PANEL - ALL */
.user-page .user-content-section .side-column {
position: fixed !important;
display: inline-block !important;
float: none !important;
width: 104px !important;
height: 100% !important;
min-height: 30px !important;
max-height: 30px !important;
left: 1318px !important;
top: 24px !important;
padding-left: 0px !important;
overflow: hidden !important;
visibility: visible !important;
z-index: 5000000 !important;
}
/* (new332) USER PROF - ME - FAVS */
.user-page.favorites-page .user-header .user-tabs.sort-section.xh-tabbed {
height: 29px;
width: 577px !important;
left: 495px !important;
top: -1px;
/* background: red !important; */
}
/* (new378) */
.user-page.friends-page .user-header .user-tabs.sort-section.xh-tabbed .xh-tabset.active ,
.user-page.favorites-page .user-header .user-tabs.sort-section.xh-tabbed .xh-tabset.active {
display: inline-block;
height: 27px;
left: 0;
line-height: 27px;
top: 0;
width: 578px !important;
/* background: lime !important; */
}
/* (new423) USER PROF - OTHER */
.user-page.user-videos-page.my-uploads-page .user-header .user-tabs.sort-section.xh-tabbed {
height: 29px;
width: 565px !important;
left: 640px !important;
top: -1px;
margin: 0 0 0 0 !important;
/* background: blue !important; */
}
.user-page.user-videos-page.my-uploads-page .width-wrap .user-content-section .side-column {
position: fixed !important;
display: inline-block !important;
float: none !important;
width: 104px !important;
height: 100% !important;
min-height: 30px !important;
max-height: 30px !important;
left: 1255px !important;
top: 24px !important;
padding-left: 0px !important;
overflow: hidden !important;
visibility: visible !important;
z-index: 50000000 !important;
/* background: olive !important; */
}
/* (new378) FAVs MY */
/* .user-page.user-videos-page.my-uploads-page .width-wrap .user-content-section .side-column , */
.user-page.favorites-page .width-wrap .user-content-section .side-column {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 30px !important;
max-height: 30px !important;
width: 100px !important;
left: 1120px !important;
margin-bottom: 0 !important;
top: 24px !important;
padding: 0px !important;
overflow: hidden !important;
visibility: visible !important;
z-index: 5000000 !important;
}
/* TOP / LEFT PANEL - MY FRIENDS / MY UPLOAD PAGE */
.user-page.my-uploads-page:not(.user-videos-page) .side-column::after,
.user-page.friends-page .user-content-section .side-column::after {
position: absolute;
display: inline-block;
width: 150px;
height: 20px;
left: -83px;
top: 70px;
text-align: center;
border-radius: 5px 5px 0 0 !important;
transform: rotate(90deg);
visibility: visible;
z-index: 500000;
border: 1px solid red;
background: red;
}
.user-page.friends-page .side-column::after {
content: "🔺 Friends 🔻 ";
left: 218px !important;
}
.user-page.my-uploads-page:not(.user-videos-page) .side-column:after {
content: "🔺 MY Uploads 🔻 ";
left: 218px !important;
}
.user-page.my-uploads-page.user-blog-page .width-wrap .user-content-section .side-column:after {
content: "🔺 MY Uploads 🔻 ";
left: 210px !important;
}
.user-page.my-uploads-page.user-blog-page .width-wrap .user-content-section .side-column,
.user-page.my-uploads-page .user-content-section .side-column,
.user-page.friends-page .user-content-section .side-column {
position: fixed !important;
display: inline-block !important;
float: none !important;
width: 284px !important;
height: 100% !important;
min-height: 270px !important;
max-height: 270px !important;
left: -284px !important;
top: 60px !important;
padding-left: 0px !important;
overflow: visible !important;
visibility: visible !important;
z-index: 5000000 !important;
background: black !important;
}
.user-page.my-uploads-page.user-blog-page .width-wrap .user-content-section .side-column:hover,
.user-page.my-uploads-page:not(.user-videos-page) .user-content-section .side-column:hover,
.user-page.friends-page .user-content-section .side-column:hover {
left: 0px !important;
border-radius: 0 0 5px 0 !important;
border: 1px solid red;
}
/* TOP LIST LINKS - FAVORITS LIST SWITCHER */
/* (new378) USER MY - COLL FAV - */
.user-page.favorites-page .user-content-section .side-column > ul.favorites-side-switcher{
position: fixed !important;
height: 30px !important;
width: 100px !important;
margin-left: 0px !important;
margin-top: 0px;
overflow: hidden !important;
z-index: 5000000 !important;
border: 1px solid red !important;
/* background: yellow !important; */
}
/* (new332) USER OTHER - COLL FAV - */
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul {
position: fixed !important;
height: 30px !important;
width: 100px !important;
margin-left: 4px !important;
margin-top: 0px;
overflow: hidden !important;
z-index: 5000000 !important;
border: 1px solid red !important;
background: black !important;
}
.user-page.favorites-page .user-content-section .side-column > ul.favorites-side-switcher:hover,
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column:hover > ul {
position: fixed !important;
height: 29px !important;
width: auto !important;
margin-left: 3px;
margin-top: 1px;
overflow: hidden !important;
border: 1px solid red !important;
border-bottom: 1px solid yellow !important;
}
.user-page.favorites-page .favorites-side-switcher:hover {
width: 520px !important;
background: red !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul:hover {
width: auto !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul > li,
.user-page.favorites-page ul.favorites-side-switcher > li {
display: inline-block !important;
width: 84px !important;
height: 25px !important;
line-height: 25px !important;
margin: 0 !important;
}
/* DISABLED */
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul li a .disabled {
color: rgb(112, 112, 112) !important;
}
/* NOT ACTIVE */
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul > li:not(.active),
.user-page.favorites-page ul.favorites-side-switcher > li:not(.active) {
display: inline-block;
width: 80px !important;
height: 20px !important;
line-height: 20px !important;
top: 0px !important;
margin-bottom: 0 !important;
margin-left: 0;
margin-right: 0;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul > li:not(.active) {
float: right !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul > li:not(.active):hover .label,
.user-page.favorites-page ul.favorites-side-switcher > li:not(.active):hover .label {
width: 80px !important;
height: 18px !important;
line-height: 18px !important;
text-align: left !important;
padding-left: 2px !important;
border: none !important;
color: white !important;
background: #333 !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul > li:not(.active) .value,
.user-page.favorites-page ul.favorites-side-switcher > li:not(.active) .value {
position: absolute !important;
height: 8px !important;
line-height: 8px !important;
width: 30px !important;
right: 5px !important;
left: 59px !important;
margin-right: 0px !important;
padding: 0 !important;
margin-left: 0px !important;
font-size: 8px !important;
text-align: center !important;
color: white !important;
background: #333 !important;
}
/* ACTIVE */
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul:hover > li.active,
.user-page.favorites-page ul.favorites-side-switcher:hover > li.active {
position: relative !important;
display: inline-block;
width: 92px !important;
height: 27px !important;
line-height: 27px !important;
top: 2px !important;
margin-bottom: 0;
margin-left: 0px !important;
margin-right: 10px !important;
border-radius: 0px !important;
background: #222 !important;
background-color: blue !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul > li:not(.active) a,
.user-page.favorites-page ul.favorites-side-switcher > li:not(.active) a,
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul > li.active > a,
.user-content-section .side-column ul.favorites-side-switcher > li.active > a {
display: inline-block !important;
width: 89px !important;
height: 27px !important;
line-height: 27px !important;
margin-bottom: 0 !important;
padding: 0 !important;
text-overflow: ellipsis;
white-space: nowrap;
border: none !important;
border-radius: 3px !important;
background-color: #222 !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul > li:not(.active) .label,
.user-page.favorites-page ul.favorites-side-switcher > li:not(.active) .label,
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul > li.active > a span.label,
.user-content-section .side-column ul.favorites-side-switcher > li.active > a span.label {
width: 89px !important;
height: 27px !important;
line-height: 27px !important;
left: 0px !important;
padding: 0px !important;
text-align: center!important;
border: none !important;
color: red !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul > li.active > a span.value,
.user-page.favorites-page ul.favorites-side-switcher > li.active > a span.value,
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul > li.active > a span.value,
.user-content-section .side-column ul.favorites-side-switcher > li.active > a span.value {
position: absolute !important;
height: 8px !important;
line-height: 8px !important;
width: 28px !important;
right: 5px !important;
left: 61px !important;
padding: 0 !important;
margin-right: 0px !important;
margin-left: 0px !important;
border-radius: 0 3px 0 0 !important;
font-size: 8px !important;
text-align: center !important;
color: red !important;
border: none !important;
background: gold !important;
}
/* (new380) COLL - CLEAR DELETED VIDEOS - */
.user-page.favorites-page ul.favorites-side-switcher > li.clear-deleted:not(.xh-helper-hidden) ,
.user-page.favorites-page ul.favorites-side-switcher > li:not(.active).clear-deleted:not(.xh-helper-hidden) {
position: fixed !important;
display: inline-block !important;
height: 18px !important;
line-height: 18px !important;
width: 134px !important;
top: 33px !important;
right: 5px !important;
border-radius: 5px !important;
visibility: visible !important;
z-index: 5000000 !important;
border: none !important;
/* background-color: blue !important; */
}
.user-page.favorites-page ul.favorites-side-switcher:hover > li.clear-deleted:not(.xh-helper-hidden) ,
.user-page.favorites-page ul.favorites-side-switcher:hover > li:not(.active).clear-deleted:not(.xh-helper-hidden) {
position: fixed !important;
display: inline-block !important;
width: 134px !important;
top: 33px !important;
right: 5px !important;
border-radius: 5px !important;
z-index: 5000000 !important;
background-color: red !important;
}
.user-page.favorites-page ul.favorites-side-switcher > li.clear-deleted:not(.xh-helper-hidden) a {
display: inline-block;
width: 134px !important;
height: 18px !important;
line-height: 18px !important;
margin-top: 0 !important;
margin-left: 0 !important;
border-radius: 5px !important;
text-align: center !important;
border: none !important;
}
.user-page.favorites-page ul.favorites-side-switcher > li.clear-deleted:not(.xh-helper-hidden) a span {
height: 18px !important;
line-height: 18px !important;
vertical-align: top !important;
border: none !important;
color: white !important;
}
.user-page.favorites-page ul.favorites-side-switcher > li.clear-deleted:not(.xh-helper-hidden) a span:hover {
color: gold !important;
}
/* (new423) CREATE NEW COLL - on HOVER */
.user-page.favorites-page .user-content-section .side-column > ul.favorites-side-switcher:hover li.active.videos .submenu:last-of-type {
position: relative !important;
display: inline-block !important;
width: 18px !important;
height: 16px !important;
line-height: 16px !important;
top: -3px !important;
left: 5px !important;
margin-left: -25px !important;
padding: 0 5px !important;
border-radius: 5px !important;
opacity: 1 !important;
overflow: hidden !important;
transform: scale(0.9) !important;
z-index: 500000 !important;
background: gold !important;
}
.user-page.favorites-page .user-content-section .side-column > ul.favorites-side-switcher li.active.videos .submenu:last-of-type:hover,
.user-page.favorites-page .user-content-section .side-column > ul.favorites-side-switcher:hover li.active.videos .submenu:last-of-type:hover {
display: inline-block !important;
width: auto !important;
height: 18px !important;
line-height: 16px !important;
top: -4px;
left: -74px !important;
padding: 0 4px !important;
border-radius: 5px !important;
opacity: 1 !important;
overflow: hidden !important;
transform: scale(0.8) !important;
z-index: 5000 !important;
background: green !important;
}
.user-page.favorites-page ul.favorites-side-switcher li.active.videos .submenu:last-of-type .create-video-collection a,
.user-page.favorites-page ul.favorites-side-switcher li.active.videos .submenu:last-of-type .create-video-collection {
height: 15px !important;
line-height: 15px !important;
margin: 0;
color: white !important;
}
.user-page.favorites-page ul.favorites-side-switcher li.active.videos .submenu:last-of-type .create-video-collection a {
padding: 0 !important;
}
.user-page.favorites-page ul.favorites-side-switcher li:not(.active).videos .submenu:last-of-type {
display: none !important;
}
/* (new378) NOT HOVER / HOVER */
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul:not(:hover) > li:not(.active),
.user-page.favorites-page ul.favorites-side-switcher .submenu:last-of-type,
.user-page.favorites-page ul.favorites-side-switcher > li:not(.active) {
background-color: red !important;
}
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column > ul:hover > li:not(.active),
.user-page.favorites-page ul.favorites-side-switcher:hover > li:not(.active) {
position: relative !important;
display: inline-block !important;
width: 89px !important;
height: 27px !important;
line-height: 27px !important;
margin-right: 10px !important;
margin-left: 5px !important;
border-radius: 5px !important;
border: none !important;
background-color: #333 !important;
}
/* TOP PANEL */
.user-content-section .side-column:hover {
position: fixed !important;
display: inline-block !important;
float: none !important;
width: 600px !important;
height: 100% !important;
visibility: visible !important;
z-index: 5000000 !important;
background: black !important;
}
.user-content-section .side-column:focus:after {
left: -73px !important;
background: red !important;
}
/* (new378) */
.user-page.user-videos-page.my-uploads-page .side-column:not(:hover):after,
.user-page.favorites-page .side-column:not(:hover):after,
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column:not(:hover):after {
position: fixed !important;
display: inline-block;
width: 20px !important;
height: 20px !important;
line-height: 20px !important;
left: 1205px !important;
top: 3.4vh !important;
content: "▶";
font-size: 19px !important;
z-index: 500000 !important;
color: gold !important;
background: transparent !important;
}
/* (new423) USER FAV */
.user-page.user-videos-page.my-uploads-page .user-content-section .side-column:not(:hover):after {
position: fixed !important;
display: inline-block;
width: 15px !important;
height: 20px !important;
line-height: 20px !important;
left: 1350px !important;
top: 3.2vh !important;
content: "▶";
font-size: 19px !important;
z-index: 5000000 !important;
color: gold !important;
/* background: lime !important; */
}
.user-page.user-photos-page.my-uploads-page .side-column:after {
content: "🔺 MY Photos 🔻 ";
}
.user-page.friends-page .side-column:after {
content: "🔺 Friends 🔻 ";
}
.user-page.user-blog-page.my-uploads-page .user-content-section .side-column:after {
content: "🔺 User's Uploads 🔻 ";
width: 165px;
left: -88px;
top: 75px;
}
.favorites-side-switcher .videos.active .label {
width: 265px;
margin-bottom: -7px;
margin-left: 9px;
padding-left: 35px;
border: 1px solid gray;
}
.favorites-side-switcher .videos.active .value {
display: inline-block;
height: 25px;
line-height: 25px !important;
}
.user-content-section .side-column ul.submenu.video-collections-list {
margin: 10px 0 10px 10px;
max-height: 645px;
min-height: 645px;
overflow: hidden;
overflow-y: auto;
}
/* STORIES / BLOGS - LEFT PANEL - === */
.user-page.user-blog-page.my-uploads-page .user-content-section .side-column {
position: fixed;
display: inline-block;
float: none !important;
width: 284px;
height: 100% !important;
min-height: 530px !important;
max-height: 530px !important;
left: 15px !important;
top: 0px !important;
padding-right: 3px;
border: 1px solid #404040;
}
/* FAVORIS - COLLECTION LIST (MY and USER) - TOP PANEL - HOVER - === */
.user-page.user-videos-page.my-uploads-page .side-column > ul > li:first-of-type .submenu:hover .ps__scrollbar-y-rail,
.user-page.favorites-page .submenu.video-collections-list .ps__scrollbar-y-rail,
user-page.favorites-page .side-column ul.submenu.video-collections-list:hover .ps__scrollbar-y-rail,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list:hover .ps__scrollbar-x-rail,
.user-page.user-videos-page.my-uploads-page .side-column > ul > li:first-of-type .submenu:hover .ps__scrollbar-x-rail {
display: none !important;
}
.user-content-section .side-column ul li {
overflow: visible !important;
text-overflow: ellipsis;
white-space: nowrap;
}
.width-wrap .user-content-section .side-column .label {
width: 190px !important;
margin-left: 0px;
}
.favorites-side-switcher > li:not(:first-of-type) {
position: relative !important;
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
width: 260px !important;
top: -11px;
margin-top: 0px !important;
margin-left: 6px !important;
margin-bottom: -8px !important;
overflow: hidden;
padding: 0px !important;
text-overflow: ellipsis;
white-space: nowrap;
border: 1px solid blue !important;
}
.favorites-side-switcher > li:not(:first-of-type) a {
position: relative !important;
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
width: 260px !important;
overflow: hidden;
padding: 0px !important;
text-overflow: ellipsis;
white-space: nowrap;
border: 1px solid yellow !important;
}
.favorites-side-switcher > li:not(:first-of-type) span.label {
display: inline-block !important;
height: 20px !important;
line-height: 16px !important;
width: 150px !important;
}
.favorites-side-switcher > li:not(:first-of-type) span.value {
width: 90px !important;
}
/* (new445) ACTIVE */
.user-page.user-videos-page.my-uploads-page .side-column > ul .submenu .active a,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list .active a,
.user-page.user-videos-page.my-uploads-page .side-column > ul .submenu:not(:hover) .active a,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list:not(:hover) .active a,
.user-page.user-videos-page.my-uploads-page .side-column > ul .submenu:not(:hover) .active a,
.favorites-page .side-column:not(:hover) .favorites-side-switcher .active ul.submenu.video-collections-list:not(:hover) li.active a {
height: 20px !important;
line-height: 15px !important;
margin-top: -3px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
border: 2px solid lime !important;
}
.user-page.user-videos-page.my-uploads-page .side-column > ul .submenu:not(:hover) li.active:not(:only-of-type),
.favorites-page .user-content-section .side-column ul .submenu.video-collections-list:not(:hover) li.active:not(:only-of-type) {
position: fixed !important;
height: 27px !important;
width: 265px !important;
top: 26px !important;
left: 192px !important;
border: 2px solid lime !important;
}
.user-page.user-videos-page.my-uploads-page .side-column > ul .submenu:hover .active,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list:hover .active {
height: 27px !important;
line-height: 15px !important;
border: 2px solid lime !important;
}
.user-page.user-videos-page.my-uploads-page .side-column > ul .submenu:hover .active a,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list:hover .active a {
height: 20px !important;
line-height: 15px !important;
}
/* SHOW ONLY ACTIVE NOT HOVER */
/* .user-page.favorites-page .user-content-section .side-column ul.favorites-side-switcher:not(:hover) > li:not(.clear-deleted):not(.active) {
display: none !important;
} */
.user-page.favorites-page .user-content-section .side-column ul.favorites-side-switcher:not(:hover) > li.active {
top: 0px !important;
}
/* (new379) SHOW ALWAY THE ACTIVE COLLECTION IN TOP HEADER - MY COLL + USER COLLECTION */
.user-page.user-videos-page.my-uploads-page .side-column:not(:hover) ul.submenu:not(:hover) li.active,
.favorites-page .side-column .favorites-side-switcher .active ul.submenu.video-collections-list:not(:hover) li.active {
position: fixed !important;
display: inline-block !important;
width: 265px !important;
top: 97.1vh !important;
left: 1320px !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 8000000 !important;
background: #cfeae8 !important;
border: 2px dashed tomato !important;
}
.user-page.user-videos-page.my-uploads-page .side-column ul.submenu:hover li.active,
.favorites-page .side-column .favorites-side-switcher .active ul.submenu.video-collections-list:hover li.active {
visibility: visible !important;
opacity: 1 !important;
border: 2px dashed aqua !important;
}
/* COL - MY / USER - ONLY ONE ACTIVE */
.user-page.user-videos-page.my-uploads-page .side-column > ul .submenu:not(:hover) li.active:only-of-type,
.favorites-page .user-content-section .side-column ul .submenu.video-collections-list:not(:hover) li.active:only-of-type {
position: fixed !important;
height: 27px !important;
width: 235px !important;
top: 27px !important;
left: 212px !important;
border: 2px solid lime !important;
background: black !important;
}
.user-page.user-videos-page.my-uploads-page .side-column > ul .submenu:not(:hover) li.active:only-of-type a,
.favorites-page .user-content-section .side-column ul .submenu.video-collections-list:not(:hover) li.active:only-of-type a {
height: 20px !important;
line-height: 20px !important;
width: 100% !important;
min-width: 200px !important;
max-width: 200px !important;
border: 1px dashed lime !important;
background: black !important;
}
/* COUNTER COLL - === */
/* (new249) OK/PB WATERF / CHROME - PB FIREF QUANTUM - USERS COLL + MY (each) GOOD ON HOVER */
/* OK WAT (FROM OTHER)
https://xhamster.com/my/favorites/videos/618be565c7bab94fb965ca79-anna-lena-svenson
=== */
/* .favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list , */
.user-page.favorites-page .side-column .active ul.submenu,
.user-page.user-videos-page.my-uploads-page .side-column .active ul.submenu/* OK ACTIVE from OTHER */
{
counter-increment: myIndex 00 !important;
counter-reset: myIndex2 00 !important;
}
/* (new241) OK WATERF / CHROME - COUNTER PB FIR QUANTUM - USERS/MY COLL - ITEMS COUNTER - IN LIST */
/* .favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list li:not(:first-of-type):before , */
/* .user-page.user-videos-page.my-uploads-page .side-column > ul:hover .submenu li, */
.user-page.favorites-page .user-content-section .side-column .active ul.submenu.video-collections-list:hover li:not(:first-of-type):before,
/* .user-page.favorites-page .user-content-section .side-column .active ul.submenu.video-collections-list li:not(:first-of-type):before , */
.user-page.user-videos-page.my-uploads-page .side-column ul.submenu li:not(:first-of-type):before {
counter-increment: myIndex !important;
content: counter(myIndex, decimal-leading-zero);
position: absolute !important;
display: inline-block !important;
width: 15px !important;
height: 8px !important;
line-height: 8px;
margin-top: -2px;
font-size: 8px !important;
text-align: center;
z-index: 5000 !important;
visibility: visible !important;
color: white !important;
background: green !important;
}
/* (new249) PB FIRE QUANT / CHROME - SUPP COUTER IN LIST */
.firefox.user-page.favorites-page .user-content-section .side-column .active ul.submenu.video-collections-list:hover li:not(:first-of-type):before,
.firefox.user-page.user-videos-page.my-uploads-page .side-column ul.submenu li:not(:first-of-type):before,
.chrome.user-page.favorites-page .user-content-section .side-column .active ul.submenu.video-collections-list:hover li:not(:first-of-type):before,
.chrome.user-page.user-videos-page.my-uploads-page .side-column ul.submenu li:not(:first-of-type):before {
display: none !important;
}
/* (new379) MY COLL / USER COLL - BEFORE "▼ Number of Collections ▲ :not(:hover) - BACKGROUND GEN */
/* PB COUNTER */
/* .user-page.user-videos-page.my-uploads-page .side-column ul.submenu li:not(:first-of-type):last-of-type:before , */
.favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list li:not(:first-of-type):last-of-type:before{
content: ".";
position: fixed;
display: inline-block;
width: 1920px;
min-width: 17px;
height: 50px;
line-height: 30px;
left: 0px;
/* top: 97vh !important; */
bottom: -2vh !important;
border-radius: 10px 10px 0 0;
font-size: 15px !important;
text-align: center;
visibility: visible;
z-index: 500000 !important;
transition: none !important;
box-shadow: none !important;
color: gold;
background: red !important;
border: 1px dashed violet !important;
}
/* .favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list li:not(:first-of-type):last-of-type:before,
.user-page.user-videos-page.my-uploads-page .side-column ul.submenu li:not(:first-of-type):last-of-type:before,
.user-page.user-videos-page.my-uploads-page .side-column ul.submenu li:not(:first-of-type):last-of-type:after {
background: pink !important;
} */
/* (new378) COLL FAV - COUNTER - AFTER - myIndex2 - GOOD ON HOVER
NOT EMPTY .favorites-page .side-column ul.submenu li .counter
=== */
.favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list li:not(:first-of-type):after,
.user-page.user-videos-page.my-uploads-page .side-column ul.submenu li:not(:first-of-type):after {
counter-increment: myIndex2;
content: "▼ Number of Collections: " counter(myIndex2, decimal-leading-zero) " ▲";
position: fixed;
display: inline-block;
width: 600px;
min-width: 17px;
height: 20px;
line-height: 20px;
left: 700px;
top: 97.3vh !important;
border-radius: 10px;
box-shadow: none !important;
font-size: 15px !important;
text-align: center;
visibility: visible !important;
transition-delay: 0s;
transition-duration: 0s, 0s, 0s;
transition-property: height, width, z-index;
transition-timing-function: ease, ease, ease;
z-index: 500000 !important;
color: transparent !important;
background: transparent;
border: 1px dashed green !important;
}
.favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list li:last-of-type:after,
.user-page.user-videos-page.my-uploads-page .side-column ul.submenu li:not(:first-of-type):last-of-type:after {
color: gold !important;
box-shadow: none !important;
background: blue !important;
border: 1px solid violet !important;
}
/* FAV COLLECTION - FAVS VIDEO PAGE - TEST COUNTER - 2 COUNTERS for ADDED : a TOTAl and for each - === */
.favorites-page .side-column:not(:hover) .favorites-side-switcher .active ul.submenu.video-collections-list:not(:hover) li:last-of-type:before,
.user-page.user-videos-page.my-uploads-page .side-column:not(:hover) ul.submenu:not(:hover) li:last-of-type:before,
.favorites-page .side-column:not(:hover) .favorites-side-switcher .active ul.submenu.video-collections-list:not(:hover) li:last-of-type:after,
.user-page.user-videos-page.my-uploads-page .side-column:not(:hover) ul.submenu:not(:hover) li:last-of-type:after {
visibility: visible;
}
/* (new243) FAV COLLECTION - FAVS VIDEO PAGE - TEST COUNTER - TOTAL ACTIVE COLLS */
.user-page.favorites-page .user-content-section .side-column > ul.favorites-side-switcher {
counter-increment: FAVact3 00 !important;
}
/* COUNTER PB FIR QUANTUM */
.user-page.favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list:hover li:not(:first-of-type) .counter:after {
counter-increment: FAVact3;
content: "▼ Active Collections: " counter(FAVact3, decimal-leading-zero) " ▲";
position: fixed !important;
display: inline-block !important;
width: 350px;
min-width: 17px;
height: 20px;
line-height: 20px;
left: 300px;
top: 97.3vh !important;
border-radius: 10px;
box-shadow: none !important;
font-size: 15px;
text-align: center;
visibility: visible !important;
z-index: 1 !important;
color: gold !important;
background: green;
border: 1px dashed green !important;
}
/* (new249) */
/* (new249) PB FIRE QUANT / CHROME - SUPP COUTER IN LIST */
.firefox.favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list:hover li:not(:first-of-type) .counter:after,
.firefox.favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list:not(:hover) li:not(:first-of-type) .counter:after,
/* .firefox.user-page.user-videos-page.my-uploads-page .side-column ul.submenu li:not(:first-of-type):before , */
.chrome.favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list:hover li:not(:first-of-type) .counter:after,
.chrome.favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list:not(:hover) li:not(:first-of-type) .counter:after,
/* .chrome.user-page.user-videos-page.my-uploads-page .side-column ul.submenu li:not(:first-of-type):before , */
.user-page.favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list:not(:hover) li:not(:first-of-type) .counter:after {
display: none !important;
}
/* TEST HOVER */
.favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list li:not(:first-of-type):hover:after,
.user-page.user-videos-page.my-uploads-page .side-column ul.submenu li:not(:first-of-type):hover:after,
.favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list li:not(:first-of-type):hover:before,
.user-page.user-videos-page.my-uploads-page .side-column ul.submenu li:not(:first-of-type):hover:before {
background: #222;
}
/* (new445) FAV LIST - RETURN - BORDER 30 */
.user-page.user-videos-page.my-uploads-page .side-column > ul li.active ul.submenu.submenu-video,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list {
position: fixed !important;
display: inline-block !important;
max-height: 40vh !important;
min-height: unset !important;
min-width: 1920px !important;
max-width: 1920px !important;
margin: 0 !important;
/* top: 100vh !important; */
bottom: -40vh !important;
left: 0px !important;
right: 0px !important;
padding: 0px 10px 5px 15px !important;
overflow: visible !important;
visibility: visible !important;
transition: all ease 3s !important;
z-index: 80000000 !important;
border-top: 1px dashed yellow !important;
border-bottom: 0px solid violet !important;
background: #0000006B !important;
}
/* MY FAV COLL LIST / USER FAV COLL LIST - START */
/* (new378) USER FAVS */
.user-page.user-videos-page.my-uploads-page .side-column > ul li.active ul.submenu.submenu-video,
.user-content-section .side-column:hover ul.submenu.video-collections-list {
visibility: visible !important;
/* background: blue !important; */
}
/* (new445) HOVER - BORDER 30 */
.user-page.user-videos-page.my-uploads-page .side-column > ul li.active ul.submenu.submenu-video:hover,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list:hover {
position: fixed !important;
display: inline-block !important;
box-sizing: border-box !important;
max-height: 45vh !important;
min-height: unset !important;
min-width: 1917px !important;
max-width: 1917px !important;
margin: 0 !important;
/* top: 59vh !important; */
bottom: 0.3vh !important;
left: 2px !important;
right: 0px !important;
/* padding: 5px 0px 0px 5px !important; */
padding: 0px 10px 3vh 15px !important;
overflow: visible !important;
overflow-y: auto !important;
overflow-x: hidden !important;
/* visibility: hidden !important; */
visibility: visible !important;
transition: all ease 0s !important;
z-index: 80000000 !important;
border-top: 1px dashed red !important;
border-bottom: 0px solid red !important;
background: #3333335E !important;
}
/* LI ITEM RETURN */
.user-page.user-videos-page.my-uploads-page .side-column > ul li.active ul.submenu.submenu-video li,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list li {
float: left !important;
clear: none !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 242px !important;
height: 32px !important;
margin-left: -5px !important;
margin-right: 5px !important;
margin-bottom: 5px !important;
border-radius: 3px !important;
transition: height ease 0s, width ease 0s, z-index ease 0s !important;
transition-delay: 0s !important;
border: 1px solid #404040;
box-shadow: 3px 3px 2px black;
background: #222 !important;
}
/* COL LI ITEM START */
.user-page.user-videos-page.my-uploads-page .side-column > ul li.active ul.submenu.submenu-video li,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list li {
float: left !important;
clear: none !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 265px !important;
height: 24px !important;
line-height: 24px !important;
margin-left: -3px !important;
margin-right: 5px !important;
margin-bottom: 5px !important;
border-radius: 3px !important;
transition: height ease 0s, width ease 0s, z-index ease 0s !important;
transition-delay: 0s !important;
visibility: visible !important;
border: 1px solid #404040;
box-shadow: 3px 3px 2px black;
background: #222 !important;
}
.user-page.user-videos-page.my-uploads-page .side-column > ul:hover .submenu li,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list:hover li {
height: 27px !important;
line-height: 15px !important;
/* transition: height ease 0s, width ease 0s, z-index ease 0s !important; */
transition: all ease 0s !important;
transition-delay: 0s !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 5000000! important;
}
.user-page.user-videos-page.my-uploads-page .side-column > ul .submenu li a:not(.edit-collection),
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list li a:not(.edit-collection),
.user-page.user-videos-page.my-uploads-page .side-column > ul:hover .submenu li a:not(.edit-collection),
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list:hover li a:not(.edit-collection) {
display: inline-block;
height: 24px !important;
line-height: 12px !important;
min-width: 230px !important;
max-width: 230px !important;
font-size: 12px !important;
border: 1px solid gray !important;
}
/* .user-page.user-videos-page.my-uploads-page .side-column > ul .submenu li:active {
border: 1px solid yellow !important;
} */
.user-page.user-videos-page.my-uploads-page .side-column > ul .submenu li a:hover:not(.edit-collection),
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list li a:hover:not(.edit-collection),
.user-page.user-videos-page.my-uploads-page .side-column > ul:hover .submenu li a:hover:not(.edit-collection),
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list:hover li a:hover:not(.edit-collection) {
display: inline-block;
height: 24px !important;
line-height: 12px !important;
min-width: 200px !important;
max-width: 200px !important;
font-size: 12px !important;
border: 1px solid gray !important;
background: red !important;
color: gold !important;
}
/* === */
.user-page.user-videos-page.my-uploads-page .side-column > ul .submenu li .value,
.user-page.user-videos-page.my-uploads-page .side-column > ul .submenu li .counter,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list li .value,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list li .counter,
.user-page.user-videos-page.my-uploads-page .side-column > ul:hover .submenu li .value,
.user-page.user-videos-page.my-uploads-page .side-column > ul:hover .submenu li .counter,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list:hover li .value,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list:hover li .counter {
display: inline-block;
height: 24px !important;
line-height: 20px !important;
vertical-align: middle;
color: #707070;
}
/* (new243)FAVS - FOOTER - SUPP */
.user-page.user-videos-page.my-uploads-page .footer,
.user-page.favorites-page .footer {
display: none !important;
}
/* (new243) FAVORIS / MY UPLOADS / USER GALLERIES / - THUMBNAIL - === */
.xh-modal-wrapper.old + span[style*="z-index: 105000; display: none;"],
.xh-modal-wrapper.old + span[style*="z-index: 105000; display: none;"] + span[style*="z-index: 105000;"] {
display: none !important;
}
.user-content-section .empty-state .heading {
text-align: center;
}
/* (new263) GALL */
.user-page.user-photos-page.my-uploads-page main .width-wrap {
display: inline-block !important;
width: 100vw !important;
min-width: 100vw !important;
max-width: 100vw !important;
height: 100vh !important;
max-height: 100vh !important;
min-height: 100vh !important;
top: 0px !important;
padding: 0 !important;
/* border: 1px solid aqua !important; */
}
/* (new350) VIDEO/FAVS USERS/POSTS */
.user-page.my-uploads-page:not(.user-blog-page) {
display: inline-block !important;
width: 100vw !important;
min-width: 100vw !important;
max-width: 100vw !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
top: 0px !important;
padding: 0 !important;
overflow: hidden!important;
/* overflow-y: auto !important; */
/* border: 1px solid aqua !important; */
}
.user-page.my-uploads-page:not(.user-blog-page) body {
display: inline-block !important;
width: 100vw !important;
min-width: 100vw !important;
max-width: 100vw !important;
height: 100% !important;
/* min-height: 100vh !important; */
/* max-height: 100vh !important; */
top: 0px !important;
padding: 0 !important;
overflow: hidden!important;
overflow-y: auto !important;
/* border: 1px solid aqua !important; */
}
/* (new379) */
.user-page.user-photos-page.my-uploads-page .user-content-section,
.favorites-page .user-content-section,
.my-uploads-page .user-content-section {
display: inline-block;
height: auto !important;
max-height: 90vh !important;
width: 100% !important;
margin: 0 0 0 0 !important;
padding: 0px 0 0 0 !important;
/* background: red !important; */
}
/* (new395) */
.user-page.favorites-page .user-content-section {
display: inline-block;
height: auto !important;
max-height: 94.5vh !important;
width: 100% !important;
margin: 0 0 0 0 !important;
padding: 0px 0 0 0 !important;
overflow: hidden !important;
/* background: olive !important; */
}
/* (new447) USER - VIDEOS / FAVs THUMBNAIL CONTAINER */
/* .user-page.user-videos-page.my-uploads-page .user-content-section , */
.user-page.user-videos-page.my-uploads-page .sp-separator ~ .main-wrap main .width-wrap .user-content-section ,
.user-page.user-videos-page.my-uploads-page .user-content-section {
position: relative !important;
display: inline-block;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 28vh !important;
max-height: 100vh !important;
margin: 0vh 0 0 0 !important;
padding: 1vh 0 7vh 0 !important;
overflow: hidden !important;
background: #111 !important;
/* border: 1px solid violet !important; */
}
.user-content-section .content-column {
display: inline-block !important;
height: auto !important;
min-height: 93vh !important;
max-height: 93vh !important;
margin: 0vh 0 0 0 !important;
padding: 0;
padding-left: 0px !important;
/* border: 1px solid yellow !important; */
}
/* (new426) SUPERLOADER */
.user-page.my-uploads-page .sp-separator ~ .main-wrap main {
position: relative;
display: inline-block !important;
width: 100%;
height: 100% !important;
min-height: 100vh !important;
margin: 0 auto;
padding: 0 0 6vh 0 !important;
/* background: brown !important; */
/* border: 1px solid aqua !important; */
}
.user-page.my-uploads-page .sp-separator ~ .main-wrap .button-section {
display: inline-block !important;
vertical-align: top !important;
height: 2vh !important;
line-height: 0px !important;
min-width: 100px !important;
padding: 0 5px !important;
border-radius: 15px;
font-size: 14px;
}
.user-page.my-uploads-page .sp-separator ~ .main-wrap .button-section a.xh-button.large {
display: inline-block !important;
vertical-align: top !important;
height: 2vh !important;
line-height: 16px !important;
padding: 0 5px !important;
border-radius: 15px;
font-size: 14px;
border: 1px solid red !important;
}
.user-page.my-uploads-page .sp-separator ~ .main-wrap .button-section a.xh-button.large i{
display: inline-block !important;
vertical-align: top !important;
height: 2vh !important;
line-height: 15px !important;
border-radius: 16px !important;
font-size: 14px;
}
user-page.my-uploads-page .sp-separator ~ .main-wrap .user-content-section .content-column {
display: inline-block !important;
height: auto !important;
min-height: unset !important;
max-height: 93vh !important;
margin: -5vh 0 0 0 !important;
padding: 0;
padding-left: 0px !important;
border: 1px solid pink !important;
}
.user-page.my-uploads-page .sp-separator ~ .main-wrap .error404.clearfix-after ,
user-page.my-uploads-page .sp-separator ~ .main-wrap .error404 {
display: none !important;
}
.user-page.my-uploads-page .sp-separator ~ .main-wrap .mixed-section.index-photos.gallery-list.loaded .mixed-list {
margin: 0 0 0 30px !important;
}
.user-page.my-uploads-page .sp-separator ~ .main-wrap main .gallery-list .photo-container {
display: inline-block !important;
float: left;
height: 169px !important;
min-width: 9% !important;
max-width: 9% !important;
padding: 5px;
margin: 0 5px 5px 5px !important;
border-radius: 3px;
box-sizing: border-box;
overflow: hidden;
border: 1px solid gray;
}
.user-page.my-uploads-page .sp-separator ~ .main-wrap .photo-container.photo-thumb.role-pop .image-thumb {
display: inline-block !important;
min-height: 0;
height: 160px !important;
width: 100% !important;
background-color: transparent;
background-repeat: no-repeat;
background-size: contain;
background-position: center center !important;
padding: 0;
}
.user-page.my-uploads-page .sp-separator ~ .main-wrap .related-container[data-block="linking-channel"] .scrollable ul.related-list li {
display: inline-block !important;
flex-direction: unset!important;
width: 12% !important;
padding: 5px;
border: 1px solid red;
}
/* (new378) SUPERLOADER */
/* (new378) USERS VIDEO - SUPERLOADER */
html.user-page.user-videos-page.my-uploads-page .sp-separator {
top: 1vh !important;
margin: 0px 0 4.5vh 0 !important;
}
html.user-page.user-videos-page.my-uploads-page .sp-separator ~ .main-wrap {
top: 0 !important;
margin: 0vh 0 0 0 !important;
}
html.user-page.user-videos-page.my-uploads-page .sp-separator ~ .main-wrap main {
top: 0 !important;
margin-top: 0px !important;
}
html.user-page.user-videos-page.my-uploads-page .sp-separator ~ .main-wrap main .width-wrap .user-content-section {
margin: -2vh 0 0 !important;
/* border: 1px solid aqua !important; */
}
/* ==== (new340) PAGER - ALL === */
.pager-section {
display: inline-block;
height: 30px;
/* margin-top: -19px; */
margin: 0 0 0 0 !important;
letter-spacing: 0;
}
.pager-section .pager-container {
display: inline-block;
width: 100%;
height: 30px !important;
line-height: 34px !important;
text-align: center;
}
.pager-section .pager-container ul {
position: relative;
display: inline-block;
height: 25px;
line-height: 23px;
top: -2px !important;
padding: 0;
}
.pager-section .pager-container ul li {
display: inline-block;
vertical-align: top;
margin: 0 3px;
height: 25px;
}
.pager-section .pager-container ul li.dots {
display: inline-block;
vertical-align: top;
height: 25px;
width: 32px !important;
margin: 0 -5px !important;
}
.pager-section .pager-container ul li a.xh-button.round.larger,
.pager-section .pager-container ul li a {
line-height: 25px;
height: 25px;
width: 25px;
}
.xh-button.larger {
border-radius: 28px;
font-size: 18px;
min-width: 82.5px;
padding: 0 12px;
}
/* PAGER - NEW DESIGN - ==== */
.pager-section .pager-container ul li a .xh-icon.arrow-left,
.pager-section .pager-container ul li a .xh-icon.arrow-right,
.pager-section .pager-container ul li a,
.pager-section .pager-container ul li a.xh-button.oval.large {
display: inline-block !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
min-width: 40px !important;
max-width: 40px !important;
padding: 0 !important;
transform: scale(1) !important;
}
.video-page .mixed-section.videos.related.related-container .pager-section .pager-container ul li a .xh-icon.arrow-left,
.video-page .mixed-section.videos.related.related-container .pager-section .pager-container ul li a .xh-icon.arrow-right,
.video-page .mixed-section.videos.related.related-container .pager-section .pager-container ul li a,
.video-page .mixed-section.videos.related.related-container .pager-section .pager-container ul li a.xh-button.oval.large,
.photo-page .gallery-related .mixed-section.videos.related .pager-section .pager-container ul li a .xh-icon.arrow-left,
.photo-page .gallery-related .mixed-section.videos.related .pager-section .pager-container ul li a .xh-icon.arrow-right,
.photo-page .gallery-related .mixed-section.videos.related .pager-section .pager-container ul li a,
.photo-page .gallery-related .mixed-section.videos.related .pager-section .pager-container ul li a.xh-button.oval.large,
.photo-page .gallery-related .mixed-section.gallery.related .pager-section .pager-container ul li a .xh-icon.arrow-left,
.photo-page .gallery-related .mixed-section.gallery.related .pager-section .pager-container ul li a .xh-icon.arrow-right,
.photo-page .gallery-related .mixed-section.gallery.related .pager-section .pager-container ul li a,
.photo-page .gallery-related .mixed-section.gallery.related .pager-section .pager-container ul li a.xh-button.oval.large {
display: inline-block !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
min-width: 40px !important;
max-width: 40px !important;
padding: 0 !important;
transform: scale(1) !important;
}
html.best-page .pager-section .pager-container ul li.previous,
html.best-page .pager-section .pager-container ul li.next,
html.best-page .pager-section .pager-container ul li.previous a,
html.best-page .pager-section .pager-container ul li.next a,
html.best-page .pager-section .pager-container ul li.previous,
.pager-section .pager-container ul li.next,
.pager-section .pager-container ul li.previous a,
.pager-section .pager-container ul li.next a {
display: inline-block !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
min-width: 70px !important;
max-width: 70px !important;
padding: 0 !important;
transform: scale(1) !important;
}
html.best-page .pager-section .pager-container ul li.previous a,
html.best-page .pager-section .pager-container ul li.next a,
.pager-section .pager-container ul li.previous a,
.pager-section .pager-container ul li.next a {
font-size: 0px !important;
}
/* PAGER - VIDEO VIEWER - NORMAL / LARGE MODE */
.video-page .related-container .pager-section {
position: absolute !important;
display: inline-block !important;
width: 680px !important;
height: 25px !important;
line-height: 15px !important;
top: 485px !important;
right: 395px !important;
margin-left: 12px !important;
margin-right: 0 !important;
margin-top: 52px !important;
transform: scale(0.7) !important;
z-index: 0 !important;
}
.video-page.video-page--large-mode .related-container .pager-section {
width: 395px !important;
height: 30px !important;
line-height: 20px !important;
top: 65px !important;
right: 675px !important;
transform: rotate(90deg) scale(0.7) !important;
z-index: 0 !important;
}
.video-page.video-page--large-mode .mixed-section.videos.related.related-container .thumb-list.thumb-list--related + .pager-section:hover {
z-index: 5000 !important;
}
.video-page.video-page--large-mode .mixed-section.videos.related.related-container .thumb-list.thumb-list--related + .pager-section li {
transform: rotate(-90deg) !important;
}
/* PAGER MORE */
.video-page .related-container .pager-section .xh-pager-additional-button.xh-pager-medium {
height: 27px;
line-height: 27px;
width: 115px;
left: 531px !important;
}
.video-page.video-page--large-mode .related-container .pager-section .xh-pager-additional-button.xh-pager-medium {
position: absolute !important;
display: inline-block !important;
height: 37px;
line-height: 17px;
width: 45px !important;
left: 404px !important;
top: -3px !important;
padding: 0 !important;
text-align: center !important;
transform: rotate(-90deg) !important;
}
/* (new450) PAGER - PHOTO VIEWER */
.photo-page_container + .gallery-related .mixed-section.videos.related .pager-section,
.photo-page .gallery-related .mixed-section.gallery.related .pager-section {
position: absolute !important;
display: inline-block !important;
width: 490px !important;
height: 27px !important;
line-height: 17px !important;
top: -9.5vh !important;
right: -30px !important;
margin-left: 12px !important;
margin-right: 0 !important;
margin-top: 52px !important;
transform: scale(0.7) !important;
}
.photo-page_container + .gallery-related .mixed-section.videos.related .pager-section {
position: absolute !important;
display: inline-block !important;
width: 480px !important;
height: 28px !important;
line-height: 25px !important;
top: -99px !important;
right: -25px !important;
margin-left: 12px !important;
margin-right: 0 !important;
margin-top: 52px !important;
transform: scale(0.7) !important;
}
/* PAGER - PHOTOS CATEGORY */
.gallery-section .pager-section {
position: absolute !important;
display: inline-block !important;
width: 550px !important;
height: 28px !important;
line-height: 0px !important;
top: -59px !important;
right: -115px !important;
margin-left: 12px !important;
margin-right: 0 !important;
margin-top: 52px !important;
transform: scale(0.7) !important;
}
/* (new185) PAGER - PHOTO VIEW PAGES - BUTTON MORE - === */
.photo-page .gallery-related .xh-pager-additional-button.xh-pager-medium {
height: 31px !important;
line-height: 31px !important;
width: 110px;
left: 444px;
top: -4px !important;
padding: 0 !important;
}
/* (new213) VIDEO PLAYER */
.video-page .player-container {
position: relative !important;
width: 100%;
margin: 0 0 0 0px !important;
z-index: 1 !important;
background: transparent !important;
}
.video-page .player-ads2--sponsor-message + .player-container {
position: relative !important;
width: 34.5%;
height: 501px;
margin-left: 45px;
margin-top: 20px;
z-index: 1 !important;
background: #000;
}
.video-page .player-ads2--sponsor-message + .player-container:hover {
z-index: 8 !important;
}
/* (new284) PLAYER - LARGE VIDEO MODE - === */
.video-page.video-page--large-mode .main-wrap {
display: inline-block !important;
min-height: 97.5vh;
max-height: 97.5vh;
margin: 0 !important;
top: 2.7vh !important;
overflow: visible !important;
border-bottom: 1px solid aqua !important;
}
.video-page.video-page--large-mode .width-wrap.with-player-container {
position: fixed !important;
min-width: 100% !important;
max-width: 100% !important;
max-height: 59vh !important;
min-height: 59vh !important;
top: 2.5vh !important;
/* border: 1px solid yellow !important; */
}
/* (new287) */
.video-page.video-page--large-mode .player-container {
max-height: 59vh !important;
min-height: 59vh !important;
margin: 0 !important;
padding: 2vh 0 0 0 !important;
/* overflow-x: hidden; */
overflow: visible !important;
z-index: 5000000 !important;
/* border: 1px solid aqua !important; */
}
/* (new284) */
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode {
display: inline-block !important;
max-height: 56.7vh !important;
min-height: 56.7vh !important;
width: 100%;
text-align: center !important;
overflow: visible !important;
background: #222 !important;
}
/* (new284) */
.video-page.video-page--large-mode .xp-preload-image {
max-height: 48.7vh !important;
min-height: 48.7vh !important;
max-width: 957px !important;
margin: 2.6vh 0 0 482px !important;
}
.video-page--large-mode #player-container.player-container__player.xplayer.xplayer-large-mode video {
display: inline-block !important;
width: 100% !important;
max-height: 50.3vh !important;
min-height: 50.3vh !important;
margin: 0 !important;
left: 0% !important;
top: 2vh !important;
opacity: 1 !important;
background-color: #000 !important;
}
/* VIDEO PLAYER - INFOS */
/* VIDEO PLAYER - NORMAL + LARGE MODE RELATED - CONTAINER */
/* (new372) ALL - VIDEO - BADGES - HD / VR - etc.. ICONS */
/* .video-thumb .thumb-image-container__icon.thumb-image-container__icon--uhd, */
/* .video-thumb .thumb-image-container__icon--hd , */
.video-thumb .thumb-image-container__icon {
display: inline-block !important;
width: 25px !important;
height: 8px !important;
line-height: 3px !important;
top: 1px !important;
margin: 0px 0 0 0 !important;
padding: 0 !important;
text-align: center !important;
opacity: 0.5 !important;
z-index: 5 !important;
}
.video-thumb .thumb-image-container__icon::before {
font-size: 5px;
}
/* VIDEO PAGE - === */
.video-page .video-thumb:hover .video-thumb-info__metrics,
.video-page .video-thumb .video-thumb-info__metrics {
display: none !important;
}
/* (new359) HOVER */
.video-page:not(.video-page--large-mode) .thumb-list--related .video-thumb:hover .video-thumb-info {
position: relative !important;
display: inline-block !important;
float: none !important;
min-width: 209px !important;
max-width: 209px !important;
min-height: 40px !important;
max-height: 40px !important;
top: 10px !important;
left: 0px !important;
padding: 0 !important;
font-size: 15px !important;
border-radius: 0 0 3px 3px !important;
background: black !important;
border: none !important;
}
.video-page:not(.video-page--large-mode) .thumb-list--related .video-thumb:hover .video-thumb-info .video-thumb-info__name ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .video-thumb-info .video-thumb-info__name{
position: relative !important;
display: inline-block !important;
float: none !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
min-height: 4.5vh !important;
max-height: 4.5vh !important;
line-height: 9px !important;
margin-left: 0px !important;
top: 0px !important;
padding: 1px 5px 0px 5px !important;
font-size: 11px !important;
letter-spacing: 0.05em !important;
/* border: 1px solid aqua !important; */
}
/* (new360) VID PAGE - VIDEO REL - CONTAINER */
.video-page:not(.video-page--large-mode) .thumb-list--related .video-thumb {
position: relative !important;
display: inline-block !important;
width: 100% !important;
min-width: 210px !important;
max-width: 210px !important;
min-height: 18vh !important;
max-height: 18vh !important;
margin: 0 4px 3px 3px !important;
top: 0px !important;
overflow: hidden !important;
border: 1px solid gray !important;
}
/* (new430)VID PAGE - VIDEO REL - CONTAINER - HOVER */
.video-page:not(.video-page--large-mode) .video-thumb:hover,
.video-page.video-page--large-mode .video-thumb:hover {
position: relative !important;
display: inline-block !important;
min-height: 175px !important;
min-width: 210px !important;
max-width: 210px !important;
margin: 0 4px -47px 3px !important;
left: -23px !important;
transform: scale(1.3) !important;
z-index: 500000 !important;
background: #111 !important;
border: 1px solid red !important;
}
/* (new225) */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__image,
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__image {
min-width: 246px !important;
max-width: 246px !important;
}
/* TEST TRY TO FIGHT GREEN BAKGROUND ON LOAD */
.video-page .video-thumb__image-container.thumb-image-container,
.video-page .video-thumb .thumb-image-container__context-blocker,
.video-page .video-thumb .thumb-image-container__sprite,
.video-page .video-thumb .thumb-image-container__video,
.video-page .video-thumb .thumb-image-container__image {
background-color: black !important;
}
/* (new447) VID PAGE - VIDEO REL - IMG CONT */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb__image-container.thumb-image-container,
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb__image-container.thumb-image-container {
display: inline-block!important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 116px !important;
max-height: 116px !important;
left: 0px !important;
top: 0px !important;
border-radius: 5px 5px 0 0 !important;
}
/* (new447) HOVER */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:hover .video-thumb__image-container.thumb-image-container:not(.video-page--large-mode) img.thumb-image-container__image,
.video-page .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:hover .video-thumb__image-container.thumb-image-container {
height: 100% !important;
min-height: 132px !important;
max-height: 132px !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
/* (new447) VIDEO PAGE - RELAT PREVIEW VIDEO - video.thumb-image-container__video */
.video-page .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:hover .video-thumb__image-container.thumb-image-container video.thumb-image-container__video {
display: inline-block !important;
height: 100% !important;
min-height: 132px !important;
max-height: 132px !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0px 0 0 0 !important;
border-radius: 3px 3px 0 0px !important;
border: none !important;
}
/* (new447) LARGE */
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:hover .video-thumb__image-container.thumb-image-container video.thumb-image-container__video {
display: inline-block !important;
height: 100% !important;
min-height: 90px !important;
max-height: 90px !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0px 0 0 0 !important;
border-radius: 3px 3px 0 0px !important;
border: 1px solid aqua !important;
}
/* (new430) */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb .video-thumb-info,
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb .video-thumb-info {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin-left: 0px !important;
padding: 0px !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb .video-thumb-info {
min-width: 100% !important;
max-width: 100% !important;
min-height: 5vh !important;
max-height: 5vh !important;
padding: 0px !important;
border-radius: 0 0 5px 5px !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .video-thumb-info {
min-height: 4.5vh !important;
max-height: 4.5vh !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb .video-thumb-info .video-thumb-info__name,
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb .video-thumb-info .video-thumb-info__name {
display: inline-block !important;
width: 100%;
min-width: 100% !important;
max-width: 100% !important;
line-height: 13px !important;
min-height: 48px;
max-height: 48px;
margin-left: 1px !important;
margin-top: 3px !important;
margin-bottom: -2px !important;
padding: 2px 2px !important;
font-size: 17px !important;
text-decoration: none;
overflow: hidden;
}
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb .video-thumb-info .video-thumb-info__name {
display: inline-block !important;
min-width: 100% !important;
max-width: 100% !important;
line-height: 12px !important;
min-height: 5vh !important;
max-height: 5vh !important;
margin: -2px 0 0 0 !important;
padding: 1px 2px 0px 2px !important;
border-radius: 0 0 5px 5px !important;
font-size: 13px !important;
/* border: 1px solid aqua !important; */
}
/* (new290) LARGE */
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb .video-thumb-info .video-thumb-info__name {
display: inline-block !important;
min-width: 136px !important;
max-width: 136px !important;
line-height: 12px !important;
min-height: 47px !important;
max-height: 47px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding: 1px 2px 0px 2px !important;
font-size: 12px !important;
}
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-info__name {
display: inline-block !important;
min-width: 136px !important;
max-width: 136px !important;
line-height: 10px !important;
min-height: 40px !important;
max-height: 40px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding: 1px 2px 0px 2px !important;
font-size: 10px !important;
}
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb .video-thumb-info .video-thumb-info__views {
top: 110px !important;
}
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-info__views {
top: 150px !important;
}
/* (new430) VIDEO PAGE - RELATED THUMBNAIL - NORMAL - DURATION - === */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__duration > span {
height: 8px !important;
line-height: 8px !important;
font-size: 8px !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__duration > .thumb-image-container__icon--hd::before {
height: 8px !important;
line-height: 3px !important;
font-size: 4px !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__duration .xh-icon.thumb-image-container__icon {
float: left !important;
}
/* DURATION - CREATOR - HOVER */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__duration.thumb-image-container__duration--creator {
top: 152px !important;
}
/* CREATOR - DURATION - TXT - HOVER */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related.thumb-list--related-collapsed .thumb-list__item.video-thumb.role-pop:hover .thumb-image-container__duration.thumb-image-container__duration--creator span {
position: relative !important;
display: inline-block !important;
height: 13px !important;
line-height: 13px !important;
top: 3px !important;
}
/* CREATOR BADGE - ICON - HOVER */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__duration .xh-icon.creators-badge {
top: 5px !important;
font-size: 12px !important;
}
/* CREATOR BADGE ICON */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__duration .xh-icon.creators-badge .xh-icon.creators-badge::before,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__duration .xh-icon.creators-badge .xh-icon.creators-badge::after {
font-size: 14px !important;
}
/* (new434) VIDEO LARGE - THUMBNAIL */
/* .video-page.video-page--large-mode .thumb-list--related .video-thumb , */
.video-page.video-page--large-mode .thumb-list--related .video-thumb {
min-width: 141px !important;
max-width: 141px !important;
height: 137px !important;
margin: 0 0px 3px 3px !important;
top: 0px !important;
left: 0px !important;
overflow: hidden !important;
border: 1px solid red !important;
}
/* (new434) LARGE - HOVER */
.video-page.video-page--large-mode .thumb-list--related .video-thumb.thumb-list__item.video-thumb.role-pop:hover,
.video-page.video-page--large-mode .thumb-list--related .video-thumb.thumb-list__item.video-thumb:hover {
display: inline-block !important;
min-width: 141px !important;
max-width: 141px !important;
min-height: 150px !important;
max-height: 150px !important;
left: 20px !important;
transform: scale(1.3) !important;
/* border: 1px solid aqua !important; */
}
/* (new434) LARGE - RIGHT - HOVER */
.video-page--large-mode .related-container[data-role="related-with-tabs-container"] .mixed-section.videos.related-container[data-block="related-video"] .thumb-list.thumb-list--sidebar .thumb-list__item:not([class*="-pccam-thumb"]):nth-child(6n+7):hover {
left: -20px !important;
/* border: 1px solid yellow !important; */
}
/* (new447) LARGE - IMG CONT */
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb .video-thumb__image-container.thumb-image-container {
min-width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 80px !important;
max-height: 80px !important;
left: 0px !important;
top: 1px !important;
}
/* (new434) VIDEO PAGE - TAB OTHER - LARGE - ROW TOP - HOVER - WIO */
.video-page--large-mode .related-container:not(.width-wrap):not([data-tab-type="video"]) .thumb-list__item.video-thumb:nth-child(n + 1):nth-child(-n + 8):hover {
top: 17px !important;
/* margin: 5px 0 -50px 0 !important; */
}
/* (new290) VIDEO PAGE - TAB OTHER - LARGE - ROW BOTTOM - WIO */
.video-page--large-mode .related-container:not(.width-wrap):not([data-tab-type="video"]) .thumb-list__item.video-thumb:nth-last-child(-n + 6):hover {
margin-top: -2.2vh !important;
}
/* (new290) VIDEO PAGE - TAB OTHER - LARGE - ROW BOTTOM/LEFT - WIO */
/* .video-page--large-mode .related-container:not(.width-wrap):not([data-tab-type="video"]) .thumb-list__item.video-thumb:nth-last-child(6):hover {
left: 25px !important;
} */
/* (new434) */
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .video-thumb__image-container.thumb-image-container {
min-width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 90px !important;
max-height: 90px !important;
left: 0px !important;
top: 2px !important;
}
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__image {
min-width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 90px !important;
max-height: 90px !important;
}
/* (new290) LARGE - INFO */
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb .video-thumb-info {
min-width: 134px !important;
max-width: 134px !important;
min-height: 32px !important;
max-height: 32px !important;
margin-top: 0px !important;
}
/* HOVER */
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .video-thumb-info {
min-width: 100% !important;
max-width: 100% !important;
min-height: 46px !important;
max-height: 46px !important;
margin-top: 0px !important;
/* background: red !important; */
}
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .video-thumb-info .video-thumb-info__metrics {
display: none !important;
}
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb .video-thumb-info .xh-icon {
position: absolute;
right: 20px !important;
bottom: 40px !important;
color: white !important;
z-index: 500 !important;
}
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb .video-thumb-info .xh-icon:last-of-type {
top: 0vh !important;
left: unset !important;
right: 0 !important;
}
/* VIDEO PAGE - RELATED THUMBNAIL - NORMAL - VIEW / RATING - === */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb .video-thumb-info i.xh-icon.beta-eye {
height: 14px;
line-height: 14px;
top: -51px;
left: 174px;
padding: 0 2px;
z-index: 1000;
color: white !important;
background: rgba(0, 0, 0, 0.37) !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb .video-thumb-info i.video-thumb-info__rating.xh-icon.beta-dislike,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb .video-thumb-info i.video-thumb-info__rating.xh-icon.beta-like {
display: none !important;
}
/* VIDEO PLAYER - RELATED - ARROWS - === */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .width-wrap .arrow-container.left-container {
height: 75px !important;
top: 542px;
left: -12px !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.related .width-wrap .arrow-container.right-container {
height: 75px;
top: 542px;
left: 63px !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.related .width-wrap .arrow-container.left-container .arrow.left {
width: 50px !important;
height: 75px !important;
margin-top: 2px !important;
margin-left: 19px !important;
border-radius: 100% 0 0 100% !important;
border: 1px solid #404040 !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.related .width-wrap .arrow-container.right-container .arrow.right {
width: 50px !important;
height: 75px !important;
margin-top: 2px !important;
margin-left: 2px !important;
border-radius: 0 100% 100% 0 !important;
border: 1px solid #404040 !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.related .width-wrap .arrow-container.left-container .arrow.left:hover {
width: 60px !important;
height: 75px !important;
top: 1px !important;
border-radius: 100% 0 0 100% !important;
transition: all ease 0.7s !important;
border: 1px solid red !important;
border-right: 8px solid red !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.related .width-wrap .arrow-container.right-container .arrow.right:hover {
width: 60px !important;
height: 75px !important;
margin-left: 0px !important;
border-radius: 0 100% 100% 0 !important;
transition: all ease 0.7s !important;
border: 1px solid red !important;
border-left: 8px solid red !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.related .width-wrap .arrow-container.left-container .arrow.left .xh-icon {
height: 70px !important;
line-height: 70px !important;
margin-left: 45px !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.related .width-wrap .arrow-container.right-container .arrow.right .xh-icon {
height: 70px !important;
line-height: 70px !important;
margin-left: -48px !important;
}
/* VIDEO PLAYER - RELATED - MORE BUTTON */
.video-page .mixed-section.related .width-wrap .button-section {
position: absolute !important;
display: inline-block;
width: 244px !important;
height: 17px !important;
line-height: 15px !important;
margin-left: 416px !important;
top: 534px !important;
border-radius: 3px !important;
z-index: 5 !important;
border: 1px solid red !important;
}
.video-page .mixed-section.related .width-wrap .button-section .xh-button {
position: absolute !important;
display: inline-block !important;
height: 15px !important;
line-height: 12px !important;
margin-top: 0 !important;
width: 100%;
border-radius: 3px;
font-size: 14px;
}
.video-page .mixed-section.related .width-wrap .button-section .xh-button i {
height: 15px !important;
line-height: 15px !important;
margin-left: 6px;
top: -2px !important;
}
/* VIDEO PLAYER - RELATED - ITEMS */
.player-container ~ .mixed-section.videos.related .item.video {
margin-top: 34px;
margin-left: 12px;
margin-right: -5px;
margin-bottom: 24px;
width: 15.5% !important;
}
/* A VOIR transform - VIDEO PLAYER - RELATED - ARROWS */
.related .width-wrap .arrow-container {
position: absolute;
display: block;
height: 120px;
width: 70px;
margin-top: -45px;
top: 43%;
overflow: hidden;
transform: translate(-50%, -50%) scale(0.4);
transition: opacity 0.15s ease 0s;
}
.related .width-wrap .arrow-container.left-container {
left: 0;
margin-left: -14px;
}
.related .width-wrap .arrow-container.right-container {
left: 100%;
margin-left: -59px;
}
/* (new350) XPLAYER - VIDEO PAGE - ALL (cf NOT VIDEO PAGE )*/
.video-page #player.xplayer {
padding: 35px 0px 0px 0px !important;
}
.video-page #player.xplayer .xp-poster {
display: inline-block !important;
background-position: 50% top !important;
background-size: contain !important;
}
.video-page #player.xplayer.no-user-action .xplayer-hover-menu {
opacity: 1 !important;
}
.video-page #player.notranslate.no-user-action .control-bar {
opacity: 0 !important;
}
.video-page .xplayer.no-user-action .control-bar,
.video-page .xplayer.no-user-action .xp-progress-bar,
.video-page .xplayer.no-user-action .progress-bar {
opacity: 0.4 !important;
}
.video-page .xplayer .xp-progress-bar {
position: absolute;
height: 16px;
bottom: 10px !important;
left: 30px !important;
right: 20px;
opacity: 1;
transition: opacity 0.2s cubic-bezier(0.17, 0.67, 0.52, 0.93) 0s;
z-index: 6;
}
.video-page .xplayer .xplayer-hover-menu__divider,
.video-page .xplayer .xplayer-background-top {
height: 47px !important;
}
.video-page .xplayer .xplayer-hover-menu .xplayer-video-info {
max-width: 100% !important;
min-width: 100% !important;
top: 0 !important;
left: 5px !important;
}
.video-page .xplayer.notranslate:not(.no-user-action) .xplayer-hover-menu .xplayer-video-info a.xplayer-video-name,
.video-page .xplayer.notranslate.no-user-action .xplayer-hover-menu .xplayer-video-info a.xplayer-video-name {
max-width: 100%;
margin-top: 0px !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* XPLAYER - PLAY/PAUSE BUTTON */
.video-page .xplayer .control-bar .play {
position: absolute;
display: inline-block !important;
height: 30px !important;
width: 30px !important;
left: 0;
bottom: 10px !important;
opacity: 1 !important;
}
.video-page .xplayer .control-bar .play-inner {
position: absolute;
display: inline-block !important;
display: block;
height: 30px !important;
width: 30px !important;
bottom: 0px;
left: 0 !important;
border-radius: 3px;
background-repeat: no-repeat !important;
}
/* PROFILE - LINKS BARRED */
.text.xh-editor-wrapper > s {
text-decoration: none !important;
}
/* USER PROFILE - CENTER PANEL (DETAIL) - Move */
.introduction-block.no-intro {
height: 47px;
}
/* (new228) USER PROFILE - COMMENTS - === */
.user-page article .left-side .column .center-column .main-info-block.column-block + .column-block {
position: absolute;
display: inline-block;
clear: none;
float: none;
width: 175px !important;
height: 20px;
left: 655px !important;
top: 4px !important;
margin-bottom: 0;
overflow: hidden;
z-index: 50000 !important;
}
.user-page article .left-side .column .center-column .main-info-block.column-block + .column-block:hover {
width: 1269px !important;
left: 645px !important;
}
.user-page article .left-side .column .comments-section {
width: 176px;
margin-left: -20px !important;
margin-top: -10px !important;
}
.user-page article .left-side .column .comments-section .width-wrap .comments-wrap {
margin-left: 0px;
}
/* (new370) HOVER */
.user-page .main-info-block.column-block + .column-block:hover {
position: absolute;
display: inline-block;
width: 1270px !important;
height: 850px !important;
right: 4px;
top: 12px;
overflow: hidden;
z-index: 500 !important;
border: 1px solid red !important;
}
/* (new327) HOVER INDICATOR */
.user-page article .left-side .column .center-column .main-info-block.column-block + .column-block .comments-trigger-block {
margin-left: 39px !important;
}
.user-page article .left-side .column .center-column .main-info-block.column-block + .column-block .comments-trigger:before {
content: "💬 ⬍" !important;
position: fixed !important;
height: 20px !important;
line-height: 15px !important;
width: 40px !important;
padding: 1px !important;
margin: -2px 0 0 -65px !important;
border-radius: 5px 0 0 5px !important;
font-size: 15px !important;
text-align: center !important;
color: gold !important;
background: green !important;
border: 1px solid red !important;
}
.user-page .main-info-block.column-block + .column-block #commentBox {
top: -29px;
padding-right: 0;
padding-top: 0;
}
/* (new360) */
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list {
position: relative;
height: 80vh !important;
width: 1249px;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
overflow: hidden;
overflow-y: auto !important;
}
/* (new360) */
.user-page article .left-side .column .comments-section .width-wrap .content-container .my-comment {
margin: 0 0 0 0 !important;
}
.user-page article .left-side .column .comments-section .comments-list > .comment-item .my-comment {
position: absolute !important;
min-width: 100% !important;
max-width: 100% !important;
bottom: 0vh !important;
left: 0px !important;
margin: 3vh 0 0 0 !important;
padding-left: 0 !important;
border-radius: 0 0 5px 5px !important;
z-index: 500 !important;
background: green !important;
/* border: 1px solid aqua !important; */
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list > .comment-item .my-comment .user ,
html.user-page article .left-side .column .comments-section .comments-list > .comment-item .my-comment .user {
float: left;
width: 20px !important;
}
.user-page article .left-side .column .comments-section .width-wrap .content-container .my-comment .user [class^="avatar-"] {
height: 20px !important;
width: 20px !important;
}
.user-page article .left-side .column .comments-section .width-wrap .content-container .my-comment .input-area .submit-wrapper {
position: fixed !important;
display: inline-block !important;
float: none !important;
width: 20px !important;
height: 20px !important;
padding: 0 !important;
/* bottom: 0vh !important;
left: -10px !important; */
margin: -3.8vh 0 0 -20px !important;
z-index: 5000000 !important;
}
.user-page article .left-side .column .comments-section .width-wrap .content-container .my-comment .input-area .submit-wrapper .submit-comment {
display: inline-block !important;
min-width: 20px !important;
max-width: 20px !important;
height: 20px !important;
padding: 0 !important;
font-size: 0 !important;
}
.user-page article .left-side .column .comments-section .width-wrap .content-container .my-comment .input-area .submit-wrapper button.submit-comment span {
width: 20px !important;
height: 20px !important;
padding: 0 !important;
font-size: 0 !important;
}
.user-page article .left-side .column .comments-section .width-wrap .content-container .my-comment .input-area .submit-wrapper button.submit-comment span:before {
content: "OK" !important;
width: 18px !important;
height: 18px !important;
line-height: 18px !important;
padding: 0 !important;
text-align: center !important;
/* border-radius: 100% !important; */
font-size: 11px !important;
}
.user-page article .left-side .column .comments-section .width-wrap .content-container .my-comment .input-area .xh-editable {
position: relative;
display: inline-block !important;
min-height: 8vh !important;
max-height: 8vh !important;
padding: 0;
text-align: left !important;
overflow: hidden;
overflow-y: auto !important;
}
.user-page article .left-side .column .comments-section .width-wrap .content-container .my-comment .input-area .comment-textarea.xh-editable span.premessage {
left: 2px !important;
top: 0 !important;
font-size: 10px !important;
color: gold !important;
}
.user-page article .left-side .column .comments-section .width-wrap .content-container .my-comment .input-area .xh-editable .xh-editable-content {
position: absolute !important;
display: inline-block !important;
padding: 15px 0px 2px 2px !important;
text-align: left !important;
text-indent: 0 !important;
white-space: pre-wrap !important;
word-wrap: break-word !important;
/* border: 1px solid yellow !important; */
}
/* (new340) */
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item {
position: relative;
display: inline-block !important;
float: none !important;
width: 19% !important;
height: 115px !important;
overflow: hidden !important;
margin: 0 2px 5px 5px !important;
padding: 0 !important;
border-radius: 5px !important;
transition: margin 0.3s ease 0s;
z-index: 0;
border: 1px solid gray !important;
}
/* (new340) */
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .comment-info {
position: relative;
display: inline-block !important;
width: 100% !important;
height: 113px !important;
overflow: hidden !important;
margin: -25px 0px 0px 0px !important;
padding: 0 !important;
border-radius: 5px !important;
transition: margin 0.3s ease 0s;
/* border: 1px solid aqua !important; */
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .user a img,
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .user a,
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .user {
float: left;
position: relative;
width: 25px !important;
height: 25px !important;
z-index: 5;
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .user a .xh-avatar.small.retired,
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .user a .xh-avatar.small[style*="background-color"] {
font-size: 15px !important;
height: 25px !important;
line-height: 25px !important;
width: 25px;
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-body {
position: relative;
display: inline-block !important;
width: 100% !important;
height: 112px !important;
margin: 0px 0px 0px 0px !important;
padding: 0 !important;
border-radius: 5px !important;
overflow: hidden !important;
/* border: 1px solid yellow !important; */
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .comment-info .user-info > *:not(.username) {
position: absolute !important;
margin: 0 0 0 0 !important;
left: -20px !important;
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .comment-info .user-info > .flag {
position: absolute !important;
margin: 0 0 0 0 !important;
top: 20px !important;
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .comment-info .user-info > i.xh-icon {
position: absolute !important;
margin: 0 0 0 0 !important;
top: 35px !important;
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .comment-info .user-info > .created {
position: absolute !important;
margin: 0 0 0 0 !important;
left: 120px !important;
top: 92px !important;
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .comment-info .user-info > .publisher {
position: absolute !important;
display: inline-block !important;
margin: 0 0 0 0 !important;
left: -20px !important;
top: 70px !important;
padding: 1px 2px !important;
border-radius: 3px !important;
text-align: center !important;
font-size: 8px !important;
color: white !important;
background: green !important;
}
.comments-section .comments-list .comment-item .comment-info .user-info .publisher::before {
display: none !important;
}
/* (new340) */
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .comment-info .user-info {
position: absolute !important;
display: inline-block !important;
width: 60% !important;
left: 23px !important;
padding: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
/* border: 1px solid aqua !important; */
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .comment-actions .xh-icon {
font-size: 9px !important;
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .comment-actions .xh-icon:hover,
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .comment-actions button:hover i {
font-size: 11px !important;
color: red !important;
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-item .comment-actions button:hover i:before {
font-size: 11px !important;
color: red !important;
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .text {
width: 88% !important;
height: 80px !important;
line-height: 15px;
margin-left: 26px !important;
padding-right: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .comment-meta {
position: relative;
display: inline-block !important;
height: 16px;
line-height: 13px;
min-width: 100% !important;
top: -5px !important;
padding: 0 3px;
border-top: 1px solid gray;
}
.user-page .main-info-block.column-block + .column-block .heading-container {
position: relative;
display: inline-block !important;
width: 193px !important;
min-height: 20px !important;
max-height: 20px !important;
top: 0px;
padding: 0;
text-align: center;
border-bottom: 1px solid red;
}
.user-page .main-info-block.column-block + .column-block:hover .heading-container {
position: relative;
display: inline-block !important;
width: 1268px !important;
min-height: 20px !important;
max-height: 20px !important;
top: 0px;
padding: 0;
text-align: center !important;
border-bottom: 1px solid red;
}
.user-page .main-info-block.column-block + .column-block .heading-container .heading {
position: absolute;
display: inline-block;
float: none;
width: 205px !important;
height: 100%;
max-height: 20px !important;
min-height: 20px !important;
line-height: 20px;
left: -20px;
color: #303030;
}
.user-page .main-info-block.column-block + .column-block:hover .heading-container .heading {
width: 1268px !important;
}
.user-page article .left-side .column .comments-section .width-wrap .content-container {
width: 1267px !important;
}
.user-page article .left-side .column .comments-section .width-wrap .content-container .comments-list {
height: 346px;
margin-top: 10px;
}
/* (new360) USER PROF - COMMENTS - PAGER */
.user-page .main-info-block.column-block + .column-block:hover #commentBox .pager-section {
position: fixed !important;
display: inline-block !important;
height: 28px !important;
line-height: 28px !important;
width: auto !important;
top: 5.9vh !important;
right: 0px !important;
margin: 0 !important;
letter-spacing: 0;
transform: scale(0.7) !important;
overflow: hidden !important;
/* background: green !important; */
/* border: 1px solid aqua !important; */
}
.user-page .main-info-block.column-block + .column-block:hover #commentBox .pager-section .mobile-pagination {
display: inline-block !important;
width: auto !important;
height: 28px !important;
line-height: 28px !important;
padding: 0px 10px !important;
border-radius: 3px !important;
background: #111 !important;
}
.user-page .comments-section .pager-section .prev-next-list {
display: inline-block !important;
width: 250px !important;
margin: 0 5px 0 10px !important;
padding: 2px 5px !important;
}
.user-page .comments-section .pager-section .prev-next-list .prev-next-list-button {
float: left !important;
clear: none !important;
height: 20px;
line-height: 20px;
}
.user-page .comments-section .pager-section .prev-next-list button {
padding: 0px 5px !important;
font-size: 15px !important;
}
.user-page .main-info-block.column-block + .column-block:hover #commentBox .pager-section .mobile-pagination .page-list-wrapper {
float: right !important;
height: 50px;
overflow: hidden;
}
.user-page .main-info-block.column-block + .column-block:hover #commentBox .pager-section .mobile-pagination .page-list-wrapper .page-list-container ol.page-list li:not(.page-hidden-button) {
display: flex;
height: 20px;
line-height: 15px !important;
font-size: 15px !important;
}
.user-page .main-info-block.column-block + .column-block:hover #commentBox .pager-section .mobile-pagination .page-list-wrapper .page-list-container ol.page-list li button {
font-size: 15px !important;
}
.user-page .main-info-block.column-block + .column-block:hover #commentBox .pager-section .mobile-pagination .page-list-wrapper .page-button-link {
font-size: 15px !important;
}
.user-page .main-info-block.column-block + .column-block:hover #commentBox .pager-section .mobile-pagination .page-list-wrapper .page-limit-button--left ,
.user-page .main-info-block.column-block + .column-block:hover #commentBox .pager-section .mobile-pagination .page-list-wrapper .page-limit-button--right {
background: transparent !important;
}
/* (new350) PAGER - FAVORIS / CATEGORY / PORNSTAR / STORY-BLOG / MY UPLOADS ==== */
.user-page.friends-page .pager-section,
.categories-container + .thumb-list.thumb-list--sidebar.thumb-list--recent + .pager-section,
.categories-container.categories-container--page + .thumb-list.thumb-list--sidebar.thumb-list--recent + .pager-section,
.user-page.my-uploads-page .stories-block .pager-section,
.category-page .pager-section,
.user-page.friends-page .pager-section {
position: fixed !important;
display: inline-block !important;
height: 30px !important;
width: 703px !important;
top: 2.5vh !important;
right: 0 !important;
letter-spacing: 0;
transform: scale(1);
background: #111 !important;
border-bottom: 1px solid red !important;
/* background: fuchsia !important; */
/* border-bottom: 1px solid aqua !important; */
}
/* (new350) */
.user-page.my-uploads-page .stories-block .pager-section {
position: fixed !important;
width: 700px !important;
top: 2.6vh !important;
right: 0px !important;
z-index: 500000 !important;
background: #111 !important;
}
/* (new328)
.user-page.my-uploads-page .photo-block.upload-list .pager-section .pager-container,
.user-page.user-blog-page.my-uploads-page .pager-section .pager-container,
.user-page.my-uploads-page .stories-block .pager-section .pager-container,
.category-page .pager-section .pager-container {
position: fixed !important;
display: inline-block !important;
height: 29px !important;
width: 500px !important;
top: 0.5vh !important;
text-align: center !important;
z-index: 5000000 !important;
border: none !important;
}
/* (new340) */
html.best-page .pager-section .pager-container,
/* .photos-page .pager-section .pager-container, */
.category-page .pager-section .pager-container {
position: fixed !important;
display: inline-block !important;
height: 29px !important;
width: 100% !important;
top: 0px !important;
text-align: center !important;
z-index: 5000000 !important;
border: none !important;
/* background: green !important; */
/* border: 1px solid yellow !important; */
}
.user-page.my-uploads-page .photo-block.upload-list .pager-section {
position: absolute !important;
width: 660px !important;
height: 28px;
top: -10px !important;
right: 0 !important;
text-align: center;
z-index: 500000 !important;
}
.user-page.friends-page .stories-section .pager-section .pager-container {
margin-right: 140px !important;
}
/* (new327) */
.user-page.my-uploads-page .photo-block.upload-list .pager-section .pager-section ul,
.user-page.user-blog-page.my-uploads-page .pager-section ul,
.user-page.friends-page .pager-section ul,
.user-page.favorites-page .pager-section .pager-container ul {
position: relative;
display: inline-block;
height: 23px !important;
line-height: 18px !important;
top: -3px !important;
margin: 0 auto;
padding: 0;
text-align: center !important;
/* border: 1px solid aqua !important; */
}
/* (new340) PAGER - CATEGORY / PHOTO PAGE */
.photos-page .pager-section {
position: fixed !important;
display: inline-block;
vertical-align: top !important;
height: 28px !important;
line-height: 0 !important;
width: 700px !important;
right: 5px !important;
margin: 0 !important;
top: 3vh !important;
transform: scale(1) !important;
z-index: 500 !important;
background: black !important;
}
.photos-page .pager-section .pager-container {
display: inline-block;
height: 25px !important;
line-height: 28px !important;
margin: -2px 0 0 0 !important;
width: 100%;
}
/* (new391) */
html.best-page .pager-section,
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .pager-section,
.category-page .pager-section {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 28px !important;
max-height: 28px !important;
line-height: 12px !important;
width: 646px !important;
right: 3px !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
top: 5.7vh !important;
letter-spacing: 0 !important;
transform: scale(1);
z-index: 50000000 !important;
background: black !important;
/* border: 1px solid aqua !important; */
}
html.best-page .pager-section ul,
.category-page .pager-section ul {
position: fixed !important;
display: inline-block;
height: 27px;
line-height: 18px !important;
width: 100% !important;
top: 5px !important;
right: 0 !important;
margin: 0 auto;
padding: 0;
text-align: center !important;
}
/* (new328) */
.category-page .pager-section[data-role="pagination-cleaner"] .prev-next-list {
min-height: 27px !important;
max-height: 27px !important;
line-height: 30px !important;
padding: 3px 3px 0 3px !important;
overflow: hidden !important;
/* border: 1px solid aqua !important; */
}
/* (new279) CAT - PAG - NO BUDDY */
.category-page .category-info + .top-video-block--banner + .index-videos.mixed-section .pager-section {
width: 645px !important;
right: 3px !important;
top: 90px !important;
/* border: 1px solid yellow !important; */
}
/* ==== NEWS ==== */
/* (nex340) NEWS */
html.news-page {
display: inline-block !important;
max-height: 100vh !important;
min-height: 100vh !important;
overflow: hidden !important;
overflow-x: hidden !important;
overflow-y: hidden !important;
/* border-top: 1px solid aqua; */
/* border-bottom: 1px dashed aqua; */
}
/* (new340) */
.news-page body {
position: absolute !important;
display: inline-block !important;
height: 100% !important;
max-height: 90.2vh!important;
min-height: 90.2vh!important;
margin-top: 7.5vh !important;
overflow-x: hidden !important;
overflow-y: auto;
/*border-top: 1px solid aqua;*/
/*border-bottom: 1px dashed aqua; */
}
.news-page body .main-wrap {
top: 0 !important;
}
.news-page .width-wrap > main {
display: inline-block !important;
margin: 0 0 0 0 !important;
top: 3vh !important;
padding: 0 0 0 0 !important;
z-index: 5 !important;
}
.news-page .main-wrap .width-wrap > main > article {
display: inline-block !important;
height: auto !important;
max-width: 100% !important;
min-width: 100% !important;
z-index: 5 !important;
}
/* (new300) */
.news-page .page-title-container {
display: inline-block !important;
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.news-page .news-filter .filters-list {
position: fixed !important;
height: 25px !important;
margin: 0px !important;
padding: 1px 5px !important;
z-index: 500 !important;
}
.news-filter .filters-list > label {
width: 180px !important;
height: 18px !important;
float: left;
font-size: 15px !important;
overflow: hidden;
color: gold !important;
outline: 1px solid red;
}
.news-page .news-filter .filters-info {
position: relative !important;
display: inline-block !important;
width: 300px;
height: 20px;
left: -350px !important;
top: 5px !important;
overflow: hidden;
}
.news-page aside:not(.footer__bottom-part) {
position: fixed !important;
display: inline-block !important;
width: 800px !important;
height: 2vh !important;
line-height: 2vh !important;
right: 20px !important;
top: 3.8vh !important;
padding: 0 0 0 0 !important;
z-index: 50000000 !important;
/* background: tomato !important; */
}
/* ==== NEWS FLEX ==== */
/* NEWS - AVATARS - MEDIUM / SMALL */
.news-page .news-section .news-list .news-row .user {
height: 30px !important;
left: 25px !important;
margin-top: 7px !important;
}
.news-page .news-section .news-list .news-row .new-friends-list .xh-avatar.small {
font-size: 22px;
height: 30px !important;
width: 30px !important;
border-radius: 0;
}
.news-page .news-section .news-list .news-row .user .avatar-container {
width: 30px !important;
height: 32px !important;
left: 2px !important;
top: 0px !important;
}
.news-page .news-section .news-list .news-row .user .avatar-container a {
display: inline-block !important;
height: 100% !important;
min-height: 30px !important;
max-height: 30px !important;
width: 100% !important;
min-width: 30px !important;
max-width: 30px !important;
margin-top: 0 !important;
}
.news-page .news-section .news-list .news-row .user .avatar-container a .xh-avatar.medium {
height: auto;
line-height: 60px;
width: 30px !important;
border-radius: 0;
font-size: 22px;
}
/* (new228) NEWS */
.news-page .width-wrap > main > article {
height: 877px !important;
margin-right: 0;
padding-right: 0;
}
.news-page .news-section .news-list.clearfix-after {
display: inline-flex !important;
flex-flow: row wrap;
flex-wrap: wrap !important;
justify-content: flex-start !important;
padding: 0 30px !important;
}
.news-page article {
z-index: 1;
}
.news-page .news-section .news-list .news-row {
display: flex;
flex-grow: 1 !important;
flex-basis: 48% !important;
max-height: 400px;
margin-right: 15px !important;
overflow: hidden;
overflow-y: auto;
outline: 1px solid red;
}
/* (new340) */
.news-page .pager-section {
position: fixed !important;
width: 100% !important;
margin: 0 0 0 0 !important;
bottom: 1vh !important;
left: 0 !important;
z-index: 5000000 !important;
text-align: center;
/* background: red !important; */
}
.news-page .pager-section .button-container {
padding: 2px 20px;
border-radius: 5px !important;
background: red !important;
}
/* NEWS - STORY */
.news-page .news-section .news-list .news-row .event.blog {
display: inline-flex !important;
flex-flow: row wrap !important;
align-items: flex-start !important;
align-content: flex-start !important;
width: 98%;
}
.news-page .news-section .news-list .news-row .event.blog .user-info {
display: inline-flex;
height: 25px;
width: 98%;
margin-top: 0px !important;
margin-left: 10px;
}
.news-page .news-section .news-list .news-row .event.blog .item.story {
display: inline-flex !important;
flex-flow: row wrap !important;
align-items: flex-start !important;
align-content: flex-start !important;
width: 98% !important;
height: auto !important;
margin-left: 10px !important;
margin-right: 1px;
padding: 0 5px;
overflow: hidden;
}
.news-page .news-section .news-list .news-row .event.blog .item.story .title {
color: #dadada;
display: inline-flex !important;
width: 98% !important;
line-height: 20px;
margin-bottom: 5px;
}
.news-page .news-section .news-list .news-row .event.blog .item.story .text {
display: inline-flex !important;
flex-flow: row wrap !important;
width: 98% !important;
line-height: 20px;
margin-bottom: 5px;
}
news-page .news-section .news-list .news-row .event.blog .item.story .text > a:not(.link) {
/* display: inline-block !important; */
float: right !important;
clear: both !important;
width: 100% !important;
line-height: 20px;
margin: 0 0 0 0 !important;
font-size: 15px !important;
color: gold !important;
border: 1px solid aqua !important;
}
.news-page .news-section .news-list .news-row .event.blog .item.story .text a.link.item {
display: inline-block !important;
width: 200px !important;
top: 0px !important;
left: 0px !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: contain !important;
}
.news-page .news-section .news-list .news-row .event.blog .item.story .text > p {
/* display: inline-block !important; */
width: 100% !important;
line-height: 20px;
margin: 0 0 0 0 !important;
font-size: 15px !important;
/* border: 1px solid aqua !important; */
}
.news-page .news-section .news-list .news-row .event.blog .item.story .thumb-container {
width: 100% !important;
height: 100% !important;
line-height: 20px;
margin-top: 0px !important;
background-size: 50% !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
/* (new378) NEWS - FRIENDS EVENTS */
.news-page .news-section .news-list .news-row .event-name ,
.news-page .news-list .news-row .event .user-info .time {
line-height: 16px;
margin: 5px 0 0 15px !important;
color: gold !important;
}
.news-page .news-section .news-list .news-row .event.friendship {
padding-right: 0px !important;
}
.news-page .news-section .news-list .news-row .event .new-friends-list {
display: inline-flex;
margin-left: 0;
margin-right: 10px;
padding: 5px;
position: relative;
right: 0;
top: 2px;
width: 100%;
}
/* NEWS - PHOTOS */
.news-page .news-section .news-list .news-row .event.photo {
display: inline-flex !important;
flex-wrap: wrap !important;
width: 100% !important;
height: 100% !important;
margin-top: 5px !important;
margin-left: 0px;
}
.news-page .news-section .news-list .news-row .event.photo .user-info {
display: inline-flex !important;
width: 98% !important;
height: 25px !important;
margin-top: -1px !important;
margin-left: 10px !important;
}
.news-page .news-section .news-list .news-row .event.photo .photo.mixed-list {
display: inline-flex !important;
flex-wrap: wrap !important;
width: 106% !important;
float: none !important;
margin-top: 5px !important;
margin-left: 0px !important;
}
.news-page .news-section .news-list .news-row .event.photo .mixed-list .item {
display: inline-block !important;
width: auto !important;
min-width: 50px !important;
max-width: 150px !important;
height: 100% !important;
min-height: 100px !important;
max-height: 160px !important;
margin: 5px !important;
}
.news-page .news-section .news-list .news-row .event.photo .mixed-list .item,
.news-page .news-section .news-list .news-row .event.video .mixed-list .link.item.photo {
display: inline-flex !important;
flex: 0 0 200px !important;
}
.news-page .news-section .news-list .news-row .event.photo .mixed-list .item,
.news-page .news-section .news-list .news-row .event.video .mixed-list .link.item.photo .thumb-container {
background-color: #303030;
}
/* NEWS - VIDEOS EVENTS */
.news-page .news-section .news-list .news-row .event.video {
display: inline-flex !important;
width: 91% !important;
height: 300px !important;
margin-top: 5px !important;
margin-left: 0px;
}
.news-page .news-section .news-list .news-row .event.video .user-info {
display: inline-flex !important;
flex-flow: row wrap !important;
width: 98% !important;
height: 25px !important;
margin-top: -1px !important;
margin-left: 10px !important;
}
.news-page .news-section .news-list .news-row .event.video .mixed-list {
display: inline-flex !important;
flex-flow: row wrap !important;
height: 220px !important;
width: 100% !important;
margin-top: -35px !important;
}
.news-page .news-section .news-list .news-row .event.video .mixed-list .item.video {
display: inline-block !important;
width: auto !important;
min-width: 255px !important;
max-width: 255px !important;
height: 100% !important;
min-height: 190px !important;
max-height: 190px !important;
margin: 5px !important;
border-radius: 5px !important;
background: #333 !important;
border: 1px solid red !important;
}
/* NEWS - ALL or STATUS EVENTS */
.news-page .news-section .news-list .news-row .event {
display: inline-flex !important;
flex-flow: row wrap !important;
width: 100% !important;
min-width: 95% !important;
max-width: 95% !important;
margin-top: 5px !important;
margin-left: 5px !important;
}
.news-page .news-section .news-list .news-row .event.status .user-info {
display: inline-flex !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 25px !important;
margin-top: -1px !important;
}
/* NOTIF - SMALL PAGER */
.notifications-page .pager-small {
top: -18px;
}
/* ==== END === NEWS FLEX ==== */
/* ==== NOTIFICATION === */
/* (new346) NOTIF - CONTAINER */
/* + NOTIFS CHROME */
.notifications-page .main-wrap > .width-wrap {
display: inline-block !important;
height: 100% !important;
min-height: 92vh !important;
max-height: 92vh !important;
width: 100%;
margin: 7.5vh 0 0 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
/* border: 1px solid yellow!important; */
}
.notifications-page .main-wrap {
display: inline-block !important;
width: 100%;
height: auto !important;
margin: 0vh 0 0px 0 !important;
padding: 0vh 0 2vh 0 !important;
z-index: 5000 !important;
/* border: 1px solid aqua!important; */
}
.notifications-page .main-wrap:first-of-type {
margin: 0vh 0 0px 0 !important;
padding: 0vh 0 0vh 0 !important;
/* border: 1px solid yellow!important; */
}
.notifications-page .sp-separator {
display: inline-block !important;
width: 100% !important;
background-color: #111;
}
.notifications-page .width-wrap main {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
min-height: 107vh !important;
max-height: 107vh !important;
top: 0vh !important;
margin: 0vh 0 0 0 !important;
padding: 0vh 0 0 0 !important;
}
/* (new391) NOTIF - TOP HEADER */
.notifications-page .page-title-container.not-spam-container {
position: fixed !important;
display: inline-block;
width: 100% !important;
top: 2.7vh !important;
padding: 0 0 0 0 !important;
z-index: 1 !important;
/* pointer-events: none !important; */
background: #111 !important;
border-bottom: 1px solid red !important;
}
/* (new345) */
.notifications-page .main-wrap .width-wrap > main > article {
position: absolute !important;
display: inline-block !important;
height: auto !important;
width: 100% !important;
max-width: 100vw !important;
min-width: 100vw !important;
margin: 0vh 0 0px 0 !important;
top: 0vh !important;
padding: 0 !important;
z-index: 50000000 !important;
}
.notifications-page .main-wrap .width-wrap > main > article .notifications-list {
position: relative !important;
display: inline-block !important;
height: auto !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 4vh 0 0px 0 !important;
top: 0vh !important;
padding: 0 !important;
z-index: 50000000 !important;
}
/* (new345)CHROME */
/* .notifications-page .main-wrap .width-wrap > main {
margin: 0vh 0 0px 0 !important;
top: 0vh !important;
} */
/* (new391) NOTIF - PAGINATION */
.notifications-page .pager-section {
display: inline-block !important;
position: fixed !important;
height: 27px !important;
width: 500px !important;
top: 3.5vh!important;
right: 25px !important;
margin: 0px !important;
z-index: 50 !important;
/* z-index: 500000000 !important; */
/* background: red!important; */
}
.notifications-page .pager-section .pager-small {
top: 2px !important;
}
/* (new391) NOTIF - FILETRS */
.notifications-page aside:not(.footer__bottom-part):not([class^="pinned-"]):not([data-role*="-pcpromo"]) {
position: fixed !important;
display: inline-block !important;
width: 800px !important;
height: 2.5vh !important;
line-height: 2vh !important;
right: 600px !important;
top: 3.8vh !important;
padding: 0 0 0 0 !important;
z-index: 50000000 !important;
}
.notifications-page .notifications-filter .filters-list {
position: fixed !important;
height: 23px !important;
margin: 0px !important;
padding: 0px !important;
z-index: 50000000 !important;
}
.notifications-page .filters-list > label {
float: left;
width: 130px !important;
height: 23px !important;
padding: 0 5px !important;
font-size: 15px !important;
overflow: hidden;
color: gold !important;
outline: 1px solid red;
}
html.notifications-page .flow-buttons {
height: 749px;
background: red;
}
#_hj_feedback_container {
display: none !important;
}
/* (new228) NOTIFICATIONS/ STORIES */
.notifications-page header.no-popunder {
margin-bottom: 23px;
}
.notifications-page header.no-popunder + .width-wrap {
margin-top: -18px;
}
.notifications-page header.no-popunder + .width-wrap .page-title-container + main {
padding-top: 34px;
top: 0;
}
/* (new228) NOTIFICATIONS/ STORIES */
.notifications-page header.no-popunder {
margin-bottom: 23px;
}
.notifications-page header.no-popunder + .width-wrap {
margin-top: -18px;
}
.notifications-page header.no-popunder + .width-wrap .page-title-container + main {
padding-top: 34px;
top: 0;
}
/* (new228) NOTIFICATIONS/ STORIES */
.notifications-page .notifications-section .notifications-row.unread,
.notifications-page .notifications-section .notifications-row {
display: inline-block !important;
width: 300px !important;
min-height: 100px !important;
max-height: 100px !important;
top: -15px !important;
margin-left: 8px;
margin-right: 5px;
margin-bottom: 6px !important;
padding-bottom: 0 !important;
overflow: hidden;
overflow-y: hidden;
outline: 1px solid gray !important;
}
.notifications-page .notifications-section .notifications-row.unread {
outline: 1px solid red !important;
}
/* (new391) */
.notifications-page .notifications-list .notifications-row .user .avatar-container img,
.notifications-page .notifications-list .notifications-row .user .avatar-container,
.notifications-page .notifications-list .notifications-row .user {
position: relative !important;
display: inline-block !important;
height: 35px !important;
width: 35px !important;
visibility: visible !important;
z-index: 50000 !important;
object-fit: contain !important;
/* background-color: red !important; */
/* border: 1px solid aqua !important; */
}
.xh-avatar.medium[style^="background-color:"] {
opacity: 0.6 !important;
}
.notifications-page .notifications-list .notifications-row .user .avatar-container[data-tooltip^='User is retired'] {
height: 35px;
width: 35px;
transform: scale(0.7) !important;
color: gold !important;
background: red !important;
}
.notifications-page .notifications-list .notifications-row .user .avatar-container span,
.notifications-page .notifications-list .notifications-row .user .avatar-container[data-tooltip^='User is retired'] span {
transform: translate(-13px, -13px) scale(0.6) !important;
}
.notifications-page .notifications-list .notifications-row .user .avatar-container[data-tooltip^='User is retired'] span {
transform: translate(-13px, -13px) scale(0.6) !important;
color: gold !important;
background: black !important;
}
/* (new277) REPORT / DELETE ICONS */
.notifications-page .notifications-list .notifications-row .event.comment .report:not(.active),
.notifications-page .notifications-list .notifications-row .event.comment .delete {
position: absolute;
display: inline-block !important;
bottom: 0px !important;
left: 0 !important;
margin-left: 0px !important;
transform: scale(0.8) !important;
}
.notifications-page .notifications-list .notifications-row .event.comment .report:not(.active) {
left: 20px !important;
}
/* (new218) REPORT */
.notifications-page .notifications-list .notifications-row .event.comment .report-control {
position: absolute !important;
display: inline-block !important;
bottom: 0px !important;
left: 50px !important;
margin-left: 0px !important;
transform: scale(0.7) !important;
}
/* (new218) NOTIF - REPLY */
.notifications-page .notifications-list .notifications-row .event.comment .reply-link {
position: absolute !important;
display: inline-block !important;
bottom: -6px !important;
left: 100px !important;
margin: 0px !important;
font-size: 0 !important;
transform: scale(0.9) !important;
}
/* EVENT - ALL */
.notifications-page .notifications-list .notifications-row .event {
display: inline-block !important;
height: 98px;
width: 154px;
line-height: 15px;
margin-left: -33px !important;
margin-top: 0px !important;
padding-top: 3px;
padding-left: 37px;
background: black !important;
}
.notifications-page .notifications-list .notifications-row .event .user-info {
height: 16px !important;
}
/* (new218) */
.notifications-page .notifications-list .notifications-row .event .user-info .event-name {
position: absolute !important;
display: inline-block !important;
width: 117px !important;
top: 30px !important;
left: 39px !important;
font-size: 10px !important;
color: gold !important;
}
.notifications-page .notifications-list .notifications-row .event .user-info .event-name a {
line-height: 15px !important;
font-size: 10px !important;
}
.notifications-page .notifications-list .notifications-row .event .user-info .event-user {
display: inline-block !important;
float: none !important;
width: 117px !important;
left: 40px !important;
font-size: 10px !important;
border-bottom: 1px solid red !important;
}
.notifications-page .notifications-list .notifications-row .event .user-info .time {
margin: 0px 0 0 0px !important;
vertical-align: top !important;
font-size: 10px !important;
color: tan !important;
}
.notifications-page .notifications-list .notifications-row .event .user-info .event-name a.content-name.xh-overflow-dots {
display: inline-block !important;
min-width: 150px !important;
max-width: 150px !important;
color: peru !important;
background: #333 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.notifications-page .notifications-list .notifications-row .event .user-info .event-text.with-margin {
position: absolute !important;
display: inline-block !important;
width: 142px !important;
min-height: 99px !important;
max-height: 99px !important;
top: 0px !important;
left: 157px !important;
padding: 5px !important;
border-top: 1px solid green !important;
border-bottom: 1px solid green !important;
overflow: hidden !important;
overflow-y: auto !important;
background: black !important;
}
.event-text .emoji {
display: inline-block !important;
vertical-align: bottom !important;
height: 15px;
width: 15px;
}
.notifications-page .notifications-list .notifications-row .event .user-info .event-text.with-margin > a {
display: inline-block !important;
width: 100% !important;
min-width: 200px;
max-width: 200px;
color: peru !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* EVENT INVITE */
.notifications-page .notifications-list .notifications-row .event.invite .user-info .event-content {
position: absolute !important;
display: inline-block !important;
width: 120px !important;
height: auto !important;
line-height: 15px !important;
top: 20px !important;
left: 160px !important;
border-radius: 5px !important;
text-align: center;
color: gold !important;
z-index: 100 !important;
background: black !important;
}
.time + .event-name:after {
content: "Approved";
font-size: 15px;
position: absolute;
display: inline-block;
width: 120px;
left: 121px;
margin-top: -12px;
border-radius: 5px;
text-align: center;
z-index: 0 !important;
background: black;
}
.notifications-page .xh-button.red.accept {
color: gold !important;
}
/* (new277) EVENT PHOTO / VIDEO */
.notifications-page .notifications-list .notifications-row .event.comment-video .user-info .event-name ~ .event-content,
.notifications-page .notifications-list .notifications-row .event.comment-photo.comment .user-info .event-name ~ .event-content {
position: absolute !important;
display: inline-block !important;
height: 15px !important;
width: 15px !important;
top: 0px !important;
left: 107px !important;
transform: scale(0.65) !important;
}
.notifications-page .notifications-list .notifications-row .event.comment-video .user-info .event-name:hover ~ .event-content,
.notifications-page .notifications-list .notifications-row .event.comment-photo.comment .user-info .event-name:hover ~ .event-content {
display: inline-block !important;
height: 53px !important;
width: 73px !important;
top: 20px !important;
left: 192px !important;
transform: scale(1.9) !important;
}
.notifications-page .notifications-list .notifications-row .event.comment-video .user-info .event-name ~ .event-content > a img,
.notifications-page .notifications-list .notifications-row .event.comment-photo.comment .user-info .event-name ~ .event-content > a img {
height: 43px !important;
width: 73px !important;
margin: 5px 0 0 0px !important;
}
.notifications-page .notifications-list .notifications-row .event.comment-video.comment .user-info .event-name,
.notifications-page .notifications-list .notifications-row .event.comment-photo.comment .user-info .event-name {
display: inline-block !important;
min-width: 151px !important;
max-width: 151px !important;
line-height: 10px !important;
margin: -36px !important;
margin-top: 5px !important;
padding-left: 5px !important;
font-size: 10px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
background: #333 !important;
}
.notifications-page .notifications-list .notifications-row .event.comment-video.comment .user-info .event-name span.content-name.xh-overflow-dots,
.notifications-page .notifications-list .notifications-row .event.comment-photo.comment .user-info .event-name span.content-name.xh-overflow-dots {
height: 100%!important;
max-height: 15px !important;
line-height: 10px !important;
min-width: 85px !important;
max-width: 85px !important;
vertical-align: top !important;
margin-left: 5px !important;
margin-top: -2px !important;
font-size: 10px !important;
overflow-y: hidden !important;
background: tan !important;
}
.notifications-page .notifications-list .notifications-row .event.comment-video.comment .user-info .event-name span.content-name.xh-overflow-dots {
min-width: 112px !important;
max-width: 112px !important;
vertical-align: top !important;
background: green !important;
}
.notifications-page .notifications-list .notifications-row .event.comment-video.comment .user-info .event-name span.content-name.xh-overflow-dots:before,
.notifications-page .notifications-list .notifications-row .event.comment-photo.comment .user-info .event-name span.content-name.xh-overflow-dots:before {
content: "to : ";
background: black;
}
/* EVENT ... */
/* (new277) NOTIFICATIONS - REPLY */
.notifications-page .my-comment:not(:empty) {
position: absolute !important;
display: inline-block !important;
height: 97px !important;
width: 158px;
bottom: -25px;
left: 0px;
top: 0px !important;
margin-bottom: 0;
background: black !important;
border: 1px solid aqua !important;
}
/* AFTER REPLY */
.notifications-page .my-comment:not(:empty) .item {
display: inline-block !important;
height: 99px !important;
margin: 0 0px 0px 0 !important;
padding: 0 !important;
text-align: left !important;
transition: unset !important;
}
.notifications-page .my-comment:not(:empty) .item .comment-info {
position: relative;
display: inline-block !important;
height: 99px !important;
width: 300px !important;
padding: 0 !important;
font-size: 14px;
border: 1px solid aqua !important;
}
.notifications-page .my-comment:not(:empty) .item .comment-info .comment-body {
height: 99px !important;
width: 300px !important;
margin-left: 0 !important;
}
.notifications-page .my-comment:not(:empty) .item .comment-info .comment-body .text {
display: inline-block !important;
height: 60px !important;
line-height: 20px;
width: 293px !important;
margin: 5px 0;
overflow-wrap: break-word;
padding: 2px 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid yellow !important;
}
.notifications-page .my-comment:not(:empty) .item .comment-info .comment-body .text span.comment-text img.emoji {
height: 20px !important;
width: 20px !important;
}
.notifications-page .my-comment:not(:empty) .item .comment-info .comment-meta {
display: inline-block !important;
position: relative;
height: 16px;
line-height: 13px;
max-width: 139px;
top: -7px !important;
padding: 0 3px;
border-top: 1px solid red !important;
}
.notifications-page .my-comment:not(:empty) .user {
display: none !important;
}
.notifications-page .my-comment:not(:empty) .input-area {
width: 156px !important;
height: 93px !important;
}
.notifications-page .my-comment:not(:empty) .input-area > div {
position: absolute !important;
top: 0px !important;
width: 156px !important;
height: 93px !important;
margin-top: 0px !important;
overflow: hidden !important;
overflow-x: hidden !important;
}
.notifications-page .my-comment:not(:empty) .comment-textarea .premessage {
position: absolute !important;
display: inline-block !important;
width: 156px !important;
left: 0px !important;
top: 0px !important;
margin: 0 !important;
padding: 0 0 0 5px !important;
}
.notifications-page .my-comment:not(:empty) .comment-textarea {
width: 156px !important;
height: 93px !important;
top: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
.notifications-page .my-comment:not(:empty) .input-area .xh-editable .xh-editable-content {
position: absolute !important;
min-height: 60px !important;
max-height: 60px !important;
width: 156px !important;
line-height: 13px;
top: 15px !important;
bottom: 0 !important;
padding: 0px;
text-indent: 0 !important;
white-space: pre-wrap !important;
word-break: normal !important;
word-break: break-all !important;
overflow: hidden !important;
overflow-x: hidden !important;
overflow-y: auto !important;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}
.notifications-page .my-comment:not(:empty) .submit-comment.xh-button.large.red {
position: absolute !important;
display: inline-block !important;
margin: 0 !important;
right: 6px;
bottom: 0 !important;
height: 15px !important;
line-height: 10px !important;
min-width: 60px;
padding: 0 5px !important;
}
.notifications-page .my-comment:not(:empty) .ps__scrollbar-x-rail,
.notifications-page .my-comment:not(:empty) .ps__scrollbar-y-rail {
display: none !important;
}
/* END ==== XHAM WideScreen New Design - Without ADD COLLECTION ==== */
/* ============================================================================= */
/* AAA ==== END ==== PART 1 ===== =============================================== */
/* BBB ==== START ======== IMAGES INVALIDES / START - BLOG / STORY /CHANNEL / SUBSCRIPTION / MESSAGES / COLLECTIONS / LINKYFY PLUS ==== */
/* ============================================================================= */
/* START ====== TEST PERSO ====== */
/* START - INDICATOR - MY COMMENT > janvier57 - === */
.video-page .comments-section .comments-list .item .comment-info .user-info .username[href="https://xhamster.com/users/janvier57"]:after {
content: " ";
position: absolute;
display: inline-block;
width: 100%;
min-width: 183px;
max-width: 183px;
height: 88px;
margin-top: -2px;
right: 0px;
border-radius: 3px;
font-size: 38px;
color: gold;
white-space: nowrap;
text-align: center;
opacity: 0.4;
z-index: 0;
background: red;
}
.video-page.video-page--large-mode .comments-section .comments-list .item .comment-info .user-info .username[href="https://xhamster.com/users/janvier57"]:after {
min-width: 168px;
max-width: 168px;
height: 59px;
right: 1px;
margin-top: 3px !important;
top: 3px !important;
}
.video-page.video-page--large-mode .comments-section .comments-list .item:hover .comment-info .user-info .username[href="https://xhamster.com/users/janvier57"]:after {
min-width: 155px;
max-width: 155px;
height: 78px;
right: -20px;
}
/* END - INDICATOR - MY COMMENT > janvier57 - === */
/* END ====== TEST PERSO ====== */
/* START =========== IMAGES =========================== */
/* IMAGES - TEST - PROFILE / BLOGS - IMAGES UNAVIABLE */
.user-page article .left-side .column .center-column .about-me-block .text img.blog-image[src*=".bloggang.com/data/"],
img.blog-image[src*=".bloggang.com/data/"],
.user-page article .left-side .column .center-column .about-me-block .text img.blog-image[src*=".ifotki.info/org/"],
img.blog-image[src*=".ifotki.info/org/"],
.user-page article .left-side .column .center-column .about-me-block .text img.blog-image[src*=".instashop.co.kr/"],
img.blog-image[src*=".instashop.co.kr/"] {
display: none !important;
}
/* (new186) IMAGES INVALIDS - photobucket / imagebam - TEST - === */
.blog-image.deprecated[src*=".imagebam.com/download"],
img[src*=".thesniper.us/"],
img[src*=".ggpht.com/"],
img[src*=".popartforsale.com/"],
img.blog-image.deprecated[src^=".imagebam"],
img.blog-image.deprecated[src*=".photobucket.com/"] {
display: inline-block !important;
height: 100% !important;
min-height: 15px !important;
max-height: 15px !important;
width: 100% !important;
min-width: 15px !important;
max-width: 15px !important;
margin-top: 4px !important;
margin-bottom: -2px !important;
opacity: 0.2 !important;
border: 1px solid red !important;
}
/* IMAGES - BLOG - - === */
.story-text .blog-image.align-no.deprecated {
position: relative !important;
display: inline-block !important;
min-height: 5px !important;
max-width: 487px !important;
vertical-align: baseline !important;
top: 10px !important;
border-radius: 3px !important;
border: 1px solid gray !important;
}
/* IMAGES - BLOG - AFTER IMAGE LINK */
.story-text .blog-image.align-no.deprecated + a.linkifyplus {
position: relative !important;
display: inline-block !important;
height: 15px !important;
width: 70% !important;
vertical-align: baseline !important;
margin-left: 2% !important;
bottom: 0px !important;
margin-top: 0px !important;
text-decoration: none !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
border: none !important;
color: peru !important;
}
/* BLOG - IMAGES - FAVORITS - IMAGES SPECIAL - === */
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text .blog-image.deprecated[src="https://mediafire.com/convkey/39b0/isbrk7lzzv9y4ew6g.jpg?size_id=5"] {
background-color: rgb(51, 51, 51);
clear: none;
float: left;
margin-right: 2px;
min-height: 15px !important;
max-height: 15px !important;
min-width: 32.4%;
top: 0px;
margin-bottom: 10px !important;
}
/* IMAGES - ABOUT - SPECIAL ME IMAGE */
.user-page article .left-side .column .center-column .about-me-block:not(:hover) .text img[src="https://framasphere.org/uploads/images/scaled_full_9f76234f3cfc2c29075c.png"],
.user-page article .left-side .column .center-column .about-me-block:not(:hover) .text img[src="https://www.google.com/s2/favicons?domain=www.laquadrature.net"],
.user-page article .left-side .column .center-column .about-me-block:not(:hover) .text img[src="https://addons.cdn.mozilla.net/user-media/addon_icons/309/309790-64.png?modified=1382863815"],
.user-page article .left-side .column .center-column .about-me-block:not(:hover) .text img[src="https://addons.cdn.mozilla.net/user-media/addon_icons/136/136629-64.png?modified=1421592102"],
.user-page article .left-side .column .center-column .about-me-block:not(:hover) .text img[src="https://addons.cdn.mozilla.net/user-media/addon_icons/337/337643-64.png?modified=1429338926"],
.user-page article .left-side .column .center-column .about-me-block:not(:hover) .text img[src="https://findicons.com/files/icons/2017/free_button/36/link.png"] {
position: relative !important;
display: inline-block !important;
float: none !important;
clear: both !important;
height: 100% !important;
min-height: 5px !important;
max-height: 20px !important;
width: 100% !important;
max-width: 20px !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 50% 50% !important;
background-size: contain !important;
text-align: left !important;
border: 1px solid lime !important;
}
/* IMAGES - MY BLOG - SPECIAL IMAGES - LINES */
.story-text .blog-image.align-no.deprecated[src^="http://gif.toutimages.com/images/"] {
min-height: 10px !important;
max-height: 10px !important;
width: 487px !important;
top: 5px !important;
margin-bottom: 15px !important;
border: none !important;
}
.story-text .blog-image.align-no.deprecated[src^="http://s25.postimg.org/"] {
min-height: 10px !important;
max-height: 10px !important;
width: 487px !important;
top: 5px !important;
margin-bottom: 15px !important;
border: none !important;
}
/* IMAGES - NEW - MY BLOG - SPECIAL IMAGES - BIG SQUARE */
/* .blog-image.deprecated[src^="http://findicons.com/files/icons"] , */
.blog-image.deprecated[src="http://findicons.com/files/icons/2127/ultimate_gnome/128/format_justify_right.png"],
.blog-image.deprecated[src="http://ready.to/search/en/pic/readytitle.gif "],
.blog-image.deprecated[src="https://s.qwant.com/fav/p/o/www_pornmd_com.ico"],
.blog-image.deprecated[src="https://icons.duckduckgo.com/ip2/userstyles.org.ico"],
.blog-image.deprecated[src="https://addons.cdn.mozilla.net/user-media/addon_icons/0/220-64.png"],
.blog-image.deprecated[src="http://images.downloadastro.com/icon/any_video_converter_64_64.jpeg.pagespeed.ce.XmQwnkLp6u.png"],
.blog-image.deprecated[src="http://images.downloadastro.com/icon/any_video_converter_64_64.jpeg.pagespeed.ce.XmQwnkLp6u.png"],
.blog-image.deprecated[src="http://static1.freemake.com/images/freemake-video-converter-logo.png"],
.blog-image.deprecated[src="http://blog.bahraniapps.com/wp-content/uploads/2016/01/vclipicon.png"],
.blog-image.deprecated[src="http://blog.bahraniapps.com/wp-content/uploads/2013/03/gifcamicon.png"],
.blog-image.deprecated[src="https://icons.duckduckgo.com/ip2/www.screentogif.com.ico"],
.blog-image.deprecated[src="http://img.informer.com/icons/png/48/1598/1598647.png"],
.blog-image.deprecated[src="https://s.qwant.com/fav/i/a/iafd_com.ico"],
.blog-image.deprecated[src="http://ready.to/search/en/pic/readytitle.gif"],
.blog-image.deprecated[src="https://icons.duckduckgo.com/ip2/www.bing.com.ico"],
.blog-image.deprecated[src="https://s.qwant.com/fav/x/h/xhamster_com.ico"],
.blog-image.deprecated[src="https://addons.cdn.mozilla.net/user-media/addon_icons/2/2108-64.png"],
.blog-image.deprecated[src="https://addons.cdn.mozilla.net/static/img/addon-icons/video-64.png"],
.blog-image.deprecated[src="https://addons.cdn.mozilla.net/user-media/addon_icons/337/337643-64.png"],
.blog-image.deprecated[src="https://addons.cdn.mozilla.net/user-media/addon_icons/309/309790-64.png"],
.blog-image.deprecated[src="https://addons.cdn.mozilla.net/user-media/addon_icons/600/600338-64.png"],
.blog-image.deprecated[src="https://addons.cdn.mozilla.net/user-media/addon_icons/136/136629-64.png"],
.blog-image.deprecated[src="https://addons.cdn.mozilla.net/static/img/addon-icons/bookmarks-64.png"],
.blog-image.deprecated[src="https://addons.cdn.mozilla.net/user-media/addon_icons/337/337150-64.png"],
.blog-image.deprecated[src="https://addons.cdn.mozilla.net/user-media/addon_icons/3/3682-64.png"] {
position: relative !important;
display: inline-block !important;
vertical-align: bottom !important;
height: 30px !important;
width: auto !important;
min-width: 30px !important;
line-height: 30px !important;
top: 10px !important;
margin-bottom: 10px !important;
object-fit: contain !important;
outline: 1px solid lime !important;
}
/* IMAGES - OLD - MY BLOG - SPECIAL IMAGES - BIG SQUARE */
.story-text .blog-image.align-no.deprecated[src^="http://findicons.com/files/icons/2127/ultimate_gnome/128/format_justify_right.png"],
.story-text .blog-image.align-no.deprecated[src^="http://findicons.com/files/icons/760/hand_drawing/128/right.png"],
.story-text .blog-image.align-no.deprecated[src^="https://icons.duckduckgo.com/ip2/userstyles.org.ico"],
.story-text .blog-image.align-no.deprecated[src^="https://www.google.com/s2/favicons?domain=openuserjs.org"],
.story-text .blog-image.align-no.deprecated[src^="https://www.google.com/s2/favicons?domain=www.freemake.com"],
.story-text .blog-image.align-no.deprecated[src^="https://www.google.com/s2/favicons?domain=www.robertecker.com"],
.story-text .blog-image.align-no.deprecated[src^="https://s.qwant.com/fav/p/o/www_pornmd_com.ico"],
.story-text .blog-image.align-no.deprecated[src^="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAg"],
.story-text .blog-image.align-no.deprecated[src^="http://ready.to/search/en/pic/readytitle.gif"],
.story-text .blog-image.align-no.deprecated[src^="http://blog.bahraniapps.com/wp-content/uploads/2016/01/vclipicon.png"],
.story-text .blog-image.align-no.deprecated[src^="http://img.informer.com/icons/png/48/1598/1598647.png"],
.story-text .blog-image.align-no.deprecated[src^="http://images.downloadastro.com/icon/any_video_converter_64_64.jpeg.pagespeed.ce.XmQwnkLp6u.png"],
.story-text .blog-image.align-no.deprecated[src^="https://icons.duckduckgo.com/ip2/www.screentogif.com.ico"],
.story-text .blog-image.align-no.deprecated[src^="http://blog.bahraniapps.com/wp-content/uploads/2013/03/gifcamicon.png"],
.story-text .blog-image.align-no.deprecated[src^="http://static1.freemake.com/images/freemake-video-converter-logo.png"],
.story-text .blog-image.align-no.deprecated[src^="https://addons.cdn.mozilla.net/user-media/addon_icons/309/309790-64.png"],
.story-text .blog-image.align-no.deprecated[src^="https://addons.cdn.mozilla.net/user-media/addon_icons/337/337643-64.png"],
.story-text .blog-image.align-no.deprecated[src^="https://addons.cdn.mozilla.net/static/img/addon-icons/video-64.png"],
.story-text .blog-image.align-no.deprecated[src^="https://addons.cdn.mozilla.net/user-media/addon_icons/337/337150-64.png"],
.story-text .blog-image.align-no.deprecated[src^="https://addons.cdn.mozilla.net/static/img/addon-icons/bookmarks-64.png"],
.story-text .blog-image.align-no.deprecated[src^="https://addons.cdn.mozilla.net/user-media/addon_icons/2/2108-64.png"],
.story-text .blog-image.align-no.deprecated[src^="https://addons.cdn.mozilla.net/user-media/addon_icons/600/600338-64.png"],
.story-text .blog-image.align-no.deprecated[src^="https://addons.cdn.mozilla.net/user-media/addon_icons/0/220-64.png"],
.story-text .blog-image.align-no.deprecated[src^="https://addons.cdn.mozilla.net/user-media/addon_icons/3/3682-64.png"],
.story-text .blog-image.align-no.deprecated[src^="https://addons.cdn.mozilla.net/user-media/addon_icons/136/136629-64.png"] {
position: relative !important;
display: inline-block !important;
vertical-align: bottom !important;
height: 30px !important;
width: auto !important;
min-width: 30px !important;
line-height: 30px !important;
top: 10px !important;
margin-bottom: 10px !important;
}
/* IMAGES - NEW BLOG - SPECIAL IMAGES - SMALL SQUARE */
.story-text .blog-image.deprecated[src="http://findicons.com/files/icons/760/hand_drawing/128/right.png"],
.story-text .blog-image.deprecated[src="https://www.google.com/s2/favicons?domain=chrome.google.com "],
.story-text .blog-image.deprecated[src="https://www.google.com/s2/favicons?domain=www.robertecker.com"],
.story-text .blog-image.deprecated[src="https://www.google.com/s2/favicons?domain=www.freemake.com"],
.story-text .blog-image.deprecated[src="https://www.google.com/s2/favicons?domain=addons.mozilla.org"],
.story-text .blog-image.deprecated[src="https://www.google.com/s2/favicons?domain=openuserjs.org"],
.story-text .blog-image.deprecated[src="https://www.google.com/s2/favicons?domain=greasyfork.org"],
.story-text .blog-image.deprecated[src="https://www.google.com/s2/favicons?domain=tampermonkey.net"],
.story-text .blog-image.deprecated[src="http://cache.filehippo.com/img/ex/1287__firefox_35.png"],
.story-text .blog-image.deprecated[src="https://addons.cdn.mozilla.net/user-media/addon_icons/0/748-64.png"],
.story-text .blog-image.deprecated[src="http://i.i.cbsi.com/cnwk.1d/i/tim/2011/03/05/66007bfc49ba0a0e7914334fead6be990316_1299160189_binary_32x32.png"] {
display: inline-block !important;
vertical-align: baseline !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
margin-bottom: -3px !important;
object-fit: contain !important;
outline: 1px solid gold !important;
}
/* IMAGES - OLD BLOG - SPECIAL IMAGES - SMALL SQUARE */
.story-text .blog-image.align-no.deprecated[src^="http://userdisk.webry."],
.story-text .blog-image.align-no.deprecated[src^="https://www.google.com/s2/favicons?domain=tampermonkey.net"],
.story-text .blog-image.align-no.deprecated[src^="https://www.google.com/s2/favicons?domain=chrome.google.com "],
.story-text .blog-image.align-no.deprecated[src^="http://findicons.com/files/icons/"],
.story-text .blog-image.align-no.deprecated[src^="https://icons.duckduckgo.com/ip2/www.bing.com.ico"],
.story-text .blog-image.align-no.deprecated[src^="https://www.google.com/s2/favicons?domain=greasyfork.org"],
.story-text .blog-image.align-no.deprecated[src^="http://ready.to/search/en/pic/readytitle.gif"],
.story-text .blog-image.align-no.deprecated[src^="https://s.qwant.com/fav/i/a/iafd_com.ico"],
.story-text .blog-image.align-no.deprecated[src^="https://s.qwant.com/fav/x/h/xhamster_com.ico"],
.story-text .blog-image.align-no.deprecated[src^="http://i.i.cbsi.com/cnwk.1d/i/tim/2011/03/05/66007bfc49ba0a0e7914334fead6be990316_1299160189_binary_32x32.png"],
.story-text .blog-image.align-no.deprecated[src^="https://www.google.com/s2/favicons?domain=addons.mozilla.org"],
.story-text .blog-image.align-no.deprecated[src^="http://cache.filehippo.com/img/ex/1287__firefox_35.png"],
.story-text .blog-image.align-no.deprecated[src^="https://addons.cdn.mozilla.net/user-media/addon_icons/0/748-64.png"] {
display: inline-block !important;
vertical-align: baseline !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
margin-bottom: 6px !important;
}
/* IMAGES - NEW BLOG - GIF IMGUR */
.blog-image.deprecated + a.linkifyplus[href="https://i.imgur.com/WMZ2Sg4.gif"] {
display: inline-block !important;
width: 100% !important;
min-width: 250px !important;
max-width: 250px !important;
font-size: 15px !important;
text-align: center !important;
color: peru !important;
border: 1px solid green !important;
}
a.linkifyplus[href="https://i.imgur.com/WMZ2Sg4.gif"]:before {
content: "Link to GIF Imgur";
position: relative !important;
display: inline-block !important;
vertical-align: top !important;
min-height: 15px !important;
max-height: 15px !important;
line-height: 15px !important;
min-width: 200px !important;
max-width: 200px !important;
font-size: 15px !important;
color: red !important;
outline: 1px solid red !important;
}
.blog-image.deprecated[src="https://i.imgur.com/WMZ2Sg4.gif"] {
position: relative !important;
display: inline-block !important;
vertical-align: top !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
min-width: 200px !important;
max-width: 200px !important;
margin-left: 50px !important;
margin-bottom: 6px !important;
margin-top: 5px !important;
outline: 1px solid gold !important;
}
.blog-image.deprecated[src="https://i.imgur.com/WMZ2Sg4.gif"]:before {
content: "attr(alt)- GIF ";
position: relative !important;
display: inline-block !important;
vertical-align: top !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
min-width: 300px !important;
max-width: 300px !important;
font-size: 15px !important;
color: red !important;
outline: 1px solid red !important;
}
/* IMAGES - BLOG - SPECIAL IMAGES - SPECIAL BACKGOUD-COLOR */
.story-text .blog-image.align-no.deprecated[src^="https://www.google.com/s2/favicons?domain=www.robertecker.com"],
.story-text .blog-image.align-no.deprecated[src^="https://www.google.com/s2/favicons?domain=tampermonkey.net"] {
background-color: #B1ADAD;
}
/* BLOG - SPECIAL IMAGES - BIG - RECT */
.story-text .blog-image.align-no.deprecated[src="http://jdownloader.org/lib/tpl/arctic/images/logo.png"] {
position: relative !important;
display: inline-block !important;
vertical-align: bottom !important;
min-height: 30px !important;
max-height: 30px !important;
line-height: 15px !important;
min-width: 130px !important;
max-width: 130px !important;
}
.story-text .blog-image.align-no.deprecated[src="http://userscripts-mirror.org/images/userscripts.org.png"] {
position: relative !important;
display: inline-block !important;
vertical-align: bottom !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 15px !important;
min-width: 130px !important;
max-width: 130px !important;
}
/* IMAGES - LINKS IN BLOG */
/* (new42) IMAGES - NEW BLOG - SPECIAL IMAGES - SMALL - RECT - LINK -
TEST LINK -
=== */
.story-page .blog-image.deprecated[src="http://findicons.com/files/icons/2017/free_button/36/link.png"] {
position: relative !important;
display: inline-block !important;
vertical-align: bottom !important;
min-height: 15px !important;
max-height: 15px !important;
line-height: 15px !important;
min-width: 30px !important;
max-width: 30px !important;
top: 0px !important;
outline: 1px solid tan !important;
}
/* IMAGES - OLD BLOG - SPECIAL IMAGES - SMALL - RECT - LINK -
TEST LINK - https://xhamster.com/posts/423114
=== */
.story-text .blog-image.align-no.deprecated[src="http://findicons.com/files/icons/2017/free_button/36/link.png"] {
position: relative !important;
display: inline-block !important;
vertical-align: bottom !important;
min-height: 15px !important;
max-height: 15px !important;
line-height: 15px !important;
min-width: 30px !important;
max-width: 30px !important;
top: 5px !important;
}
.story-section .story-item .story-text:not(.xh-editor) a {
display: inline-block;
max-width: 511px !important;
min-width: 511px !important;
text-decoration: none;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden !important;
border-bottom: none;
color: peru;
}
/* A VOIR - BLOG / STORY - SUPP INVALIDES IMAGES -
Not good for: https://xhamster.com/blog/posts/895309
=== */
.story-page .story-section .story-item .story-text img[src*="https://thumb-v-cl.xhcdn.com/"].blog-image.deprecated,
.story-page .story-section .story-item .story-text img[src*="http://thumb-v.xhcdn.com/"].blog-image.deprecated,
.story-page .story-section .story-item .story-text img[src*="http://et00.xhcdn.com/"].blog-image.deprecated,
.story-page .story-section .story-item .story-text img[src*="http://et01.xhcdn.com/"].blog-image.deprecated,
.story-page .story-section .story-item .story-text img[src*="http://et02.xhcdn.com/"].blog-image.deprecated,
.story-page .story-section .story-item .story-text img[src*="http://et03.xhcdn.com/"].blog-image.deprecated,
.story-page .story-section .story-item .story-text img[src*="http://et04.xhcdn.com/"].blog-image.deprecated,
.story-page .story-section .story-item .story-text img[src*="http://et05.xhcdn.com/"].blog-image.deprecated,
.story-page .story-section .story-item .story-text img[src*="http://et06.xhcdn.com/"].blog-image.deprecated,
.story-page .story-section .story-item .story-text img[src*="http://et07.xhcdn.com/"].blog-image.deprecated,
.story-page .story-section .story-item .story-text img[src*="http://et08.xhcdn.com/"].blog-image.deprecated,
.story-page .story-section .story-item .story-text img[src*="http://et09.xhcdn.com/"].blog-image.deprecated,
.story-page .story-section .story-item .story-text img[src*="http://et10.xhcdn.com/"].blog-image.deprecated,
.story-page .story-section .story-item .story-text img[src*="http://et11.xhcdn.com/"].blog-image.deprecated,
.story-page .story-section .story-item .story-text img[src*="http://et12.xhcdn.com/"].blog-image.deprecated {
border: 1px solid red !important;
}
/* END =========== IMAGES ========== */
/* START ======== EDITION ==== PROFILE / BLOG / STORY / GALLERY / PHOTOS ======= */
/* (new292) EDIT PROFILE - SUPERLOADER */
.user-page.edit-mode .sp-separator + .main-wrap ,
.user-page.edit-mode .sp-separator {
display: none !important;
}
/* EDIT - PROFILE - ABOUT - ALL */
.user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal #about + div[data-role="promo-link"] ,
.user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal .field-row {
position: relative !important;
float: left;
clear: left !important;
min-width: 35% !important;
max-width: 35% !important;
margin: 10px 0 -5px 0 !important;
padding: 5px !important;
background: #222;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
border-left: 3px solid red !important;
border-right: 3px solid red !important;
}
.user-page .edit-profile-section .edit-profile-block fieldset#profile-edit-personal legend {
position: relative;
display: inline-block !important;
min-width: 34.65% !important;
max-width: 34.65% !important;
height: 29px;
line-height: 18px;
top: 0 !important;
margin: 3px 0 -3vh -1px !important;
padding: 2px 8px;
font-size: 14px;
z-index: 500000 !important;
color: gold;
background: black !important;
}
/* (new317) EDI PROF - INTEREST */
.user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile #interests.field-row label {
position: relative;
display: inline-block !important;
width: 100% !important;
line-height: 24px;
margin: 3px 0;
text-align: center;
color: red;
}
.user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile #interests.field-row label br {
display: none !important;
}
.user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile #interests.field-row > div {
display: inline-block !important;
float: left;
width: 100% !important;
margin-bottom: 10px;
}
/* (new317) EDIT - PROMO LINK */
.user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal #about + div[data-role="promo-link"] .promo-link {
margin: 0 0 0 0 !important;
padding: 0 !important;
border-bottom: red !important;
border-top: green !important;
}
/* (new292) AFTER PROMS LINKS */
.user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal #about + div[data-role="promo-link"] ~ .field-row input.input-text {
width: 295px !important;
}
/* (new317) THE ABOUT */
.user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal .field-row.about {
position: absolute !important;
display: inline-block !important;
float: none !important;
clear: both !important;
min-width: 56% !important;
max-width: 56% !important;
top: -1.0vh !important;
right: 0px !important;
padding: 0 0 0 10vw !important;
border: none !important;
}
.user-page.edit-mode .edit-profile-section .edit-profile-block fieldset .field-row.about label {
position: fixed !important;
min-width: 200px !important;
max-width: 200px !important;
height: 20px !important;
line-height: 8px;
margin: 3px 0;
top: 24vh !important;
right: -85px !important;
padding: 5px !important;
text-align: center !important;
font-size: 17px !important;
transform: rotate(90deg) !important;
z-index: 500000 !important;
color: gold !important;
background: red !important;
}
/* (new395) */
.user-page.edit-mode .edit-profile-section .edit-profile-block fieldset .field-row.about .field-container {
position: fixed !important;
float: none !important;
min-width: 35% !important;
max-width: 35% !important;
height: 86vh ;
line-height: 15px !important;
margin-top: 0 !important;
top: 12vh !important;
right: 40px !important;
overflow: hidden ;
overflow-y: auto ;
z-index: 5000 !important;
color: gold !important;
background: #111 !important;
}
/* (new395) */
.user-page.edit-mode .edit-profile-section .edit-profile-block fieldset .field-row.about .field-container .xh-editor-wrapper.xh-editor{
position: relative;
height: 85vh !important;
margin: 0;
padding: 0px 0px 0px 0px !important;
border-radius: 5px;
overflow: hidden ;
overflow-y: auto ;
/* transition: padding 0.15s ease 0s, margin 0.15s ease 0s, background 0.15s ease 0s; */
border: 3px solid red !important;
}
.user-page.edit-mode .edit-profile-section .edit-profile-block fieldset .field-row.about .field-container .editor-toolbar {
position: absolute;
display: block;
height: 30px;
left: 0;
line-height: 22px;
max-height: 30px;
min-height: 30px;
overflow: hidden;
right: 0;
text-align: right;
top: 0;
width: 100%;
border-bottom: 1px solid red !important;
}
.user-page .edit-profile-block fieldset .field-row .field-container .text.xh-editor-content {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 4vh 5px 2vh 5px !important;
}
/* (new350) EDIT - PROFILE - EDITABLE */
.user-page.edit-mode.main-info-block.column-block .about-me-block-container.info-block.editable-block {
overflow: hidden !important;
overflow-y: hidden !important;
border-bottom: 1px solid #303030;
z-index: 5000000 !important;
transition: all ease 0.7s !important;
border: 1px solid yellow !important;
}
/* (new393) NOT EDIT MODE */
.user-page .main-info-block.column-block .about-me-block-container.info-block.editable-block .about-me-block.opened:not(.edit) .content-container {
height: 100% !important;
max-height: 58.4vh !important;
padding: 5px 5px 0 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid red !important;
}
/* HOVER */
.user-page .main-info-block.column-block .about-me-block-container.info-block.editable-block:hover .about-me-block.opened:not(.edit) .content-container {
min-height: 65.5vh !important;
max-height: 65.5vh !important;
}
/* (new395) EDIT MODE */
.user-page .main-info-block.column-block .about-me-block-container.info-block.editable-block .about-me-block.opened.edit .content-container {
width: 80% !important;
height: 100% !important;
max-height: 88.4vh !important;
padding: 5px 10px 0 10px !important;
overflow: hidden !important;
overflow-y: auto !important;
/* border: 1px solid aqua !important; */
}
.user-page .main-info-block.column-block .about-me-block-container.info-block.editable-block .about-me-block.opened .content-container .text.xh-editor-content {
min-width: 95% !important;
max-width: 95% !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid red !important;
border-top: 4px solid tomato !important;
border-right: 4px solid tomato !important;
border-left: 4px solid tomato !important;
}
/* .about-me-block.editable-block.opened .xh-editor .editor-toolbar {
position: fixed;
max-height: 30px !important;
min-height: 30px !important;
line-height: 30px !important;
width: 433px !important;
top: 3vh !important;
left: 1400px !important;
padding: 0px !important;
text-align: center;
border: 1px solid red !important;
} */
/* (new395) ME - PROFILE NOT EDIT PAGE - EDITOR TOOL BAR */
/* .user-page .about-me-block-container.info-block.editable-block .about-me-block.editable-block.opened .xh-editor .editor-toolbar {
position: fixed !important;
width: 108px !important;
min-height: 235px !important;
top: 50vh !important;
left: 1810px !important;
padding: 5px !important;
text-align: center;
border-radius: 5px;
z-index: 500 !important;
border: 1px solid yellow !important;
} */
.story-edit-page .editor-toolbar .editor-button,
.story-edit-page .editor-toolbar .editor-label.right,
.about-me-block.editable-block.opened .xh-editor .editor-toolbar .editor-label.right,
.about-me-block.editable-block.opened .xh-editor .editor-toolbar .editor-button {
display: inline-block !important;
width: 100% !important;
min-width: 97px !important;
max-width: 97px !important;
border: 1px solid #303030 !important;
}
/* ADD IMAGE */
.xh-editor-wrapper.xh-editor .editor-button.image .xh-icon.image:before {
content: "🖼";
height: 30px !important;
line-height: 15px !important;
font-size: 29px;
}
.user-page .xh-tabs.xh-modal-body.gallery-section {
padding: 5px;
overflow: hidden;
}
.dialog-image-list.xh-tab-galleryView {
max-height: 95vh !important;
}
.dialog-image-list.xh-tab-galleryView .gallery-list {
max-height: 75vh !important;
overflow-y: auto !important;
}
.dialog-image-list.xh-tab-galleryView .gallery-list .item {
display: inline-block;
margin-bottom: 10px;
padding: 0 5px;
position: relative;
width: 25% !important;
}
.dialog-image-list.xh-tab-galleryView .gallery-list .item .thumb-container {
height: 120px !important;
background-position: 50% center;
background-size: contain !important;
background-repeat: no-repeat !important;
}
/* EDIT - PROFILE - PERSONAL - BLUE */
.user-page.edit-mode .edit-profile-block column-block .tab.tab-profile {
margin-top: 14px;
}
/* (new317) */
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal {
position: absolute !important;
float: right !important;
clear: none !important;
height: 100% !important;
min-height: 87.4vh !important;
max-height: 87.4vh !important;
min-width: 65.8% !important;
max-width: 65.5% !important;
margin: 0 !important;
top: 0vh !important;
right: 0px !important;
padding: 0 0 0 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
background: #111;
}
.user-page .edit-profile-section .edit-profile-block fieldset legend {
position: relative;
display: inline-block !important;
min-width: 97% !important;
max-width: 97% !important;
height: 29px;
line-height: 18px;
top: 16px;
margin: 0px 0 10px 0 !important;
padding: 2px 0px 2px 15px !important;
border-radius: 5px 5px 0 0 !important;
font-size: 14px;
color: gold;
background: black !important;
border: 1px solid gold;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal .field-row:first-of-type .field-container.edit-middle {
width: 100% !important;
}
/* (new387) */
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#email .field-row label ,
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#personal .field-row label ,
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal #about > label ,
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal .seeking label ,
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#physical label ,
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal .personal-fields label ,
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal .field-row.birthday + .field-row label ,
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal .field-row.birthday label ,
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal .field-row:first-of-type label {
width: 97% !important;
margin: 10px 0 0px 0 !important;
padding: 2px 5px !important;
text-align: left !important;
}
/* (new317) EDI PROF - MENUS DROPTOWN */
.single-select .single-select__content-container .single-select__content--active ,
.single-select__control--active .single-select__content-container .single-select__content {
background: #111 !important;
}
/* (new317) EDIT PROF - OCUPATION INPUT */
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal .single-select + input{
float: left;
margin: 0 0 20px 0 !important;
width: 100% !important;
}
/* EDIT - PROFILE - BLOG */
a.field-row.about .field-container {
position: absolute !important;
display: inline-block !important;
float: none !important;
clear: none !important;
min-width: 60% !important;
max-width: 60% !important;
top: 13px !important;
right: 0px !important;
margin: 0 0 0 0 !important;
background: red;
border: 1px solid blue !important;
}
/* EDIT - PROFILE - POPUP UPLOAD */
.user-page.edit-mode .xh-modal-wrapper.new {
position: fixed;
height: auto;
min-height: 600px !important;
max-height: 600px !important;
max-width: 800px;
min-width: 800px;
bottom: 0;
right: 0;
top: 20px !important;
left: 200px !important;
z-index: 500000;
background-color: rgba(0, 0, 0, 0.55);
}
.user-page.edit-mode .quick-upload-dialog {
max-height: 300px;
top: 281px;
left: 214px;
margin-left: 0;
}
.user-page.edit-mode .quick-upload-dialog.xh-modal.xh-editor-dialog.xh-tabbed {
max-height: 300px !important;
top: 38px !important;
}
.user-page.edit-mode .quick-upload-dialog.xh-modal.xh-editor-dialog.xh-tabbed .xh-tabs.xh-modal-body.gallery-section {
height: 410px;
position: relative;
}
.user-page.edit-mode .quick-upload-dialog .has-preview {
background-size: 50%;
background-repeat: no-repeat;
background-position: center top;
}
/* EDIT - PROFILE - EDIT CONTROLS */
.user-page.edit-mode .context-controls {
display: inline-block !important;
opacity: 1 !important;
}
.context-toolbar .editor-link {
color: gold !important;
}
/* .about-me-block-container.info-block.editable-block .about-me-block.editable-block.opened.edit .context-controls a,
.user-page .edit-profile-section .edit-profile-block fieldset .field-row .field-container a , */
.story-edit-page .xh-editor.story-text .context-controls .editor-link {
border-width: 1px;
white-space: nowrap;
font-size: 15px !important;
color: gold !important;
}
/* EDIT - PROFILE - SAVE */
/* .user-page .edit-profile-section .edit-profile-block .bottom-container .buttons-block .xh-button {
background: rgb(48, 48, 48) none repeat scroll 0 0;
border: 1px solid rgb(48, 48, 48);
border-radius: 14px;
color: rgb(0, 0, 0);
font-size: 14px;
height: 40px !important;
line-height: 15px !important;
min-width: 45px;
padding: 0 15px;
position: relative;
text-align: center;
text-decoration: none;
} */
/* .user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal #about + div[data-role="promo-link"] label , */
.user-page.edit-mode .edit-profile-section .edit-profile-block fieldset .field-row label {
position: relative !important;
line-height: 24px;
margin: 3px 0;
text-align: center;
width: 100px !important;
color: red !important;
background: black !important;
}
/* PROF EDITOR - ALL FIELD */
.user-page .edit-profile-section .edit-profile-block fieldset .field-row .field-container {
margin-left: 0px !important;
}
/* EDIT - PROFILE - LABEL - ALL */
.field-row > label {
width: 125px !important;
}
/* EDIT - PROFILE - AVATAR */
.user-page .edit-profile-section .edit-profile-block fieldset .field-row.avatar-uploader > label {
width: 420px !important;
}
/* (new317) EDIT - PROFILE - INTRO */
.tab.tab-profile #profile-edit-intro .field-row.email-verification label {
text-align: center;
width: 100% !important;
line-height: 15px !important;
font-size: 15px !important;
}
.tab.tab-profile #profile-edit-intro .field-row.email-verification label span {
width: 100% !important;
line-height: 15px !important;
font-size: 15px !important;
}
/* EDIT - PROFILE - HAIR */
.field-row.hair .field-container {
width: 280px;
}
/* EDIT - PROFILE - NAME */
.user-page .edit-profile-section .edit-profile-block fieldset .field-row.seeking label {
width: 338px !important;
margin-top: 11px !important;
}
.field-row.seeking .field-container {
width: 335px !important;
}
/* EDIT - PROFILE - SEEKING */
.user-page .edit-profile-section .edit-profile-block fieldset .field-row.seeking label {
width: 338px !important;
}
.field-row.seeking .field-container {
width: 335px !important;
}
/* EDIT - PROFILE - FETISH */
.user-page .edit-profile-section .edit-profile-block fieldset .field-row.fetishes-container label {
width: 338px !important;
}
.field-row.fetishes-container .field-container {
width: 338px !important;
}
.user-page .edit-profile-section .edit-profile-block fieldset .field-row.fetishes-container .field-container {
float: right !important;
width: 100% !important;
margin-left: 0 !important;
padding: 5px;
}
.field-with-icon {
padding-right: 0;
}
.field-row.website .input-text {
width: 178px !important;
}
.user-page .edit-profile-section .edit-profile-block fieldset .field-row .field-container.edit-middle {
width: 100% !important;
margin-right: 0px !important;
}
.user-page .edit-profile-section .multi-select,
.user-page .edit-profile-section .edit-profile-block fieldset .field-row.birthday + .field-row .field-container.edit-middle {
display: inline-block !important;
min-width: 100% !important;
width: 338px !important;
height: auto !important;
margin-right: 1px !important;
}
/* EDIT - PROFILE - WEBCAM */
#about.field-row.radios .field-container {
float: right !important;
width: 70% !important;
margin-left: 0 !important;
padding: 5px;
}
#about.field-row.radios .field-container label {
padding-left: 5px !important;
width: 200px !important;
}
/* PROF - MENU DOPDOWN */
.edit-profile-section .multi-select__content {
max-height: 700px !important;
left: 0;
border-radius: 0 0 5px 5px;
box-shadow: 0 1px 3px rgba(245, 8, 8, 0.1);
box-sizing: border-box;
border: 1px solid green !important;
}
/* (new395) EDIT - PROFILE - EDIT - SAVE */
.user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile .bottom-container ,
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile .bottom-container,
.user-page .edit-profile-section .edit-profile-block .bottom-container {
position: fixed !important;
display: inline-block !important;
height: 4vh !important;
width: 100% !important;
max-width: 85px !important;
min-width: 85px !important;
top: 146px !important;
left: 1111px !important;
margin: 0 !important;
padding: 5px;
text-align: center;
border-radius: 5px !important;
z-index: 50000 !important;
background: #111 !important;
border: 1px solid yellow !important;
}
.user-page .edit-profile-section .edit-profile-block .bottom-container .buttons-block {
display: inline-block !important;
max-width: 100% !important;
min-width: 100% !important;
padding-left: 0px !important;
color: red !important;
}
/* SAVE DISABLE */
/* .user-page .edit-profile-section .edit-profile-block .bottom-container .buttons-block button.xh-button[disabled] {
display: inline-block !important;
max-width: 100% !important;
min-width: 100% !important;
padding: 0px !important;
font-size: 10px !important;
text-align: center !important;
opacity: 0.2 !important;
color: gold !important;
background-color: red !important;
} */
/* SAVE ENABLE */
/* .user-page .edit-profile-section .edit-profile-block .bottom-container .buttons-block button.xh-button:not([disabled]) {
max-width: 80px !important;
min-width: 80px !important;
padding: 0px !important;
font-size: 17px !important;
text-align: center !important;
opacity: 0.2 !important;
color: gold !important;
background-color: green !important;
} */
/* (new395) *//* */
.user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile .bottom-container .save-profile-info {
min-width: 100% !important;
height: auto !important;
line-height: 19px !important;
padding: 0 !important;
font-size: 14px;
color: gold !important;
}
/* PROFILE - EDIT ABOUT - TXT/VIDS /IMG etc - CONATINER */
.field-row.about .field-container {
top: 31px;
}
/* (new205) EDIT - BLOG / STORY - === */
.text.xh-editor-content.xh-cf > s {
background: red !important;
}
/* (new210) BLOG - EDITOR */
.story-edit-page .post-create-form > article {
display: inline-block !important;
min-width: 550px !important;
max-width: 550px !important;
margin-left: 421px !important;
}
.story-edit-page fieldset .field-row .field-container,
.story-edit-page fieldset .field-row,
.story-edit-page article {
display: inline-block !important;
width: 100% !important;
min-width: 550px !important;
max-width: 550px !important;
margin-left: 0 !important;
text-align: left !important;
}
.story-edit-page .story-section .xh-editor {
position: relative;
display: inline-block !important;
min-width: 550px !important;
max-width: 550px !important;
min-height: 252px !important;
line-height: normal;
margin: 5px 0 0;
padding-top: 35px;
}
.story-edit-page .story-section .xh-editor .xh-editor-content {
color: var(--color-cobalt-darker, #303030);
display: inline-block !important;
max-width: 100%;
min-width: 100%;
padding-bottom: 20px;
white-space: pre-wrap !important;
}
/* POST EDIT - HEADER */
.story-edit-page .page-title-container {
margin-bottom: 8px;
margin-top: -25px;
padding: 5px;
}
/* POST EDIT - EDIT NAME */
.story-edit-page .post-create-form fieldset:not(.privacy) legend + .field-row {
position: fixed;
max-width: 560px !important;
min-width: 560px !important;
top: 45px !important;
left: 986px;
margin-bottom: 0;
z-index: 5000;
}
.story-edit-page .post-create-form fieldset:not(.privacy) legend {
position: fixed;
display: inline-block;
min-width: 560px !important;
top: 45px !important;
left: 986px;
text-align: center;
z-index: 7000;
background: #111 !important;
}
.story-edit-page fieldset .field-row .field-container.field-container-title {
display: block;
margin-left: 0;
min-width: 560px !important;
padding-bottom: 0;
padding-top: 20px;
}
.story-edit-page fieldset .field-row .field-container .input-text {
font-size: 14px;
min-width: 560px !important;
}
.story-edit-page fieldset .field-row {
display: inline-block !important;
margin-bottom: 30px;
text-align: left !important;
background: #111 !important;
}
/* POST EDIT - DRAGABLE VIDEO */
iframe.blog-video.draggable {
min-width: 120px !important;
max-width: 120px !important;
height: 50px !important;
border: 4px solid yellow !important;
}
/* POST EDIT - CONTAINER */
.story-edit-page fieldset .field-container.story-item {
top: -41px;
}
/* .xh-editor .editor-toolbar */
.story-edit-page .post-create-form .privacy,
.story-edit-page .post-create-form .buttons-block {
position: fixed !important;
width: 58px !important;
min-height: 155px !important;
left: 986px !important;
top: 257px;
padding: 5px;
text-align: center;
}
.story-edit-page .xh-editor .editor-toolbar,
.story-edit-page .xh-editor .editor-toolbar.sticky {
position: fixed !important;
width: 88px !important;
min-height: 185px !important;
top: 257px;
left: 994px !important;
padding: 5px;
text-align: center;
border-radius: 5px!important;
z-index: 500 !important;
border: 1px solid red !important;
}
.story-edit-page .xh-editor .editor-toolbar.sticky {
left: 168px !important;
}
.story-edit-page .post-create-form .privacy {
position: fixed;
min-height: 100% !important;
max-height: 100% !important;
top: 95px !important;
right: 20px !important;
padding: 5px !important;
background: #333 !important;
}
.story-edit-page fieldset.privacy legend {
position: relative !important;
display: inline-block !important;
width: 100% !important;
top: 18px !important;
margin-bottom: 15px !important;
text-align: center !important;
}
.story-edit-page fieldset.privacy .field-row .field-container {
margin-bottom: -10px;
padding-bottom: 0px !important;
padding-top: 0px !important;
}
.story-edit-page .post-create-form .buttons-block {
position: fixed !important;
display: inline-block !important;
min-height: 24px !important;
max-height: 24px !important;
width: 560px !important;
top: 20px !important;
right: 0 !important;
text-align: center;
}
.story-edit-page .buttons-block .xh-button {
display: inline-block !important;
float: none;
}
/* (new395) POST EDIT - context-controls */
/* .about-me-block.editable-block.opened.edit iframe.blog-video, */
/* .about-me-block.editable-block.opened.edit img.blog-image, */
/* #profile-edit-personal .field-row.about iframe.blog-video, */
/* #profile-edit-personal .field-row.about img.blog-image , */
.story-edit-page .xh-editor.story-text.inline iframe.blog-video:not(.draggable) ,
.story-edit-page .post-create-form iframe.blog-video,
.story-edit-page .post-create-form img.blog-image {
margin-top: 20px !important;
}
.story-edit-page .xh-editor .context-controls .context-toolbar {
position: absolute;
height: 20px !important;
top: 3.4vh !important;
bottom: auto;
left: 0;
padding: 0;
background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(0, 0, 0, 1) 0px, transparent) repeat scroll 0 0;
}
.story-edit-page .xh-editor .context-controls .context-toolbar:hover {
background: red !important;
}
/* (new214) POST EDIT - IMG */
.story-edit-page .story-section .xh-editor .xh-editor-content iframe.blog-video {
float: none !important;
}
.story-edit-page .story-section .story-item .story-text img {
display: inline-block;
margin-bottom: 5px!important;
margin-right: 5px;
min-height: 10px;
min-width: 100% !important;
text-align: left;
}
/* SMALL */
.story-edit-page .story-section .story-item .story-text img.align-center.size-small {
max-height: 100px;
min-width: 100% !important;
object-fit: contain !important;
border: 1px solid yellow !important;
}
.story-edit-page .story-section .story-item .story-text img.align-left.size-small {
max-height: 100px;
min-width: 100% !important;
object-fit: contain !important;
object-position: 0% 50%;
}
.story-edit-page .story-section .story-item .story-text img.align-right.size-small {
max-height: 100px;
min-width: 100% !important;
object-fit: contain !important;
object-position: 95% 0%;
}
/* MEDIUM - GREEN*/
.story-edit-page .story-section .story-item .story-text img.align-center.size-medium {
max-height: 170px;
min-width: 100% !important;
object-fit: contain !important;
}
.story-edit-page .story-section .story-item .story-text img.align-left.size-medium {
max-height: 170px;
min-width: 100% !important;
object-fit: contain !important;
object-position: 0% 50%;
}
.story-edit-page .story-section .story-item .story-text img.align-right.size-medium {
max-height: 170px;
min-width: 100% !important;
object-fit: contain !important;
object-position: 95% 0%;
}
.story-edit-page img.blog-image.draggable {
display: inline-block !important;
width: 100% !important;
min-width: 150px !important;
max-width: 150px !important;
height: 80px !important;
object-fit: contain !important;
}
/* (new395) STORY - EDIT TOOLBAR */
.story-edit-page .xh-editor.story-text .context-controls .editor-link{
border-width: 1px;
white-space: nowrap;
font-size: 15px !important;
color: gold !important;
}
.story-edit-page .xh-editor.story-text .context-controls a.editor-link.active {
color: tomato !important;
}
.story-edit-page .xh-editor .editor-toolbar .editor-label.right,
.story-edit-page .xh-editor .editor-toolbar .editor-button {
display: inline-block;
line-height: 28px;
max-height: 30px;
min-height: 30px;
min-width: 50px !important;
overflow: hidden;
text-align: center;
color: red !important;
border-right: 1px solid #303030;
}
.story-edit-page .xh-editor .editor-toolbar .editor-button .xh-icon,
.story-edit-page .xh-editor .editor-toolbar .editor-label .xh-icon {
font-size: 17px !important;
}
.story-edit-page .xh-editor .editor-toolbar .editor-label.right {
min-height: 53px !important;
max-height: 53px !important;
margin-left: -2px !important;
padding: 0 2px !important;
font-size: 10px !important;
text-align: center !important;
border-top: 1px solid gold !important;
}
.story-edit-page .xh-editor .editor-toolbar .editor-label.right span {
float: left !important;
height: 27px !important;
min-width: 75px !important;
margin-left: -3px !important;
text-align: center !important;
font-size: 12px !important;
border-bottom: 1px solid gold !important;
}
/* (new292) BLOG EDIT - INDICATOR - CODE COLOR for IMAGES SIZE */
.story-edit-page .xh-editor .editor-toolbar:after,
.story-edit-page .xh-editor .editor-toolbar.sticky:before {
content: "🟨 Small \A 🟩 Medium \A 🟥 Large \A 🟦 Original" !important;
position: fixed;
display: inline-block !important;
min-height: 100px;
max-height: 100px;
width: 100% !important;
min-width: 88px !important;
max-width: 88px !important;
margin-left: 0px !important;
right: 825px !important;
top: 457px;
padding: 5px !important;
text-align: left;
border-radius: 5px;
font-size: 14px !important;
letter-spacing: 0.0em;
white-space: pre;
z-index: 500;
background: green !important;
border: 1px solid red;
}
/* (new395) EDIT PROFIL - from TOP MENU */
/* .user-page.edit-mode .user-header.user-header--small .user-tabs.sort-section.xh-tabbed {
left: 600px !important;
} */
/* .user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal .field-row.about .xh-editor .editor-toolbar {
min-width: 88px !important;
left: 1110px !important;
} */
/* .user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal .field-row.about .xh-editor .editor-toolbar .editor-button {
min-width: 76px !important;
border: 1px solid gray !important;
} */
/* .user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal .field-row.about .xh-editor .editor-toolbar:after,
.user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal .field-row.about .xh-editor .editor-toolbar.sticky:before {
right: 710px !important;
background: blue !important;
} */
/* (new395) */
/* EDIT PROFILE - NOT EDIT PAGE - from INSIDE */
/* .about-me-block.editable-block.opened .xh-editor .editor-toolbar:after,
.about-me-block.editable-block.opened .xh-editor .editor-toolbar:before {
min-width: 85px !important;
max-width: 85px !important;
min-height: 130px !important;
max-height: 130px !important;
top: 77vh !important;
right: 10px !important;
background: #333 !important;
}
*/
/* (new350) SMALL - YELLOW */
.user-page .edit-profile-block fieldset .field-row .field-container .text:not(.xh-editor) iframe.blog-video.size-small:not(.draggable),
.user-page .edit-profile-block fieldset .field-row .field-container .text:not(.xh-editor) img.blog-image.size-small:not(.draggable),
.profile-edit-personal iframe.blog-video.size-small:not(.draggable),
.profile-edit-personal img.blog-image.size-small:not(.draggable),
.about-me-block .text iframe.blog-video.size-small:not(.draggable),
.about-me-block .text img.blog-image.size-small:not(.draggable),
.story-edit-page .story-section .story-item .story-text .blog-video.size-small:not(.draggable),
.story-edit-page img.blog-image.size-small.draggable {
/* border: 1px solid yellow !important; */
}
.text.xh-editor-content .blog-video.align-center.toolbar-visible.size-small{
border: 1px solid yellow !important;
}
/* (new214) SMALL RIGHT */
.blog-video.toolbar-visible.size-small.align-right:not(.draggable) {
left: 339px !important;
}
/* (new350) MEDIUM - GREEN */
.user-page .edit-profile-block fieldset .field-row .field-container .text:not(.xh-editor) iframe.blog-video.size-medium:not(.draggable),
.user-page .edit-profile-block fieldset .field-row .field-container .text:not(.xh-editor) img.blog-image.size-medium:not(.draggable),
.profile-edit-personal iframe.blog-video.size-medium:not(.draggable),
.profile-edit-personal img.blog-image.size-medium:not(.draggable),
.about-me-block .text iframe.blog-video.size-medium:not(.draggable),
.about-me-block .text img.blog-image.size-medium:not(.draggable),
.story-edit-page .story-section .story-item .story-text .blog-video.size-medium:not(.draggable),
.story-edit-page .story-section .story-item .story-text img.align-center.size-medium {
/* border: 1px solid green!important; */
}
.text.xh-editor-content .blog-video.align-center.toolbar-visible.size-medium{
border: 1px solid green!important;
}
/* (new214) MEDIUM RIGHT */
iframe.blog-video.size-medium.align-right:not(.draggable) {
left: 164px !important;
}
/* (new350) LARGE - RED */
.user-page .edit-profile-block fieldset .field-row .field-container .text:not(.xh-editor) iframe.blog-video.size-large:not(.draggable),
.user-page .edit-profile-block fieldset .field-row .field-container .text:not(.xh-editor) img.blog-image.size-large:not(.draggable),
.profile-edit-personal iframe.blog-video.size-large:not(.draggable),
.profile-edit-personal img.blog-image.size-large:not(.draggable),
.about-me-block .text iframe.blog-video.size-large:not(.draggable),
.about-me-block .text img.blog-image.size-large:not(.draggable),
.story-edit-page .story-section .story-item .story-text .blog-video.size-large:not(.draggable),
.story-edit-page .story-section .story-item .story-text img.align-center.size-large:not(.draggable) {
/* border: 1px dotted red !important; */
}
.text.xh-editor-content .blog-video.align-center.toolbar-visible.size-large{
border: 1px dotted red !important;
}
/* (new214) LARGE RIGHT */
.blog-video.size-large.align-right:not(.draggable) {
left: -10px !important;
}
/* (new350) ORIGINAL - BLUE */
.user-page .edit-profile-block fieldset .field-row .field-container .text:not(.xh-editor) iframe.blog-video.size-original:not(.draggable),
.user-page .edit-profile-block fieldset .field-row .field-container .text:not(.xh-editor) img.blog-image.size-original:not(.draggable),
.profile-edit-personal iframe.blog-video.size-original:not(.draggable),
.profile-edit-personal img.blog-image.size-original:not(.draggable),
.about-me-block .text iframe.blog-video.size-original:not(.draggable),
.about-me-block .text img.blog-image.size-original:not(.draggable),
.story-edit-page .story-section .story-item .story-text .blog-video.size-original:not(.draggable),
.story-edit-page .story-section .story-item .story-text img.align-center.size-original:not(.draggable) {
/* border: 1px solid blue !important; */
}
.text.xh-editor-content .blog-video.align-center.toolbar-visible.size-original {
border: 1px solid blue !important;
}
/* EDIT - BLOG POPUP MODAL UPLOAD IMAGE */
.story-edit-page .xh-modal-wrapper.old.closed,
.story-edit-page .xh-modal-wrapper.with-scroll,
.story-edit-page .xh-modal-wrapper {
background-color: rgba(0, 0, 0, 0.55);
bottom: 0;
display: inline-block;
height: auto;
left: 0;
max-height: 35px;
max-width: 1200px;
min-height: 35px;
min-width: 1200px;
position: fixed;
right: 0;
top: 0;
z-index: 500000;
}
/* (new214) */
.story-edit-page .xh-modal-wrapper.old.opened {
display: inline-block;
width: 100% !important;
min-width: 335px !important;
max-width: 335px !important;
min-height: 910px !important;
left: 1550px !important;
top: 25px !important;
opacity: 1;
transition: visibility 0s ease 0s, opacity 0.3s ease 0s;
visibility: visible;
}
.story-edit-page .xh-modal-wrapper.opened .editor-insert-image.xh-modal.xh-editor-dialog.xh-tabbed {
position: fixed;
display: inline-block;
top: 35px !important;
right: 0 !important;
left: 75%;
height: auto;
opacity: 1;
transform: translate3d(-50%, 0px, 0px);
will-change: opacity, top;
z-index: 500000;
}
.story-edit-page .xh-modal-wrapper.opened .editor-insert-image.xh-modal.xh-editor-dialog.xh-tabbed .select-thumb-list:not(.gallery-list) {
height: 404px;
overflow: hidden;
overflow-y: auto;
}
.story-edit-page .xh-modal-wrapper.opened .editor-insert-image.xh-modal.xh-editor-dialog.xh-tabbed .select-thumb-list .item.uploaded {
width: 10%;
}
.editor-insert-image .has-preview {
background-position: center center;
background-size: contain;
max-height: 386px;
margin-top: 30px;
background-repeat: no-repeat;
}
.story-edit-page .xh-modal-wrapper .insert-video-dialog.xh-modal.xh-editor-dialog.normal.xh-tabbed,
.story-edit-page .xh-modal-wrapper .xh-modal.quick-upload-dialog {
position: fixed;
width: 300px !important;
height: auto;
right: 2% !important;
left: auto !important;
top: 25% !important;
margin-bottom: 0;
border-radius: 5px;
transform: translate3d(-20%, 0px, 0px) !important;
will-change: opacity, top;
z-index: 500000;
box-shadow: 4px 3px 4px rgb(0, 0, 0);
border: 1px solid red !important;
}
.story-edit-page .xh-modal-wrapper .insert-video-dialog.xh-modal.xh-editor-dialog.normal.xh-tabbed {
position: fixed;
width: 300px !important;
height: auto !important;
right: -25px !important;
left: auto !important;
top: 7% !important;
margin-bottom: 0;
border-radius: 5px;
transform: translate3d(-20%, 0px, 0px) !important;
will-change: opacity, top;
z-index: 500000;
box-shadow: 4px 3px 4px rgb(0, 0, 0);
border: 1px solid red !important;
}
.story-edit-page .xh-modal-wrapper .insert-video-dialog.xh-modal.xh-editor-dialog.normal.xh-tabbed .preview.has-preview.selected.item > iframe {
height: 200px !important;
width: 100%;
}
/* (new350) EDIT - BLOG / STORY - from ABOUT - === */
.about-me-block.editable-block.opened.edit {
position: fixed !important;
width: 95% !important;
height: 92vh !important;
top: 6.5vh !important;
left: 50px !important;
right: 0 !important;
background: black !important;
border: 1px solid red !important;
}
.user-page article .left-side .center-column .about-me-block.opened.edit .content-container {
display: block;
width: 33% !important;
left: 748px !important;
}
/* PROF - INSERT VIDEO / IMG */
.user-page .editor-insert-image.xh-modal.xh-editor-dialog.xh-tabbed,
.user-page .insert-video-dialog.xh-modal.xh-editor-dialog.normal.xh-tabbed {
position: fixed !important;
width: 490px !important;
height: auto;
left: 21% !important;
right: auto;
top: 10vh !important;
margin-bottom: 0;
opacity: 1;
transform: translate3d(-50%, 0px, 0px);
will-change: opacity, top;
z-index: 500000;
}
.user-page .xh-modal-wrapper .photo-crop-dialog.insert-video-dialog .has-preview iframe,
.user-page .xh-modal-wrapper .photo-crop-dialog.insert-video-dialog .preview iframe,
.user-page .xh-modal-wrapper .xh-editor-dialog.insert-video-dialog .has-preview iframe,
.user-page .xh-modal-wrapper .xh-editor-dialog.insert-video-dialog .preview iframe {
height: auto !important;
width: 100%;
}
/* EDIT - BLOG / STORY - from PROFILE - === */
.user-page.edit-mode .main-wrap main,
.user-page.edit-mode main .width-wrap {
display: inline-block !important;
min-height: 100vh !important;
max-height: 100vh !important;
overflow: hidden !important;
}
/* (new395) */
.user-page.edit-mode .main-wrap main {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
height: 100% !important;
max-height: 93.5vh !important;
min-height: 93.5vh !important;
padding: 0px 0px !important;
/* border: 1px solid aqua !important; */
}
.user-page.edit-mode .main-wrap article.width-wrap .edit-profile-section {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
height: 100% !important;
max-height: 93.5vh !important;
min-height: 93.5vh !important;
padding: 0px 0px !important;
/* border: 1px solid aqua !important; */
}
.user-page.edit-mode .main-wrap article.width-wrap .edit-profile-section .edit-profile-block.column-block {
/* position: fixed !important; */
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
height: 100% !important;
/* max-height: 93.5vh !important;
min-height: 93.5vh !important; */
margin: 0 0 0 5px !important;
padding: 0px 0px !important;
/* border: 1px solid aqua !important; */
}
/* (new293) EDIT PROFILE */
.user-page .edit-profile-section .side-container {
float: none !important;
width: 100% !important;
margin: 5px 0 5px 0 !important;
border-bottom: 2px solid red !important;
}
.user-page .edit-profile-section .side-container .edit-menu li {
float: left !important;
height: 25px !important;
vertical-align: bottom !important;
width: 12% !important;
line-height: 15px !important;
margin: 3px !important;
padding: 5px 10px;
border-radius: 5px;
font-size: 14px;
text-align: center;
background: #222;
border: 1px solid red !important;
}
.user-page .edit-profile-section .side-container .edit-menu li.active {
float: left !important;
height: 25px !important;
vertical-align: bottom !important;
width: 17% !important;
line-height: 15px !important;
margin: 3px !important;
padding: 5px 10px;
border-radius: 5px;
font-size: 14px;
text-align: center;
background: green !important;
border: 1px solid gold !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block {
position: relative !important;
display: inline-block !important;
float: none !important;
width: 99.5% !important;
height: 100% !important;
margin-left: 5px;
left: 0px !important;
border-radius: 0 !important;
}
.user-page article .column-block .content-container-no-overflow {
position: relative !important;
display: inline-block !important;
float: none !important;
width: 100% !important;
min-height: 88.5vh !important;
max-height: 88.5vh !important;
margin-left: 0px;
left: 0px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new293) EDIP PROF - LEFT - ALL */
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset {
float: left;
clear: both !important;
min-width: 18% !important;
max-width: 18% !important;
margin: 0px 0 0px 0 !important;
padding: 0 5px !important;
border: 1px solid red !important;
border-right: 4px solid green !important;
}
/* (new387) EDIP PROF - LEFT - EDIT EMAIL */
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#email {
position: relative !important;
clear: both;
float: left;
max-width: 18% !important;
min-width: 18% !important;
margin: 0px !important;
top: -1.5vh !important;
padding: 0vh 5px 2vh 5px !important;
overflow: hidden !important;
z-index: 0 !important;
background: #111 !important;
/* border: 1px solid violet !important; */
border-right: 4px solid yellow !important;
}
/* (new293) EDIP PROF - LEFT - EDIT AVATAR */
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-avatar {
position: relative !important;
clear: both;
float: left;
max-width: 18% !important;
min-width: 18% !important;
margin: 0px !important;
top: 3vh !important;
padding: 0vh 5px 2vh 5px !important;
overflow: hidden !important;
z-index: 0 !important;
background: #111 !important;
/* border: 1px solid violet !important; */
border-right: 4px solid green !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-avatar legend {
position: relative;
display: inline-block;
max-width: 100%;
min-width: 100%;
height: 29px !important;
line-height: 18px;
margin: 0px 0 20px 0 !important;
top: 9px !important;
padding: 2px 8px !important;
font-size: 14px;
overflow: hidden !important;
z-index: 0 !important;
color: gold;
border: 1px solid gold;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-avatar .field-row label {
position: relative;
width: 100% !important;
line-height: 15px !important;
margin: 20px 0 0 0 !important;
text-align: center;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-avatar .field-row label {
color: silver !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-avatar .field-row p > b {
line-height: 15px !important;
text-align: center;
color: gold !important;
background: black !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-avatar .field-row p.edit-profile-section__amateur-info {
width: 100% !important;
line-height: 15px !important;
text-align: center;
color: silver !important;
}
/* (new293) EDIT PROF - LEFT - INTRO / */
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-intro {
position: absolute !important;
float: none !important;
clear: none !important;
min-width: 14% !important;
max-width: 14% !important;
margin: 0 0 0 0 !important;
top: -0.7vh !important;
left: 19% !important;
padding: 0 5px 0 5px !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-intro .field-container .intro-item {
float: left;
width: 97% !important;
margin: 0 0 5px 0 !important;
padding: 3px !important;
border-radius: 4px !important;
border: 1px solid olive !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-intro .field-container .intro-item .image-container {
position: relative;
display: inline-block !important;
width: 100% !important;
margin-bottom: 3px;
border-radius: 2px;
background-position: 50% center;
background-size: cover;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-intro .field-container .intro-item .image-container .transparent {
display: inline-block !important;
width: 35% !important;
}
.user-page .edit-profile-block fieldset .field-row .field-container .intro-item .image-container .beta-intro,
.user-page .edit-profile-block fieldset .field-row .field-container .intro-item .image-container .beta-intro-video {
position: absolute;
left: 40% !important;
top: 2vh !important;
font-size: 20px !important;
}
/* (new293) EDIT PROF - LEFT - PERSONAL / */
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#personal {
position: absolute !important;
float: none !important;
clear: none !important;
height: 100% !important;
min-height: 14.5vh !important;
max-height: 14.5vh !important;
min-width: 14% !important;
max-width: 14% !important;
margin: 0 0 0 0 !important;
margin: 0 0 0 0% !important;
left: 19% !important;
top: 33.5vh !important;
padding: 0 5px 10px 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#personal .field-row .field-container.edit-middle {
margin: 5px 0 -15px 0 !important;
width: 100%;
}
/* (new293) DATING */
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-dating-photos {
position: absolute !important;
float: none !important;
clear: none !important;
height: 20vh !important;
min-width: 18% !important;
max-width: 18% !important;
margin: 0 0 0 0 !important;
margin: 0 0 0 0% !important;
left: 0% !important;
top: 67vh !important;
padding: 0 5px 0px 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
/* background: olive !important; */
}
.user-page .edit-profile-block fieldset .field-row.seeking {
height: 8vh !important;
margin-bottom: 3vh !important;
}
.user-page .edit-profile-block fieldset .field-row__bottom-text.show {
position: absolute !important;
width: 100% !important;
height: 3.2vh !important;
line-height: 14px !important;
margin: 3.7vh 0 0 0px !important;
padding: 0 0 0 0 !important;
text-align: left !important;
overflow: hidden !important;
z-index: 500 !important;
color: silver !important;
background: brown !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-dating-photos .field-row label {
position: relative;
width: 100% !important;
line-height: 14px !important;
margin: 0px 0 0 0 !important;
padding: 0 0 0 0 !important;
text-align: left !important;
color: red;
background: #111 !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-dating-photos #seeking + .field-row label {
position: absolute !important;
width: 100px !important;
height: 1.8vh !important;
line-height: 14px !important;
margin: -3vh 0 0 0 !important;
padding: 0 0 0 0 !important;
text-align: left !important;
overflow: hidden !important;
z-index: 500 !important;
color: silver !important;
background: #111 !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-dating-photos #seeking + .field-row label:hover {
position: absolute !important;
width: 100% !important;
height: 10vh !important;
/* line-height: 10px !important; */
margin: -12vh 0 0 0 !important;
padding: 0 0 0 5px !important;
text-align: left !important;
overflow-y: auto !important;
z-index: 1000 !important;
background: brown !important;
}
.user-page .edit-profile-block fieldset .field-row label .additional-tip {
display: block;
line-height: 15px !important;
color: gold !important;
}
.user-page .edit-profile-block fieldset .field-row label .additional-tip br {
display: none !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-dating-photos > #seeking + .field-row .field-container > div {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-dating-photos > #seeking + .field-row .field-container > div > div {
height: 40px !important;
width: 40px !important;
}
/* (new293) EDIT PROF - LEFT - TWITTER / */
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#twitter-connect {
position: absolute !important;
float: none !important;
clear: none !important;
min-width: 25px !important;
max-width: 25px !important;
height: 35px !important;
margin: 0 0 0 0% !important;
left: 18.5% !important;
top: 0vh !important;
padding: 0 0 0 0 !important;
border-radius: 5px 3px 0 5px !important;
overflow: hidden !important;
z-index: 5000000 !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#twitter-connect:hover {
position: absolute !important;
float: none !important;
clear: none !important;
min-width: 16% !important;
max-width: 16% !important;
height: auto !important;
margin: 0 0 0 0% !important;
left: 18.5% !important;
top: 0vh !important;
padding: 5px 5px 0 5px !important;
background: #111 !important;
border: 1px solid red !important;
}
/* (new293) EDIT PROF - LEFT - SOCIAL */
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#twitter-connect + fieldset {
position: absolute !important;
display: inline-block !important;
float: none !important;
clear: none !important;
min-width: 18.9% !important;
max-width: 18.9% !important;
height: 100% !important;
min-height: 30px !important;
max-height: 30px !important;
line-height: 15px !important;
margin: 0 0 0 0% !important;
left: 0 !important;
top: 15.2vh !important;
padding: 0px !important;
overflow: hidden !important;
z-index: 500000 !important;
/* background: blue !important; */
border: unset !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#twitter-connect + fieldset:hover {
position: fixed !important;
float: none !important;
clear: none !important;
min-width: 32.9% !important;
max-width: 32.9% !important;
min-height: 45vh !important;
max-height: 45vh !important;
margin: 0 0 0 0% !important;
left: 2% !important;
top: 10vh !important;
border-radius: 5px !important;
padding: 5px 5px 0 5px !important;
overflow: hidden !important;
z-index: 5000000 !important;
background: #333 !important;
border: 1px dashed red !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#twitter-connect + fieldset legend {
position: relative;
display: inline-block;
max-width: 100%;
min-width: 100%;
height: 30px;
line-height: 30px;
top: 0vh !important;
margin: 0 !important;
padding: 0 5px !important;
font-size: 14px;
text-align: center !important;
z-index: 500000;
color: aqua !important;
background: black !important;
border: 1px solid aqua !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#twitter-connect + fieldset legend::before {
content: "";
position: absolute;
display: inline-block;
height: 31px;
line-height: 31px;
margin-bottom: 10px;
left: 5px !important;
top: 0;
padding: 0 1px;
text-align: center;
font-size: 22px !important;
font-family: xh-icons !important;
color: #e34449 !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#twitter-connect + fieldset input.input-text {
display: inline-block;
width: 100% !important;
min-width: 80% !important;
max-width: 80% !important;
}
/* (new293) EDIT PROF - LEFT - PHYSICAL */
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#physical {
position: absolute !important;
float: none !important;
clear: none !important;
min-width: 14% !important;
max-width: 14% !important;
height: 39.5vh !important;
margin: 0 0 0 0% !important;
left: 19% !important;
bottom: 0 !important;
padding: 0vh 5px 0 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#physical .field-row .field-container.edit-middle {
width: 100%;
margin: 0 0 -15px 0 !important;
}
.user-page .edit-profile-block fieldset .field-row.height .field-container .switch-dimensions {
position: relative !important;
display: inline-block !important;
clear: left !important;
float: right;
width: 100%;
height: 15px !important;
line-height: 15px !important;
margin: 2px 0 -20px 0 !important;
text-align: center !important;
}
.user-page .edit-profile-block fieldset .field-row.height label {
position: relative !important;
top: -15px !important;
margin: 0px 0 -10px 0 !important;
padding: 2px 5px;
text-align: left;
width: 100%;
}
.user-page .edit-profile-block fieldset .field-row.height .field-container {
position: relative !important;
display: inline-block !important;
width: 100% !important;
height: 28px !important;
line-height: 25px !important;
margin: 0px 0 -20px 0 !important;
top: -15px !important;
}
.user-page .edit-profile-block fieldset .field-row.height .field-container .input-text {
float: left;
width: 55px;
height: 25px !important;
margin-right: 10px;
}
/* EDIT - ARROW UP */
.user-page .edit-profile-section footer .up-arrow.hidden {
position: fixed !important;
display: inline-block !important;
width: 40px !important;
height: 40px !important;
bottom: 3px !important;
right: 38px !important;
text-align: center;
opacity: 1 !important;
cursor: pointer;
transition: visibility .3s linear, opacity .3s linear;
visibility: visible !important;
z-index: 5559998 !important;
}
/* EDIT PRIVACY */
.tab.tab-delete-account,
.tab.tab-password,
.tab.tab-privacy {
height: auto !important;
width: 881px;
padding: 10px 20px;
background: black;
}
.user-page .edit-profile-section .edit-profile-block .tab.tab-privacy fieldset legend {
padding-bottom: 8px;
width: 100%;
height: 25px;
line-height: 24px;
line-height: 19px;
vertical-align: middle !important;
font-size: 14px;
text-align: center;
border: 1px solid gold;
}
.user-page .edit-profile-section .edit-profile-block .tab.tab-privacy fieldset .field-row {
display: inline-block;
width: 420px;
padding: 5px;
border: 1px solid green;
}
.user-page .edit-profile-section .edit-profile-block .tab.tab-privacy fieldset .field-row > label {
line-height: 24px;
margin: 7px 0;
text-align: left;
min-width: 100%;
background: #222 !important;
}
.user-page .edit-profile-section .edit-profile-block .tab.tab-privacy fieldset .field-row .field-container.checkboxes label {
line-height: 24px;
margin: 7px 0;
text-align: left;
min-width: 100%;
color: gold;
background: #333 !important;
}
.user-page .edit-profile-section .edit-profile-block .tab.tab-privacy fieldset:nth-child(2) .field-row.with-select {
height: 164px;
}
.user-page .edit-profile-section .edit-profile-block .tab.tab-privacy fieldset:nth-child(2) .field-row.with-select label:before {
content: "Orientation:";
color: gold;
}
.user-page .edit-profile-section .edit-profile-block .tab.tab-privacy fieldset:nth-child(2) .field-row.with-select .field-container {
float: none;
min-width: 100%;
height: 109px;
padding: 5px;
}
.user-page .edit-profile-section .edit-profile-block .tab.tab-password .field-row .field-container {
float: none;
min-width: 70%;
height: 30px;
padding: 5px;
}
.user-page .edit-profile-section .edit-profile-block .tab.tab-delete-account .field-row .field-container {
float: none;
min-width: 100%;
height: 90px;
padding: 5px;
}
.user-page .edit-profile-section .edit-profile-block .tab.tab-privacy fieldset:nth-child(2) .field-row.with-select .field-container .multi-select {
height: 105px !important;
margin-right: 1px;
width: 338px;
background: #333 !important;
}
/* PROFILE - PASSWORD */
.user-page .edit-profile-block .tab.tab-password fieldset {
border-bottom: 1px solid var(--color-gray, #ccc);
margin: 0 -20px;
padding: 0 20px 10px;
}
.user-page .edit-profile-block .tab.tab-password fieldset .field-row {
margin-bottom: 20px !important;
}
.user-page .edit-profile-block .tab.tab-password fieldset .field-row label {
float: left !important;
width: auto !important;
min-width: 300px !important;
padding: 0 5px !important;
background: #222 !important;
}
.user-page .edit-profile-block .tab.tab-password fieldset .field-row .field-container {
float: left !important;
height: 30px;
min-width: 60% !important;
padding: 5px;
}
.user-page .edit-profile-block .tab.tab-password fieldset .field-row .field-container .input-text {
display: inline-block !important;
height: 25px !important;
line-height: 20px !important;
}
/* EDIT - GALLERY / PHOTOS - === */
.user-gallery-edit .page-title-container {
height: 25px;
padding: 5px 0 5px;
border-bottom: 1px solid #303030;
}
.page-title-container .page-title {
float: left;
height: 18px;
line-height: 16px;
font-size: 16px;
font-weight: 700;
color: #dadada;
}
.user-gallery-edit main {
display: block;
padding: 0 0 !important;
z-index: 1;
}
.user-gallery-edit main .width-wrap {
min-width: 960px;
padding: 0 5px;
}
.user-gallery-edit .user-gallery-edit-form .fields-container {
position: absolute !important;
display: inline-block;
margin-bottom: 0px !important;
top: -27px !important;
left: 720px !important;
}
.user-gallery-edit .user-gallery-edit-section .fields-container.submit-section {
position: absolute !important;
display: inline-block;
margin-bottom: 0px !important;
top: -27px !important;
left: 950px !important;
}
.user-gallery-edit .user-gallery-edit-form {
box-sizing: content-box;
max-width: 1920px;
padding: 0 4px;
}
.user-gallery-edit .user-gallery-edit-form .selectize-input.items.full.has-options.has-items {
left: -197px;
}
.user-gallery-edit .user-gallery-edit-form .fields-container .select-privacy {
display: block;
float: left;
margin-right: 10px;
height: 20px;
}
.user-gallery-edit-form > label {
left: 650px;
position: absolute !important;
width: 480px;
border: 1px solid red !important;
top: -30px !important;
display: inline-block !important;
}
.user-gallery-edit .user-gallery-edit-form .fields-container .selectize-control.select-privacy.selectize.single .selectize-input.items.full.has-options.has-items {
border: 1px solid #303030;
border-radius: 3px;
box-sizing: border-box;
display: inline-block;
max-height: 20px;
line-height: 15px !important;
overflow: hidden;
padding: 2px;
position: relative;
width: 100%;
z-index: 1;
}
.user-gallery-edit .user-gallery-edit-form .submit-section {
background-color: #101010;
border-radius: 2px;
padding: 0 24px;
}
.user-gallery-edit .user-gallery-edit-form .select-thumb-list .item {
width: 5%;
}
/* END ======== EDITION ==== PROFILE / BLOG / STORY / GALLERY / PHOTOS ======= */
/* START ===== BLOGS / STORY PAGES - ========== */
/* (new341) BLOG - BLOG LIST PAGES - PB For GM "Superloader Plus (but ONLY LOAD 404 pages...) - === */
html.user-page.user-blog-page.my-uploads-page .main-wrap ~ .sp-separator ~ .main-wrap main > .width-wrap .error404 ~ div ,
html.user-page.user-blog-page.my-uploads-page .main-wrap ~ .sp-separator ~ .main-wrap main .beta-preloader .preloader-inner ,
html.user-page.user-blog-page.my-uploads-page .main-wrap ~ .sp-separator ~ .main-wrap main .beta-preloader {
display: none !important;
}
/* (new341) BLOGS USER - LIST*/
/* (new341) STORY / MY BLOGS LIST - USER PROFILE - THUMBNAILS - HEIGHT */
html.user-page.user-blog-page.my-uploads-page {
display: inline-block !important;
height: auto !important;
}
.user-page.user-blog-page.my-uploads-page body {
display: inline-block !important;
height: auto !important;
}
.user-page.user-blog-page.my-uploads-page .main-wrap {
position: relative !important;
display: inline-block !important;
height: auto !important;
margin: 0px 0 0 0 !important;
padding-left: 0 !important;
overflow: visible !important;
}
.user-page.user-blog-page.my-uploads-page .main-wrap main {
padding: 30px 0 0 0 !important;
}
.user-page.my-uploads-page.user-blog-page main .width-wrap {
display: inline-block !important;
width: 99vw !important;
min-width: 99vw !important;
max-width: 100vw !important;
height: 100% !important;
min-height: 100vh !important;
top: 2.5vh !important;
overflow: hidden !important;
/* border: 1px solid lime !important; */
}
/* (new351) */
.user-page.user-blog-page.my-uploads-page .user-content-section .content-column {
display: inline-block !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 5px 5px 0 15px !important;
}
.user-page.user-blog-page.my-uploads-page .user-content-section .content-column .xh-tabs.stories-section {
display: inline-block !important;
min-width: 100% !important;
height: auto !important;
min-height: 100vh !important;
/* max-height: 100vh !important; */
margin: 0px 0 0 0 !important;
}
.user-page.user-blog-page.my-uploads-page .user-content-section .content-column .xh-tabs.stories-section .blog-list.stories-list.my-items.clearfix-after {
padding: 5px 0 0 0 !important;
}
/* (new379) BLOG - ITEMS */
.user-page.user-blog-page.my-uploads-page .item.blog,
.user-page.my-uploads-page .mixed-list.stories-list.my-items.clearfix-after .item.story.type-blog {
position: relative !important;
display: inline-block !important;
height: 18vh !important;
width: 49.2% !important;
min-width: 24.5% !important;
max-width: 24.5% !important;
margin: 0 0 5px 6px !important;
padding: 0 5px;
border-radius: 5px !important;
overflow: hidden;
border: 1px solid red;
}
.user-page.user-blog-page.my-uploads-page .item.blog .heading,
.user-page.my-uploads-page .mixed-list.stories-list.my-items.clearfix-after .item.story.type-blog .heading {
float: right !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0 0 0px 0px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.user-page.user-blog-page.my-uploads-page .content-column .label {
float: left !important;
margin-left: -2px;
margin-top: -28px;
top: 0;
}
.user-page.user-blog-page.my-uploads-page .item.blog .item-categories {
position: absolute !important;
display: inline-block !important;
height: 21px !important;
min-width: 180px !important;
max-width: 180px !important;
right: 15px !important;
text-align: right !important;
z-index: 500 !important;
overflow: hidden !important;
}
.user-page.user-blog-page.my-uploads-page .item.blog .item-categories:hover {
position: absolute !important;
display: inline-block !important;
height: auto !important;
min-width: 180px !important;
max-width: 180px !important;
right: 15px !important;
text-align: right !important;
z-index: 500 !important;
overflow: hidden !important;
}
.user-page.user-blog-page.my-uploads-page .stories-section .tab-favorite.current-tab .item.blog .item-categories:after {
content: "▼ Tags";
position: absolute;
display: inline-block;
height: 20px;
line-height: 20px;
min-width: 55px;
max-width: 50px;
top: 0px;
right: 4px;
text-align: right;
z-index: 500;
}
.user-page.user-blog-page.my-uploads-page .item.blog .item-categories .item {
position: relative !important;
display: block !important;
height: 20px !important;
line-height: 20px !important;
min-width: 100px !important;
max-width: 100px !important;
margin: 0 25px 0px 0px !important;
text-align: left !important;
}
.blog-list.stories-list.my-items .text > p > br + br {
display: block !important;
margin-bottom: -1px !important;
}
.item.blog img.blog-image.deprecated,
.user-page.user-blog-page.my-uploads-page .item.blog .blog-image.no-align.deprecated {
max-height: 200px !important;
width: auto !important;
}
.user-page.user-blog-page.my-uploads-page .item.blog .text .thumb-container {
background-repeat: no-repeat;
background-size: contain;
}
/* BLOG - THUMBNAILS - WATCH MORE */
.blog-list .item.blog .text .images-only .thumb-container:last-child .thumb-container__image::before,
.blog-list .item.story .text .images-only .thumb-container:last-child .thumb-container__image::before,
.news-list .item.blog .text .images-only .thumb-container:last-child .thumb-container__image::before,
.news-list .item.story .text .images-only .thumb-container:last-child .thumb-container__image::before,
.stories-list .item.blog .text .images-only .thumb-container:last-child .thumb-container__image::before,
.stories-list .item.story .text .images-only .thumb-container:last-child .thumb-container__image::before {
content: attr(data-placeholder)" ▶ ";
padding-top: 145px !important;
color: gold !important;
}
/* (new264) FAVS - STORIES / BLOGS */
.user-page.favorites-page .width-wrap .user-content-section .content-column .favorites-list.stories-favorites-list.stories-section:not(.xh-helper-hidden) {
width: 100vw !important;
margin-left: -5px;
margin-top: 0px;
padding-left: 0;
}
.user-page.favorites-page .width-wrap .user-content-section .content-column .favorites-list.stories-favorites-list.stories-section .mixed-list.stories-list.my-items {
position: relative;
width: 100vw !important;
margin-left: 0;
margin-right: 0;
}
.blog-list .item.blog,
.blog-list .item.story,
.news-list .item.blog,
.news-list .item.story,
.stories-list .item.blog,
.stories-list .item.story {
display: inline-block;
width: 40% !important;
height: 245px !important;
margin-bottom: 10px;
margin-right: 1px;
margin-left: 6px;
padding: 0 5px;
overflow: hidden;
}
.user-page article .column-block.favorite-stories-block .blog-list .item.blog:last-child,
.user-page article .column-block.favorite-stories-block .blog-list .item.blog {
display: inline-block !important;
float: none !important;
height: 45px !important;
width: 49.5% !important;
margin-top: -2px;
margin-right: 4px !important;
margin-bottom: 4px !important;
margin-left: -3px !important;
padding: 0 5px;
overflow: hidden;
border: 1px solid gray !important;
}
/* (new429) - BLOG - VIDEO INTRO */
.user-page.user-blog-page.my-uploads-page .item.blog .text,
.user-page.my-uploads-page .mixed-list.stories-list.my-items.clearfix-after .item.story.type-blog .text {
display: inline-block !important;
height: 13vh !important;
width: 100% !important;
margin: 0 0 0 0 !important;
overflow: hidden;
padding: 0 !important;
border: 1px solid #404040;
/* border: 1px solid aqua !important; */
}
/* (new379) */
.user-page.user-blog-page.my-uploads-page .item.blog .text p {
display: inline-block !important;
height: 100% !important;
width: 100% !important;
margin: 0 0 0 0 !important;
padding: 0 5px !important;
overflow: hidden;
overflow-y: auto;
border: 1px solid #404040;
}
.user-page.user-blog-page.my-uploads-page .item.blog .text a.read-more,
.user-page.user-blog-page.my-uploads-page .item.blog .text .link-inner {
float: left !important;
width: 100% !important;
line-height: 15px !important;
}
.user-page.user-blog-page.my-uploads-page .item.blog .text .link-inner {
float: left !important;
width: 100% !important;
line-height: 15px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: peru !important;
}
.user-page.user-blog-page.my-uploads-page .item.blog .text .link-inner:visited {
color: tomato !important;
}
.user-page.user-blog-page.my-uploads-page .item.blog .text .link.item {
width: 400px !important;
height: 142px;
margin-top: 3px;
margin-bottom: 0 !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center, center !important;
}
.user-page.user-blog-page.my-uploads-page .item.blog .text .link.item .status.video-intro .icon-container {
height: 23px !important;
line-height: 25px !important;
width: 19px !important;
margin-top: -6px !important;
}
/* (new311) BLOG - LARGE IMG */
.user-page.user-blog-page.my-uploads-page .item.blog .text p .blog-image.align-center.size-large {
float: left;
height: 15vh;
margin: 0 20px 0 0 !important;
background-repeat: no-repeat;
background-size: contain;
}
/* (new327) BLOG / STORY - COLUMNS - TEXT CONTAINER */
.story-section .story-item .story-text:not(.xh-editor) {
width: 100% !important;
line-height: 17px !important;
min-width: 1670px !important;
max-width: 1670px !important;
padding: 2.6vh 5px 5px 5px !important;
color: gray;
column-gap: 50px !important;
column-rule: 3px outset #ff0000;
column-width: 380px !important;
font-size: 15px !important;
text-align: left !important;
overflow: hidden !important;
overflow-y: auto !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
/* (new334) BLOG / STORY PAGES - TOP TITLLE ITEM (USER NAME + BLOG) */
.story-page .page-title-container {
position: fixed;
display: inline-block;
width: 220px !important;
top: 2.4vh !important;
margin: 0;
padding: 3px 0px 0 8px !important;
background: #111 !important;
border-bottom: 1px solid red !important;
}
.story-page .page-title-container .page-title {
display: inline-block;
width: 100% !important;
height: auto !important;
line-height: 15px !important;
padding: 0px 0 0 0 !important;
}
.story-page .page-title-container .page-title a.link[href*="/users/"]:not([href*="/blog"]) {
float: left !important;
width: 100% !important;
padding: 0 0 0 0px !important;
color: peru !important;
}
.story-page .page-title-container .page-title .xh-icon.arrow-right {
float: left !important;
color: peru !important;
}
/* (new327) BLOG / STORY PAGES - INFO PANEL - === */
.story-page .story-page-container .story-section .entity-container.entity-container--bordered {
position: fixed;
display: inline-block;
height: 832px;
width: 210px;
left: 0px;
top: 60px !important;
border: 1px solid #404040;
}
/* BLOG / STORY PAGES */
.main-wrap .width-wrap main.story-page-container.clearfix-after.story-page-container section .entity-container.entity-container--bordered {
width: 205px !important;
height: 872px !important;
top: 30px !important;
border: 1px solid red !important;
}
.main-wrap .width-wrap main.story-page-container.clearfix-after.story-page-container section .entity-container.entity-container--bordered {
margin-bottom: 0;
top: 0px !important;
}
.main-wrap .width-wrap main.story-page-container.clearfix-after.story-page-container section .entity-container.entity-container--bordered .entity-container__block.entity-container__block--controls.entity-controls-container.entity-controls-container--with-rating.exclude-tablet {
margin-top: 120px !important;
}
.main-wrap .width-wrap main.story-page-container.clearfix-after.story-page-container section .entity-container.entity-container--bordered .entity-controls-container__rating.rating-block {
margin-left: -4px !important;
height: 26px !important;
width: 203px !important;
padding: 0px !important;
border: 1px solid yellow !important;
}
.main-wrap .width-wrap main.story-page-container.clearfix-after.story-page-container section .entity-container.entity-container--bordered .entity-controls-container__rating.rating-block .rating-block__block i,
.main-wrap .width-wrap main.story-page-container.clearfix-after.story-page-container section .entity-container.entity-container--bordered .entity-controls-container__rating.rating-block .rating-block__block {
height: 24px !important;
line-height: 20px !important;
}
.main-wrap .width-wrap main.story-page-container.clearfix-after.story-page-container section .entity-container.entity-container--bordered .entity-controls-container__rating.rating-block .rating-block__block:not(.rating-block__block--info) {
width: 40px !important;
border: 1px solid red !important;
}
.main-wrap .width-wrap main.story-page-container.clearfix-after.story-page-container section .entity-container.entity-container--bordered .rating-block__block.rating-block__button.rating-block__button--like.exclude-tablet {
float: left !important;
border: 1px solid green !important;
}
.main-wrap .width-wrap main.story-page-container.clearfix-after.story-page-container section .entity-container.entity-container--bordered .rating-block__block.rating-block__button.rating-block__button--dislike.exclude-tablet {
float: right !important;
border: 1px solid red !important;
}
.main-wrap .width-wrap main.story-page-container.clearfix-after.story-page-container section .entity-container.entity-container--bordered .entity-container__block.entity-description-container {
height: 25px !important;
margin-top: 17px !important;
padding: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid tomato !important;
}
.main-wrap .width-wrap main.story-page-container.clearfix-after.story-page-container section .entity-container.entity-container--bordered .entity-container__block.entity-description-container .categories-container__item {
transform: scale(0.7) !important;
transform-origin: top left !important;
padding: 0 5px !important;
}
.main-wrap .width-wrap main.story-page-container.clearfix-after.story-page-container section .entity-container.entity-container--bordered .entity-controls-container__controls.controls-container.controls-container--right {
position: relative;
float: left;
width: 202px !important;
left: -4px !important;
margin-top: 0px !important;
margin-right: 0 !important;
text-align: center;
background: black !important;
border: 1px solid green !important;
}
.story-page .story-page-container .entity-controls-container__controls.controls-container.controls-container--right {
position: relative;
float: left !important;
width: 60px !important;
margin-top: -45px !important;
text-align: center !important;
border: 1px solid #404040;
}
.story-page .story-page-container .entity-controls-container__controls.controls-container.controls-container--right .controls-container__item {
margin-left: 0px !important;
margin-right: 5px !important;
}
.story-page .story-page-container .story-section .entity-container__block.entity-info-container.entity-info-container--titled {
position: absolute;
top: 24px !important;
padding: 6px 5px !important;
}
.story-section .entity-container .entity-info-container__subscribe {
position: relative;
float: right;
width: 100% !important;
height: 16px !important;
margin-left: 5px;
margin-top: 0 !important;
top: -3px !important;
text-align: center !important;
}
.story-section .entity-container .entity-info-container__subscribe .subscribe-block__button {
height: 16px !important;
line-height: 14px !important;
padding: 0 10px;
}
.story-section .entity-container .entity-info-container__subscribe .subscribe-block__button span.subscribe-block__button-text,
.story-section .entity-container .entity-info-container__subscribe .subscribe-block__button span i,
.story-section .entity-container .entity-info-container__subscribe .subscribe-block__button span {
height: 16px !important;
line-height: 15px !important;
}
.story-page .story-page-container .story-section .entity-container__block.entity-controls-container {
height: 24px !important;
padding: 4px !important;
text-align: center !important;
}
/* (new432) BLOG - FAVS BUT - CONTAINER */
.story-page .story-page-container .story-section .entity-container__block.entity-controls-container .entity-controls-container__controls.controls-container.with-favorite-button-block{
position: absolute !important;
display: inline-block !important;
width: 100px !important;
height: 2vh !important;
margin: 0 !important;
top: 0vh !important;
/* border: 1px solid pink !important; */
}
/* (new432) BLOG - ADD FAV - BUTT */
/* FAV */
.story-page .story-page-container .story-section .entity-container__block.entity-controls-container .entity-controls-container__controls.controls-container.with-favorite-button-block .controls-container__item.control-container[data-role="add-to-favorite-button"]{
/* position: absolute !important; */
display: inline-block !important;
width: 20px !important;
height: 1.8vh !important;
margin: 0 !important;
top: 3vh !important;
padding: 0 !important;
font-size: 0 !important;
/* border: 1px solid yellow !important; */
}
.story-page .story-page-container .story-section .entity-container__block.entity-controls-container .controls-container__item button[class*="button-"][data-testid="favorite-button"] {
position: absolute !important;
display: inline-block !important;
width: 20px !important;
height: 1.8vh !important;
left: 20px !important;
padding: 0 !important;
font-size: 0 !important;
/* border: 1px solid aqua !important; */
}
.story-page .story-page-container .story-section .entity-container__block.entity-controls-container .controls-container__item button[class*="button-"][data-testid="favorite-button"] span {
position: absolute !important;
display: inline-block !important;
flex: unset !important;
vertical-align: text-bottom;
top: -2px !important;
left: 0px !important;
}
/* (new432) SHARE */
.story-page .story-page-container .story-section .entity-container__block.entity-controls-container .entity-controls-container__controls.controls-container.with-favorite-button-block .controls-container__item.control-container.share-control{
/* position: absolute !important; */
display: inline-block !important;
width: 30px !important;
height: 1.8vh !important;
margin: 0 !important;
top: -0.4vh !important;
padding: 0 !important;
/* font-size: 0 !important; */
/* border: 1px solid red !important; */
}
/*
/* BLOG / STORY - STORIES LIST - ==== */
.stories-page {
display: inline-block !important;
height: 100% !important;
min-height: 100% !important;
}
.stories-page body {
display: inline-block !important;
height: 100% !important;
min-height: 100% !important;
min-width: 960px;
padding: 0px !important;
}
.stories-page body .main-wrap > .width-wrap {
display: inline-block !important;
height: 100% !important;
min-height: 100% !important;
min-width: 960px;
padding: 0px !important;
}
.stories-page body .main-wrap > .width-wrap > main {
display: inline-block !important;
height: 100% !important;
min-height: 100% !important;
padding: 0 !important;
position: relative;
z-index: 1;
}
.stories-page body .main-wrap > .width-wrap > main > article {
height: 100% !important;
min-height: 100% !important;
margin-right: 0;
padding: 0 !important;
}
.stories-page .stories-section {
margin: 0 auto;
max-width: 100% !important;
position: relative;
}
.stories-page .stories-section .xh-header {
font-size: 18px !important;
line-height: 28px !important;
padding-bottom: 0px !important;
}
.stories-page .stories-section .language-switcher.xh-dropdown.xh-dropdown--select {
height: 29px !important;
top: -8px !important;
}
.stories-page .stories-section .xh-header-line {
margin-bottom: 5px !important;
}
.stories-page .stories-section .pager-section {
position: absolute !important;
height: 26px !important;
left: 500px !important;
top: -33px !important;
}
/* BLOG / STORY PAGES - COMMENTS CONTAINER - === */
.story-page .comments-section {
position: fixed;
width: 201px;
height: 646px;
left: 2px;
top: 236px !important;
margin-top: 0;
overflow: hidden !important;
z-index: 500 !important;
transition: all ease 0.2s !important;
transition-delay: 0s !important;
border: 1px solid #404040;
}
.story-page .comments-section:hover {
position: fixed;
width: 1901px !important;
height: 686px !important;
left: 2px;
margin-top: 0;
overflow: hidden !important;
z-index: 500 !important;
transition: all ease 0.3s !important;
background: black !important;
}
.story-page .comments-section #commentBox.width-wrap {
margin-top: 0px !important;
}
.story-page .comments-section .comments-wrap {
min-width: 198px !important;
max-width: 198px !important;
}
.story-page .comments-section:hover .comments-wrap {
min-width: 1899px !important;
max-width: 1899px !important;
margin-top: 0px !important;
border-top: 1px solid red !important;
}
.story-page .comments-section:hover #commentBox .comments-wrap .heading-container .heading.comments-heading.heading {
height: 20px !important;
line-height: 20px !important;
text-align: center !important;
}
.story-page .comments-section:hover #commentBox.width-wrap .content-container {
display: inline-block !important;
width: 1896px !important;
}
/* (new311) */
.story-page .comments-section:hover .content-container .comments-list {
display: inline-block !important;
width: 1901px !important;
height: 69vh !important;
margin-top: -10px;
overflow: hidden !important;
overflow-y: auto !important;
border-top: 1px solid gray;
}
/* (new265) */
.story-page .comments-section .content-container .comments-list .user span.xh-avatar.retired.small,
.story-page .comments-section .content-container .comments-list .user a span,
.story-page .comments-section .content-container .comments-list .user a img,
.story-page .comments-section .content-container .comments-list .user a,
.story-page .comments-section .content-container .comments-list .user,
.story-page .comments-section:hover .content-container .comments-list .user a span,
.story-page .comments-section:hover .content-container .comments-list .user a img,
.story-page .comments-section:hover .content-container .comments-list .user a,
.story-page .comments-section:hover .content-container .comments-list .user {
height: 20px !important;
line-height: 15px !important;
width: 20px !important;
font-size: 9px !important;
}
/* BLOG / STORY PAGES - COMMENTS - ADD MY COMMENT - === */
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment {
position: fixed !important;
float: right;
height: 25px;
line-height: 25px;
width: 205px !important;
top: 202px !important;
left: 1px !important;
border-radius: 3px;
overflow: hidden;
transition: all 0.7s ease 0s;
z-index: 500000 !important;
border: 1px solid lime;
background: black;
}
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment:hover {
position: fixed !important;
float: right;
height: 550px !important;
line-height: 25px;
min-width: 605px !important;
top: 208px !important;
left: 1px !important;
border-radius: 3px;
overflow: visible !important;
transition: all 0.7s ease 0s;
background: black;
}
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment .user {
position: relative;
display: block;
float: left;
width: 70px;
left: -40px;
top: 2px;
transform: scale(0.4);
transform-origin: right top 0;
z-index: 500;
}
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment .input-area {
width: 200px !important;
height: 19px !important;
line-height: 20px !important;
left: 0px;
top: -47px !important;
}
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment .comment-textarea .premessage {
top: 5px !important;
}
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment:hover .input-area {
min-width: 430px !important;
height: 544px !important;
left: 15px;
top: 6px !important;
}
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment .input-area > div {
width: 177px !important;
height: 19px !important;
margin-left: 23px;
margin-top: 0;
}
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment:hover .input-area > div {
min-width: 400px !important;
height: 494px !important;
left: 1px;
border: 1px solid gray !important;
}
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment .comment-textarea.focus,
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment .comment-textarea:not(.focus) {
display: inline-block !important;
width: 175px !important;
height: 100% !important;
max-height: 18px !important;
min-height: 18px !important;
line-height: 6px;
left: 0px !important;
top: 0px;
}
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment:hover .comment-textarea.focus,
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment:hover .comment-textarea:not(.focus) {
display: inline-block !important;
min-width: 394px !important;
min-height: 460px !important;
line-height: 6px;
left: 4px !important;
top: 1px;
overflow: hidden !important;
overflow-y: auto !important;
}
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment .comment-textarea.focus .xh-editable-content,
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment .comment-textarea:not(.focus) .xh-editable-content {
display: inline-block !important;
width: 173px !important;
min-height: 16px !important;
max-height: 16px !important;
line-height: 15px !important;
top: -5px !important;
padding: 2px 0 0 !important;
}
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment:hover .input-area > div::before {
content: " Line break : Ctrl + Enter";
margin-left: 20px;
font-size: 12px;
color: gold;
}
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment:hover .input-area .xh-editable .xh-editable-content {
display: inline-block !important;
width: 385px !important;
min-height: 464px !important;
line-height: 12px;
left: 0px !important;
padding: 5px !important;
overflow-wrap: break-word;
white-space: pre-wrap;
}
.story-page .comments-section > #commentBox > .comments-wrap .heading-container + .content-container > .my-comment:hover .submit-comment.xh-button.large.red {
left: 8px;
}
/* (new341) BLOG / STORY - COMMENT REPLY - ==== */
.story-page .comments-section #commentBox .comments-wrap .comments-list .item .remove-confirmation + .my-comment {
position: fixed !important;
width: 310px !important;
padding: 5px !important;
z-index: 50000 !important;
transform: translate(-4px, -249px) scale(1);
background: red;
}
/* (new325) A VOIR .comment-item */
/* (new327) BLOG / STORY - COMMENTS ITEMS - HOVER / NOT HOVER - === */
.story-page .comments-section:not(:hover) .comments-list .comment-item ,
.story-page .comments-section:not(:hover) .comments-list .item {
position: relative;
display: inline-block;
height: 130px;
width: 95% !important;
padding: 2px 3px;
top: -5px;
margin-bottom: 5px;
margin-left: 2px;
margin-right: 2px;
border-radius: 3px;
overflow: hidden;
transition: none 0s ease 0s;
z-index: 0;
box-shadow: 3px 3px 2px black;
border: 1px solid #404040;
}
.story-page .comments-section:not(:hover) .comments-list .comment-item .comment-info ,
.story-page .comments-section:not(:hover) .comments-list .item .comment-info {
position: relative !important;
display: inline-block !important;
height: 83px !important;
top: 0px !important;
}
.story-page .comments-section:not(:hover) .comments-list .comment-item .comment-info .comment-body ,
.story-page .comments-section:not(:hover) .comments-list .item .comment-info .comment-body {
position: relative !important;
display: inline-block !important;
height: 83px !important;
margin: 0px 0 0 0 !important;
top: -20px !important;
}
.story-page .comments-section:not(:hover) .comments-list .comment-item .comment-info .user-info ,
.story-page .comments-section:not(:hover) .comments-list .item .comment-info .user-info {
position: relative!important;
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
width: 100% !important;
top: -20px !important;
margin: 0px 0 0 0 !important;
}
.story-page .comments-section:not(:hover) .comments-list .comment-item .comment-info .user-info .username ,
.story-page .comments-section:not(:hover) .comments-list .item .comment-info .user-info .username {
position: absolute !important;
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
width: 95px !important;
margin: 0px 0 0px 10px !important;
top: 0px !important;
padding: 0 0 0 20px !important;
font-size: 12px;
text-overflow: ellipsis !important;
overflow: hidden !important;
}
.story-page .comments-section:hover .comments-list .comment-item .comment-info .user-info .username ,
.story-page .comments-section:hover .comments-list .item .comment-info .user-info .username {
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
width: 65px !important;
margin-left: 5px !important;
margin-right: 0;
font-size: 12px;
text-overflow: ellipsis !important;
overflow: hidden !important;
}
.story-page .comments-section:hover .comments-list .comment-item .comment-info .user-info .username.retired ,
.story-page .comments-section:hover .comments-list .item .comment-info .user-info .username.retired {
margin-left: 10px !important;
}
/* (new327) NOT HOVER - USER FLAG / ICON GENDER */
.story-page .comments-section:not(:hover) .comments-list .comment-item .comment-info .user-info a.nft__icon,
.story-page .comments-section:not(:hover) .comments-list .comment-item .comment-info .user-info .xh-icon.crown ,
.story-page .comments-section:not(:hover) .comments-list .comment-item .comment-info .user-info .xh-icon.gender ,
.story-page .comments-section:not(:hover) .comments-list .comment-item .comment-info .user-info .flag {
position: absolute !important;
display: inline-block !important;
margin: 0 !important;
left: 0 !important;
transform: unset !important;
}
.story-page .comments-section:not(:hover) .comments-list .comment-item .comment-info .user-info .xh-icon.gender {
top: 2.4vh !important;
left: -3px !important;
transform: scale(0.7) !important;
}
.story-page .comments-section:not(:hover) .comments-list .comment-item .comment-info .user-info .flag {
top: 3.9vh !important;
transform: scale(0.6) !important;
}
.story-page .comments-section:not(:hover) .comments-list .comment-item .comment-info .user-info .xh-icon.crown {
top: 5.5vh !important;
left: -3px !important;
transform: scale(0.5) !important;
}
.story-page .comments-section:not(:hover) .comments-list .comment-item .comment-info .user-info a.nft__icon {
top: 6.5vh !important;
left: -3px !important;
transform: scale(0.5) !important;
}
/* (new325) A VOIR .comment-item */
/* (new210) BLOG / STORY - COMMENTS - ICON GENDER / ACTION etc.. - HOVER + NO HOVER */
.story-page .comments-section .comments-list .comment-item .comment-info .user-info > div ,
.story-page .comments-section .comments-list .item .comment-info .user-info > div {
position: relative;
clear: both;
float: left;
width: 22px;
top: 22px !important;
margin-top: 7px !important;
margin-bottom: -2px;
margin-left: -13px;
margin-right: -3px;
transform: scale(0.7);
transform-origin: center top 0 !important;
z-index: 5;
}
.story-page .comments-section .comments-list .comment-item:not(:hover) .comment-actions ,
.story-page .comments-section .comments-list .item:not(:hover) .comment-actions {
float: right !important;
margin: 0 0 0 0 !important;
transform: scale(0.7);
z-index: 500;
}
.story-page .comments-section .comments-list .comment-item .action-container:not(.contextmenu-open) ,
.story-page .comments-section .comments-list .item .action-container:not(.contextmenu-open) {
opacity: 1 !important;
}
.story-page .comments-section .comments-list .comment-item:hover .comment-actions ,
.story-page .comments-section .comments-list .item:hover .comment-actions {
margin-top: 5px !important;
margin-bottom: 0px !important;
}
.story-page .comments-section .comments-list .comment-item .comment-info .text ,
.story-page .comments-section .comments-list .item .comment-info .text {
position: relative;
display: inline-block;
width: 160px !important;
height: 90px;
line-height: 12px;
top: -23px !important;
margin-bottom: -28px;
margin-left: 21px;
padding: 2px 2px 0 4px;
font-size: 13px;
letter-spacing: 0.05em !important;
text-indent: 0;
hyphens: auto;
word-break: keep-all;
overflow-wrap: break-word;
overflow-x: hidden;
overflow-y: auto;
border: 1px solid gray;
}
/* NOT HOVER */
.story-page .comments-section:not(:hover) .comments-list .comment-item .comment-info .text ,
.story-page .comments-section:not(:hover) .comments-list .item .comment-info .text {
height: 85px !important;
line-height: 12px;
top: -23px !important;
margin: -5px 0 -24px 20px !important;
border: 1px solid gray;
}
.story-page .comments-section #commentBox.comments-list .comment-item .comment-info .comment-meta ,
.story-page .comments-section #commentBox.comments-list .item .comment-info .comment-meta {
position: relative;
display: inline-block !important;
height: 15px;
line-height: 15px;
min-width: 185px !important;
max-width: 185px !important;
top: 5px;
padding: 0 3px;
border-top: 1px solid gray;
}
/* (new325) A VOIR .comment-item */
/* BLOG / STORY - COMMENTS - HOVER */
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item ,
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item {
position: relative !important;
display: inline-block !important;
vertical-align: top !important;
float: none !important;
height: 120px !important;
width: 16.3% !important;
padding: 0px !important;
top: 3px !important;
margin-top: 0 !important;
margin-bottom: 5px !important;
margin-left: 1px !important;
margin-right: 0px !important;
border-radius: 3px;
overflow: visible !important;
transition: none !important;
z-index: 0;
box-shadow: 7px 7px 2px black !important;
border: 1px solid red !important;
}
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item:hover ,
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item:hover {
position: relative !important;
display: inline-block !important;
vertical-align: top !important;
float: none !important;
height: 175px !important;
bottom: 0px !important;
margin-top: -30px !important;
margin-bottom: -30px !important;
margin-left: 2px;
margin-right: 2px;
transition: none !important;
z-index: 500 !important;
background: #222 !important;
}
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item:hover .comment-actions ,
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item:hover .comment-actions {
position: absolute;
display: inline-block;
top: 0px !important;
right: 0 !important;
margin: 0px !important;
transform: scale(0.7);
opacity: 0.7 !important;
z-index: 500 !important;
}
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item:hover .user ,
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item:hover .user {
margin-top: 5px !important;
background: red !important;
}
.story-page .comments-section:hover .comments-list .comment-item:hover .comment-info .user-info .username ,
.story-page .comments-section:hover .comments-list .item:hover .comment-info .user-info .username {
margin: 0px 0 0 0 !important;
}
/* (new325) A VOIR .comment-item */
/* BLOG / STORY - TOP ROW */
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item:hover:nth-child(n + 1):nth-child(-n + 6) ,
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item:hover:nth-child(n + 1):nth-child(-n + 6) {
top: 27px !important;
}
/* BLOG / STORY - BOTTOM ROW */
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item:hover:nth-child(n + 25):nth-child(-n + 30) ,
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item:hover:nth-child(n + 25):nth-child(-n + 30) {
top: -5px !important;
}
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item:hover:nth-child(25),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item:hover:nth-child(19),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item:hover:nth-child(13),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item:hover:nth-child(7),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item:hover:nth-child(1) ,
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item:hover:nth-child(25),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item:hover:nth-child(19),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item:hover:nth-child(13),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item:hover:nth-child(7),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item:hover:nth-child(1) {
left: 0px !important;
}
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item:hover:nth-child(30),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item:hover:nth-child(24),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item:hover:nth-child(18),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item:hover:nth-child(12),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .comment-item:hover:nth-child(6) ,
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item:hover:nth-child(30),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item:hover:nth-child(24),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item:hover:nth-child(18),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item:hover:nth-child(12),
.story-page .comments-section:hover #commentBox .comments-wrap .content-container .comments-list .item:hover:nth-child(6) {
right: 0px !important;
}
.story-page .comments-section:hover .comments-list .comment-item .comment-info ,
.story-page .comments-section:hover .comments-list .item .comment-info {
height: 117px !important;
top: 0px !important;
background: #111 !important;
}
.story-page .comments-section:hover .comments-list .comment-item:hover .comment-info ,
.story-page .comments-section:hover .comments-list .item:hover .comment-info {
height: 168px !important;
top: -3px !important;
}
.story-page .comments-section:hover .comments-list .comment-item .comment-info .comment-body ,
.story-page .comments-section:hover .comments-list .item .comment-info .comment-body {
height: 118px !important;
margin: 0 0 0 -2px !important;
opacity: 0.5;
}
.story-page .comments-section:hover .comments-list .comment-item:hover .comment-info .comment-body ,
.story-page .comments-section:hover .comments-list .item:hover .comment-info .comment-body {
height: 166px !important;
margin-top: 7px !important;
margin-left: -2px;
opacity: 1 !important;
}
.story-page .comments-section:hover .comments-list .comment-item .comment-info .user-info ,
.story-page .comments-section:hover .comments-list .item .comment-info .user-info {
position: relative !important;
display: inline-block !important;
height: 22px !important;
line-height: 17px !important;
width: 100% !important;
margin: 0 !important;
top: -22px !important;
padding-left: 23px !important;
}
.story-page .comments-section:hover .comment-item .comment-info .comment-body .text ,
.story-page .comments-section:hover .item .comment-info .comment-body .text {
position: relative;
display: inline-block !important;
width: 93% !important;
height: 80px !important;
line-height: 12px;
top: -20px !important;
margin-bottom: 0px;
margin-left: 20px !important;
margin-top: 0px;
padding: 2px 0 0 2px;
font-size: 13px;
word-break: keep-all;
overflow-wrap: break-word;
overflow-x: hidden;
overflow-y: auto;
border-left: 1px solid gray;
border-right: 1px solid gray;
}
.story-page .comments-section:hover .comments-list .comment-item:hover .comment-info .comment-body .text ,
.story-page .comments-section:hover .comments-list .item:hover .comment-info .comment-body .text {
width: 283px !important;
height: 123px !important;
line-height: 14px !important;
top: -20px !important;
margin-bottom: -41px;
margin-left: 20px !important;
margin-top: 5px;
padding: 2px 0 0 2px;
font-size: 13px !important;
word-break: keep-all;
overflow-wrap: break-word;
overflow-x: hidden;
overflow-y: auto;
border-left: 1px solid gray;
border-right: 1px solid gray;
}
/* (new325) A VOIR .comment-item */
/* BLOG / STORY - COMMENT - HAS REPLY - ORIGINAL */
.story-page .comments-section:hover .comment-item.has-reply .comment-info .text ,
.story-page .comments-section:hover .item.has-reply .comment-info .text {
position: relative;
display: inline-block;
width: 238px !important;
line-height: 12px;
top: -20px !important;
margin-bottom: 3px;
margin-left: 21px;
margin-top: 0px;
padding: 2px 0 0 2px;
font-size: 13px;
word-break: keep-all;
overflow-wrap: break-word;
overflow-x: hidden;
overflow-y: auto;
border-left: 1px solid gray;
border-right: 1px solid gray;
}
.story-page .comments-section:hover .comment-item.has-reply .comment-info .text:hover,
.story-page .comments-section:hover .comment-item .comment-info .text:hover ,
.story-page .comments-section:hover .item.has-reply .comment-info .text:hover,
.story-page .comments-section:hover .item .comment-info .text:hover {
color: white !important;
opacity: 1 !important;
}
.story-page .comments-section .comments-list .comment-item .comment-info .comment-body .comment-meta ,
.story-page .comments-section .comments-list .item .comment-info .comment-body .comment-meta {
position: relative;
display: inline-block;
height: 15px !important;
line-height: 15px;
min-width: 182px !important;
max-width: 182px !important;
margin-left: 0px !important;
padding: 0 3px;
top: 4px !important;
font-size: 10px !important;
border-top: 1px solid green;
}
.story-page .comments-section:hover .comments-list .comment-item .comment-info .comment-body .comment-meta ,
.story-page .comments-section:hover .comments-list .item .comment-info .comment-body .comment-meta {
min-width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 0 0 22px !important;
top: -23px !important;
}
.story-page .comments-section:hover .comments-list .comment-item:hover .comment-info .comment-body .comment-meta ,
.story-page .comments-section:hover .comments-list .item:hover .comment-info .comment-body .comment-meta {
position: relative;
display: inline-block;
min-height: 15px !important;
max-height: 15px !important;
line-height: 15px !important;
min-width: 305px !important;
max-width: 305px !important;
margin-left: 3px !important;
padding: 0 3px;
top: 22px !important;
font-size: 6px !important;
border-top: 1px solid green;
}
/* (new325) A VOIR .comment-item */
/* BLOG / STORY - COMMENT - TIME / REPLY / NOT SHOW */
.story-page .comments-section .comments-list .comment-item .comment-info .comment-body .comment-meta .reply-link.add-reply,
.story-page .comments-section .comments-list .comment-item .comment-info .comment-body .comment-meta .add-time.tooltip-nocache ,
.story-page .comments-section .comments-list .item .comment-info .comment-body .comment-meta .reply-link.add-reply,
.story-page .comments-section .comments-list .item .comment-info .comment-body .comment-meta .add-time.tooltip-nocache {
height: 10px !important;
line-height: 10px !important;
font-size: 10px !important;
}
.story-page .comments-section:hover .comments-list .comment-item:hover .comment-info .comment-body .comment-meta .add-time.has-tooltip ,
.story-page .comments-section:hover .comments-list .item:hover .comment-info .comment-body .comment-meta .add-time.has-tooltip {
position: relative;
display: inline-block;
min-height: 10px !important;
max-height: 10px !important;
line-height: 5px !important;
margin-left: 4px !important;
padding: 0 3px !important;
top: -4px !important;
font-size: 7px !important;
}
.story-page .comments-section:hover .comments-list .comment-item:hover .comment-info .comment-body .comment-meta .reply-link.add-reply.link ,
.story-page .comments-section:hover .comments-list .item:hover .comment-info .comment-body .comment-meta .reply-link.add-reply.link {
position: relative;
display: inline-block;
min-height: 10px !important;
max-height: 10px !important;
line-height: 5px !important;
margin-left: 4px !important;
padding: 0 3px !important;
top: -4px !important;
font-size: 7px !important;
}
.story-page .comments-section:hover .comment-item.has-reply .comment-info .text:hover + .comment-meta,
.story-page .comments-section:hover .comment-item .comment-info .text:hover + .comment-meta ,
.story-page .comments-section:hover .item.has-reply .comment-info .text:hover + .comment-meta,
.story-page .comments-section:hover .item .comment-info .text:hover + .comment-meta {
top: 20px !important;
}
/* (new325) A VOIR .comment-item */
/* BLOG / STORY - COMMENT - HOVER - SHOW / HIDE */
.story-page .comments-section:hover .item.is-reply ,
.story-page .comments-section:hover .item.is-reply {
border: 1px solid tomato !important;
}
.story-page .comments-section:hover .comment-item .hide-original-comment.no-last,
.story-page .comments-section:hover .comment-item .show-original-comment.no-last ,
.story-page .comments-section:hover .item .hide-original-comment.no-last,
.story-page .comments-section:hover .item .show-original-comment.no-last {
display: inline-block;
height: 10px !important;
line-height: 10px !important;
font-size: 0px !important;
}
.story-page .comments-section:hover .comment-item .hide-original-comment.no-last:before,
.story-page .comments-section:hover .item .hide-original-comment.no-last:before {
content: "HIDE";
display: inline-block;
font-size: 10px;
border: 1px solid tomato;
}
.story-page .comments-section:hover .comment-item .show-original-comment.no-last:before ,
.story-page .comments-section:hover .item .show-original-comment.no-last:before {
content: "Show Original Comment";
position: absolute !important;
display: inline-block !important;
top: 0.3vh !important;
font-size: 10px;
color: peru !important;
}
/* (new325) BLOG / STORY PAGES - PUBLISHER */
.story-page .comments-section .comments-list .comment-item .comment-info .user-info .publisher {
position: absolute !important;
display: inline-block !important;
margin: 0 !important;
left: -27px !important;
top: 6vh !important;
transform: rotate(-90deg) !important;
color: gold !important;
}
/* NOT HOVER */
.story-page .comments-section:not(:hover) .comments-list .comment-item .comment-info .user-info .publisher {
color: gold;
display: inline-block;
left: -15px !important;
margin: 0;
position: absolute;
top: 7.5vh !important;
font-size: 8px !important;
transform: rotate(-90deg);
}
/* (new325) BLOG / STORY PAGES - DATE CREATED */
.story-page .comments-section .comments-list .comment-item .comment-info .user-info .created {
position: absolute !important;
display: inline-block !important;
height: 15px !important;
line-height: 12px !important;
top: 11.2vh !important;
right: 5px !important;
font-size: 12px !important;
color: gold !important;
}
/* NOT HOVER */
.story-page .comments-section:not(:hover) .comments-list .comment-item .comment-info .user-info .created {
position: absolute !important;
display: inline-block !important;
top: 11.2vh !important;
right: 0px !important;
}
.story-page .comments-section .comments-list .comment-item:hover .comment-info .user-info .created {
position: absolute !important;
display: inline-block !important;
height: 15px !important;
line-height: 12px !important;
top: 16.7vh !important;
right: 5px !important;
font-size: 12px;
color: red !important;
}
/* (new327) BLOG / STORY PAGES - PAGER - NOT HOVER */
.story-page .pager-section:not(:hover) {
position: absolute !important;
height: 25px !important;
left: -103px !important;
margin-top: 0 !important;
top: 17px !important;
width: 404px !important;
transform: scale(0.5) !important;
}
.story-page .pager-section .pager-small > li:last-of-type {
transform: scale(1.5) !important;
}
/* (new327) NOT HOVER - COMMENTS - PAGINATION */
.story-page .comments-section:not(:hover) .pager-section {
position: absolute !important;
display: inline-block !important;
top: -28px !important;
margin: 0 0 0 5px !important;
}
.story-page .comments-section:not(:hover) .pager-section .mobile-pagination {
position: absolute !important;
display: inline-block !important;
padding: 0px !important;
}
.story-page .comments-section:not(:hover) .pager-section .mobile-pagination .prev-next-list {
float: left !important;
clear: both !important;
height: 20px !important;
width: 120px !important;
margin: 0 -15px 0 0 !important;
padding: 0 5px !important;
}
.story-page .comments-section:not(:hover) .pager-section .mobile-pagination .page-list-wrapper {
float: right !important;
clear: none !important;
height: 20px !important;
width: 250px !important;
overflow: hidden;
}
/* HOVER - COMMENTS - PAGINATION */
.story-page .comments-section:hover .pager-section {
position: absolute !important;
display: inline-block !important;
width: auto !important;
height: 20px !important;
left: 220px !important;
top: -3.8vh !important;
margin: 0 0 0 0 !important;
transform: scale(1) !important;
}
.story-page .comments-section:hover .pager-section .mobile-pagination {
display: inline-block !important;
flex-direction: column;
padding: 0px;
}
.story-page .comments-section:hover .pager-section .mobile-pagination .prev-next-list {
float: left !important;
}
.story-page .comments-section:hover .pager-section .mobile-pagination .page-list-wrapper {
display: inline-block !important;
height: 20px !important;
overflow: hidden;
}
.story-page .comments-section:hover .pager-section .mobile-pagination button {
width: 100%;
height: 20px !important;
line-height: 20px;
padding: 0 10px;
font-size: 14px;
}
.story-page .comments-section:hover .pager-section .mobile-pagination .page-list .page-button {
display: flex;
height: 20px;
}
.story-page .comments-section:hover .pager-section .mobile-pagination .page-limit-button,
.story-page .comments-section:hover .pager-section .mobile-pagination .limit-gradient {
height: 20px !important;
line-height: 20px;
}
/* BLOG / STORY PAGES - ITEM CONTAINER === */
.story-page .story-page-container {
width: 88.7%;
margin-left: 215px;
margin-top: 24px;
padding: 5px;
}
.story-page .story-page-container section {
padding: 5px;
margin: 0;
border: 1px solid red;
}
/* (new327) BLOG - NAME - FIXED */
.story-page .story-item > h1 {
position: fixed !important;
display: inline-block !important;
width: 1678px !important;
top: 2.5vh !important;
right: 8px !important;
margin: 0 0 0 0 !important;
padding: 3px 0!important;
font-size: 22px !important;
text-align: center !important;
z-index: 50000000 !important;
border-bottom: 1px solid red !important;
background: #222 !important;
}
.story-section .story-item .story-text > i:not(.xh-editor) {
display: inline-block !important;
width: 89% !important;
font-size: 15px !important;
line-height: 15px !important;
margin-top: 5px !important;
margin-bottom: 10px !important;
padding: 5px !important;
background: #333;
}
/* (new111) BLOG / STORY - ITALIQUE */
.story-section .story-item .story-text > i:before {
content: open-quote;
font-size: 20px;
}
.story-section .story-item .story-text > i:after {
content: close-quote;
font-size: 20px;
}
/* (new302) BLOG / STORY - BOLD -
PB solved for column:
https://xhamster.com/posts/1024828
=== */
.story-section .story-item .story-text > b br {
display: block !important;
margin-bottom: -1px !important;
}
/* (new210) BLOG / STORY - SPACE - OK CHROME */
.story-section .story-item .story-text > br:not(.xh-editor):not(:first-of-type) {
content: " " !important;
float: none !important;
display: block !important;
line-height: 0px !important;
margin-top: 4px !important;
margin-bottom: -4px !important;
}
.story-section .story-item .story-text:not(.xh-editor) a.link-inner,
.story-section .story-item .story-text:not(.xh-editor) a {
display: inline-block !important;
width: 521px !important;
border-bottom: none !important;
text-decoration: none !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
color: peru;
}
/* BLOG / STORY - MY BLOG - IMAGES - === */
/* BLOG - IMGAGE LINK */
img.blog-image.deprecated {
min-height: 15px !important;
min-width: 15px !important;
}
/* BLOG / STORY - IMGAGE / VIDEO IFRAME (not .large.blog-video) */
.story-section .story-item .story-text img {
display: inline-block !important;
margin-bottom: 5px !important;
margin-right: 5px !important;
min-height: 10px !important;
min-width: 10px !important;
text-align: center !important;
border: 1px solid red !important;
}
/* SMALL */
.story-section .story-item .story-text img.align-center.size-small {
max-height: 100px;
min-width: 100% !important;
object-fit: contain !important;
}
.story-section .story-item .story-text img.align-left.size-small {
max-height: 100px;
min-width: 100% !important;
object-fit: contain !important;
object-position: 0% 50%;
}
.story-section .story-item .story-text img.align-right.size-small {
max-height: 100px;
min-width: 100% !important;
object-fit: contain !important;
object-position: 100% 0%;
}
/* MEDIUM */
.story-section .story-item .story-text img.align-center.size-medium {
max-height: 170px;
min-width: 100% !important;
object-fit: contain !important;
}
.story-section .story-item .story-text img.align-left.size-medium {
max-height: 170px;
min-width: 100% !important;
object-fit: contain !important;
object-position: 0% 50%;
}
.story-section .story-item .story-text img.align-right.size-medium {
max-height: 170px;
min-width: 100% !important;
object-fit: contain !important;
object-position: 100% 0%;
}
.story-section .story-item .story-text iframe:not(.blog-video):not(.large) {
display: inline-block !important;
margin-bottom: 5px !important;
margin-right: 5px !important;
min-height: 15px !important;
min-width: 15px !important;
max-width: 150px !important;
}
/* BLOG - VIDEOS IFRAME - === */
.blog-video.size-medium.align-left,
.blog-video.size-medium.align-left.toolbar-visible {
width: 100% !important;
}
/* (new350) BLOG / STORY PAGES - MY FAVORITS BLOGS */
.stories-block.stories-section.upload-list {
margin-top: 0vh !important;
/* border-top: 1px solid aqua !important; */
}
.stories-block.stories-section.upload-list .mixed-list {
margin: 0 0px !important;
}
/* (new350) BLOGS - MY BLOGS LIST */
.user-page.my-uploads-page .item.story.type-blog {
display: inline-block !important;
float: none !important;
clear: none !important;
min-width: 19% !important;
max-width: 19% !important;
height: 100% !important;
min-height: 21.5vh !important;
max-height: 21.5vh !important;
margin: 0px 3px 7px 9px !important;
left: 14px;
top: 2px !important;
padding: 5px !important;
border: 1px solid red !important;
}
/* (new395) USER BLOG - LIST */
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog {
display: inline-block !important;
float: none !important;
clear: none !important;
min-width: 19.2% !important;
max-width: 19.2% !important;
min-height: 14.7vh !important;
max-height: 14.7vh !important;
margin: 2px 0 4px 2px !important;
left: 14px;
top: 2px !important;
padding: 5px !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
.user-page.my-uploads-page .stories-block.stories-section.upload-list .mixed-list.stories-list.my-items .item.story.type-blog h2.heading,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog h2.heading {
width: 283px !important;
top: -6px !important;
margin-bottom: 0px;
}
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog h2.heading a {
font-size: 15px !important;
}
/* (new351) POST */
.user-page.my-uploads-page .stories-block.stories-section.upload-list .mixed-list.stories-list.my-items .item.story.type-blog h2.heading {
margin-bottom: 0;
top: -4px !important;
width: 308px !important;
}
.user-page.my-uploads-page .stories-block.stories-section.upload-list .mixed-list.stories-list.my-items .item.story.type-blog h2.heading a {
font-size: 13px !important;
}
/* (new395) */
.user-page.my-uploads-page .stories-list .item.story.type-blog .text,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text {
position: relative !important;
display: inline-block !important;
/* vertical-align: middle !important; */
vertical-align: top !important;
width: 100% !important;
height: 17vh !important;
line-height: 13px !important;
margin: -1vh 0 0 0 !important;
padding-bottom: 0 !important;
font-size: 12px !important;
white-space: pre-line;
overflow: hidden !important;
border-bottom: 2px solid #333;
}
/* (new426) BLOG - EDIT / DEL ICONS */
.user-page.my-uploads-page .stories-list .item.story.type-blog .remove ,
.user-page.my-uploads-page .stories-list .item.story.type-blog .edit {
top: 5px !important;
}
/* (new395) FAV - BLOG - ME */
.user-page.user-blog-page.my-uploads-page .xh-tabs.stories-section .tab-favorite.current-tab .blog-list .item.blog .text {
height: 13vh !important;
border-bottom: 2px solid silver !important;
}
/* (new395) FAV - BLOG OTHER USER */
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text {
height: 10vh !important;
border-bottom: 2px solid silver !important;
}
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .story-bottom {
height: 21px !important;
}
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .story-bottom span.posted-by {
position: relative !important;
display: inline-block !important;
width: 100% !important;
height: 20px !important;
line-height: 20px !important;
text-indent: 10px !important;
text-align: left !important;
font-size: 0 !important;
z-index: 2000 !important;
}
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .story-bottom .comments,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .story-bottom .date,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .story-bottom span.posted-by a.link {
position: relative !important;
display: inline-block !important;
width: 100% !important;
height: 20px !important;
line-height: 20px !important;
top: -18px !important;
text-align: left !important;
font-size: 15px !important;
}
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .story-bottom .date {
top: -43px !important;
padding-right: 50px !important;
text-align: right !important;
}
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .story-bottom .comments {
top: -65px !important;
text-align: right !important;
}
/* (new264) */
.user-page.my-uploads-page .stories-list .item.story.type-blog .text .blog-image.deprecated,
.user-page.my-uploads-page .stories-list .item.story.type-blog .text .link.item,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text .link.item {
float: left !important;
clear: none !important;
min-width: 32.4% !important;
max-width: 32.4% !important;
min-height: 158px !important;
max-height: 158px !important;
margin-right: 2px !important;
background-color: #333 !important;
}
/* (new426) */
.user-page.my-uploads-page .stories-list .item.story.type-blog .blog-video.align-center.large {
float: left !important;
clear: none !important;
min-width: 32.4% !important;
max-width: 32.4% !important;
max-height: 9.5vh !important;
min-height: 9.5vh !important;
margin-right: 2px !important;
background-color: #333 !important;
}
/* (new378) FAVS BLOG - IMG + image.deprecated */
.user-page.my-uploads-page .stories-list .item.story.type-blog .text .blog-image.deprecated,
.user-page.my-uploads-page .stories-list .item.story.type-blog .text .link.item,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text .link.item {
min-height: 9.5vh !important;
max-height: 9.5vh !important;
top: -22px !important;
margin: 0 !important;
}
/* (new350) WAITNG / DELETETED */
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text a > .link.item {
min-height: 118px !important;
max-height: 118px !important;
top: -8px !important;
margin: 0 0 0 5px !important;
}
/* (new432) VIDE */
.user-page.my-uploads-page .stories-list .item.story.type-blog .text > a + a.link.item,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text > a + a.link.item {
top: -15px !important;
}
.user-page.my-uploads-page .stories-list .item.story.type-blog .text .link.item {
top: -24px !important;
}
.user-page.my-uploads-page .stories-list .item.story.type-blog .text > a + a.link.item {
max-width: 45.4% !important;
min-width: 45.4% !important;
max-height: 15.5vh !important;
min-height: 15.5vh !important;
top: -10px !important;
}
/* (new264) */
.user-page.my-uploads-page .stories-list .item.story.type-blog .text .link.item .icon-container,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text .link.item .icon-container {
right: 0 !important;
width: 105px !important;
}
/* BLOG / STORY PAGES - IMAGES - VIDEO THUMB / GIF */
.user-page.my-uploads-page .stories-list .item.story.type-blog .text .link.item,
.user-page.my-uploads-page .stories-list .item.story.type-blog .text .link.item .thumb-container {
background-position: center center;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.user-page.my-uploads-page .stories-list .item.story.type-blog .text .link.item .thumb-container[style*=".gif"],
.user-page.my-uploads-page .stories-list .item.story.type-blog .text .link.item .thumb-container[style$=".gif)"] {
background-position: center center;
background-repeat: no-repeat !important;
background-size: contain !important;
}
/* BLOG / STORY PAGES - IMAGES - THUMBS */
.user-page.my-uploads-page .stories-list .item.story.type-blog .text .images-only,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text .images-only {
display: inline-block !important;
width: 100% !important;
margin-top: 0px !important;
text-align: center !important;
}
.user-page.my-uploads-page .stories-list .item.story.type-blog .text .blog-image.deprecated,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text .blog-image.deprecated {
display: inline-block !important;
margin-top: -10px !important;
max-height: 120px !important;
outline: 1px solid red !important;
}
.user-page.my-uploads-page .stories-list .item.story.type-blog .text > a + a.link.item .status.video-intro .icon-container,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text > a + a.link.item .status.video-intro .icon-container {
background-color: transparent !important;
}
/* (new395) */
.user-page.my-uploads-page .stories-list .item.story.type-blog .text .link.item + p:not(:empty),
.user-page.my-uploads-page .stories-list .item.story.type-blog .text > p:not(:empty),
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text > p:not(:empty) {
position: relative;
display: inline-block !important;
vertical-align: middle !important;
float: right !important;
width: 356px !important;
min-height: 16.5vh !important;
max-height: 16.5vh !important;
line-height: 13px !important;
top: -2.4vh !important;
padding: 0 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
.user-page.my-uploads-page .stories-list .item.story.type-blog .text .link.item + p:not(:empty) {
width: 232px !important;
top: -36px !important;
/* border: 1px dashed gold !important; */
}
/* (new378) */
.user-page.my-uploads-page .stories-list .item.story.type-blog .text > a + p:not(:empty),
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text > a + p:not(:empty) {
position: relative;
display: inline-block !important;
/* vertical-align: middle !important; */
vertical-align: top !important;
width: 225px !important;
min-height: 9.5vh !important;
max-height: 9.5vh !important;
line-height: 13px !important;
top: -23px !important;
overflow: hidden !important;
overflow-y: auto !important;
border-top: 1px solid red !important;
border-left: 1px solid red !important;
border-bottom: 1px solid red !important;
}
/* (new378) */
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text > a + .link.item + p {
position: relative;
display: inline-block !important;
min-width: 232px !important;
max-width: 232px !important;
min-height: 9.5vh !important;
max-height: 9.5vh !important;
line-height: 15px !important;
top: -48px !important;
border-top: 1px solid red !important;
border-left: 1px solid red !important;
border-bottom: 1px solid red !important;
}
/* (new426) */
.user-page.my-uploads-page .stories-list .item.story.type-blog .text a.link.item + p:not(:empty) {
position: relative;
display: inline-block;
width: 187px !important;
height: 152px !important;
top: -38px !important;
}
/* BLOG - FAVORITS LIST - VIDEO THUMBNAIL INTRO + TEXT - === */
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text > a.link.item {
clear: none;
float: left;
margin-right: 0px !important;
max-height: 120px !important;
min-height: 120px !important;
min-width: 45% !important;
max-width: 45% !important;
margin-top: 3px !important;
}
/* (new264) with VIDEO */
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text > a.link.item[style*="webp"] + p:not(:empty) {
position: relative;
display: inline-block;
min-width: 187px !important;
max-width: 187px !important;
min-height: 115px !important;
max-height: 115px !important;
top: -35px !important;
overflow: hidden !important;
overflow-y: auto !important;
border-top: 1px solid red !important;
border-left: 1px solid red !important;
border-bottom: 1px solid red !important;
}
/* (new378) BLOG - FAVORITS LIST - THUMBNAIL + HOVER - === */
.user-page.favorites-page .mixed-list .item.story.type-blog .link.item .thumb-container {
width: 100% !important;
min-height: 9.5vh !important;
max-height: 9.5vh !important;
background-position: center, center;
background-size: contain !important;
background-repeat: no-repeat !important;
}
.user-page.favorites-page .mixed-list .item.story.type-blog .link.item:hover .thumb-container {
width: 100% !important;
width: 113px !important;
top: 0px !important;
left: 0 !important;
}
.user-page.favorites-page .mixed-list .item.story.type-blog .link.item {
display: inline-block !important;
height: 100%;
min-height: 100px;
max-height: 100px;
width: 100% !important;
max-width: 190px !important;
min-width: 190px !important;
border-radius: 3px;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center, center;
}
/* BLOG - FAVORITS LIST - IMAGE ONLY ITEM - === */
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .images-only > a {
position: relative !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
top: -8px !important;
}
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .images-only > a .thumb-container,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .images-only > a .thumb-container .thumb-container__image {
display: inline-block !important;
height: 100% !important;
min-height: 110px !important;
max-height: 110px !important;
width: 100% !important;
width: 130px !important;
margin-top: -10px !important;
text-align: center !important;
background-position: center center !important;
}
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .images-only > a .blog-image.deprecated {
float: left !important;
height: 100% !important;
min-height: 110px !important;
max-height: 110px !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin-top: 0px !important;
object-fit: contain !important;
background-color: red !important;
}
/* IMAGES - STATU */
.blog-list .item.blog .text .images-only .thumb-container__status,
.blog-list .item.story .text .images-only .thumb-container__status,
.news-list .item.blog .text .images-only .thumb-container__status,
.news-list .item.story .text .images-only .thumb-container__status,
.stories-list .item.blog .text .images-only .thumb-container__status,
.stories-list .item.story .text .images-only .thumb-container__status {
display: inline-block;
width: 130px;
height: 86px !important;
padding-top: 34px !important;
text-align: center;
}
/* BLOG / STORY PAGES - IN GREEN / BLUE */
.user-page.my-uploads-page .stories-list .item.story.type-blog .text > p > a[target="_blank"],
.user-page.my-uploads-page .stories-list .item.story.type-blog .text > p > a.linkifyplus,
.user-page.my-uploads-page .stories-list .item.story.type-blog .text > p > a,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text > p > a[target="_blank"],
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text > p > a.linkifyplus,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text > p > a {
display: inline-block !important;
width: 100%;
min-width: 170px !important;
max-width: 170px !important;
height: 13px !important;
line-height: 13px !important;
vertical-align: top !important;
font-size: 12px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
color: peru !important;
background: black !important;
}
.user-page.my-uploads-page .stories-list .item.story.type-blog .text > p > a,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text > p > a {
width: 100%;
min-width: 265px !important;
max-width: 265px !important;
height: 13px !important;
line-height: 13px !important;
vertical-align: top !important;
font-size: 12px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
color: peru !important;
}
.user-page.my-uploads-page .stories-list .item.story.type-blog .text a.linkifyplus,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section .mixed-list.clearfix-after.stories-list.my-items .item.story.type-blog .text a.linkifyplus {
display: inline-block !important;
width: 100%;
min-width: 277px !important;
max-width: 277px !important;
height: 13px !important;
line-height: 13px !important;
vertical-align: top !important;
font-size: 12px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
color: peru !important;
background: gold !important;
}
/* (new350) BLOG / STORY PAGES - MY FAVORIS - */
.favorites-list.stories-favorites-list.stories-section,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section {
position: absolute !important;
display: inline-block !important;
width: 1875px !important;
margin-left: 0px;
padding-left: 0;
}
.favorites-page .item.story.type-blog .heading a,
.user-page.favorites-page .item.story.type-blog .heading a {
font-size: 11px !important;
}
.favorites-page .item.story.type-blog .text,
.user-page.favorites-page .item.story.type-blog .text {
height: 84px;
line-height: 13px !important;
font-size: 12px !important;
margin-top: -15px;
overflow: hidden;
overflow-y: auto!important;
}
.favorites-page .item.story.type-blog .text p,
.user-page.favorites-page .item.story.type-blog .text p {
line-height: 13px;
font-size: 12px;
}
/* BLOG / STORY PAGES - FAVORITS - TEST - LETTER SPACING on TRANSFROM SCALE */
.user-page.favorites-page .item.story.type-blog .text p a {
display: inline-block !important;
height: 15px;
line-height: 15px;
font-size: 12px;
width: 100% !important;
min-width: 210px !important;
max-width: 210px !important;
white-space: nowrap !important;
word-wrap: break-word;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: peru !important;
}
.user-page.favorites-page .item.story.type-blog .text p a.linkifyplus {
height: 15px !important;
line-height: 15px !important;
font-size: 12px !important;
width: 100% !important;
min-width: 200px !important;
max-width: 200px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: tomato !important;
}
/* (new232) BLOG PAGE - SUPERLOADER */
.user-page.user-blog-page.my-uploads-page .sp-separator {
margin: 60px 10px 0px 8px !important;
}
.user-page.user-blog-page.my-uploads-page .main-wrap footer,
.user-page.user-blog-page.my-uploads-page .sp-separator ~ .main-wrap footer {
display: none !important;
}
/* (new232) BLOG PAGE - LOGIN CONT - for SUPERLOADER */
.user-page.user-blog-page.my-uploads-page .main-wrap:first-of-type > header {
border-bottom: 1px solid yellow;
display: inline-block;
max-height: 25px;
min-height: 25px;
min-width: 100% !important;
padding-top: 0;
position: fixed;
top: 0;
z-index: 5000000 !important;
}
.user-page.user-blog-page.my-uploads-page .main-wrap:first-of-type .login-section {
position: fixed !important;
display: inline-block !important;
right: 0px !important;
top: 0px !important;
z-index: 500000000 !important;
border: 1px solid red !important;
}
.user-page.user-blog-page.my-uploads-page .sp-separator ~ .main-wrap .login-section {
display: none !important;
}
/* (new232) BLOGS - PAGES - SUPER LOADER */
.user-page.user-blog-page.my-uploads-page .sp-separator ~ .main-wrap > main {
top: 0px !important;
}
/* (new232) BLOGS - PAGER - for SUPER LOADER */
.user-page.user-blog-page.my-uploads-page .main-wrap main .width-wrap .pager-section,
.user-page.user-blog-page.my-uploads-page .sp-separator ~ .main-wrap main .width-wrap .pager-section {
position: fixed !important;
display: inline-block !important;
width: 575px !important;
right: 0px !important;
top: 24px !important;
z-index: 50000 !important;
background: #111 !important;
/* background: green !important; */
}
.user-page.user-blog-page.my-uploads-page .main-wrap main .width-wrap .pager-section .pager-container,
.user-page.user-blog-page.my-uploads-page .sp-separator ~ .main-wrap main .width-wrap .pager-section .pager-container {
width: 590px !important;
top: 27px !important;
}
/* BLOG - LINKYFY PLUS - === */
.story-text a.linkifyplus {
position: relative !important;
display: inline-block !important;
height: 15px !important;
min-width: 540px !important;
max-width: 540px !important;
bottom: 0px !important;
border: none !important;
color: peru !important;
text-decoration: none !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
}
/* (new233) BLOG / STORY PAGES - SUPERLOADER */
.story-page .sp-separator,
.story-page .sp-separator ~ div {
display: none !important;
}
/* END =========== BLOG / STORY PAGES - ========== */
/* (new401) START ======== SUBS/CHAN/ ETC.. ==== */
.channels-page .best-list-block.hide-on-search {
display: inline-block !important;
margin-top: 6.5vh !important;
padding-top: 0px !important;
border-bottom: 1px solid red !important;
/* background: olive !important; */
}
.channels-page .best-list-block.hide-on-search .width-wrap {
display: inline-block !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
padding-top: 0px !important;
/* border-top: 1px solid red !important; */
}
.channels-page .best-list-block .channels-thumbs,
.channels-page .updates-list-block .channels-thumbs {
margin: 0 !important;
/* padding: 0px 100px !important; */
}
.channels-page .updates-list-block .channels-thumbs .channel-thumb-container,
.channels-page .best-list-block .channels-thumbs .channel-thumb-container {
width: 14%;
padding: 0;
margin: 0 3px 5px 0 !important;
border: 1px solid red !important;
}
/* CONTEST */
.contest-content .contest-container.user .contest-items {
margin: 0 !important;
overflow: hidden;
}
.contest-content .contest-container.user .contest-items .contest-item-container {
width:9.9667% !important;
}
.contest-content .pornstar-thumb-container__info-title a {
display: inline-block;
line-height: 16px;
max-width: 80%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.contest-content .pornstar-thumb-container__info-title a.pornstar-flag {
position: absolute !important;
display: inline-block;
height: 37px;
width: 100%;
bottom: -2.2vh !important;
left: 81% !important;
padding: 0 5px;
}
.contest-content .contest-container.user .contest-items .contest-item-container .pornstar-thumb-container {
/* display: inline-block; */
/* float: left !important; */
width: 100%;
height: 130px;
/* margin: 0px -10px 7px 20px !important; */
margin: 0px -10px 7px 0px !important;
padding: 0;
border: 1px solid gray;
}
.contest-content .contest-container.user .contest-items .contest-item-container .pornstar-thumb-container__original-image {
object-fit: contain !important;
}
/* CHANNEL - PORNSTAR PAGES - ALL - */
.channels-page .alphabet.hide-on-search.top {
margin-bottom: 10px;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
background: #111 !important;
}
/* (new420) CHAN LIST - PORNST - COUNTRY */
.channels-page.list .main-wrap > .menu {
position: fixed !important;
width: 100% !important;
height: 9vh !important;
top: 0 !important;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
z-index: 500000000 !important;
background: aqua !important;
}
.channels-page.list .page-title-container.without-border {
position: sticky !important;
width: 100% !important;
margin: 0 0 0vh 0 !important;
padding: 0 0 0 0 !important;
z-index: 1 !important;
background: brown !important;
}
.channels-page.list .page-title-container.without-border + .tab-set {
position: sticky !important;
display: flex;
width: 100% !important;
top: 0 !important;
margin: 0vh 0 0vh 0 !important;
padding: 0 0 0 0 !important;
z-index: 500000 !important;
background: #111 !important;
}
.channels-page.list .countries-list {
padding: 0px 0 0px !important;
}
.channels-page.list .countries-list .title {
line-height: 24px;
margin-bottom: -5px;
padding: 0 0 0 20px !important;
font-size: 18px;
}
/* PORNSTAR COUNTRY */
.channels-page .width-wrap.hide-on-search .countries-list .items {
width: 1920px !important;
column-count: 7 !important;
column-gap: 10px;
padding: 10px !important;
}
.channels-page .width-wrap.hide-on-search .countries-list .items .item {
margin-bottom: 3px !important;
text-overflow: ellipsis;
border-radius: 3px !important;
border: 1px solid gray !important;
}
/* (new426) */
.channels-page.list > body {
height: auto;
min-height: 100%;
margin: 7vh 0 0 0 !important;
}
.channels-page.list .main-wrap > main {
/* position: fixed !important; */
position: relative !important;
display: inline-block !important;
height: auto !important;
/* top: 9.2vh !important; */
overflow: hidden !important;
overflow-y: auto !important;
overflow-x: hidden !important;
z-index: 50000000 !important;
/* border: 1px solid aqua !important; */
}
/* (new426) CHANNEL LIST - SUPERLOADER - TEST */
.channels-page.list .sp-separator ~ .main-wrap{
position: relative !important;
display: inline-block !important;
flex-direction: unset !important;
justify-content: unset !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
width: 100%;
margin: 0 auto;
padding: 0 !important;
background: #111 !important;
border-bottom:4px solid silver !important;
}
.channels-page.list .sp-separator ~ .main-wrap > main {
position: relative !important;
display: inline-block;
height: auto !important;
top: unset !important;
padding: 0 !important;
overflow-x: hidden;
overflow-y: auto;
z-index: 50000000;
}
.channels-page.list .sp-separator ~ .main-wrap .categories-list {
display: none !important;
}
.channels-page.list .sp-separator ~ .main-wrap > main .categories-list-block.hide-on-search{
padding: 0 !important;
}
.channels-page.list .sp-separator ~ .main-wrap > main .pager-section {
position: relative !important;
display: inline-block;
left: unset !important;
top:unset !important;
margin: 0;
letter-spacing: 0;
z-index: 500000000;
background: #111 !important;
}
/* CHANNEL LIST */
.channels-page.list .main-wrap > main .countries-list-block.hide-on-search {
position: relative !important;
display: inline-block !important;
margin: 0vh 0 0 0 !important;
padding-top: 0 !important;
overflow: visible !important;
overflow-x: hidden !important;
z-index: 50000000 !important;
}
/* (new401) TOP COUNTRIES */
.channels-page.list .top-block.on-countries.hide-on-search {
margin: 9.5vh 0 0 0px!important;
}
.top-block.on-countries {
margin: 6.5vh 0 0 0 !important;
top: 0 !important;
padding-top: 0 !important;
}
.countries-list-block .title-container,
.top-block .title-container {
margin-bottom: 10px !important;
padding-left: 20px !important;
}
.countries-list-block .title-container .title,
.top-block .title-container .title {
display: inline-block;
height: 25px !important;
line-height: 21px !important;
margin: 5px 10px 0 0;
font-size: 18px;
}
.top-block .thumb-container {
margin: 0 5px 10px !important;
}
.top-block .thumb-container .pornstar-thumb-container {
display: inline-block !important;
height: auto !important;
margin: 0px 3px 7px 0 !important;
padding: 0;
}
.pornstar-thumb-container__image {
background-size: contain !important;
}
.channels-page .letter-blocks .letter-block .letter {
padding-left: 24px !important;
}
.channels-page .letter-blocks .letter-block .items {
column-count: 8 !important;
}
/* (new327) CHANNELS - LIST ALPHABETS - ZEBRA */
.alphabet + .letter-blocks.page{
background: #111 !important;
}
.alphabet + .letter-blocks.page .letter-block:nth-child(odd){
background: #222 !important;
}
.alphabet + .letter-blocks.page .letter-block:nth-child(even){
background: #333 !important;
}
/* (new327) CHANNELS - LIST ALPHABETS - ONE LETTER */
.channels-page .width-wrap.with-letter .letter-blocks .letter-block {
margin: 4vh 0 0 0 !important;
border-left: 3px solid red !important;
}
.channels-page .width-wrap.search-block .width-wrap.with-letter .letter-blocks .letter-block {
margin: 6vh 0 0 0 !important;
border-left: 3px solid aqua !important;
}
.channels-page article.with-letter .letter-blocks .items {
column-count: 8 !important;
column-gap: 10px;
margin: 0;
padding: 0 50px 0 50px !important;
}
.channels-page .letter-blocks.page .letter-block .items .item {
display: block;
padding: 0 0 0 10px !important;
border-radius: 5px !important;
border: 1px solid silver !important;
}
.channels-page .items .item {
display: block;
margin: 0 0 5px 0 !important;
padding: 0 0 0 0px !important;
border-radius: 5px !important;
border: 1px solid silver !important;
}
.channels-page .items .item:nth-child(odd) ,
.channels-page .letter-blocks.page .letter-block .items .item:nth-child(odd){
background: #222 !important;
}
.channels-page .items .item:nth-child(even) ,
.channels-page .letter-blocks.page .letter-block .items .item:nth-child(even){
background: #333 !important;
}
/* (new409) CHANNEL - USER - === */
.user-page article .right-column .channels-block.column-block {
position: absolute !important;
display: inline-block !important;
max-height: 385px !important;
width: 221px !important;
left: -233px !important;
/* top: 485px !important; */
bottom: 3vh !important;
margin: 0 !important;
padding: 5px !important;
overflow: hidden !important;
}
.user-page article .channels-block.column-block .content-container {
display: inline-block !important;
max-height: 400px !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 0 0px 0 0px !important;
border-radius: 3px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.user-page article .channels-block.column-block .content-container .channels-list {
display: inline-block !important;
min-width: 100% !important;
height: auto !important;
line-height: 15px !important;
left: 0px;
padding: 0px;
border-radius: 3px !important;
}
.user-page article .channels-block.column-block .content-container .channels-list .channel-logo-container {
min-width: 100% !important;
height: auto !important;
max-height: 90px !important;
line-height: 15px !important;
left: 0px;
margin-bottom: 5px !important;
padding: 4px 1px;
border-radius: 3px !important;
border: 1px solid red !important;
}
.user-page article .channels-block .channel-logo-container__info {
height: 30px;
line-height: 30px;
padding: 25px 0 0 3px !important;
}
.user-page article .channels-block.column-block .content-container .channels-list .channel-logo-container .channel-logo-container__info .channel-logo {
position: absolute;
display: inline-block !important;
width: 30px !important;
height: 30px !important;
line-height: 0px !important;
text-align: center;
left: 0px !important;
top: 0px !important;
border: none !important;
}
.user-page article .channels-block.column-block .content-container .channels-list .channel-logo-container .channel-logo-container__info .channel-logo .xh-icon {
font-size: 20px !important;
line-height: 30px !important;
}
.user-page article .channels-block.column-block .content-container .channels-list .channel-logo-container .channel-logo-container__info .channel-logo-container__info-title {
display: inline-block;
width: 100%;
height: 25px !important;
line-height: 25px !important;
margin: 7px 0 13px -2px !important;
font-size: 13px;
}
.user-page article .channels-block.column-block .content-container .channels-list .channel-logo-container .channel-logo-container__info .sub-button {
position: absolute;
width: 83% !important;
right: 0px !important;
top: 0px;
padding: 0 !important;
border-radius: 0 5px 5px 0 !important;
}
.user-page article .channels-block.column-block .content-container .channels-list .channel-logo-container .channel-logo-container__info .sub-button .sub-button__text {
vertical-align: top;
margin-right: 5px !important;
font-size: 12px !important;
}
.user-page article .channels-block .channel-logo-container__info-title__text {
min-width: 100% !important;
max-width: 100% !important;
height: 25px !important;
line-height: 25px !important;
text-align: center !important;
background: black !important;
}
.user-page article .channels-block .channel-logo-container__info-title__place{
position: absolute;
width: auto !important;
height: 1.5vh !important;
line-height: 1.5vh !important;
left: 5px !important;
top: 6.9vh !important;
padding: 0 5px !important;
border-radius: 0 5px 5px 0 !important;
z-index: 100 !important;
}
.user-page article .channels-block .channel-logo-container__info-counter {
position: relative !important;
display: inline-block;
height: 2vh !important;
line-height: 15px !important;
min-width: 100% !important;
max-width: 100% !important;
top: -1.5vh !important;
text-align: center !important;
color: gold !important;
background: green !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
/* (new185) CHANNEL - TOP TAG PANEL */
.channels-page .categories-container:before {
content: "▼ TAGS ";
position: fixed;
width: 70px;
height: 20px;
top: 140px !important;
right: -25px;
font-size: 13px;
color: gold;
text-align: center !important;
transform: rotate(90deg) !important;
background: black !important;
border: 1px solid red !important;
}
.channels-page .categories-container {
position: fixed !important;
width: 1250px;
min-height: 106px !important;
max-height: 106px !important;
right: -1250px;
top: 28px !important;
margin-bottom: 15px;
padding: 5px;
overflow: hidden;
transition: all ease 0.7s !important;
z-index: 500000 !important;
}
.channels-page .categories-container:hover {
right: 0px !important;
border-radius: 5px 0 0 5px;
overflow-y: auto !important;
border: 1px solid gold;
background: black !important;
}
/* (new201) PORNSTARS - SUBSCRIPTION LIST */
.pornstars-page .page-title-container {
height: 25px !important;
padding-top: 0 !important;
}
/* (new420) CHANNEL LIST */
.channels-page main .menu {
position: sticky !important;
width: 100% !important;
margin: 0 !important;
top: 0vh !important;
z-index: 5000000 !important;
/* background: yellow !important; */
}
.channels-page .menu .width-wrap {
position: fixed !important;
display: inline-block !important;
top: 2.6vh !important;
z-index: 5000000 !important;
background: #111 !important;
/* border-top: 1px solid aqua !important; */
border-bottom: 1px solid red !important;
}
/* (new415) CHANNEL - LIST - TOP */
.channels-page .menu .width-wrap [class^="topBlock-"] {
height: 3.6vh !important;
margin: 1vh 0 0vh 0 !important;
padding: 0 !important;
background: #111 !important;
border-bottom: 1px solid red !important;
}
.channels-page .menu .width-wrap .tab-set {
position: fixed !important;
display: flex;
height: 3.6vh !important;
margin: 0 0 0 0 !important;
top: 2vh !important;
padding: 0 5px !important;
right: 400px !important;
background: brown !important;
}
/* (new415) CHANELS LIST - AWARD BUTTON */
/* .category-page .pages-category .false, .category-page .main-wrap main article .category-info,
.category-page .main-wrap .pages-category article > div[class^="root-"],
.false .landing-info .landing-info__awards-vote-button , .
best-page .category-info, html.category-page .category-info
.landing-info__communication-block .landing-info__awards-vote-button , */
.category-page .false .landing-info .landing-info__awards-vote-button {
top: 5.8vh !important;
left: 302px !important;
}
/* (new415) CHANNEL - LIST - THUMBNAIL - CONTAINER */
.channels-page main .menu +.width-wrap {
max-width: 100%;
min-width: 100%;
margin: 7vh 0 0 0 !important;
padding: 0;
}
.channels-page main .menu +.width-wrap [class^="list-"] {
display: grid;
grid-gap: 5px !important;
grid-template-columns: calc(14.5% - 15px) calc(14.5% - 15px) calc(14.5% - 15px) calc(14% - 15px) calc(14.5% - 15px) calc(14.5% - 15px) calc(14.5% - 15px) !important;
}
/* (new415) CHANNEL - LIST - THUMBNAIL - ITEMS */
/* (new415) CHANNEL - OLD ?? - A VOIR */
.channels-page .page-title-container {
height: 30px !important;
margin: 1vh 0 -5vh 0 !important;
padding-top: 0 !important;
}
.channels-page .page-title-container .xh-header {
line-height: 30px;
margin-right: 30px;
padding-bottom: 0 !important;
}
.channels-page .menu .sort-section.xh-tabbed.no-upper {
position: fixed !important;
display: inline-block !important;
height: 25px !important;
width: 32% !important;
top: 4vh !important;
left: 960px !important;
z-index: 5000 !important;
}
.pornstars-page .tab-set {
margin-top: 0 !important;
}
.channels-page .width-wrap.xh-tabbed.no-upper .xh-tabset.active .followable,
.channels-pagee .width-wrap.xh-tabbed.no-upper .xh-tabset.active,
.channels-page .width-wrap.xh-tabbed.no-upper,
.pornstars-page .width-wrap.xh-tabbed.no-upper .xh-tabset.active .followable,
.pornstars-page .width-wrap.xh-tabbed.no-upper .xh-tabset.active,
.pornstars-page .width-wrap.xh-tabbed.no-upper {
height: 20px !important;
}
.channels-page .width-wrap.xh-tabbed.no-upper .xh-tabset.active .followable.current-tab,
.pornstars-page .width-wrap.xh-tabbed.no-upper .xh-tabset.active .followable.current-tab {
border-bottom: 3px solid red !important;
}
.channels-page .tab-set .tab-set-item--current,
.pornstars-page .tab-set .tab-set-item--current {
color: gold !important;
}
.channels-page .main-wrap header + .menu {
height: 84px;
margin-top: 0px;
}
.channels-page .main-wrap header + .menu .button {
height: 38px;
}
.channels-page > body {
height: auto !important;
min-height: 100%;
}
.channels-page .channel-items .channel-logo-container,
.pornstars-page .pornstar-items .pornstar-logo-container {
float: left !important;
height: 100px !important;
width: 16%;
margin-left: 10px !important;
margin-bottom: 3px !important;
padding: 0 5px;
}
.channels-page .channel-items .channel-logo-container .channel-logo-container__info,
.pornstars-page .pornstar-items .pornstar-logo-container .pornstar-logo-container__info {
height: 95px;
border: 1px solid red !important;
}
.channels-page .channel-items .channel-logo-container .channel-logo-container__info .channel-logo .xh-icon,
.pornstars-page .pornstar-items .pornstar-logo-container .pornstar-logo-container__info .pornstar-logo .xh-icon.pornstar {
height: 83px !important;
top: 5px !important;
}
.channels-page .channel-items .channel-logo-container .channel-logo-container__info .channel-logo .xh-icon {
top: 2px !important;
}
.channels-page .channel-items .channel-logo-container .channel-logo-container__info .channel-logo {
height: 89px !important;
width: 75px !important;
top: 1px !important;
border: 1px solid red !important;
}
.pornstars-page .pornstar-items .pornstar-logo-container .pornstar-logo-container__info .pornstar-logo {
height: 92px !important;
width: 78px;
top: 0 !important;
left: 0;
}
.channel-logo-container a.channel-logo {
height: 85px !important;
left: 2px;
top: 10px;
z-index: 1;
}
.channel-logo .logo-container,
.channel-logo img {
position: absolute;
width: 30px !important;
height: 30px !important;
left: 0;
top: 0;
background-size: contain;
background-color: yellow !important;
}
/* (new220) */
.category-page .channel-logo .logo-container,
.category-page channel-logo img {
position: absolute;
width: 97px !important;
height: 87px !important;
line-height: 100px !important;
left: 0;
top: 0;
background-size: contain;
background-color: black !important;
}
.channel-logo-container__info-title,
.pornstar-logo-container__info-title {
margin-top: -5px;
}
.channels-page .channel-items .channel-logo-container__info-title__text,
.pornstars-page .pornstar-items .pornstar-logo-container__info-title__text {
max-width: 100%;
min-width: 100%;
}
.pornstar-logo-container__info .subscribe-block-new__button {
right: 10px;
top: 33px;
padding: 2px !important;
height: 15px;
/* line-height: 16px; */
min-width: 28px !important;
max-width: 28px;
}
.subscribe-block-new__button-icon,
.subscribe-block-new__button-special-icon {
display: inline-block;
vertical-align: top;
font-size: 9px !important;
height: 10px !important;
line-height: 10px !important;
}
.subscribe-block-new__button[data-subscribed="true"] .subscribe-block-new__button-special-icon {
color: red !important;
}
/*Unsubscribe */
.channels-page .sub-button[data-tooltip="Unsubscribe"],
.pornstar-logo-container__info .sub-button[data-tooltip="Unsubscribe"] {
position: absolute;
display: inline-block;
height: 15px !important;
width: 15px !important;
right: 3px;
top: 75px !important;
text-align: center;
z-index: 100 !important;
}
.channels-page .sub-button[data-tooltip="Unsubscribe"] .xh-icon.tick2::before,
.channels-page .sub-button[data-tooltip="Unsubscribe"] .xh-icon.tick2,
.pornstar-logo-container__info .sub-button[data-tooltip="Unsubscribe"] .xh-icon.tick2::before,
.pornstar-logo-container__info .sub-button[data-tooltip="Unsubscribe"] .xh-icon.tick2 {
display: inline-block;
max-height: 13px !important;
line-height: 10px !important;
width: 25px;
}
.channels-page .sub-button[data-tooltip="Unsubscribe"] .xh-icon.tick2::before,
.channels-page .sub-button[data-tooltip="Unsubscribe"] .xh-icon.tick2,
.pornstar-logo-container__info .sub-button[data-tooltip="Unsubscribe"] .xh-icon.tick2::before,
.pornstar-logo-container__info .sub-button[data-tooltip="Unsubscribe"] .xh-icon.tick2 {
margin-top: 0px;
}
/* (new201) CAT - PORNSTAR CATEG */
.categories-list-block .width-wrap,
.countries-list-block .width-wrap,
.best-list-block .width-wrap {
overflow: visible !important;
padding: 0 20px !important;
}
/* PORNSTAR - THUNNAIL CONTAINER */
.pornstar-thumb-container {
display: inline-block;
height: 130px;
width: 9.8%;
margin: -5px 3px 7px 0;
padding: 0;
border: 1px solid gray;
}
.pornstar-thumb-container__image {
position: relative;
display: inline-block;
width: 100%;
height: 87px;
line-height: 20px;
}
.pornstar-thumb-container__place {
line-height: 15px;
left: 5px;
top: 5px;
color: aqua !important;
background-color: rgba(34, 34, 34, 0.5);
}
.pornstar-thumb-container__info {
display: inline-block;
height: 37px;
width: 100%;
padding: 0 5px;
}
.pornstar-thumb-container__info-title {
margin: 2px 0 1px;
}
/* (new327) CATEG - PORNSTARS - LIST */
.channels-page .best-list-block,
.channels-page .update-block,
.channels-page .updates-list-block {
position: relative;
padding: 0 30px 0 30px !important;
}
.channels-page main .hide-on-search .hide-on-search .width-wrap {
padding: 0 100px 0 100px !important;
}
.channels-page main .hide-on-search .letter-blocks.page {
padding: 0 100px 0 100px !important;
}
/* (new420) CHANNELS - PORNSTARS - LIST - PAGINATION */
.channels-page.list .pager-section {
position: fixed !important;
display: inline-block !important;
top: 6vh !important;
left: 37%;
letter-spacing: 0;
margin: 0 0 0 0 !important;
z-index: 500000000 !important;
background: #111 !important;
}
/* BEST PAGES */
.best-list-block.hide-on-search .pager-section {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
height: 30px !important;
line-height: 25px !important;
top: 97vh !important;
left: 0 !important;
letter-spacing: 0;
margin: 0 !important;
z-index: 50000000 !important;
background: #111 !important;
border-top: 1px solid red !important;
}
/* (new327) CATEG - CHANNELS */
.channels-page.list a.channel-thumb-container__image-container-image {
height: 92px !important;
}
.channels-page.list a.channel-thumb-container__image-container-image .channel-thumb-container__original-image {
position: absolute;
width: 65% !important;
height: 88px !important;
margin: 4px 0 0 88px !important;
object-fit: contain;
object-position: right center;
}
.channels-page.list .channel-thumb-container__image-container-logo {
height: 90px !important;
bottom: -2px !important;
left: 2px;
border-radius: 5px 0 0px 5px !important;
z-index: 1;
}
.channels-page.list .channel-thumb-container__image-container-logo .channel-logo {
height: 88px !important;
border-radius: 5px 0 0px 5px !important;
}
/* (new327) */
.channels-page.list .channel-thumb-container__image-container-place {
position: absolute;
width: 80px !important;
height: 15px;
line-height: 15px;
top: 125px !important;
left: 179px !important;
padding: 0 3px;
z-index: 10;
text-align: center !important;
background-color: #111;
}
.channels-page.list .channel-thumb-container__info {
height: 60px;
padding: 5px 0px 0px 10px !important;
position: relative;
}
.channels-page.list .channel-thumb-container__info .sub-button {
width: 80px !important;
height: 15px;
line-height: 15px !important;
left: 10px !important;
top: -2vh !important;
padding: 0 3px;
z-index: 100;
}
.channels-page.list .channel-thumb-container__info .sub-button i.sub-button__icon.xh-icon.sub {
height: 15px;
line-height: 13px !important;
padding: 0 !important;
font-size: 13px !important;
}
.channels-page.list .button.current-tab {
height: 100% !important;
min-height: 20px !important;
border-radius: 3px 3px 0 0 !important;
padding: 4px;
color: gold !important;
background: green !important;
}
/* (new189) CHANNEL - GM " SUPERLOADER" Adaptation */
.channels-page .sp-separator,
.channels-page .sp-separator ~ .width-wrap .letter-blocks.hide-on-search,
.channels-page .sp-separator ~ article.width-wrap .search,
.channels-page .sp-separator ~ article.width-wrap .search,
.channels-page .sp-separator ~ article.width-wrap .letter-blocks.page,
.channels-page .sp-separator ~ article.width-wrap .alphabet.hide-on-search.top {
display: none !important;
}
/* (new298) NEWS /SUBSCRIPTION - TOP MENU*/
.news-page .page-title-container,
.subscriptions-page .page-title-container {
height: 23px !important;
padding-top: 0;
}
/* (new298) SUBSC - TOP HEADER - FIXED */
.news-page .page-title-container,
.subscriptions-page .main-wrap:first-of-type .page-title-container {
position: fixed !important;
width: 100% !important;
height: 44px !important;
top: 2.7vh !important;
padding: 0px 0 0 5px !important;
z-index: 5 !important;
background: #333 !important;
border-bottom: 1px solid red !important;
}
.subscriptions-page .main-wrap:not(:first-of-type) .page-title-container {
display: none !important;
}
.news-page .page-title-container .page-title,
.subscriptions-page .page-title-container .page-title {
height: 20px !important;
color: #dadada;
}
.news-page .page-title-container .page-title h1n,
.subscriptions-page .page-title-container .page-title h1 {
font-size: 20px;
line-height: 20px;
}
.news-page .xh-tabbed.no-upper .xh-tabset,
.news-page .xh-tabbed.no-upper,
.subscriptions-page .xh-tabbed.no-upper .xh-tabset,
.subscriptions-page .xh-tabbed.no-upper {
position: fixed !important;
display: inline-block !important;
height: 27px !important;
line-height: 20px !important;
top: 4.4vh !important;
left: 200px !important;
border-radius: 5px 5px 0 0 !important;
z-index: 5000 !important;
background: #111 !important;
}
.news-page .xh-tabbed .xh-tabset > button,
.news-page .xh-tabbed .xh-tabset > a,
.subscriptions-page .xh-tabbed .xh-tabset > button,
.subscriptions-page .xh-tabbed .xh-tabset > a {
display: inline-block !important;
height: 25px !important;
line-height: 15px !important;
margin-left: 31px;
margin-right: 21px;
padding: 2px 5px !important;
border: none !important;
}
.news-page .xh-tabbed .xh-tabset > a.current-tab,
.subscriptions-page .xh-tabbed .xh-tabset > a.current-tab {
background: #111 !important;
}
/* (new298) CHANNEL PAGE /SUBSCRIPTION*/
.subscriptions-page .footer {
display: none !important;
}
html.subscriptions-page {
display: inline-block;
height: auto !important;
min-height: 100vh;
}
/* (new298) CHANNEL PAGE /SUBSCRIPTION - SUPERLOADER */
html.subscriptions-page {
display: inline-block !important;
max-height: 100vh !important;
min-height: 100vh !important;
overflow: hidden !important;
overflow-x: hidden !important;
overflow-y: hidden !important;
}
html.subscriptions-page body {
position: absolute;
display: inline-block;
max-height: 95vh;
min-height: 95vh;
margin-top: 7.2vh;
overflow-x: hidden;
overflow-y: auto;
border-top: 1px solid red !important;
}
.subscriptions-page .main-wrap,
.subscriptions-page .main-wrap:first-of-type {
display: inline-block !important;
height: auto !important;
margin: -20px 0 35px 0 !important;
padding: 0 0 0 0 !important;
overflow: hidden !important;
z-index: 5 !important;
}
.subscriptions-page body .main-wrap > .width-wrap {
display: inline-block !important;
max-width: 100%;
min-width: 100%;
height: auto !important;
padding: 0;
}
/* (new298) */
.subscriptions-page .width-wrap > main {
display: inline-block !important;
height: auto !important;
padding: 0vh 0 50px 0 !important;
}
.subscriptions-page .xh-tabbed.no-upper + main {
/* padding-left: 20px; */
}
/* (new189) - SUB - TOP HEADER */
.subscriptions-page .main-wrap > header {
position: fixed !important;
display: inline-block;
max-height: 25px;
min-height: 25px;
min-width: 100%;
margin-bottom: 9px;
padding-top: 0;
}
.subscriptions-page .width-wrap > main > article {
display: inline-block !important;
width: 100% !important;
min-width: 1920px !important;
max-width: 1920px !important;
margin: 0px !important;
padding: 0 !important;
z-index: 0 !important;
border: none !important;
}
.subscriptions-page .width-wrap > main > article .thumb-list.thumb-list--sidebar {
margin: 0 !important;
}
/* (new250) */
.subscriptions-page .width-wrap > main > aside {
position: fixed !important;
display: inline-block;
width: 900px;
height: 36px !important;
right: 10px;
padding: 5px;
top: 3.5vh !important;
border-radius: 5px 5px 0 0;
overflow: hidden;
z-index: 500 !important;
background: #333;
border-bottom: 1px solid red !important;
}
.subscriptions-page .width-wrap > main > aside:hover {
height: 160px !important;
border-radius: 5px;
background: #111;
}
.subscriptions-page aside .channel-menu,
.subscriptions-page aside .pornstar-menu {
position: relative;
float: left;
width: 440px;
height: 150px;
top: 0px !important;
margin-bottom: 0px;
margin-right: 5px;
padding: 0 5px 5px 5px;
background: #222;
}
.subscriptions-page aside .title {
margin-bottom: 5px !important;
}
/* (new298) */
.subscriptions-page .popular-wrapper .width-wrap .most-popular:before,
.subscriptions-page aside .title:before {
content: "🔻";
display: inline-block;
height: 15px;
line-height: 17px;
margin-right: 5px;
}
.subscriptions-page aside .xh-button.square {
position: absolute;
top: -1px;
right: -5px;
transform: scale(0.8);
}
.subscriptions-page aside .list {
width: 430px;
height: 127px;
margin-bottom: 0px;
margin-top: 0px;
padding: 0 3px 10px 4px;
overflow-y: hidden;
border-top: 1px solid red;
}
.subscriptions-page aside .list:hover {
height: auto !important;
border-radius: 0 0 5px 5px !important;
background: black;
}
.subscriptions-page aside .item {
display: inline-block !important;
width: 200px;
height: 20px !important;
line-height: 20px !important;
margin: 2px 0 !important;
text-align: center;
border-radius: 5px;
border: 1px solid gray !important;
}
.subscriptions-page aside .item span {
display: inline-block !important;
vertical-align: top !important;
width: 200px;
height: 18px !important;
line-height: 14px !important;
text-align: center;
}
/* (new298) */
.subscriptions-page .popular-wrapper {
position: fixed !important;
display: inline-block !important;
height: auto !important;
width: 100% !important;
left: 0 !important;
top: 3vh!important;
margin: 0 !important;
padding: 0px !important;
overflow: hidden;
pointer-events: none;
visibility: hidden;
background: rgba(35, 94, 136, 0.25);
}
.subscriptions-page .popular-wrapper:hover {
z-index: 5000 !important;
}
.subscriptions-page .popular-wrapper .width-wrap {
padding-top: 0px !important;
min-width: 100% !important;
pointer-events: none;
visibility: visible;
}
.subscriptions-page .popular-wrapper .width-wrap .most-popular {
position: relative !important;
height: 35px;
line-height: 20px;
width: 400px;
/* margin: 5px 0 0 420px !important; */
margin: 6px 0 0 0 !important;
left: 550px !important;
padding: 7px 5px 0 5px;
border-radius: 5px 5px 0 0;
pointer-events: auto;
visibility: visible;
color: white;
border-bottom: 1px solid red;
background: rgba(35, 94, 136, 0.25);
}
.subscriptions-page .popular-wrapper .width-wrap .most-popular a {
height: 27px !important;
line-height: 27px !important;
top: -4px;
padding-top: 0;
background: rgba(35, 94, 136, 0.25) !important;
}
.subscriptions-page .popular-wrapper .width-wrap .most-popular + .popular-items {
display: inline-block !important;
width: 100% !important;
margin-top: 0px !important;
padding-top: 20px !important;
pointer-events: auto;
visibility: hidden;
}
/* (new250) */
.subscriptions-page .popular-wrapper .width-wrap .most-popular + .popular-items:hover,
.subscriptions-page .popular-wrapper .width-wrap .most-popular:hover + .popular-items {
pointer-events: auto;
visibility: visible;
z-index: 5000 !important;
background: black;
border-top: 1px solid red !important;
}
.subscriptions-page .popular-wrapper .width-wrap .most-popular + .popular-items .channel-logo-container {
margin-bottom: 5px;
width: 350px !important;
}
.popular-wrapper .popular-items .channel-logo-container__info-title__text {
max-width: 170px;
min-width: 170px;
border-bottom: 1px solid gray;
}
/* (new168) */
.subscriptions-page .thumb-list__item.video-thumb {
width: 167.8px;
min-height: 180px !important;
max-height: 180px !important;
margin-left: 8px !important;
margin-bottom: 5px !important;
border-radius: 5px;
background: #333;
}
/* DATED */
.subscriptions-page .thumb-list__item.video-thumb.video-thumb--dated {
margin-bottom: 0;
padding-top: 2px !important;
}
.subscriptions-page .thumb-list__item.video-thumb.video-thumb--dated .video-thumb__date-added {
display: none !important;
}
.subscriptions-page .thumb-list--sidebar .thumb-list__item .thumb-image-container {
height: 115.7625px;
width: 163.8px;
}
.subscriptions-page .thumb-list--sidebar .video-thumb-info {
height: 87px;
}
/* (new302) */
.subscriptions-page .thumb-list--sidebar .thumb-list__item.video-thumb:hover .video-thumb-info {
height: 100% !important;
min-height: 45px !important;
max-height: 45px !important;
top: 10px !important;
}
.subscriptions-page .thumb-list--sidebar .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-uploader {
bottom: 4.2vh !important;
}
.subscriptions-page .thumb-list--sidebar .video-thumb-info .video-thumb-info__name {
min-height: 50px;
max-height: 50px;
margin-bottom: 0px;
}
.subscriptions-page .thumb-list--sidebar .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-info__name {
min-height: 17px !important;
max-height: 17px !important;
margin-bottom: 0px;
}
.subscriptions-page .thumb-list--sidebar .thumb-list__item.video-thumb .video-thumb-info .video-thumb-info__pornstar {
border-top: 1px solid red !important;
}
.subscriptions-page .thumb-list--sidebar .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-info__pornstar .name {
font-size: 12px !important;
}
.subscriptions-page .thumb-list--sidebar .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-info__pornstar .beta-star {
height: 16px !important;
line-height: 16px !important;
font-size: 9px !important;
}
/* (new198) SUBSC - PAGER */
.subscriptions-page .pager-section {
position: fixed !important;
display: inline-block;
width: 100% !important;
bottom: -60px !important;
background: #111 !important;
}
.subscriptions-page .pager-section .pager-container ul {
top: 7px !important;
}
/* (new340) SUBSCRIBE BUTTON - ALL - === */
.entity-container .entity-info-container__subscribe .subscribe-block-new__button,
.entity-container .entity-info-container__subscribe .subscribe-block-new__button-text,
.entity-container .entity-info-container__subscribe .subscribe-block__subscribers-number,
.entity-info-container__subscribe .xh-button {
position: relative !important;
height: 20px !important;
line-height: 14px !important;
min-width: 45px;
padding: 0 3px !important;
font-size: 14px;
}
.entity-container .entity-info-container__subscribe .subscribe-block-new__button-special-icon,
.entity-container .entity-info-container__subscribe .subscribe-block-new__button-icon.friend,
.entity-container .entity-info-container__subscribe .subscribe-block-new__button-special-icon.friend {
height: 16px !important;
line-height: 16px !important;
top: 0px !important;
font-size: 17px !important;
vertical-align: top !important;
}
.entity-container .entity-info-container__subscribe .subscribe-block-new__button-special-icon {
top: -1px !important;
font-size: 12px !important;
}
.sub-button__icon.xh-icon.sub {
display: none !important;
}
.entity-container .entity-info-container__subscribe .subscribe-block-new__button-counter {
height: 17px !important;
line-height: 17px !important;
bottom: -19px !important;
color: yellow !important;
}
/* (new65) SUBSCRIPTION - PORNSTAR - ADD INFO for LIMIT to 400 */
.link[href="https://xhamster.com/my/subscriptions"]:before,
.subscriptions > a:before {
content: "[Max 400 pornstars]";
position: absolute;
float: right;
height: 10px;
width: 100px;
line-height: 10px;
right: 20px;
font-size: 10px;
text-align: center;
visibility: hidden;
color: gold;
z-index: 500 !important;
background: green;
}
.link[href="https://xhamster.com/my/subscriptions"]:before,
.subscriptions:hover > a:before {
visibility: visible;
}
/* END ==== SUBSCRIPTION / CHANNEL ===== */
/* ==== */
.user-page.my-uploads-page .photo-block.upload-list .thumb-list__item.gallery-thumb .thumb-image-container .thumb-image-container__status {
top: 22% !important;
}
.user-page.my-uploads-page .photo-block.upload-list .thumb-list__item.gallery-thumb .thumb-image-container .gallery-thumb-info--dimmed .gallery-thumb-info__name {
color: red !important;
font-size: 12px !important;
white-space: pre-line;
}
/* GAL - GALLERY / PHOTOS - USER PAGE */
.user-page.user-photos-page.my-uploads-page .content-column:not(.single) {
display: inline-block !important;
width: 100% !important;
margin-left: -380px;
margin-top: -11px;
padding-left: 0px !important;
}
/* (new449) GAL - */
.user-page.user-photos-page.my-uploads-page main .width-wrap .user-content-section {
display: inline-block !important;
min-height: 93vh !important;
max-height: 93vh !important;
width: 100% !important;
margin: 4.5vh 0 0 0px !important;
padding: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid red;
}
.user-page.user-photos-page.my-uploads-page main .width-wrap .user-content-section .content-column.single {
margin-left: 0px !important;
margin-top: 0px;
padding-left: 0px !important;
}
.user-page.user-photos-page.my-uploads-page main .width-wrap .user-content-section .content-column.single .xh-tabs .tab-recent.gallery-list.current-tab .mixed-list .item.gallery {
width: 9.9% !important;
height: 187px;
left: 10px !important;
margin-bottom: 20px !important;
margin-left: 15px;
margin-right: 30px;
top: 10px;
}
/* (new377) FAVS GAL - DELETED */
.user-page.favorites-page .mixed-list .item.gallery.photo .link .thumb-container.reset-cursor ,
.user-page.favorites-page .mixed-list .item.gallery.photo .link .thumb-container[data-thumb=""] {
background: red !important;
}
.user-page.favorites-page .mixed-list .item.favorite.gallery .thumb-container.reset-cursor:before ,
.user-page.favorites-page .mixed-list .item.gallery.photo .link .thumb-container.reset-cursor:before ,
.user-page.favorites-page .mixed-list .item.gallery.photo .link .thumb-container[data-thumb=""]:before {
content: "Deleted" !important;
display: inline-block !important;
vertical-align: top !important;
width: 100% !important;
height: 131px;
line-height: 130px !important;
font-size: 20px !important;
text-align: center !important;
opacity: 0.5 !important;
background: blue !important;
color: white !important;
}
/* (new325) GAL - GALLERY / PHOTOS - USER - FAVS */
.user-page.favorites-page .mixed-list .item.gallery.photo .link .thumb-container {
display: inline-block !important;
line-height: 172px !important;
min-height: 100% !important;
max-height: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
/* margin: -3.2vh 0 0 0 !important; */
top: 0 !important;
}
/* (new325) GAL - HOVER */
.user-page.favorites-page .mixed-list .item.gallery.photo:hover .link .thumb-container {
display: inline-block !important;
line-height: 172px !important;
min-height: 100% !important;
max-height: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin: -4.6vh 0 0 0 !important;
top: 0 !important;
}
/* (new377) FAVS - GAL - GALL */
.user-page.favorites-page .mixed-list .item.gallery:not(.photo) .link .thumb-container {
display: inline-block !important;
line-height: 172px !important;
min-height: 133px !important;
max-height: 133px !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0px 0 0 0 !important;
top: 0 !important;
/* border: 1px solid aqua !important; */
}
/* (new377) */
.favorites-page .mixed-list .item.favorite.gallery .thumb-container.reset-cursor img:not([src="https://static-lvlt.xhcdn.com/xh-desktop/images/pixel.gif"]) ,
.user-page.favorites-page .mixed-list .item.gallery.photo .link .thumb-container.reset-cursor img:not([src="https://static-lvlt.xhcdn.com/xh-desktop/images/pixel.gif"]) ,
.user-page.favorites-page .mixed-list .item.gallery .link .thumb-container img:not([src="https://static-lvlt.xhcdn.com/xh-desktop/images/pixel.gif"]) {
display: inline-block !important;
min-height: 133px !important;
max-height: 133px !important;
min-width: 180px !important;
max-width: 180px !important;
/* margin-top: -43px !important; */
}
.user-page.favorites-page .mixed-list .item.gallery.favorite.gallery.photo.has-status .thumb-container .info-line-top,
.user-page.favorites-page .mixed-list .item.gallery .link .thumb-container .info-line-top {
position: absolute !important;
display: inline-block !important;
height: 15px !important;
top: 114px !important;
left: 0px !important;
pointer-events: auto !important;
background-color: rgba(255, 0, 0, 0.11) !important;
}
.user-page.favorites-page .mixed-list .item.gallery.favorite.gallery.photo.has-status:hover .thumb-container .info-line-top,
.user-page.favorites-page .mixed-list .item.gallery:hover .link .thumb-container .info-line-top {
top: 117px !important;
}
.favorites-page .mixed-list .item.favorite.gallery:hover .thumb-container .info-line-top button:last-of-type {
position: absolute !important;
display: inline-block !important;
top: 0px !important;
transform: translate(173px, -8px) scale(0.5)!important;
transition: all 0.3s ease 0s;
padding: 5px;
border-radius: 5px !important;
background: rgba(255, 0, 0, 0.37);
}
/* (new380) */
.user-page.favorites-page .mixed-list .item.gallery .link .thumb-container .info-line-top .edit-link.remove-favorite.exclude-tablet,
.user-page.favorites-page .mixed-list .item.gallery .link .thumb-container:hover .edit-link.remove-favorite.has-tooltip,
.user-page.favorites-page .mixed-list .item.gallery .link .thumb-container .edit-link.remove-favorite.has-tooltip {
position: absolute !important;
display: inline-block !important;
height: 30px !important;
width: 30px !important;
top: -5px !important;
left: 0px !important;
border-radius: 5px !important;
background-color: rgba(255, 0, 0, 0.31) !important;
z-index: 500 !important;
}
.user-page.favorites-page .mixed-list .item.gallery .link .thumb-container .edit-link.remove-favorite.has-tooltip:hover {
background-color: lime !important;
}
.user-page.user-photos-page.my-uploads-page .xh-tabs .gallery-list .mixed-list.clearfix-after .item.gallery {
display: inline-block !important;
width: 11% !important;
height: 209px;
top: 17px !important;
left: 20px;
margin-left: 10px;
margin-right: 5px;
margin-bottom: 5px !important;
}
/* (new276) GAL - */
/* .thumb-list--sidebar .thumb-list__item.gallery-thumb:hover , */
.user-page.favorites-page .mixed-list .item.gallery:hover {
min-height: 135px !important;
max-height: 135px !important;
border-radius: 5px !important;
transform-origin: center center;
transform: scale(1.6) !important;
transition: none !important;
opacity: 1;
z-index: 5000 !important;
background: rgba(3, 3, 3, 0.68);
}
.user-page.favorites-page .mixed-list .item.gallery:hover .thumb-container {
height: 138px;
padding: 5px;
width: 194px;
}
/* GAL - GALLERY / PHOTOS - INFOS */
.gallery-thumb-info {
position: absolute;
width: 100%;
min-height: 40px;
max-height: 40px;
line-height: 15px !important;
bottom: 15px;
padding: 0px !important;
text-align: left;
z-index: 1;
background: transparent;
}
/* (new378) GAL - GALLERY / PHOTOS - USER FAVORIS - GALLERY - === */
.user-page.user-photos-page.my-uploads-page header.no-popunder {
margin-bottom: -4px !important;
}
/* .user-page.user-photos-page.my-uploads-page .main-wrap {
display: inline-block !important;
height: 100% !important;
min-height: 90vh !important;
max-height: 90vh !important;
top: 0 !important;
} */
.user-page.user-photos-page.my-uploads-page .main-wrap > main {
display: inline-block !important;
/* height: 100% !important;
min-height: 90vh !important;
max-height: 90vh !important; */
top: 0 !important;
}
/* (new378) */
.user-page.user-photos-page.my-uploads-page .main-wrap > main .width-wrap {
min-height: 96vh !important;
max-height: 96vh !important;
}
/* (new380) */
.user-page.user-photos-page.my-uploads-page .xh-tabs .tab-favorite.gallery-list.current-tab.gallery {
display: inline-block !important;
width: 1910px !important;
margin: 4vh 0 0 0 !important;
padding: 0px !important;
/* border: 1px solid red !important; */
}
.user-page.user-photos-page.my-uploads-page .xh-tabs .tab-favorite.gallery-list.current-tab.gallery .thumb-list.thumb-list--sidebar.thumb-list--gallery {
display: inline-block !important;
width: 100% !important;
/* margin: 4.5vh 0 0 0 !important; */
padding: 2px 0 0 10px !important;
/* border: 1px solid aqua !important; */
}
/* (new378) GAL - FAVS / BLOGS / GALLERY / PHOTOS - THUMBNAIL IN FAVORITES VIDEOS / PHOTOS - === */
/* .user-page.favorites-page .content-column, */
.user-page.user-videos-page.my-uploads-page .xh-tabs .tab-recent.current-tab ,
.user-page.user-videos-page.my-uploads-page .content-column,
.user-page.favorites-page .content-column {
display: inline-block !important;
width: 1920px !important;
margin: 0px !important;
/* min-height: 90.3vh !important; */
max-height: 90.4vh !important;
padding-left: 0px !important;
/* overflow: hidden !important; */
/* border: 1px solid aqua !important; */
}
/* (new378) FAV without SIDE COLUMM */
.user-page.user-videos-page.my-uploads-page .xh-tabs .tab-recent.current-tab {
position: relative !important;
/* top: -2.2vh !important; */
margin: 0vh 0 0 0 !important;
height: auto !important;
/* min-height: 90vh !important; */
max-height: 90vh !important;
padding: 0px !important;
/* border: 1px solid pink !important; */
}
/* (new380) FAVS - GAL - PHOT + GALL */
/* (new380) FAVS PHOTO - CONTAINER */
.user-page.user-photos-page.my-uploads-page .thumb-list--sidebar .thumb-list__item.gallery-thumb{
display: inline-block !important;
float: none !important;
height: 155px !important;
min-width: 150px !important;
max-width: 150px !important;
top: 3px !important;
left: 8px !important;
margin: -5px -10px 5px 14px !important;
border-radius: 5px !important;
transition: width 0.7s ease 0s !important;
/* border: 1px solid aqua !important; */
}
/* (new380) MY PHO FAVS */
.favorites-page .mixed-list .item.favorite.gallery:not(.photo) ,
.favorites-page .mixed-list .item.favorite.gallery.photo {
display: inline-block !important;
float: none !important;
height: 136px !important;
min-width: 150px !important;
max-width: 150px !important;
top: 3px !important;
left: 3px !important;
margin: -5px -10px 10px 18px !important;
border-radius: 5px !important;
transition: width 0.7s ease 0s !important;
/* border: 1px solid yellow !important; */
}
/* (new377) GAL - PHO - DELETED */
.user-page.favorites-page .mixed-list .item.favorite.gallery.has-status .thumb-container.reset-cursor {
max-width: 100% !important;
min-width: 100% !important;
margin-top: 0px !important;
}
.user-page.favorites-page .mixed-list .item.favorite.gallery.has-status:hover .thumb-container.reset-cursor {
max-width: 100% !important;
min-width: 100% !important;
}
/* (new377) GALL - DELETED */
.user-page.favorites-page .mixed-list .item.favorite.gallery .thumb-container.reset-cursor,
.user-page.favorites-page .mixed-list .item.favorite.gallery.has-status:hover .thumb-container.reset-cursor {
max-height: 139px !important;
min-height: 139px !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
}
.user-page.favorites-page .mixed-list .item.favorite.gallery.has-status:hover .thumb-container.reset-cursor .status {
height: 172px !important;
z-index: 0 !important;
}
/* GAL - PHOTO/GALLERIE - BUTTON DEL*/
.user-page.favorites-page .mixed-list .item.favorite.gallery .thumb-container .info-line-top button:last-of-type {
margin-right: 5px !important;
margin-left: 0px !important;
padding: 5px;
border-radius: 3px;
background: black !important;
}
/* PHOTO DELETED - BUTTON DEL*/
.user-page.favorites-page .mixed-list .item.favorite.gallery.has-status .thumb-container .info-line-top {
display: inline-block !important;
height: 20px;
/* top: 109px; */
bottom: 0 !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.user-page.favorites-page .mixed-list .item.favorite.gallery.has-status:hover .thumb-container .info-line-top {
display: inline-block !important;
height: 20px;
top: 151px !important;
opacity: 1 !important;
}
.user-page.favorites-page .mixed-list .item.favorite.gallery.has-status[data-tooltip=" Friends only"] .thumb-container .info-line-top button:last-of-type,
.user-page.favorites-page .mixed-list .item.favorite.gallery.has-status .thumb-container .info-line-top button:last-of-type {
position: absolute !important;
display: inline-block !important;
margin: 0px !important;
left: 78px !important;
top: -80px !important;
padding: 5px;
border-radius: 3px;
transform: none !important;
background: black !important;
}
.user-page.favorites-page .mixed-list .item.favorite.gallery.has-status:hover .thumb-container .info-line-top button:last-of-type {
left: 78px !important;
top: -60px !important;
transform: none !important;
}
.user-page.favorites-page .mixed-list .item.favorite.gallery.has-status[data-tooltip=" Friends only"]:hover .thumb-container .info-line-top button:last-of-type {
left: 78px !important;
top: -80px !important;
transition: none !important;
transform: none !important;
}
.user-page.favorites-page .mixed-list .item.favorite.gallery.has-status[data-tooltip=" Friends only"] .gallery-thumb-info.gallery-thumb-info--dimmed {
top: 91px !important;
}
.user-page.favorites-page .mixed-list .item.favorite.gallery.has-status[data-tooltip=" Friends only"]:hover .gallery-thumb-info.gallery-thumb-info--dimmed + .info-line-top button:last-of-type {
left: 78px !important;
top: -120px !important;
transition: none !important;
transform: none !important;
}
/* GAL - for ERROR DELETED THUMB not displaying "deleted" */
.user-page.favorites-page .mixed-list .item.favorite.gallery:hover .thumb-container.reset-cursor {
max-height: 138px !important;
min-height: 138px !important;
min-width: 168px !important;
max-width: 168px !important;
left: 0 !important;
border-radius: 5px !important;
}
.user-page.favorites-page .mixed-list .item.favorite.gallery .thumb-container.reset-cursor > img[src="https://static-cl.xhcdn.com/xh-tpl3/images/pixel.gif"] + .info-line-top {
display: inline-block !important;
height: 20px;
min-width: 166px !important;
max-width: 166px !important;
top: 91px !important;
text-align: center !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.user-page.favorites-page .mixed-list .item.favorite.gallery:hover .thumb-container.reset-cursor > img[src="https://static-cl.xhcdn.com/xh-tpl3/images/pixel.gif"] + .info-line-top {
display: inline-block !important;
height: 20px;
min-width: 166px !important;
max-width: 166px !important;
top: 91px !important;
text-align: center !important;
opacity: 1 !important;
}
.user-page.favorites-page .mixed-list .item.favorite.gallery .thumb-container.reset-cursor .status[style="display: block;"] + img[src="https://static-cl.xhcdn.com/xh-tpl3/images/pixel.gif"] + .info-line-top[style="display: block;"] button:last-of-type {
position: absolute !important;
display: inline-block !important;
margin: 0px !important;
left: 70px !important;
top: -3px !important;
padding: 5px;
border-radius: 3px;
transform: none !important;
background: black !important;
}
.user-page.favorites-page .mixed-list .item.favorite.gallery:hover .thumb-container.reset-cursor .status[style="display: block;"] + img[src="https://static-cl.xhcdn.com/xh-tpl3/images/pixel.gif"] + .info-line-top[style="display: block;"] button:last-of-type {
position: absolute !important;
display: inline-block !important;
margin: 0px !important;
left: 70px !important;
top: -3px !important;
padding: 5px;
border-radius: 3px;
transform: none !important;
background: black !important;
}
/* GAL - GALLERY / PHOTO FAVS - HOVER */
/* GAL - HOVER - GALLERIE / PHOTO - ROW - TOP */
.favorites-page .mixed-list .item.favorite.gallery:nth-child(n + 1):nth-child(-n + 10):hover,
.favorites-page .mixed-list .item.favorite.gallery.photo:nth-child(n + 1):nth-child(-n + 10):hover {
top: 52px !important;
}
/* GAL - HOVER - GALLERIE / PHOTO - ROW - BOTTOM */
.favorites-page .mixed-list .item.favorite.gallery:nth-child(n + 51):nth-child(-n + 60):hover,
.favorites-page .mixed-list .item.favorite.gallery:nth-child(n + 51):nth-child(-n + 60):hover {
top: -25px !important;
}
/* GAL - HOVER - GALLERIE / PHOTO - LEFT */
.favorites-page .mixed-list .item.favorite.gallery:nth-child(51):hover,
.favorites-page .mixed-list .item.favorite.gallery:nth-child(41):hover,
.favorites-page .mixed-list .item.favorite.gallery:nth-child(31):hover,
.favorites-page .mixed-list .item.favorite.gallery:nth-child(21):hover,
.favorites-page .mixed-list .item.favorite.gallery:nth-child(11):hover,
.favorites-page .mixed-list .item.favorite.gallery:nth-child(1):hover {
left: 50px;
}
/* GAL - HOVER - GALLERIE / PHOTO - RIGHT */
.favorites-page .mixed-list .item.favorite.gallery:nth-child(60):hover,
.favorites-page .mixed-list .item.favorite.gallery:nth-child(50):hover,
.favorites-page .mixed-list .item.favorite.gallery:nth-child(40):hover,
.favorites-page .mixed-list .item.favorite.gallery:nth-child(30):hover,
.favorites-page .mixed-list .item.favorite.gallery:nth-child(20):hover,
.favorites-page .mixed-list .item.favorite.gallery:nth-child(10):hover {
left: -58px !important;
}
/* (new449) */
.user-page.user-photos-page.my-uploads-page .thumb-list.thumb-list--sidebar.thumb-list--gallery span.gallery-thumb__link.thumb-image-container,
.thumb-list--sidebar .thumb-list__item.gallery-thumb a.thumb-image-container,
.thumb-list--gallery-full-width .thumb-list__item a.thumb-image-container,
.favorites-page .mixed-list .item.favorite.gallery.photo .link {
display: inline-block !important;
height: 100%;
max-height: 100% !important;
min-height: 100% !important;
line-height: 172px !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0 0 0 0 !important;
border-radius: 5px !important;
box-shadow: none !important;
z-index: 0 !important;
border: 1px solid gray !important;
}
/* (new380) */
.photos-page .main-wrap:first-of-type > main .width-wrap .gallery-section .thumb-list--sidebar .thumb-list__item.gallery-thumb {
display: inline-block;
height: 100%;
max-height: 138px !important;
min-height: 138px !important;
margin: 0 -25px 5px 30px;
padding: 0;
vertical-align: top;
/* border: 1px solid pink !important; */
}
/*.photos-page .main-wrap:first-of-type > main .width-wrap .gallery-section .thumb-list--sidebar .thumb-list__item.gallery-thumb div[data-role="gallery-thumb-plug"] .thumb-plug.thumb-plug_gallery img,*/
.photos-page .main-wrap:first-of-type > main .width-wrap .gallery-section .thumb-list--sidebar .thumb-list__item.gallery-thumb a.thumb-image-container{
display: inline-block !important;
height: 100%;
max-height: 136px !important;
min-height: 136px !important;
line-height: 172px !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0 0 0 0 !important;
border-radius: 5px !important;
box-shadow: none !important;
z-index: 0 !important;
border: 1px solid gray !important;
}
/* (new450) */
.photos-page .gallery-thumb [data-role="gallery-thumb-plug"] .thumb-plug__block-image {
height: 100%;
max-height: 80px !important;
min-height: 80px !important;
margin: 0 0 0vh 0 !important;
border: 1px solid red!important;
}
.photos-page .gallery-thumb [data-role="gallery-thumb-plug"] .thumb-plug__block-image + .video-thumb-info {
bottom: 2.7vh !important;
border-radius: 0 0 8px 8px !important;
background: red !important;
}
/* (new224) GAL - */
.gallery-thumb .thumb-image-container__status {
top: 30%;
}
.favorites-page .mixed-list .item.favorite.gallery.photo:hover .link {
display: inline-block !important;
line-height: 172px !important;
min-height: 133px !important;
max-height: 133px !important;
min-width: 181px !important;
max-width: 181px !important;
border-radius: 5px !important;
box-shadow: none !important;
z-index: 0 !important;
}
/* (new377) */
.favorites-page .mixed-list .item.favorite.gallery .thumb-container {
display: inline-block !important;
vertical-align: middle !important;
line-height: 118px !important;
min-height: 132px !important;
max-height: 132px !important;
min-width: 168px !important;
max-width: 168px !important;
margin-top: -40px !important;
border-radius: 5px !important;
background-repeat: no-repeat;
background-position: center !important;
background-size: contain !important;
border: 1px solid red !important;
}
.favorites-page .mixed-list .item.favorite.gallery:hover .thumb-container {
min-height: 172px !important;
max-height: 172px !important;
min-width: 206px !important;
max-width: 206px !important;
margin: -40px 0 0 0px !important;
padding: 0px !important;
background-repeat: no-repeat;
background-position: center !important;
background-size: contain !important;
}
.favorites-page .mixed-list .item.favorite.gallery .thumb-container img {
height: 126px !important;
min-width: 150px !important;
max-width: 150px !important;
}
.favorites-page .mixed-list .item.favorite.gallery .thumb-container img[src="https://static-lvlt.xhcdn.com/xh-desktop/images/pixel.gif"] ,
.thumb-container > img[src="https://static-lvlt.xhcdn.com/xh-desktop/images/pixel.gif"] {
display: none !important;
}
/* (new340) GAL - GALLERY / PHOTOS - CATEGORY PAGES - PHOTOS */
.photos-page .main-wrap:first-of-type > main {
display: inline-block !important;
padding: 0px 0 0 !important;
}
.photos-page .main-wrap:first-of-type > main .width-wrap {
margin: 3vh 0 0 0 !important;
}
.photos-page .main-wrap:first-of-type > main .width-wrap .gallery-section {
display: inline-block !important;
margin: 3vh 0 0 0 !important;
}
.photos-page .gallery-section h1.xh-header {
position: fixed !important;
width: 90% !important;
line-height: 34px;
top: 2.5vh !important;
right: 0 !important;
margin: 0 0 0 0 !important;
padding: 0 0 0 30px !important;
background: red !important;
}
.photos-page .gallery-section {
margin: 0 0 0 0 !important;
}
/* GAL - GALLERY / PHOTOS - PHOTO VIEW - NOT FULL VIEW */
#photo_slider:not(.fotorama--fullscreen) .photo-page .photo-view .slider-side {
width: 100% !important;
min-width: 542px !important;
max-width: 542px !important;
height: 100% !important;
min-height: 850px !important;
max-height: 850px !important;
background-color: black !important;
text-align: center;
overflow: hidden !important;
}
#photo_slider:not(.fotorama--fullscreen) .fotorama__wrap.fotorama__wrap--css3.fotorama__wrap--slide.fotorama__wrap--toggle-arrows.fotorama__wrap--no-controls .fotorama__stage,
#photo_slider:not(.fotorama--fullscreen) .fotorama__wrap.fotorama__wrap--css3.fotorama__wrap--slide.fotorama__wrap--toggle-arrows.fotorama__wrap--no-controls:not(.fotorama__wrap--no-controls),
#photo_slider:not(.fotorama--fullscreen) .fotorama__wrap.fotorama__wrap--css3.fotorama__wrap--toggle-arrows,
#photo_slider:not(.fotorama--fullscreen) {
display: inline-block !important;
vertical-align: top !important;
width: 100% !important;
min-width: 528px !important;
max-width: 528px !important;
height: 100% !important;
min-height: 91.5vh !important;
max-height: 91.5vh !important;
overflow: visible !important;
/* border: 1px solid aqua !important; */
}
.fotorama__stage,
.fotorama__wrap.fotorama__wrap--css3.fotorama__wrap--slide.fotorama__wrap--toggle-arrows {
min-height: 1080px !important;
max-height: 1080px !important;
}
.fotorama__wrap--slide .fotorama__stage__frame {
left: 0 !important;
opacity: 1 !important;
background: black !important;
}
.fotorama__wrap--slide .fotorama__stage__frame.fotorama__loaded.fotorama__loaded--img.fotorama__active {
background: transparent !important;
opacity: 1 !important;
}
.fotorama__stage__shaft,
#photo_slider:not(.fotorama--fullscreen) .fotorama__stage__shaft {
position: relative !important;
display: inline-block !important;
vertical-align: middle !important;
width: 100% !important;
height: 100% !important;
min-height: 91vh !important;
max-height: 91vh !important;
transform: translate3d(0px, 0px, 0px) !important;
transition-duration: 0ms !important;
}
.fotorama__stage__shaft .fotorama__stage__frame.fotorama__loaded img {
width: 100% !important;
transform: translate3d(0px, 0px, 0px) !important;
transition-duration: 0ms !important;
}
#photo_slider:not(.fotorama--fullscreen) .fotorama__stage__frame.fotorama__loaded.fotorama__loaded--img:not(.fotorama__active) {
position: absolute !important;
display: inline-block !important;
vertical-align: middle !important;
width: 100% !important;
height: 100%;
min-height: 91vh !important;
max-height: 91vh !important;
right: 0 !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
text-align: center !important;
background: rgba(0, 0, 0, 0.74) !important;
transition: all 2s !important;
}
#photo_slider:not(.fotorama--fullscreen) .fotorama__stage__frame.fotorama__loaded.fotorama__loaded--img:not(.fotorama__active) img {
opacity: 0 !important;
visibility: hidden !important;
}
/* (new450) */
#photo_slider:not(.fotorama--fullscreen) .fotorama__stage__frame.fotorama__loaded.fotorama__loaded--img.fotorama__active {
position: absolute !important;
display: inline-block !important;
vertical-align: middle !important;
width: 100% !important;
height: 100%;
min-height: 90.4vh !important;
max-height: 90.4vh !important;
line-height: 800px !important;
text-align: center !important;
background: rgba(0, 0, 0, 0.74) !important;
}
#photo_slider:not(.fotorama--fullscreen) .fotorama__stage__frame.fotorama__loaded.fotorama__loaded--img:not(.fotorama__active) .fotorama__img,
#photo_slider:not(.fotorama--fullscreen) .fotorama__stage__frame.fotorama__loaded.fotorama__loaded--img.fotorama__img,
#photo_slider:not(.fotorama--fullscreen) .fotorama__stage__frame.fotorama__loaded.fotorama__loaded--img.fotorama__active .fotorama__img {
position: relative !important;
display: inline-block !important;
vertical-align: middle !important;
height: auto !important;
min-width: 84% !important;
max-width: 84% !important;
max-height: 850px !important;
right: 0 !important;
left: 0px !important;
top: 0 !important;
border-radius: 0;
box-shadow: none;
text-align: center !important;
}
/* GAL - PHOTO - SLIDESHOW - FULL SCREEN - === */
.fullscreen #photo_slider.fotorama--fullscreen .fotorama__wrap--slide .fotorama__stage.fotorama__pointer .fotorama__stage__shaft .fotorama__stage__frame.fotorama__stage__frame.fotorama__loaded.fotorama__loaded--img:not(.fotorama__active) {
display: none !important;
}
.fotorama--fullscreen {
float: none;
z-index: 10004;
text-align: center !important;
}
.fotorama--fullscreen .fotorama__stage__frame.fotorama__active,
.fotorama--fullscreen .fotorama__wrap--slide .fotorama__stage__frame {
text-align: center !important;
display: inline-block !important;
opacity: 1;
}
.fotorama--fullscreen .fotorama__loaded--img.fotorama__active img.fotorama__img,
.fotorama--fullscreen .fotorama__loaded--img img.fotorama__img {
position: relative !important;
display: inline-block !important;
height: 100% !important;
min-height: 750px !important;
max-height: 750px !important;
width: auto !important;
left: 0 !important;
top: 11% !important;
}
/* GAL - PHOTO - SLIDESHOW CONTROL - FULLSCREEN - === */
.fotorama--fullscreen .slideshow-control {
position: fixed !important;
display: inline-block !important;
height: 50px;
line-height: 150px !important;
bottom: 5px !important;
left: 0 !important;
transition-duration: 0.3s;
text-align: center !important;
opacity: 1 !important;
z-index: 5000000 !important;
background: #222 !important;
}
.fotorama--fullscreen .slideshow-control .slider-run-control {
display: inline-block !important;
height: 42px;
line-height: 27px;
left: 32% !important;
top: 4px;
}
.fotorama--fullscreen .slideshow-control .slider-run-controll .pause-slider .animation-canvas {
left: 2px;
}
.fotorama--fullscreen .slideshow-control .slider-run-control .pause-slider i.xh-icon {
left: 2px !important;
}
.fotorama--fullscreen .slideshow-control .slider-run-control .pause-slider i.xh-icon.pause {
left: 0px !important;
}
.fotorama--fullscreen .slideshow-control .slider-speed-control {
left: 43.2% !important;
}
.fotorama--fullscreen .slideshow-control .slider-speed-control .start-slideshow-text:not(xh-helper-hidden) {
width: 100px !important;
margin-left: 80px !important;
}
.fotorama--fullscreen .fotorama__wrap.fotorama__wrap--css3.fotorama__wrap--slide.fotorama__wrap--toggle-arrows.fotorama__wrap--no-controls .fotorama__arr {
top: 45% !important;
border: 1px solid red !important;
}
/* GAL - GALLERY / PHOTOS - A VOIR .fotorama */
#photo_slider:not(.fotorama--fullscreen) #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--css3 .fotorama__nav__shaft,
#photo_slider:not(.fotorama--fullscreen) #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--css3 .fotorama__stage__shaft,
#photo_slider:not(.fotorama--fullscreen) #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--css3 .fotorama__thumb-border,
#photo_slider:not(.fotorama--fullscreen) #photo_slider:not(.fotorama--fullscreen) .fotorama__stage__frame {
width: 541px !important;
right: 0 !important;
background-color: black !important;
}
#photo_slider:not(.fotorama--fullscreen) .fotorama__stage__frame.fotorama__loaded.fotorama__loaded--img.fotorama__active {
transition-duration: 0s !important;
transition-property: opacity;
transition-timing-function: linear;
}
.fotorama__stage {
height: 745px;
overflow: visible !important;
width: 528px;
}
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__stage.fotorama__pointer {
display: inline-block !important;
min-height: 93.5vh !important;
max-height: 93.5vh !important;
left: 0;
width: 528px;
overflow: visible !important;
opacity: 1 !important;
z-index: 50000 !important;
}
/* GAL - GALLERY / PHOTOS - OLD */
#viewBox > .boxC {
border: 1px solid #404040;
box-shadow: 3px 3px 2px black;
height: 800px;
left: 5px;
width: 625px;
}
#view {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: 97%;
position: relative;
}
#view > table {
height: 100%;
}
#view .thumb {
height: 802px;
width: 625px;
}
#viewFix > tbody > tr > td > a[href^="https://xhamster.com/photos"] {
position: absolute;
display: inline-block;
vertical-align: middle;
height: 795px;
line-height: 700px;
width: 626px;
left: 0;
top: 2px;
text-align: center;
}
#viewFix > tbody > tr > td > a[href^="https://xhamster.com/photos"] #imgSized {
display: inline-block;
max-height: 795px;
max-width: 618px;
position: relative;
vertical-align: middle;
}
/* GAL - GALLERY / PHOTOS - VIDEOS / GALLERIES RELATED */
.gallery-related {
width: 40%;
float: right;
clear: both;
margin-right: 150px;
margin-top: -1042px;
}
/* (new340) GAL - GALLERY / PHOTOS - PHOTO PAGE - ALL / VIDEOS RELATED */
.photo-page .mixed-section.videos.related {
display: inline-block;
margin: 0 0 0 0 !important;
width: 710px !important;
}
.photo-page .mixed-section.videos .mixed-list.clearfix-after {
position: relative;
max-width: 692px !important;
}
/* (new380) GAL - GALLERY / PHOTOS - PHOTO - PAGE - GALLERY RELATED - CONTAINER - */
.photo-page .main-wrap .width-wrap .gallery-related .mixed-section.gallery.related {
display: inline-block;
width: 700px !important;
height: 58vh !important;
margin-top: 0;
margin-left: 0px !important;
/* border: 1px solid aqua !important; */
}
.photo-page .main-wrap .width-wrap .gallery-related .mixed-section.gallery.related .width-wrap .thumb-list.thumb-list--related-gallery.thumb-list--margin,
.photo-page .main-wrap .width-wrap .gallery-related .mixed-section.gallery.related .width-wrap {
display: inline-block;
width: 100% !important;
min-width: 700px !important;
max-width: 700px !important;
height: 100% !important;
margin: 0 !important;
left: 0px !important;
}
/* GAL - GALLERY / PHOTOS - GALLERY RELATED - THUMBS - === */
.photo-page_container + .gallery-related .mixed-section.gallery.related .width-wrap .thumb-list.thumb-list--related-gallery .thumb-list__item.gallery-thumb {
display: inline-block !important;
float: left !important;
width: 19.4% !important;
height: 28vh !important;
/* margin: -40px 0px 45px 0px !important; */
margin: 0 2px 7px 2px !important;
/* bottom: -49px; */
padding: 0;
border-radius: 5px !important;
border: 1px solid red !important;
}
.photo-page .main-wrap .width-wrap .gallery-related .mixed-section.gallery.related .thumb-list__item.gallery-thumb .gallery-thumb__link.thumb-image-container {
height: 100% !important;
width: 100% !important;
top: 0px;
/* margin-left: 0px; */
/* margin-bottom: 22px; */
/* bottom: -29px; */
border-radius: 5px;
border: 1px solid gray;
}
/* (new450) */
.photo-page .main-wrap .width-wrap .gallery-related .mixed-section.gallery.related .thumb-list__item.gallery-thumb .gallery-thumb__link.thumb-image-container .thumb-image-container__image {
display: inline-block !important;
height: 100% !important;
min-height: 200px !important;
max-height: 200px !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
background-repeat: no-repeat;
background-size: contain !important;
background-position: center center !important;
object-fit: contain !important;
border: 1px solid gray !important;
}
.photo-page .main-wrap .width-wrap .gallery-related .mixed-section.gallery.related .thumb-list__item a.gallery-thumb__link.thumb-image-container:visited .thumb-image-container__image {
border: 1px solid green !important;
}
/* (new379) GAL - GALLERY / PHOTOS - VIDEOS RELATED */
.photo-page_container + .gallery-related .mixed-section.videos.related .thumb-list .thumb-list__item.video-thumb {
width: 24% !important;
min-height: 19vh !important;
max-height: 19vh !important;
margin: 0 3px 5px 2px !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
.photo-page_container + .gallery-related .mixed-section.videos.related .thumb-list .thumb-list__item.video-thumb .video-thumb__image-container {
height: 13vh !important;
width: 100% !important;
border: 1px solid #333 !important;
}
.photo-page_container + .gallery-related .mixed-section.videos.related .thumb-list .thumb-list__item.video-thumb .video-thumb-info {
height: 4vh !important;
width: 100% !important;
/* background: blue !important; */
}
.photo-page_container + .gallery-related .mixed-section.videos.related .thumb-list .thumb-list__item.video-thumb:hover .video-thumb-info {
min-height: 5.9vh !important;
width: 100% !important;
margin: -2vh 0 0 0 !important;
padding: 0 !important;
/* background: red !important; */
}
.photo-page_container + .gallery-related .mixed-section.videos.related .thumb-list .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-info__name ,
.photo-page_container + .gallery-related .mixed-section.videos.related .thumb-list .thumb-list__item.video-thumb .video-thumb-info__name {
min-height: 5vh !important;
max-height: 5vh !important;
line-height: 13px !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin: -3px 0 0 0 !important;
padding: 0 5px !important;
font-size: 11px !important;
/* border: 1px solid aqua !important; */
}
.photo-page_container + .gallery-related .mixed-section.videos.related .thumb-list .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-info__name {
min-height: 5.9vh !important;
max-height: 5.9vh !important;
line-height: 13px !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0px 0 0 0 !important;
padding: 0 5px !important;
font-size: 11px !important;
/* border: 1px solid yellow !important; */
}
/* GAL - GALLERY / PHOTOS - GALLERY / VIDEO / PHOTO PAGE - "SHOW ALL" RELATED VIDEOS / GALLERIES - BUTTON */
.photo-page .gallery-related .button-section a {
height: 27px;
line-height: 27px;
top: -21px;
}
.photo-page .mixed-section.videos.related .button-section a {
height: 18px;
line-height: 18px;
top: 2px !important;
}
/* (new450) GAL - GALLERY / PHOTOS - SHOW PHOTOS */
.right-column .favorite-photos-block.column-block.xh-tabbed .mixed-section > div:last-of-type a {
position: absolute !important;
margin: 0 !important;
top: 0px !important;
left: 434px !important;
}
.photo-page > body {
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
top: 0 !important;
margin: 4.5vh 0 0 0 !important;
overflow: hidden;
/*border: 1px solid aqua !important;*/
}
html.photo-page .main-wrap div[data-role="header"] + div[data-role="promo-messages-wrapper"] + .width-wrap ,
html.photo-page > body > .main-wrap > header + .width-wrap {
position: fixed !important;
display: inline-block !important;
height: 100vh !important;
top: 0vh !important;
/*border: 1px solid yellow !important;*/
}
/* (new340) */
.gallery-page .page-title-container {
position: fixed !important;
display: inline-block !important;
width: 100%;
min-width: 1400px !important;
max-width: 1400px !important;
max-width: 100%;
height: 24px !important;
line-height: 24px;
left: 0px !important;
top: 2.8vh !important;
padding: 0 0 2px;
overflow: visible !important;
white-space: nowrap;
z-index: 5 !important;
background: #111 !important;
}
.gallery-page .page-title-container .page-title {
position: relative;
width: 100%;
min-width: 1240px !important;
max-width: 1240px !important;
height: 25px !important;
line-height: 20px !important;
padding: 2px 10px !important;
border-radius: 8px !important;
font-size: 17px !important;
overflow-x: hidden !important;
overflow-y: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
border: 1px solid gray !important;
}
.gallery-page .page-title-container .page-title__title {
display: inline-block;
max-width: 1150px !important;
overflow-x: hidden;
overflow-y: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.gallery-page .page-title-container .page-title__title h1 {
height: 18px !important;
line-height: 18px !important;
font-size: 18px !important;
color: gold !important;
}
.gallery-page .page-title-container .page-title__count {
display: inline-block !important;
height: 18px !important;
line-height: 15px !important;
right: 75px !important;
top: 3px;
padding: 2px 5px;
border-radius: 3px;
color: gold;
transform: translate(100%);
background: black;
}
.gallery-page .page-title-container .gallery-controls {
position: absolute !important;
display: inline-block !important;
float: none !important;
vertical-align: middle !important;
width: 250px !important;
height: 100% !important;
min-height: 24px !important;
max-height: 24px !important;
line-height: 20px !important;
right: -140px !important;
top: 0 !important;
text-align: right !important;
z-index: 5000 !important;
/* border: 1px solid lime !important; */
}
.gallery-controls > a[href^="https://xhamster.com/my/edit/photos/"] {
float: right !important;
vertical-align: top !important;
line-height: 20px !important;
height: 20px;
min-width: 100px !important;
max-width: 100px !important;
margin: 2px 25px 0 0!important;
border-radius: 15px;
font-size: 14px;
color: #fff;
text-align: center !important;
background: #303030;
}
.gallery-page .page-title-container .gallery-controls .xh-button.large.black {
float: left !important;
vertical-align: top !important;
line-height: 20px !important;
height: 20px !important;
min-width: 130px;
margin-left: 5px;
}
/* (new340) GAL - */
.gallery-page .page-title-container .gallery-controls .xh-button.large.red.start-slideshow {
position: absolute !important;
display: inline-block !important;
float: none !important;
vertical-align: middle !important;
width: 115px !important;
height: 22px !important;
line-height: 20px !important;
top: 0 !important;
right: 0px !important;
margin: 2px 0 0 0 !important;
padding: 1px !important;
border-radius: 3px !important;
color: white !important;
}
.gallery-page .page-title-container .gallery-controls .xh-button.large.red.start-slideshow .xh-icon.play-slideshow.button__left {
height: 18px !important;
line-height: 16px !important;
margin: 0 0 0 -8px !important;
}
.gallery-page .page-title-container .gallery-controls .xh-button.large.red .xh-icon.play-slideshow,
.gallery-page .page-title-container .gallery-controls .xh-button.large.black .xh-icon.upload {
margin-top: -20px !important;
}
.gallery-page .main-wrap > main > article {
clear: none;
float: left;
width: 900px;
padding: 0 0 0 15px;
/* border: 1px solid yellow; */
}
/* (new324) GAL - LIST - RELATED */
/* .gallery-related .mixed-section.related-tabs.xh-tabbed.gallery-related .mixed-section.related-tabs.xh-tabbed */
.gallery-page .gallery-related {
position: absolute;
display: inline-block;
width: 332px !important;
height: 68.6vh !important;
top: 30vh !important;
right: 2px !important;
margin: 0 0 0 0 !important;
z-index: 500 !important;
border: 1px solid #404040;
/* background: green !important; */
}
.gallery-page .gallery-related .mixed-section.gallery.related {
height: 811px;
margin-bottom: 0;
}
.gallery-page .gallery-related .mixed-section.gallery.related .button-section {
height: 25px;
}
.gallery-page .gallery-related .mixed-section.gallery.related .button-section a {
height: 24px;
line-height: 24px;
}
/* (new340) */
.photo-page .gallery-related {
clear: none !important;
float: right !important;
height: 64.2vh !important;
width: 711px !important;
margin-right: 5px !important;
margin-top: -96.5vh;
padding: 5px;
border-radius: 3px;
border: 1px red solid;
}
.gallery-page .gallery-related .mixed-section.videos.related,
.gallery-page .gallery-related .mixed-section.gallery.related {
height: 65vh !important;
right: 0 !important;
margin: 0 0 0 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new324) GAL - GALLERY - PHOTO - PAGE - GALLERIES RELATED */
.gallery-page .gallery-related .mixed-section.gallery.related .width-wrap {
width: 100% !important;
top: 0 !important;
margin: 0 !important;
}
.gallery-page .gallery-related .mixed-section.related-tabs button.followable,
.photo-page .gallery-related .mixed-section.related-tabs button.followable {
display: inline-block !important;
height: 35px !important;
line-height: 35px !important;
width: 160px !important;
margin: 5px 0px 5px 10px;
padding: 0 2px;
font-size: 12px !important;
text-align: center !important;
border-radius: 3px;
border: 1px solid red !important;
}
.gallery-page .gallery-related .mixed-section.related-tabs button.followable {
display: inline-block !important;
height: 25px !important;
line-height: 25px !important;
width: 150px !important;
margin: 5px 0px 0px 8px;
padding: 0 0px !important;
font-size: 12px !important;
text-align: center !important;
border-radius: 3px;
border: 1px solid red !important;
}
.gallery-page .gallery-related .mixed-section.related-tabs button.followable:first-of-type {
min-height: 25px !important;
line-height: 25px !important;
margin-left: 5px !important;
border: 1px solid aqua !important;
}
.photo-page .gallery-related .mixed-section.related-tabs button.followable:first-of-type {
min-height: 35px !important;
line-height: 35px !important;
margin-left: 5px !important;
border: 1px solid lime !important;
}
.gallery-page .gallery-related .mixed-section.gallery.related .width-wrap .thumb-list.thumb-list--related-gallery.thumb-list--margin {
width: 100% !important;
height: 65vh !important;
margin: 0;
right: 0;
padding: 0 0 0 5px !important;
overflow-x: hidden;
overflow-y: auto;
/* border: 1px solid aqua !important; */
}
/* (new449) GAL - */
.gallery-page .gallery-related .mixed-section.gallery.related .width-wrap .thumb-list.thumb-list--related-gallery.thumb-list--margin .thumb-list__item.gallery-thumb {
vertical-align: top;
width: 150.333px !important;
height: 150.333px !important;
margin: 0 3px 3px 0 !important;
padding: 0px 0 !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
.gallery-page .gallery-related .mixed-section.gallery.related .width-wrap .thumb-list.thumb-list--related-gallery.thumb-list--margin .thumb-list__item.gallery-thumb .thumb-image-container {
width: 100% !important;
height: 100% !important;
margin-left: 0px !important;
border-radius: 5px !important;
}
.gallery-page .gallery-related .mixed-section.gallery.related .width-wrap .thumb-list.thumb-list--related-gallery.thumb-list--margin .thumb-list__item.gallery-thumb .thumb-image-container .thumb-image-container__image {
width: 155.333px !important;
height: 143.333px !important;
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat;
}
/* (new449) GAL - */
/* GAL - GALLERY / PHOTOS PAGE - VIDEO RELATED */
.gallery-page .gallery-related .mixed-section.videos.related .width-wrap {
width: 320px !important;
top: -8px;
margin: 0 !important;
}
.photo-page .gallery-related .width-wrap {
min-width: 710px !important;
left: 0px;
}
.gallery-page .gallery-related .width-wrap .mixed-list {
position: relative;
}
.gallery-page .gallery-related .width-wrap .mixed-list .item.gallery {
width: 46% !important;
margin-bottom: 5px;
margin-right: 3px;
padding: 0;
}
.gallery-page .gallery-related .width-wrap .arrow-container.left-container {
left: 0;
margin-left: -47px;
}
.gallery-page .gallery-related .width-wrap .arrow-container.right-container {
left: 100%;
margin-left: -22px;
}
.gallery-page .gallery-related .mixed-section.videos.related .item.video {
width: 31% !important;
margin-bottom: 40px;
margin-right: 0px;
padding: 0;
}
.photo-page .gallery-related .width-wrap .mixed-list .item.gallery {
width: 22.1% !important;
margin-bottom: 25px !important;
margin-right: 5px;
padding: 0;
}
.gallery-page .gallery-related .mixed-list .item.gallery .link .thumb-info .name {
line-height: 10px !important;
font-size: 12px !important;
}
.gallery-page .entity-container__block.entity-info-container.entity-info-container--titled {
position: absolute;
float: none;
width: 13.5%;
top: 120px;
left: 37.2%;
padding: 6px 5px;
background: tan;
}
.photo-page .photo-view section .entity-container {
position: absolute;
width: 250px !important;
height: 100%;
height: 63.5vh !important;
left: 938px;
margin: 0 0 0 0 !important;
padding: 0 !important;
top: 0vh !important;
border-radius: 3px;
border: 1px solid red;
}
/* (new219) GAL - PHOTO VIEW - FAV ICON */
.photo-page .photo-view section .entity-container .controls-container__item.favorites-control {
position: fixed !important;
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
float: none;
top: 55.5vh !important;
left: 658px;
}
.photo-page .photo-view section .entity-container .controls-container__item.favorites-control .control-container__text {
display: none !important;
}
/* (new349) GAL - NUMBER VIEWS */
.photo-page .photo-page_container .photo-view .entity-info-container__views.entity-views-container {
position: fixed;
display: inline-block;
width: 100px;
height: 20px;
line-height: 20px;
left: 553px;
top: 55.5vh !important;
margin: 0;
padding-left: 23px;
font-size: 20px;
border-radius: 20px;
opacity: 0.8;
z-index: 500 !important;
color: #707070;
border: 1px solid red !important;
background-color: transparent;
}
.photo-page .photo-page_container .photo-view .entity-info-container__subscribe.subscribe-block {
width: 239px;
text-align: center;
}
.photo-page .photo-page_container .photo-view .entity-controls-container__rating.rating-block {
position: fixed !important;
float: none;
height: 24px;
width: 244px !important;
left: 680px;
top: 55.5vh !important;
}
/* (new449) PHO - LIKE/DISLIKE */
.photo-page .photo-page_container .photo-view .entity-controls-container__rating.rating-block .rating-block__block--info,
.photo-page .photo-page_container .photo-view .entity-controls-container__rating.rating-block button {
height: 18px;
line-height: 25px;
}
.photo-page .photo-page_container .photo-view .entity-controls-container__rating.rating-block .rating-block__block--info .rating-block__statistic {
height: 15px;
line-height: 15px;
font-size: 12px;
text-align: center;
}
.photo-page .photo-page_container .photo-view .entity-controls-container__controls.controls-container.controls-container--right {
display: inline-block !important;
position: relative !important;
height: 20px !important;
line-height: 20px !important;
width: 100px !important;
margin: 0px !important;
top: 0vh!important;
left: -145px !important;
text-align: center !important;
/*background: aqua !important;*/
}
.photo-page .photo-page_container .photo-view .rating-block__block.rating-block__block--info {
width: 151px !important;
}
.photo-page .photo-view section .entity-container .controls-container__item {
display: inline-block !important;
position: relative !important;
vertical-align: top !important;
width: 15px !important;
height: 2vh !important;
line-height: 2vh !important;
margin: 0 5px 0 5px !important;
}
/* SHARE */
.photo-page .photo-view section .entity-container .controls-container__item.share-control {
width: 15px !important;
}
.photo-page .photo-view section .entity-container .controls-container__item.share-control button span {
font-size: 0 !important;
}
.photo-page .photo-page_container .photo-view .entity-info-container__views.entity-views-container .xh-icon.beta-eye {
display: inline-block !important;
position: relative !important;
height: 15px !important;
line-height: 10px !important;
top: -3px !important;
left: -22px !important;
font-size: 12px !important;
}
/* (new341) */
.photo-page .photo-page_container .photo-view .entity-info-container__views.entity-views-container .entity-views-container__value {
position: absolute !important;
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
width: 72% !important;
top: 0vh !important;
margin: 2px 0 0 -20px !important;
font-size: 13px !important;
color: gold !important;
/* background: green !important; */
}
.photo-page .photo-view .slider-side #photo_slider .slider-share-block {
display: none !important;
}
.photo-page .entity-container__block.entity-info-container.entity-info-container--titled {
float: none !important;
width: 100%;
left: 0px;
top: 88px !important;
padding: 6px 5px;
}
.photo-page .entity-container__block.entity-info-container.entity-info-container--titled {
top: 10px !important;
}
/* (new340) GAL - */
.photo-page .entity-container .comments-control {
display: none !important;
}
.photo-page .entity-info-container__date.entity-info-container__date::before {
content: attr(data-tooltip);
width: 57px;
}
.photo-page .entity-container__block.entity-description-container {
position: absolute;
width: 100%;
height: auto !important;
min-height: 43vh !important;
max-height: 43vh !important;
left: 0px;
top: 13vh !important;
padding: 2px 5px;
overflow: hidden;
overflow-y: auto !important;
z-index: 1 !important;
/* border: 1px solid yellow !important; */
}
.photo-page .entity-container__block.entity-description-container .categories-container {
height: auto !important;
padding: 0px;
margin: 0px !important;
overflow-x: hidden;
overflow-y: auto !important;
}
.photo-page .entity-container__block.entity-container__block--controls.entity-controls-container.entity-controls-container--with-rating.clearfix-after {
width: 100%;
width: 248px !important;
height: 25px !important;
left: -392px;
top: 470px;
padding: 2px !important;
}
.photo-page .entity-container__block.entity-container__block--controls.entity-controls-container.entity-controls-container--with-rating.clearfix-after .rating-block__block.rating-block__block--info.has-tooltip {
width: 313px !important;
}
/* (new324) GAL - LIST - - THUMBNAIL - HOVER - === */
.gallery-page main article .gallery-section .gallery-list a.photo-container:not(.has-status),
.gallery-page main article .gallery-section .gallery-list a.photo-container {
display: inline-block !important;
float: none !important;
width: 195px !important;
min-height: 106px !important;
max-height: 106px !important;
top: 8px !important;
margin: 0 -3px 0 0 !important;
padding: 0px !important;
border-radius: 3px;
border: 1px solid gray;
overflow: hidden;
background-size: contain !important;
}
/* GAL - GALLERY - LEFT */
.gallery-page main article .gallery-section .gallery-list a.photo-container.photo-thumb:nth-child(58):hover,
.gallery-page main article .gallery-section .gallery-list a.photo-container.photo-thumb:nth-child(50):hover,
.gallery-page main article .gallery-section .gallery-list a.photo-container.photo-thumb:nth-child(42):hover,
.gallery-page main article .gallery-section .gallery-list a.photo-container.photo-thumb:nth-child(34):hover,
.gallery-page main article .gallery-section .gallery-list a.photo-container.photo-thumb:nth-child(26):hover,
.gallery-page main article .gallery-section .gallery-list a.photo-container.photo-thumb:nth-child(18):hover,
.gallery-page main article .gallery-section .gallery-list a.photo-container.photo-thumb:nth-child(10):hover,
.gallery-page main article .gallery-section .gallery-list a.photo-container.photo-thumb:nth-child(2):hover {
top: 27px !important;
left: 98px !important;
}
/* (new324) GAL - GALLERY - LIST - TOP */
.gallery-page main article .gallery-section .gallery-list a.photo-container.photo-thumb:nth-child(n + 2):nth-child(-n + 14):hover {
top: 53px !important;
}
/* (new350) GAL - GALLERY - LIST - BOTTOM */
.gallery-page main article .gallery-section .gallery-list a.photo-container.photo-thumb:nth-child(n + 58):nth-child(-n + 65):hover {
top: -5vh !important;
}
.gallery-page main article .gallery-section .gallery-list .photo-container:not(.has-status):hover,
.gallery-page main article .gallery-section .gallery-list .photo-container:hover {
transform: scale(2) !important;
opacity: 1 !important;
z-index: 1000 !important;
background-color: #222 !important;
border: 1px solid red !important;
}
/* (new449) GAL - GALLERY - PANEL INFO (CENTER) === */
/* (new449) GAL - LIST - USER INFOS */
.photo-page .entity-container ,
.gallery-page .entity-container.entity-container--bordered {
position: absolute !important;
width: 345px !important;
height: 97vh !important;
top: 2.5vh !important;
right: -10px !important;
margin: 0 0 0 0 !important;
padding: 0 0px 0 5px !important;
z-index: 500 !important;
background: #333 !important;
border-left: 3px solid red !important;
}
.photo-page .entity-container__block ,
.gallery-page .entity-container__block {
border-bottom: 1px solid #303030;
padding: 5px !important;
}
.photo-page .entity-container__block + .entity-container__block.entity-controls-container .with-favorite-button-block button ,
.gallery-page .entity-container__block + .entity-container__block.entity-controls-container .with-favorite-button-block button {
height: 15px !important;
padding: 0 5px !important;
}
.photo-page .entity-container__block + .entity-container__block.entity-controls-container .with-favorite-button-block div[data-role="add-to-favorite-button"] button ,
.gallery-page .entity-container__block + .entity-container__block.entity-controls-container .with-favorite-button-block button span ,
.photo-page .entity-container__block + .entity-container__block.entity-controls-container .with-favorite-button-block div[data-role="add-to-favorite-button"] button ,
.gallery-page .entity-container__block + .entity-container__block.entity-controls-container .with-favorite-button-block button span {
font-size: 0 !important;
}
.photo-page .entity-container__block .entity-info-container__subscribe.subscribe-block ,
.gallery-page .entity-container__block .entity-info-container__subscribe.subscribe-block {
position: absolute !important;
display: inline-block !important;
width: 50% !important;
top: 7.9vh !important;
right: -5px !important;
text-align: center !important;
}
.photo-page .entity-container__block .entity-info-container__subscribe.subscribe-block .sub-button ,
.gallery-page .entity-container__block .entity-info-container__subscribe.subscribe-block .sub-button {
display: inline-block !important;
height: 20px !important;
top: -6px !important;
right: 10px !important;
margin: 0px 0 0px 0 !important;
}
.photo-page .entity-container__block .entity-info-container__author ,
.gallery-page .entity-container__block .entity-info-container__author {
width: 95% !important;
height: 20px !important;
line-height: 20px !important;
padding: 2px 0px !important;
background: #111 !important;
border: none !important;
}
.photo-page .entity-container__block .entity-info-container__author .entity-author-container__name ,
.gallery-page .entity-container__block .entity-info-container__author .entity-author-container__name {
display: inline-block;
width: 100%;
height: 20px !important;
line-height: 14px !important;
margin: 0 0 0 0 !important;
font-size: 15px;
color: peru !important;
}
/*.photo-page .entity-container__block .entity-info-container__views ,*/
.gallery-page .entity-container__block .entity-info-container__views {
position: absolute;
display: inline-block;
width: 30%;
right: 0 !important;
margin: 2px 0 0 0 !important;
font-size: 14px;
text-align: right !important;
}
/* (new350) */
.gallery-page .entity-container__block.entity-description-container {
position: absolute;
width: 100%;
height: 16vh !important;
top: 9.5vh !important;
left: 0%;
padding: 0px 5px !important;
overflow-x: hidden;
overflow-y: auto;
background: #222 !important;
}
.gallery-page .entity-container__block.entity-description-container .entity-description-container__categories.categories-container {
margin: 3px 0 3px !important;
position: relative;
}
.gallery-page .entity-container__block.entity-description-container .entity-description-container__description > p{
line-height: 15px;
}
/* (new349) */
.gallery-page article .gallery-section .pager-section {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 29px !important;
max-height: 29px !important;
top: unset !important;
bottom: 2vh !important;
left: 1000px !important;
border-radius: 9px !important;
/* transform: scale(0.65); */
transform: scale(1) !important;
padding: 5px 5px 0px 5px;
z-index: 500000000 !important;
}
.gallery-page .thumb-list.thumb-list--related.thumb-list--margin {
position: relative;
display: inline-block !important;
height: 780px;
min-height: 100px;
width: 335px;
padding: 0 0 0 5px !important;
}
.gallery-page .mixed-list.clearfix-after .item.gallery {
width: 35% !important;
left: 4px !important;
margin-left: 25px !important;
margin-right: 19px !important;
}
.gallery-page .thumb-list__item.video-thumb {
display: inline-block !important;
width: 46% !important;
left: 4px !important;
height: 131px !important;
margin: 0 3px 3px 4px!important;
padding: 0 3px !important;
border-radius: 5px !important;
background: #222 !important;
border: 1px solid gray !important;
}
.gallery-page .thumb-list--related .video-thumb__image-container {
height: 85px !important;
width: 100% !important;
background-size: contain !important;
}
.gallery-page .thumb-image-container__video {
position: absolute;
min-height: 100%;
height: 85px !important;
width: 140px !important;
min-width: 100%;
}
.gallery-page .thumb-image-container__image {
height: 84px !important;
}
.gallery-page .video-thumb-info {
height: 42px !important;
margin-top: 0px !important;
}
.gallery-page .video-thumb-info .video-thumb-info__name {
display: block;
width: 100%;
height: 100% !important;
min-height: 40px !important;
max-height: 40px !important;
line-height: 12px !important;
margin-bottom: 4px;
padding: 0 5px !important;
font-size: 12px !important;
overflow: hidden;
}
.gallery-page .mixed-section.videos.related .thumb-list__item.video-thumb:hover .video-thumb-info__name {
color: peru;
display: inline-block;
width: 100%;
height: 100%;
max-height: 3.6vh !important;
min-height: 3.6vh !important;
line-height: 11px !important;
margin-bottom: 0;
font-size: 11px !important;
overflow-x: hidden;
overflow-y: auto;
}
.gallery-page .thumb-image-container__duration {
height: 10px !important;
line-height: 8px !important;
font-size: 10px !important;
background: rgba(48, 48, 48, 0.58) !important;
}
.gallery-page .video-thumb-info .xh-icon {
max-height: 10px !important;
line-height: 8px !important;
right: -75px !important;
top: -62px !important;
font-size: 10px !important;
z-index: 500;
color: white !important;
background: rgba(48, 48, 48, 0.58) !important;
}
.gallery-page .video-thumb-info .xh-icon.cobalt::before {
font-size: 6px;
color: white;
}
.gallery-page .mixed-section.videos.related .video-thumb-info__metrics,
.gallery-page .video-thumb-info__rating.xh-icon {
display: none !important;
}
.gallery-page .mixed-section.videos.related .pager-section,
.gallery-page .gallery-related .pager-section {
position: fixed !important;
height: 27px !important;
width: 470px !important;
right: -58px !important;
/* top: -30.8vh !important; */
margin: 0 !important;
transform: scale(0.7) !important;
z-index: 50000 !important;
background: #111 !important;
}
.gallery-page .gallery-related .pager-section .xh-pager-additional-button.xh-pager-medium {
height: 27px !important;
line-height: 27px !important;
width: 92px !important;
left: 604px;
padding: 0 !important;
font-size: 15px !important;
text-align: center;
}
.gallery-page .mixed-section.gallery.related .thumb-list.thumb-list--related-gallery + .pager-section {
top: 28vh !important;
}
.gallery-page .mixed-section.videos.related .pager-section {
top: 28vh !important;
}
.gallery-page .pager-section + .xh-button.gray.large {
position: absolute !important;
display: inline-block !important;
height: 20px !important;
line-height: 17px !important;
width: 135px !important;
right: 100px !important;
top: 840px !important;
font-size: 14px !important;
}
.gallery-page .gallery-related .mixed-section.videos.related .pager-section + .button-section,
.gallery-page .gallery-related .mixed-section.gallery.related .pager-section + .button-section {
position: absolute !important;
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
width: 105px !important;
margin-right: -4px !important;
right: 280px !important;
}
.gallery-page .gallery-related .mixed-section.gallery.related .pager-section + .button-section {
top: -42px !important;
}
.gallery-page .gallery-related .mixed-section.videos.related .pager-section + .button-section {
top: -72px !important;
}
.gallery-page .pager-section + .button-section a {
position: absolute !important;
height: 20px !important;
line-height: 20px !important;
width: 100px !important;
margin-right: -4px !important;
font-size: 15px !important;
top: 75px !important;
border: 1px solid red !important;
}
.gallery-page .pager-section + .xh-button.gray.large i {
display: inline-block !important;
height: 15px !important;
line-height: 10px !important;
}
.gallery-page .pager-section + .button-section a i {
display: inline-block !important;
height: 15px !important;
line-height: 10px !important;
}
/* (new348) GAL - GALLERY / PHOTOS - GALLERY VIEWER PAGE */
.photo-page .entity-info-container__title {
position: absolute;
display: inline-block;
float: none;
height: 30px !important;
line-height: 30px !important;
width: 100%;
min-width: 730px !important;
max-width: 730px !important;
top: -0.1vh !important;
left: -940px !important;
padding: 0 5px 0 0 !important;
text-align: right !important;
font-size: 15px;
background: #333 !important;
}
/* (new450) */
.photo-page_container {
width: 48.6% !important;
min-height: 99.6vh !important;
max-height: 99.6vh !important;
margin-left: 0px;
padding: 25px 0 0 !important;
border: 1px solid red !important;
}
.photo-page_container .photo-view #content,
.photo-page_container .photo-view {
min-height: 92vh !important;
max-height: 92vh !important;
margin-left: 0px;
}
.photo-page .photo-view section {
position: relative;
width: 58% !important;
margin: 0 !important;
padding: 3.5vh 0 0 0 !important;
border: 1px solid #404040;
box-shadow: none !important;
}
.photo-page .photo-page_container .photo-view.clearfix-after .has-banner,
.photo-page .photo-view section.has-banner {
position: relative;
width: 57%;
height: 865px !important;
margin-right: -100px !important;
}
.photo-page .photo-view .photo-title-container {
position: fixed!important;
display: inline-block;
top: 3vh !important;
z-index: 100000 !important;
}
.photo-page .photo-view .popular-side {
position: relative !important;
float: right;
width: 383px;
height: 93.5vh !important;
margin-right: 2px !important;
padding-right: 0px !important;
}
.photo-page .gallery-thumbs.photo-thumbs-block.gallery-thumbs-side-block {
height: 510px !important;
margin-bottom: -66px !important;
}
/* (new341) */
#slider-start{
color: white !important;
}
.photo-page .photo-view .popular-side .gallery-thumbs.photo-thumbs-block.popular-side-block {
height: 314px !important;
margin-top: 77px !important;
border-top: 1px solid gray !important;
}
.photo-page .photo-view .popular-side .gallery-thumbs.photo-thumbs-block.popular-side-block .heading {
height: 21px !important;
margin-bottom: 0 !important;
line-height: 21px !important;
}
.photo-page .photo-view .popular-side .gallery-thumbs.photo-thumbs-block.popular-side-block .thumb-list.clearfix-after {
margin-bottom: 0 !important;
}
.photo-page .photo-view .popular-side .gallery-thumbs-side-block .thumb-list {
max-height: 394px;
overflow: hidden;
}
.photo-page .photo-view .popular-side .photo-thumbs-block .thumb-list .item {
margin-bottom: -2px !important;
}
/* GAL - GALLERY / PHOTOS - PHOTO VIEW - THUMNAIL */
.photo-page .photo-view .popular-side .photo-thumbs-block .thumb-list .item .link {
background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
border: 1px solid gray !important;
}
.photo-page .photo-view .popular-side .photo-thumbs-block .thumb-list .item .link .transparent {
width: 100%;
visibility: hidden !important;
}
/* (new340) GAL - PHO - COMM - PAG */
.photo-page .comments-section.comments-container .pager-section:not(:empty) {
position: absolute !important;
display: inline-block !important;
height: 24px !important;
line-height: 24px !important;
width: 374px !important;
top: -2.5vh !important;
right: 6px !important;
margin: 0 !important;
/* transform: scale(0.7) !important; */
background: #222 !important;
border: 1px solid red !important;
}
.photo-page .comments-section.comments-container .pager-section .prev-next-list-button ,
.photo-page .comments-section.comments-container .pager-section .page-button {
display: flex;
height: 25px !important;
line-height: 15px !important;
margin-right: 5px;
}
.photo-page .comments-section.comments-container .pager-section .prev-next-list-button button ,
.photo-page .comments-section.comments-container .pager-section .page-button button {
height: 20px !important;
line-height: 15px !important;
}
.photo-page .comments-section.comments-container .pager-section .prev-next-list-button button {
padding: 0 4px !important;
}
/* (new224) PHO - PAG */
.photo-page .photo-view .popular-side .photo-thumbs-block .pager-section {
position: absolute !important;
display: inline-block !important;
height: 29px !important;
line-height: 21px !important;
width: 384px !important;
margin-bottom: 0 !important;
top: 44vh !important;
border: 1px solid red !important;
}
.gallery-thumbs.photo-thumbs-block.gallery-thumbs-side-block .transparent {
display: none;
}
.gallery-thumbs.photo-thumbs-block.popular-side-block .thumb,
.gallery-thumbs.photo-thumbs-block.gallery-thumbs-side-block .thumb {
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center center !important;
}
/* (new450) GAL - COMMENTS */
.photo-page .comments-list + .pager-section:not(:empty) {
position: absolute !important;
height: 3vh !important;
margin: 0 0 0 0 !important;
right: 0 !important;
bottom: 28.5vh !important;
/*background: red !important;*/
}
.photo-page .comments-section.comments-container.clearfix {
position: absolute !important;
width: 980px !important;
height: 31.5vh !important;
margin: 0 0 0 0 !important;
top: 67.5vh !important;
right: 0 !important;
bottom: 0 !important;
padding: 0px;
border-radius: 3px;
border: 1px solid red;
}
.photo-page .comments-section.comments-container.clearfix #commentBox {
height: 31.3vh !important;
}
.photo-page .comments-section .comments-wrap {
width: 100% !important;
min-width: 975px !important;
max-width: 975px !important;
height: 31vh !important;
}
.photo-page .comments-section.comments-container.clearfix .heading-container {
height: 28px !important;
line-height: 25px;
vertical-align: top;
margin: 0 0 1vh 0 !important;
border-radius: 3px 3px 0 0;
background: black !important;
}
.photo-page .comments-section.comments-container.clearfix .heading.comments-heading {
display: inline-block;
height: 25px;
line-height: 20px;
vertical-align: top;
margin: 0 0 0 0!important;
padding: 0 5px !important;
border-radius: 3px 3px 0 0;
font-size: 10px;
background: #222;
}
.photo-page .comments-section.comments-container.clearfix .heading-container i.xh-icon,
.photo-page .comments-section.comments-container.clearfix .heading-container .value {
height: 15px !important;
line-height: 15px !important;
}
.photo-page .heading-container + .content-container {
height: 28.3vh !important;
width: 973px !important;
margin-top: -14px !important;
}
.photo-page .width-wrap .comments-section.comments-container.clearfix #commentBox.width-wrap .comments-wrap .heading-container + .content-container .comments-list,
.photo-page .width-wrap .comments-section.comments-container.clearfix #commentBox.width-wrap .comments-wrap .heading-container + .content-container .comments-list.beta-preloader-autoheight {
position: relative !important;
display: inline-block !important;
height: 100% !important;
max-height: 28.5vh !important;
min-height: 28.5vh !important;
width: 100% !important;
min-width: 973px !important;
max-width: 973px !important;
margin: 0px !important;
padding: 0px 0 0 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
border-top: 1px solid gray !important;
/* border-bottom: 1px solid aqua !important; */
}
/* (new340) A VOIR .comment-item */
.photo-page .comments-section .comments-list .comment-item.is-reply,
.photo-page .comments-section .comments-list .comment-item ,
.photo-page .comments-section .comments-list .item.is-reply,
.photo-page .comments-section .comments-list .item {
position: relative;
display: inline-block;
height: 90px;
width: 33% !important;
margin: 0 0 5px 0px !important;
top: 0px;
padding: 10px 0px 2px 20px !important;
border-radius: 5px !important;
overflow: hidden;
z-index: 0;
background: #333 !important;
border: 1px solid #333 !important;
}
/* (new340) PHOT - COMMENT - POST REPLY */
.photo-page #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover ,
.photo-page #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment {
position: fixed !important;
display: inline-block !important;
height: 36vh !important;
width: 100% !important;
min-width: 245px !important;
max-width: 245px !important;
top: 34vh !important;
left: 942px !important;
margin: 0px 0 0px 0px !important;
padding: 0px 0px 0px 0px !important;
border-radius: 5px !important;
z-index: 50000 !important;
/* border: 1px solid aqua !important; */
}
.photo-page #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment .user {
position: absolute !important;
display: inline-block;
left: 0 !important;
margin: 1vh 0 0 0 !important;
}
.photo-page #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .input-area ,
.photo-page #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:not(:hover) .input-area {
width: 100% !important;
height: 35.5vh !important;
margin: 0 0 0 0 !important;
padding: 0 0 2.8vh !important;
overflow: hidden;
/* border: 1px solid lime !important; */
}
.photo-page #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .input-area > div:not(.submit-wrapper) ,
.photo-page #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:not(:hover) .input-area > div:not(.submit-wrapper) {
position: absolute;
display: inline-block;
max-height: 33.3vh !important;
min-height: 33.3vh !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
left: 0 !important;
/* border: 1px dotted green !important; */
}
.photo-page #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .input-area .xh-editable .xh-editable-content ,
.photo-page #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:not(:hover) .input-area .xh-editable .xh-editable-content {
display: inline-block;
height: auto;
max-height: 31.5vh !important;
min-height: 31.5vh !important;
padding: 30px 4px 5px 5px !important;
text-align: left !important;
text-indent: 0px !important;
white-space: normal;
word-break: break-all;
overflow: hidden !important;
overflow-y: auto !important;
/* border-bottom: 1px solid pink !important; */
}
.photo-page #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:not(:hover) .comment-textarea .premessage {
position: absolute !important;
display: inline;
font-size: 14px;
margin-right: 0.5em;
left: 20px !important;
top: 0px !important;
}
.photo-page #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment:hover .comment-textarea .premessage {
position: absolute !important;
display: inline;
font-size: 14px;
margin-right: 0.5em;
left: 0px !important;
top: 15px !important;
}
.photo-page .comments-section .comments-list .comment-item.is-reply ,
.photo-page .comments-section .comments-list .comment-item.is-reply {
/* border: 1px dotted green; */
}
.photo-page .comments-section .comments-list .item.has-reply ,
.photo-page .comments-section .comments-list .item.has-reply {
border: 1px solid blue;
}
.photo-page .comments-section.comments-container.clearfix .comments-list .user a.retired,
.photo-page .comments-section.comments-container.clearfix .comments-list .user a.retired .xh-avatar.small,
.photo-page .comments-section.comments-container.clearfix .comments-list .user .xh-avatar.small[style*="background-color"],
.photo-page .comments-section.comments-container.clearfix .comments-list .user,
.photo-page .comments-section.comments-container.clearfix .comments-list .user a,
.photo-page .comments-section.comments-container.clearfix .comments-list .user a img {
height: 25px;
width: 25px;
left: 0px;
top: -8px;
}
.photo-page .comments-section.comments-container.clearfix .comments-list .user .xh-avatar.small[style*="background-color"],
.photo-page .comments-section.comments-container.clearfix .comments-list .user a span.xh-avatar.small {
height: 20px;
width: 20px;
line-height: 18px;
font-size: 15px;
}
.photo-page .comments-section.comments-container.clearfix .comments-list .user a.retired .xh-avatar.small {
height: 25px;
width: 25px;
line-height: 25px;
font-size: 15px;
background: #A61111;
}
.photo-page .comments-section.comments-container.clearfix .comments-list .user {
position: relative !important;
display: inline-block !important;
left: -20px !important;
margin: 0 0 0 0 !important;
}
.photo-page .comments-section.comments-container.clearfix .comments-list .user .xh-avatar.small[style^="background-color"] {
line-height: 25px !important;
}
.photo-page .comments-section.comments-container.clearfix .comments-list .comment-body {
margin-left: 0 !important;
}
.photo-page .comments-section.comments-container.clearfix .comments-list .comment-body .comment-actions {
margin-left: 0 !important;
margin-right: 0px;
}
.photo-page .comments-section.comments-container.clearfix .comments-list .comment-body .comment-actions span,
.photo-page .comments-section.comments-container.clearfix .comments-list .comment-body .comment-actions a {
margin-right: 2px;
}
.photo-page .comments-section.comments-container.clearfix .comments-list .comment-body .comment-actions a i.xh-icon.anchor-link:hover::before {
color: green;
}
/* (new324) A VOIR .comment-item */
.photo-page .comments-section .comments-list .comment-item .comment-info ,
.photo-page .comments-section .comments-list .item .comment-info {
display: inline-block !important;
height: 70px !important;
width: 100% !important;
min-width: 315px !important;
left: -19px !important;
top: -35px !important;
}
.photo-page .comments-section .comments-list .comment-item .comment-info .user-info ,
.photo-page .comments-section .comments-list .item .comment-info .user-info {
position: relative !important;
width: 262px;
height: 20px;
line-height: 20px;
top: -20px !important;
left: 35px !important;
margin : 0px 0px 0 0px !important;
text-align: left !important;
z-index: 0;
}
.photo-page .comments-section .comments-list .comment-item .comment-info .user-info a.username span ,
.photo-page .comments-section .comments-list .item .comment-info .user-info a.username span {
display: inline-block;
float: none;
height: 20px;
line-height: 20px;
margin-left: -12px !important;
text-align: left;
}
.photo-page .comments-section .comments-list .comment-item.is-reply .comment-info .user-info ,
.photo-page .comments-section .comments-list .comment-item.is-reply .comment-info .user-info {
top: 0px !important;
}
/* GAL - PAYS */
.photo-page .comments-section.comments-container.clearfix .comments-list .user-info > div {
position: relative !important;
float: left !important;
clear: both !important;
width: 20px !important;
height: 30px !important;
left: 30px !important;
margin-top: 2px !important;
margin-bottom: -20px !important;
top: 0px !important;
transform: scale(0.7) !important;
}
/* (new324) A VOIR .comment-item */
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .comment-meta ,
.photo-page .comments-section.comments-container.clearfix .item .comment-info .comment-meta {
position: absolute !important;
display: inline-block;
height: 16px;
line-height: 13px;
min-width: 100% !important;
max-width: 100% !important;
top: 72px;
left: 0px !important;
/* padding: 4px 0 0 5px !important; */
border-top: 1px solid gray;
}
/* (new340) GAL - GALLERY / PHOTOS - COMMENT - POST COMMENT - CTRL + ENTER for Line break */
.photo-page .comments-section .my-comment:hover .input-area:after {
content: "CTRL + ENTER for Line break";
position: relative;
display: inline-block;
width: 82% !important;
text-align: center;
font-size: 12px !important;
z-index: 200;
background: green;
}
/* (new340) GAL - GALLERY / PHOTOS - COMMENT - POST COMMENT */
/* .photo-page #commentBox .comments-wrap .content-container .comments-list .comment-item .my-comment , */
.photo-page .comments-section.comments-container.clearfix .my-comment {
position: absolute !important;
float: none !important;
height: 6vh !important;
width: 244px !important;
top: -10vh !important;
left: 2px !important;
margin: 0 0 0 0 !important;
border-radius: 3px;
text-align: center !important;
z-index: 50000 !important;
overflow: hidden;
transition: all 0.7s ease 0s;
background: black;
border: 1px solid red !important;
}
.photo-page .comments-section.comments-container.clearfix .my-comment:hover {
float: right;
height: 40vh !important;
top: -40vh !important;
border-radius: 10px;
padding: 0 0 25px 0 !important;
overflow: hidden;
transition: all 0.7s ease 0s;
z-index: 5 !important;
background: #111 !important;
}
.photo-page .comments-section .my-comment .user {
display: none !important;
}
.photo-page .comments-section .my-comment:not(:hover) .input-area > div:not(.submit-wrapper) {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-height: 3.1vh !important;
max-height: 3.1vh !important;
left: 0 !important;
}
.photo-page .comments-section .my-comment:hover .input-area > div:not(.submit-wrapper) {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 98% !important;
max-width: 98% !important;
min-height: 38.7vh !important;
max-height: 38.7vh !important;
left: 0 !important;
/* background: olive !important; */
}
.photo-page .comments-section .my-comment .input-area > div.submit-wrapper {
position: absolute !important;
display: inline-block !important;
bottom: 0 !important;
left: 0 !important;
}
.photo-page .comments-section.not-empty .comment-textarea {
min-height: 202px !important;
width: 170px !important;
}
.photo-page .comments-section .my-comment .input-area .comment-textarea.xh-editable[placeholder="Leave a comment..."],
.photo-page .comments-section .my-comment .input-area .comment-textarea.xh-editable .premessage[style="display: block;"] {
position: relative !important;
display: inline-block !important;
height: 100% !important;
min-height: 33.5vh !important;
max-height: 335vh !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0 0 0 0 !important;
border-radius: 0 0 5px 5px !important;
background: #333 !important;
}
.photo-page .comments-section .my-comment .comment-textarea.focus {
border-color: green !important;
box-shadow: unset !important;
}
/* (new341) */
.photo-page .comments-section .my-comment:not(:hover) .input-area .xh-editable .xh-editable-content {
display: inline-block !important;
height: auto !important;
max-height: 3vh !important;
padding: 0px 4px 5px 5px !important;
white-space: normal !important;
word-break: break-all !important;
text-align: left !important;
overflow: hidden !important;
border-bottom: 1px solid red !important;
}
.photo-page .comments-section .my-comment .input-area .xh-editable .xh-editable-content {
display: inline-block !important;
height: auto !important;
max-height: 30vh !important;
padding: 15px 4px 5px 5px !important;
white-space: normal !important;
word-break: break-all !important;
text-align: left !important;
overflow: hidden !important;
}
.photo-page .comments-section .my-comment:not(:hover) .input-area {
width: 240px !important;
height: 5.9vh !important;
padding: 0 0 2vh 0 !important;
border-radius: 5px !important;
overflow: hidden;
/* overflow-y: auto !important; */
/* border: 1px solid red !important; */
}
.photo-page .comments-section .my-comment:hover .input-area {
width: 100% !important;
height: 39vh !important;
margin: 4px 0 0 2px !important;
border-radius: 5px !important;
overflow: hidden;
overflow-y: auto !important;
/* border: 1px dashed aqua !important; */
}
/* (new218) GAL - */
.photo-page .comments-section .my-comment .input-area .submit,
.photo-page .comments-section .my-comment .input-area .submit-comment {
position: relative !important;
display: inline-block !important;
float: none !important;
min-width: 100% !important;
height: 15px !important;
line-height: 12px !important;
margin-top: 3px !important;
margin-left: 0 !important;
}
.photo-page .comments-section img.preview-image {
position: relative !important;
display: inline-block !important;
max-height: 90px;
max-width: 200px;
margin: auto !important;
left: 0 !important;
top: 2px !important;
}
/* (new340) A VOIR .comment-item */
/* GAL - GALLERY / PHOTOS - COMMENTS - POST REPLY */
.photo-page .comments-section #commentBox .comments-list .comment-item.item--replying .my-comment ,
.photo-page .comments-section #commentBox .comments-list .comment-item.item--replying .my-comment {
position: fixed !important;
float: none !important;
height: 350px;
width: 242px !important;
top: 285px !important;
left: 945px !important;
padding-left: 0 !important;
border-radius: 3px;
z-index: 10000 !important;
overflow: visible !important;
transition: all 0.7s ease 0s;
background: black;
}
.photo-page .comments-section #commentBox .comments-list .comment-item.item--replying .my-comment:hover .input-area > div ,
.photo-page .comments-section #commentBox .comments-list .comment-item.item--replying .my-comment:hover .input-area > div {
top: 0px !important;
}
.photo-page .comments-section #commentBox .comments-list .comment-item.item--replying .my-comment .input-area .comment-textarea.xh-editable ,
.photo-page .comments-section #commentBox .comments-list .comment-item.item--replying .my-comment .input-area .comment-textarea.xh-editable {
min-height: 295px !important;
max-height: 295px !important;
}
.photo-page .comments-section #commentBox .comments-list .comment-item.item--replying .my-comment .input-area .comment-textarea.xh-editable .xh-editable-content ,
.photo-page .comments-section #commentBox .comments-list .item.item--replying .my-comment .input-area .comment-textarea.xh-editable .xh-editable-content {
position: relative !important;
width: 240px !important;
min-height: 134px !important;
line-height: 15px !important;
top: 23px !important;
padding: 6px !important;
border-top: 1px solid gray;
text-indent: 2px !important;
font-size: 15px !important;
white-space: pre-wrap !important;
overflow: hidden !important;
overflow-wrap: break-word;
word-wrap: break-word !important;
}
.photo-page .comments-list .comment-item.item--replying .my-comment .input-area .comment-textarea.xh-editable .premessage ,
.photo-page .comments-list .item.item--replying .my-comment .input-area .comment-textarea.xh-editable .premessage {
color: rgb(112, 112, 112);
left: 0px;
top: 0px;
}
/* (new324) GAL - A VOIR .comment-item */
/* GAL - GALLERY / PHOTOS - COMMENTS ITEMS with/no REPLY */
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .text span.reply-container + span,
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .text span.reply-container,
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .text span:not(.reply-container) ,
.photo-page .comments-section.comments-container.clearfix .item .comment-info .text span.reply-container + span,
.photo-page .comments-section.comments-container.clearfix .item .comment-info .text span.reply-container,
.photo-page .comments-section.comments-container.clearfix .item .comment-info .text span:not(.reply-container) {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 285px !important;
max-width: 285px !important;
min-height: 49px !important;
max-height: 49px !important;
line-height: 15px !important;
top: 20px !important;
margin-left: 0px !important;
left: 25px !important;
padding: 0 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
border-top: 1px dotted red !important;
border-left: 1px solid red !important;
border-bottom: 1px dotted red !important;
}
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .text span.reply-container ,
.photo-page .comments-section.comments-container.clearfix .item .comment-info .text span.reply-container {
min-height: 15px !important;
max-height: 15px !important;
line-height: 12px !important;
top: 20px !important;
text-overflow: ellipsis !important;
overflow-y: hidden !important;
}
.photo-page .comments-section.comments-container.clearfix .comment-item .comment-info .text span.reply-container + span ,
.photo-page .comments-section.comments-container.clearfix .item .comment-info .text span.reply-container + span {
min-height: 35px !important;
max-height: 35px !important;
line-height: 15px !important;
top: 35px !important;
}
/* GAL - GALLERY / PHOTOS - COMMENTS INPUT - RAIL SCROLLBAR - === */
.photo-page #commentBox .input-area .comment-textarea.xh-editable.ps > .ps__scrollbar-y-rail:hover,
.photo-page #commentBox .input-area .comment-textarea.xh-editable.ps > .ps__scrollbar-y-rail {
left: 227px !important;
z-index: 5000000 !important;
}
.photo-page #commentBox .input-area .comment-textarea.xh-editable.ps:hover > .ps__scrollbar-y-rail,
.photo-page #commentBox .input-area .comment-textarea.xh-editable.ps:hover > .ps__scrollbar-y-rail:hover {
width: 9px !important;
background-color: #000 !important;
}
.photo-page #commentBox .input-area .comment-textarea.xh-editable.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y,
.photo-page #commentBox .input-area .comment-textarea.xh-editable.ps:hover > .ps__scrollbar-y-rail > .ps__scrollbar-y,
.photo-page #commentBox .input-area .comment-textarea.xh-editable.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
width: 5px !important;
background-color: #222 !important;
}
/* (new379) GAL - GALLERY / PHOTOS - PREVIEW */
.photo-page #previewImg {
position: absolute;
width: auto !important;
min-width: 228px !important;
max-height: 400px !important;
left: 951px !important;
top: 220px !important;
padding: 10px !important;
z-index: 50000 !important;
background: black !important;
}
/* (new220) GAL - GALLERY / PHOTOS - THUMBNAILS */
.gallery-page footer {
position: absolute !important;
bottom: 30px !important;
}
.gallery-page {
width: 1908px;
max-height: 99vh !important;
left: 0px;
padding: 0 !important;
overflow: hidden !important;
}
.gallery-page .main-wrap header + .width-wrap {
display: inline-block !important;
width: 1908px !important;
padding: 0 !important;
}
.gallery-page .main-wrap header + .width-wrap > main {
display: inline-block !important;
width: 1908px !important;
height: 870px !important;
top: 2.5vh !important;
}
/* (new220) GAL - Only CHROME */
.gallery-redirect-text {
position: absolute !important;
display: inline-block !important;
line-height: 20px;
margin: 0 !important;
top: 20px !important;
left: 0 !important;
font-size: 15px !important;
z-index: 50000 !important;
background: red !important;
}
/* (new327) GAL - LIST - THUMBNAIL CONTAINER */
.gallery-page main {
min-height: 99.5vh !important;
max-height: 99.5vh !important;
padding: 5px 0 0 0 !important;
/* overflow: hidden !important; */
border-bottom: 1px solid red !important;
}
/* (new449) */
.gallery-page .width-wrap>main > article {
display: inline-block !important;
width: 82.3% !important;
/* width: 1400px !important; */
height: 93.5vh !important;
top: 2.5vh !important;
margin: 2.5vh 0 0 0 !important;
padding: 0 0 0 0 !important;
/* overflow: visible !important;
z-index: 5000000 !important; */
background: #111 !important;
/* border: 1px solid yellow; */
}
.gallery-page article .gallery-section {
display: inline-block !important;
height: 100% !important;
min-width: 100% !important;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
/* overflow: visible !important;
z-index: 5000000 !important; */
}
.gallery-page article .gallery-section .mixed-list.loaded {
position: relative;
width: 1400px !important;
height: 850px !important;
left: 7px;
}
.gallery-page article .gallery-section .gallery-list.loaded .mixed-list {
min-height: 850px !important;
}
/* (new340) */
.gallery-page .main-wrap header + .width-wrap > main > article + .entity-container.entity-container--bordered {
width: 163px;
height: 884px;
/* left: 1392px; */
top: -12px;
border: 1px solid #404040;
}
.gallery-page .main-wrap header + .width-wrap > main > article + .entity-container.entity-container--bordered .subscribe-block__subscribers-number,
.gallery-page .main-wrap header + .width-wrap > main > article + .entity-container.entity-container--bordered .xh-button.subscribe-block__button {
height: 19px;
min-width: 45px;
padding: 0 3px;
font-size: 12px;
}
.gallery-page .main-wrap header + .width-wrap > main > article + .entity-container.entity-container--bordered .subscribe-block__subscribers-number {
line-height: 20px !important;
}
/* (new205) GALLERY / PHOTOS - GALLERY THUMBNAIL / USER FAVS / MY FAVS - IN PHOTO VIEWER ??? - === */
.user-page.user-videos-page.my-uploads-page .mixed-list,
.user-page.favorites-page .content-column .favorites-list.video-single-favorites-list .mixed-list.clearfix-after {
position: relative !important;
display: inline-block !important;
width: 1920px !important;
height: 100% !important;
min-height: 93.3vh !important;
max-height: 93.3vh !important;
top: 5px;
margin-left: 0px !important;
margin-right: 0 !important;
padding: 0 0px 0 10px!important;
/* text-align: center !important; */
z-index: 0 !important;
}
/* (new220) GAL - FOOTER */
.photo-page footer,
.photo-page .footer-buffer + footer {
position: absolute !important;
bottom: 30px !important;
z-index: 5000000 !important;
/* background: red !important; */
border: 1px solid red !important;
}
/* END ========== GALLERY / PHOTOS ==== */
/* START ======== MESSAGES ========== */
/* (new232) MESSAGES */
.messages-page body .main-wrap header + .width-wrap,
.messages-page .width-wrap.absolute {
margin-left: -960px !important;
top: 0px !important;
padding: 0 !important;
}
.messages-page .promo + .width-wrap.absolute {
top: 0px !important;
padding-top: 0px !important;
}
.messages-page main {
min-height: 700px !important;
}
.messages-page main #messages-main-view {
background-color: #101010;
bottom: 0;
display: block;
left: 375px;
overflow: hidden;
padding: 0 !important;
position: absolute;
right: -20px;
top: 0;
}
.messages-page main #messages-main-view .messages-info {
position: absolute;
display: inline-block !important;
line-height: 17px !important;
min-width: 350px !important;
max-width: 350px !important;
top: 10px !important;
left: 175px !important;
padding: 5px !important;
font-size: 10px !important;
text-align: left !important;
background: black !important;
}
.messages-page main #messages-main-view .messages-info .xh-icon {
font-size: 10px !important;
margin-bottom: 0px !important;
}
.messages-page main #messages-main-view .messages-info .text {
width: 322px !important;
margin-left: 27px !important;
margin-top: -18px !important;
border: none !important;
}
.messages-page main #messages-main-view .messages-info .text > br {
display: none !important;
}
.messages-page main #messages-main-view .messages-info .text a:link,
.messages-page main #messages-main-view .messages-info .text a {
display: inline-block !important;
min-width: 175px !important;
max-width: 175px !important;
margin-left: -12px !important;
padding: 0 5px !important;
border: none !important;
font-size: 12px !important;
text-decoration: none;
background: black !important;
}
.messages-page main #messages-main-view .messages-info .text a:before {
content: "or" !important;
position: relative;
display: inline-block;
width: 20px;
margin-right: 12px;
padding: 0 5px;
font-size: 12px;
text-decoration: none;
}
#messages-main-view menu.partner-block {
position: relative;
display: inline-block !important;
height: 98% !important;
width: 345px;
padding: 5px !important;
top: 17px !important;
left: 6px !important;
border-bottom: 1px solid #303030;
border-right: 1px solid red !important;
}
.messages-page .controls {
width: 335px !important;
height: 155px !important;
border-bottom: 1px dashed red;
}
/* (new186) MESSAGE - 3 DOTS MENU*/
#messages-main-view .avatar-container.pull-left.avatar-container {
margin-right: 15px;
top: 5px !important;
}
#messages-main-view menu .username {
display: inline-block !important;
min-width: 277px !important;
margin-top: 8px !important;
}
#messages-main-view menu .buttons.pull-right.xh-dropdown.popup.positioned .video-call-entity-control {
position: absolute !important;
top: 173px !important;
}
#messages-main-view menu .buttons.pull-right.xh-dropdown.popup.positioned .call.xh-button {
height: 30px !important;
top: 20px !important;
}
#messages-main-view menu .buttons.pull-right.xh-dropdown.popup.positioned .call.xh-button[data-tooltip="Flash not found"] {
display: none !important;
}
.messages-page main #messages-main-view .message-list {
bottom: 0;
left: 0;
max-height: 100%;
overflow: hidden;
padding-top: 8px !important;
position: absolute;
top: 2px !important;
transition: padding-bottom 90ms ease 0s;
width: 100%;
border-top: 1px solid red !important;
}
.messages-page main #messages-main-view .message-list .message-first {
position: fixed !important;
width: 343px !important;
max-width: 343px !important;
top: 93px !important;
margin-left: 4px !important;
padding: 5px !important;
font-size: 15px !important;
z-index: 1 !important;
background: #222 !important;
}
.messages-page main #messages-main-view .message-list .message-first-title {
font-size: 14px !important;
}
.messages-page main #messages-main-view .message-list .message-first p {
display: none !important;
}
.messages-page main #messages-main-view .message-list .message-list-wrapper,
.messages-page main #messages-main-view .message-list > .divider {
max-width: 1100px !important;
width: 1100px !important;
margin-left: 358px;
border: 1px solid red !important;
}
.messages-page main #messages-main-view .message-list .message-first-title {
font-size: 24px;
font-weight: 700;
}
.messages-main-view .ps.ps--theme_default.ps--active-y.ps.ps--active-y > .ps__scrollbar-y-rail {
left: 1495px !important;
right: -50px !important;
/* outline: 1px solid red !important; */
}
#conversation-list-items.ps.ps--theme_default.ps--active-y.ps.ps--active-y > .ps__scrollbar-y-rail {
left: 355px !important;
right: -50px !important;
/* outline: 1px solid blue !important; */
}
.ps:hover > .ps__scrollbar-y-rail:hover {
background-color: #302F2F;
opacity: 0.9;
}
/* MESSAGE - */
.messages-page main #messages-main-view .message-list .message.mine .message-wrapper,
.messages-page main #messages-main-view .message-list .message .message-wrapper {
line-height: 150%;
min-width: 1050px !important;
max-width: 1050px !important;
border-radius: 3px;
float: left;
font-size: 14px;
overflow-wrap: break-word;
padding: 10px 15px;
}
.messages-page main #messages-main-view .message-list .message.mine .time,
.messages-page main #messages-main-view .message-list .message .time {
color: #707070;
float: left;
font-size: 12px;
letter-spacing: 1px;
margin: 15px 0 0 10px;
}
.messages-page main #messages-main-view .message-list .message .message-wrapper .gallery-section::before {
font-family: "xh-icons";
content: "";
}
/* (new186) MESSAGES - ADD IMAGES */
.messages-page .xh-modal-wrapper.new .editor-insert-image.xh-modal.xh-editor-dialog.xh-tabbed {
position: fixed;
width: 523px !important;
left: 85% !important;
right: auto;
top: 0px !important;
opacity: 1;
z-index: 500000;
border: 1px solid red !important;
}
.messages-page .xh-modal-wrapper.new.opened .editor-insert-image.xh-modal.xh-editor-dialog.xh-tabbed .select-thumb-list .item {
width: 14%;
}
.messages-page .xh-modal-wrapper.new.opened .editor-insert-image.xh-modal.xh-editor-dialog.xh-tabbed .xh-tabset > button,
.messages-page .xh-modal-wrapper.new.opened .editor-insert-image.xh-modal.xh-editor-dialog.xh-tabbed .xh-tabset > button.current-tab,
.messages-page .xh-modal-wrapper.new.opened .editor-insert-image.xh-modal.xh-editor-dialog.xh-tabbed .xh-tabset > button:first-child {
height: 20px;
line-height: 20px;
margin-left: 0;
margin-right: 5px !important;
border-top: none !important;
}
.messages-page .xh-modal-wrapper.new.opened .editor-insert-image.xh-modal.xh-editor-dialog.xh-tabbed .xh-tabset > button.current-tab {
height: 20px;
line-height: 20px;
margin-left: 0;
margin-right: 5px !important;
border-top: none !important;
}
/* MESSAGE - SEND MESS - USER BLOCKED */
.messages-page main #messages-main-view .message-input,
.messages-page main #messages-main-view .message-input.blocked {
position: absolute !important;
left: 5px !important;
top: 326px !important;
height: 155px !important;
width: 342px !important;
box-shadow: none;
z-index: 900 !important;
background: red !important;
}
.messages-page main #messages-main-view .message-input.blocked .blocked {
display: inline-block !important;
font-size: 14px;
line-height: 25px !important;
text-align: center;
width: 100% !important;
}
/* MESSAGE SEND */
.messages-page main #messages-main-view .message-input:before {
content: "Enter >> Send message || Alt+Enter >> new line";
position: absolute;
height: 20px;
width: 98%;
top: -25px;
color: gold;
text-align: center;
background: green;
}
.messages-page main #messages-main-view .message-input-text.xh-editable.ps.ps--theme_default {
min-height: 73px !important;
max-height: 500px !important;
top: 6px !important;
padding: 5px !important;
}
.messages-page main #messages-main-view .message-input .message-input-text .premessage {
position: absolute !important;
min-height: 30px !important;
min-width: 250px !important;
max-width: 250px !important;
padding-left: 70px !important;
white-space: pre-line !important;
}
.messages-page main .messages-main-view .message-input.mixed-section .ps.ps--theme_default.ps--active-y.ps.ps--active-y .ps__scrollbar-y-rail {
left: 320px !important;
outline: 1px solid blue;
}
/* (new255) MESSAGE - */
.messages-page main #messages-main-view .message-input {
position: absolute !important;
left: 5px !important;
top: 354px !important;
height: 555px !important;
width: 342px !important;
padding: 0px 0px 20px 5px !important;
box-shadow: none;
z-index: 900 !important;
background: black !important;
border: 1px solid red !important;
}
.messages-page main #messages-main-view .message-input .message-input-content {
position: absolute !important;
display: inline-block !important;
width: 97% !important;
height: 90% !important;
top: 0 !important;
padding: 5px 0;
border-bottom: 1px solid red !important;
}
/* MESSAGE - BR - === */
.message-wrapper > br {
content: " " !important;
float: none !important;
display: block !important;
line-height: 0px !important;
margin-top: 5px !important;
margin-bottom: -3px !important;
}
/* MESSAGE - MINE - === */
.messages-page main #messages-main-view .message-list .message.mine .message-wrapper {
margin-left: 10px !important;
border-left: 2px dashed red !important;
border-right: 2px dashed red !important;
}
/* (new377) MESSAGES - SUPERLOADER */
.messages-page .sp-separator,
.messages-page .sp-separator ~ div:not(.xh-modal-wrapper) {
display: none !important;
}
/* END ======== MESSAGES ==================== *
/* START ===== COLLECTION - POPUP - ADD TO COLLECTION - === */
/* COLLECTION - EDIT / DELETE COLLECTION */
.xh-modal-wrapper .xh-modal.no-footer .xh-modal-body {
color: gray !important;
}
.status-editor + .xh-modal-wrapper.old.opened,
.status-editor + .xh-modal-wrapper.opened {
position: fixed;
display: inline-block !important;
height: 100%;
height: auto !important;
min-height: 35px !important;
max-height: 405px !important;
min-width: 1200px;
max-width: 1200px;
bottom: 0;
left: 0px;
right: 0;
top: 0;
z-index: 50000000 !important;
background-color: rgba(0, 0, 0, 0.55);
}
.xh-modal-wrapper.old.opened .add-collection-dialog.xh-modal.xh-tabbed.small {
position: fixed;
display: inline-block !important;
height: 100%;
height: auto !important;
min-height: 35px !important;
max-height: 405px !important;
opacity: 1 !important;
z-index: 500000000 !important;
visibility: visible !important;
transition: none !important;
background-color: rgba(0, 0, 0, 0.55);
border: 1px solid violet;
}
/* COLLECTION - EDIT / DELETE COLLECTION - PRINCIPAL TOP BIG CONTAINER */
.xh-modal-wrapper.old.opened,
.xh-modal-wrapper.old.closed,
.xh-modal-wrapper.with-scroll,
.xh-modal-wrapper {
position: fixed !important;
height: 100% !important;
height: auto !important;
min-height: 30px !important;
max-height: 30px !important;
min-width: 1200px;
max-width: 1200px;
bottom: 0;
left: 0px;
right: 0;
top: 0;
z-index: 50000000 !important;
background-color: rgba(0, 0, 0, 0.85) !important;
}
.xh-modal-wrapper.old.closed {
visibility: hidden !important;
}
/* COLLECTION - EDIT / DELETE COLLECTION - TOP BIG CLOSE BUTTON */
.xh-modal-wrapper.old.opened .xh-dialog-header-close,
.xh-modal-wrapper .xh-dialog-header-close {
position: absolute;
height: 25px !important;
width: 25px !important;
right: 7px;
top: 0px;
z-index: 1;
pointer-events: auto !important;
}
.xh-modal-wrapper.old.opened .xh-dialog-header-close .xh-icon,
.xh-modal-wrapper .xh-dialog-header-close .xh-icon {
height: 25px !important;
line-height: 22px !important;
width: 25px !important;
font-size: 16px !important;
text-align: center !important;
border-radius: 0 100% 100% 0 !important;
border: 1px solid #404040;
}
/* COLLECTION - COLLECTION LIST - BIG CONTAINER */
.xh-modal-wrapper .add-to-collection-dialog.xh-modal.xh-tabbed.small {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
height: auto !important;
width: 1150px !important;
left: 23% !important;
margin-left: 150px !important;
margin-bottom: 30px;
right: auto;
top: 3px !important;
bottom: auto;
will-change: opacity, top;
transform: translate3d(-50%, 0px, 0px);
pointer-events: auto !important;
z-index: 5000000 !important;
box-shadow: 0 2px 40px rgba(0, 0, 0, 0.3);
background: transparent;
}
/* COLLECTION - COLLECTION LIST - HEADER BIG CONTAINER */
.xh-modal-wrapper .add-to-collection-dialog.xh-modal .xh-modal-header {
display: block;
height: 31px;
width: 100%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
overflow: hidden;
background: #303030;
}
.xh-modal-wrapper .add-to-collection-dialog.xh-modal .xh-modal-header .xh-modal-title {
display: inline-block;
height: 20px !important;
line-height: 20px !important;
max-width: 460px;
margin-left: 3px !important;
margin-top: -9px !important;
font-size: 12px;
overflow-x: hidden;
overflow-y: visible;
text-overflow: ellipsis;
white-space: nowrap;
color: #dadada;
}
.xh-modal-wrapper .add-to-collection-dialog.xh-modal .add-collection {
position: fixed;
top: 5px !important;
right: 241px !important;
z-index: 50000 !important;
}
.add-to-collection-dialog .add-collection-link {
height: 15px !important;
line-height: 15px !important;
padding: 2px 5px;
border-radius: 14px !important;
font-size: 14px;
text-align: center;
transition: color 0.15s ease 0s, border-color 0.15s ease 0s, background-color 0.15s ease 0s;
border: 1px solid red;
}
/* COLLECTION - COLLECTION LIST - SMALL CONTAINER */
.xh-modal-wrapper .add-to-collection-dialog.xh-modal .xh-modal-body {
position: relative;
box-sizing: border-box;
height: 100% !important;
height: auto !important;
min-height: 95px !important;
padding: 0 0px 0px 0px !important;
overflow: hidden;
background: rgba(34, 34, 34, 0.4) !important;
transition: all ease 0.7s !important;
}
.xh-modal-wrapper .add-to-collection-dialog.xh-modal .xh-modal-body:hover {
position: relative;
box-sizing: border-box;
min-height: 735px !important;
max-height: 735px !important;
padding: 0 0px 0px;
overflow: hidden !important;
background: rgba(34, 34, 34, 0.96) !important;
transition: all ease 0.7s !important;
}
.xh-modal-wrapper .add-to-collection-dialog.xh-modal .favorites-collection-list:not(:hover) {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
height: 100% !important;
height: auto !important;
min-height: 95px !important;
top: 30px;
padding: 0 30px 10px !important;
background: rgba(34, 34, 34, 0.4) !important;
transition: all ease 0.7s !important;
}
.xh-modal-wrapper .add-to-collection-dialog.xh-modal .favorites-collection-list:hover {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
min-height: 730px !important;
max-height: 730px !important;
overflow: hidden !important;
overflow-y: auto !important;
transition: all ease 0.7s !important;
}
/* COLLECTION - FAVORIS - VIDEOS - MODAL - NO COLLECTION CHOSEN - CONFIRM DIALOGUE - === */
.favorites-page .xh-modal-wrapper.new-design .xh-modal .xh-modal-header,
.favorites-page .xh-modal-wrapper.new-design .xh-modal .xh-modal-body,
.favorites-page .xh-modal-wrapper.new-design .xh-modal .xh-modal-footer {
padding-top: 0 !important;
}
.favorites-page .xh-modal-wrapper.new-design .xh-modal .xh-modal-body {
font-size: 14px;
line-height: 14px;
padding-top: 0;
}
/* COLLECTION - FAVORIS - VIDEOS - MODAL CONFIRM DELETE - === */
.favorites-page .xh-modal-wrapper .xh-modal {
position: fixed !important;
display: inline-block !important;
height: 75px !important;
z-index: 50000000 !important;
}
/* (new271)COLLECTION - */
.favorites-page .xh-modal-wrapper .xh-modal.small.xh-confirm-dialog.no-footer.warning {
position: fixed !important;
/* display: inline-block !important; */
left: 37% !important;
top: 47vh !important;
min-height: 52px !important;
max-height: 52px !important;
z-index: 50000000 !important;
box-shadow: 5px 7px 2px black !important;
transform: unset !important;
border: 1px solid red !important;
background: black !important;
}
.favorites-page .xh-modal-wrapper .xh-modal.small.xh-confirm-dialog.no-footer.warning .xh-modal-header {
height: 20px;
}
.favorites-page .xh-modal-wrapper .xh-modal.small.xh-confirm-dialog.no-footer.warning .xh-modal-header .xh-modal-title {
font-size: 15px;
height: 15px;
line-height: 10px;
margin-top: 4px;
}
.favorites-page .xh-modal-wrapper .xh-modal.small.xh-confirm-dialog.no-footer.warning .xh-modal-body {
height: 29px !important;
padding: 1px 31px 5px !important;
}
.favorites-page .xh-modal-wrapper .xh-modal.small.xh-confirm-dialog.no-footer.warning .xh-modal-body .confirm-buttons {
float: right;
width: 290px;
margin-top: 2px;
text-align: right;
}
/* A VOIR - COLLECTION - ALL - SCROLL BAR */
.ps.ps--active-y > .ps__scrollbar-y-rail {
left: 1121px !important;
}
/* COLLECTION LIST - ITEMS */
/* COLLECTION - ADD TO COLLECTION - FIRST ITEM > DEFAULT COLL - === */
.favorites-collection-list > label:first-of-type,
.favorites-collection-list > label[for="checkbox--1"] {
position: fixed;
left: 246px;
top: 1px;
}
.xh-modal-wrapper .add-to-collection-dialog.xh-modal {
position: fixed;
height: 25px;
right: 246px;
top: 0px;
}
.xh-modal-wrapper .add-to-collection-dialog.xh-modal .add-collection-form {
height: 28px;
margin-top: -5px;
padding: 0 25px 0 0 !important;
border-radius: 3px;
border: 1px solid red;
background: black !important;
}
.xh-modal-wrapper .add-to-collection-dialog.xh-modal .favorites-collection-list label {
font-size: 16px;
line-height: 26px;
margin-bottom: 1px !important;
overflow: hidden;
padding-left: 34px;
width: 311px !important;
display: inline-block;
border-radius: 3px;
border: 1px solid gray !important;
}
.xh-modal-wrapper .add-to-collection-dialog.xh-modal .add-collection-form .input-text {
display: inline-block;
font-size: 12px;
height: 26px;
line-height: 30px;
width: 250px;
}
.xh-modal-wrapper .add-to-collection-dialog.xh-modal .xh-button.create-collection {
position: relative;
height: 16px;
line-height: 100%;
min-width: 45px;
left: 21px;
top: 5px;
padding: 0 5px !important;
border-radius: 14px;
font-size: 14px;
text-align: center;
transition: color 0.15s ease 0s, border-color 0.15s ease 0s, background-color 0.15s ease 0s;
border: 1px solid #404040 !important;
}
/* COLLECTION - ADD TO COLLECTION - CHECKED - WITH HOVER - === */
.add-to-collection-dialog .favorites-collection-list .checkbox:checked + label {
background: rgba(17, 239, 15, 0.34);
border: 1px solid green;
}
.add-to-collection-dialog .xh-modal-body:not(:hover) .favorites-collection-list .checkbox:not(:checked):not(:first-of-type) + label {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
transition-delay: 2s !important;
border: 1px solid red !important;
}
.add-to-collection-dialog .xh-modal-body:hover .favorites-collection-list .checkbox:not(:checked) + label {
visibility: visible !important;
opacity: 1 !important;
border: 1px solid yellow !important;
}
/* COLLECTION - ADD TO COLLECTION - NUMBER */
.add-to-collection-dialog .favorites-collection-list label .quantity {
position: absolute;
min-width: 28px;
right: 0;
margin-right: 5px;
padding: 0 3px;
border-radius: 3px;
text-align: center;
letter-spacing: 0.8px;
color: red;
background: rgba(255, 211, 0, 1);
}
/* (new216) COLLECTION - ADD TO COLLECTION in COLL PAGE - FRIST LABEL DEFAULT NOT HOVER */
.xh-modal-wrapper .add-to-collection-dialog.xh-modal.small .favorites-collection-list label:first-of-type {
left: 660px !important;
border: 1px solid red !important;
}
/* COLLECTION - ADD TO COLLECTION - FOOTER */
.add-to-collection-dialog.xh-modal .xh-modal-footer {
height: 21px;
padding: 5px 24px;
}
/* (new216) COLLECTION - ADD TO COLLECTION in COLL PAGE (.xh-tabbed.smal)- FOOTER BUTT (Save Cancel)*/
.add-to-collection-dialog.xh-modal.xh-tabbed.small .xh-modal-footer {
position: fixed !important;
height: 75px;
width: 150px !important;
right: 8px !important;
top: 5px !important;
padding: 5px 5px 0px 5px !important;
border-radius: 5px !important;
z-index: 500000 !important;
background: #111 !important;
}
.add-to-collection-dialog.xh-modal.xh-tabbed.small .xh-modal-footer button {
margin: 2px 5px 5px 5px !important;
}
/* (new216) COLLECTION - ADD TO COLLECTION in COLL PAGE - FRIST LABEL DEFAULT NOT HOVER */
.xh-modal-wrapper .add-to-collection-dialog.xh-modal.small .favorites-collection-list label:first-of-type {
left: 660px !important;
border: 1px solid red !important;
}
/* COLLECTION - ADD TO COLLECTION - SCROLLBAR Y */
.xh-modal-wrapper.new.opened.with-scroll .ps-scrollbar-y-rail {
left: 990px !important;
}
/* END ===== COLLECTION - POPUP - ADD TO COLLECTION - === */
/* ============================================================================= */
/* ==== END ==== PART 2 ===== IAMGES / CHANNEL / SUBSCRIPTION / MESSAGES / COLLECTIONS / BLOG / LINKYFY PLUS ==== */
/* ============================================================================= */
/* START - ALL === COLOR === LINK COLOR + VISITED - === */
/* (new280) COLOR - SUPERLOADER */
.sp-separator {
background-color: #111 !important;
}
.sp-separator a {
text-shadow: none !important;
}
.sp-separator img.sp-sp-gopre,
.sp-separator img.sp-sp-gobottom,
.sp-separator img.sp-sp-gonext,
.sp-separator img.sp-sp-gotop {
/* filter: grayscale(1) !important; */
filter: invert(1%) hue-rotate(49deg) brightness(102%) contrast(83%) !important;
background-color: #222 !important;
border: 1px solid red !important;
}
/* (new379) COLOR - LINK - POSITION */
.stories-list .item.story .heading a,
.blog-list .item.story .heading a,
.news-list .item.story .heading a,
.stories-list .item.blog .heading a,
.blog-list .item.blog .heading a,
.news-list .item.blog .heading a {
border-bottom: unset !important;
font-weight: 700;
line-height: 21px;
font-size: 16px !important;
}
.video-thumb .thumb-image-container {
color: gray !important;
border: 1px solid gray !important;
}
.thumb-list__item.video-thumb {
border-radius: 5px !important;
color: gray !important;
}
/* (new276) */
.video-thumb .video-thumb-info__name {
color: gray !important;
}
/* COLOR - HINT - ALL - COLOR - === */
.pop-message-container .pop-message.green {
background: rgba(0, 188, 142, 0.4) !important;
}
/* (new168) COLOR - LINKS - COLOR/PERU */
.user-page.favorites-page .mixed-list .item .info-container a.link .name > span,
#commentBox .text > span > a,
.heading > a,
.notifications-page .notifications-list .notifications-row .event .user-info .event-user,
.username.reply-to-link,
a.username,
.mixed-section.videos.related .mixed-list .item.video .info-container a.link .name span,
.mixed-list .item a,
.mixed-list .item a.thumb-container,
.link,
.story-section .story-item .story-text:not(.xh-editor) a,
a,
a.link-inner,
.story-text > a,
.linkifyplus {
border-bottom: unset !important;
text-decoration: none !important;
color: peru !important;
}
/* (new168) COLOR - VISITED - COLOR/TOMATO */
.category-page .index-videos.mixed-section .thumb-list .thumb-list__item.video-thumb:hover .video-thumb-info a.video-thumb-info__name:visited,
.video-page .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .video-thumb-info a.video-thumb-info__name:visited,
.video-page .entity-description-container__categories .categories-container__item:visited,
.notifications-page .notifications-list .notifications-row .event .user-info .event-name a.content-name.xh-overflow-dots:visited,
.notifications-page .notifications-list .notifications-row .event .user-info .event-text.with-margin > a:visited,
.user-page.favorites-page .mixed-list .item .info-container a.link:visited .name > span,
#commentBox .text > span > a:visited,
.heading > a:visited,
.notifications-page .notifications-list .notifications-row .event .user-info .event-user:visited,
.username.reply-to-link:visited,
a.username:visited,
.mixed-section.videos.related .mixed-list .item.video .info-container a.link:visited .name span,
.mixed-list .item a:visited,
.mixed-list .item a.thumb-container:visited,
.link:visited,
a:visited:visited,
a.link-inner,
.story-text > a:visited,
.linkifyplus:visited,
.story-text a:visited,
.story-section .story-item .story-text:not(.xh-editor) a:visited,
.story-text a.linkifyplus:visited,
.story-text .blog-image.align-no.deprecated + a.linkifyplus:visited {
text-decoration: none !important;
color: tomato !important;
}
/* (new168) ALL - COLOR/ WHITE */
.comments-trigger,
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item[href^="https://xhamster.com/tags/"],
.gallery-related .mixed-list .item.gallery .link .thumb-info .name,
.mixed-list .thumb-info .name {
text-decoration: none !important;
color: #fff;
}
/* (new168) ALL - VISITED - COLOR/AQUA */
.gallery-related .mixed-list .item.gallery .link:visited .thumb-info .name,
.mixed-list .thumb-info .name:visited {
color: aqua;
}
/* (new168) VISITED - TOMATO - BORDER */
.user-page .favorite-photos-block .mixed-section a.link:visited .thumb-container img {
border: 1px solid red !important;
}
.user-page .favorite-photos-block .mixed-section a.link:visited,
.user-page.user-videos-page.my-uploads-page .side-column > ul .submenu li a:not(.edit-collection):visited,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list li a:not(.edit-collection):visited,
.user-page.user-videos-page.my-uploads-page .side-column > ul:hover .submenu li a:not(.edit-collection):visited,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list:hover li a:not(.edit-collection):visited,
.photo-page .main-wrap .width-wrap .gallery-related .mixed-section.gallery.related .thumb-list__item.gallery-thumb .gallery-thumb__link.thumb-image-container:visited {
border: 1px solid tomato !important;
}
/* (new168) VISITED - RED - BORDER */
.user-page.user-photos-page.my-uploads-page .tab-recent.gallery-list.current-tab .thumb-list.thumb-list--gallery-full-width .gallery-thumb .gallery-thumb__link.thumb-image-container:visited,
.user-page.user-photos-page.my-uploads-page .tab-favorite.gallery-list.current-tab.gallery .thumb-list.thumb-list--sidebar.thumb-list--gallery .thumb-list__item.gallery-thumb .gallery-thumb__link.thumb-image-container:visited,
.thumb-list--gallery-full-width .thumb-list__item a.thumb-image-container:visited,
.gallery-page main article .gallery-section .gallery-list a.photo-container:not(.has-status):visited,
.gallery-page main article .gallery-section .gallery-list a.photo-container:visited {
border: 1px solid red !important;
}
/* (new168) THUMBNAIL - COLOR/PERU + BORDER/#404040 */
.mixed-list .item a.thumb-container {
color: peru !important;
border: 1px solid #404040 !important;
}
/* (new168) THUMBNAIL - VISITED - COLOR/TOMATO - BORDER/TOMATO */
.mixed-list .item a.thumb-container:visited {
color: tomato !important;
border: 1px solid tomato !important;
}
/* (new256) VISITED - COLOR/TOMATO - BORDER/LIME */
.video-thumb:hover a.video-thumb-info__name:visited,
.video-thumb.thumb-list__item:hover a.video-thumb-info__name:visited,
.video-thumb .thumb-image-container:visited,
.video-thumb .video-thumb-info__name:visited {
border: 1px solid lime !important;
color: tomato !important;
}
/* (new168) VISITED - COLOR + BACKGROUND - DIVERS */
.photo-page .photo-view .popular-side .photo-thumbs-block .thumb-list .item .link:visited {
border: 1px solid blue !important;
background: rgba(0, 0, 0, 0.35);
}
/* (new168) VISITED - COLOR/GOLD + BACKGROUND/GREEN */
.collapsable-list .categories-container__item[href^="https://xhamster.com/amateurs/"]:visited,
.categories-container__item[href^="https://xhamster.com/pornstars/"]:visited,
.categories-container__item[href^="/pornstars/"]:visited {
color: gold !important;
background: green !important;
}
/* (new168) VISITED - COLOR/WHITE + BACKGROUND/GREEN */
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item--sub:visited,
.video-page .categories-container.collapsable-list > li:first-of-type a.categories-container__item--sub:visited {
color: white !important;
background: green !important;
}
/* (new168) VISITED - COLOR/RED + BACKGROUND/GOLD */
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item:visited {
color: red !important;
background: gold !important;
}
/* (new168) VISITED - TAGS - COLOR/WHITE + BACKGROUND/PERU */
.video-page .categories-container__item[href^="https://xhamster.com/amateurs/"]:visited {
color: white !important;
background: peru !important;
}
/* (new168) VISITED - COLOR + BORDER + BACKGROUND - DIVERS */
.gallery-related .mixed-list .item.gallery .link {
text-decoration: none !important;
color: gray !important;
border: 1px dashed #404040 !important;
background-color: #404040 !important;
}
.gallery-related .mixed-list .item.gallery .link:visited {
color: yellow !important;
border: 1px dashed tomato !important;
background-color: yellow !important;
}
.gallery-page article .gallery-section .mixed-list.loaded .photo-container {
color: yellow !important;
border: 1px solid gray !important;
}
.gallery-page article .gallery-section .mixed-list.loaded .photo-container:visited {
color: yellow !important;
border: 1px solid tomato !important;
}
/* (new168) VISITED - COLOR/GOLD + BORDER/GRAY + BACKGROUND/BLUE */
.user-page.user-videos-page.my-uploads-page .side-column > ul .submenu li a:visited:hover:not(.edit-collection),
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list li a:visited:hover:not(.edit-collection),
.user-page.user-videos-page.my-uploads-page .side-column > ul:hover .submenu li a:visited:hover:not(.edit-collection),
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list:hover li a:visited:hover:not(.edit-collection) {
color: gold !important;
background: blue !important;
border: 1px solid gray !important;
}
/* BACKGROUND - RED XHAM - background: #e34449 ; */
.search-results main .width-wrap > aside .filter-label,
.search-results .search-results-header .result-section .result-block {
background: #e34449 !important;
}
/* (new168) END === ALL - LINK COLOR + VISITED - === */
/* (new214) LANGUE - ADAPTATION */
.video-page[lang="fr"] .more-related-videos a.xh-button.square.black.large {
border-radius: 15px;
font-size: 14px;
height: 24px;
line-height: 14px !important;
min-width: 60px;
padding: 0 5px 2px;
}
/* START ======== GALLERY / PHOTOS ===== */
/* GALLERY / PHOTOS - CAPTCHA - === */
.xh-modal-wrapper .xh-modal {
position: fixed !important;
height: auto !important;
left: 50%;
margin-bottom: 0px;
right: auto;
top: 370px !important;
box-shadow: 4px 3px 4px rgba(0, 0, 0, 1);
border-radius: 5px !important;
transform: translate3d(-50%, 0px, 0px);
will-change: opacity, top;
opacity: 1 !important;
z-index: 500000 !important;
}
/* (new449) GAL - GALLERY / PHOTOS - THUMBNAIL / USER FAVS - IN PHOTO VIEWER - === */
.gallery-thumb__date,
.photos-page .gallery-section .date {
display: none !important;
}
.gallery-thumb {
display: inline-block;
vertical-align: top;
height: 100%;
max-width: 160px !important;
margin: 0px -25px 5px 30px !important;
padding: 0px !important;
/* border: 1px solid yellow !important; */
}
.gallery-thumb .thumb-image-container__image {
background-position: top center !important;
background-repeat: no-repeat;
background-size: contain !important;
height: 100%;
min-height: 140px !important;
max-height: 140px !important;
width: 100%;
}
/* (new449) */
.thumb-list--sidebar .thumb-list__item.gallery-thumb a.thumb-image-container .thumb-image-container__image {
min-width: 100% !important;
max-width: 100% !important;
min-height: 110px !important;
max-height: 110px !important;
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain !important;
}
/* (new379) */
.user-page.user-photos-page.my-uploads-page .tab-favorite.gallery-list.current-tab.gallery .thumb-list.thumb-list--sidebar.thumb-list--gallery .gallery-thumb__link.thumb-image-container.role-pop img.thumb-image-container__image {
min-width: 179px !important;
max-width: 179px !important;
min-height: 140px !important;
max-height: 140px !important;
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain !important;
}
/* (new380) PHO GAL - CATEG */
.photos-page .gallery-section .thumb-list--sidebar .thumb-list__item.gallery-thumb a.thumb-image-container .gallery-thumb-info {
position: absolute !important;
display: inline-block !important;
line-height: 15px;
min-height: 4.5vh !important;
max-height: 4.5vh !important;
left: 0 !important;
/* z-index: 500 !important; */
/* background: blue !important; */
/* border: 1px solid aqua !important; */
}
/* (new380) HOVER */
.photos-page .gallery-section .thumb-list--sidebar .thumb-list__item.gallery-thumb a.thumb-image-container .gallery-thumb-info:hover {
position: absolute !important;
display: inline-block !important;
line-height: 15px;
min-height: 5vh !important;
max-height: 8vh !important;
left: 0 !important;
z-index: 500 !important;
/* background: blue !important; */
/* border: 1px solid yellow !important; */
}
.photos-page .gallery-section .thumb-list--sidebar .thumb-list__item.gallery-thumb a.thumb-image-container .gallery-thumb-info .gallery-thumb-info__name {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
max-height: 2vh !important;
min-height: 2vh !important;
line-height: 14px;
margin-bottom: -2px;
padding: 0 5px;
font-size: 12px !important;
text-transform: lowercase !important;
opacity: 1;
overflow: hidden !important;
overflow-x: hidden !important;
overflow-y: auto !important;
/* background: red !important; */
}
/* (new380) HOVER */
.photos-page .gallery-section .thumb-list--sidebar .thumb-list__item.gallery-thumb a.thumb-image-container .gallery-thumb-info:hover .gallery-thumb-info__name {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
max-height: 5vh !important;
min-height: 5vh !important;
line-height: 14px;
margin-bottom: -2px;
padding: 0 5px;
font-size: 12px !important;
text-transform: lowercase !important;
opacity: 1;
overflow: hidden !important;
overflow-x: hidden !important;
overflow-y: auto !important;
/* background: red !important; */
}
/* (new380) FIRST LETTER */
.photos-page .gallery-section .thumb-list--sidebar .thumb-list__item.gallery-thumb a.thumb-image-container .gallery-thumb-info .gallery-thumb-info__name::first-letter {
text-transform: capitalize !important;
/* background: green !important; */
}
/* (new380) COUNTER */
.photos-page .gallery-section .thumb-list--sidebar .thumb-list__item.gallery-thumb a.thumb-image-container .gallery-thumb-info .gallery-thumb-info__counters {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
margin: 0 0 0 0 !important;
bottom: 0 !important;
left: 0 !important;
z-index: 500 !important;
/* background: blue !important; */
}
.mixed-list .item.gallery {
width: 10% !important;
margin-right: 3px;
margin-left: 5px;
margin-bottom: 5px;
padding: 0px !important;
}
/* (new426) GAL - GALLERY PHOTOS - MY UPLOAD / My UPLOAD DELETED */
.user-page.my-uploads-page .photo-block.upload-list .thumb-list__item.gallery-thumb {
width: auto !important;
min-width: 182px !important;
max-width: 182px !important;
min-height: 180px !important;
max-height: 180px !important;
margin-bottom: 0 !important;
top: 0 !important;
padding: 0 !important;
}
/* (new426) GAL - MY UPLOAD */
.user-page.my-uploads-page .photo-block.upload-list .thumb-list__item.gallery-thumb .thumb-image-container {
width: auto !important;
min-width: 179px !important;
max-width: 179px !important;
min-height: 178px !important;
max-height: 178px !important;
margin-bottom: 0 !important;
top: 0 !important;
padding: 0 !important;
/* border: 1px solid yellow !important; */
}
.user-page.my-uploads-page .photo-block.upload-list .thumb-list__item.gallery-thumb a.thumb-image-container .thumb-image-container__image {
min-width: 100% !important;
max-width: 100% !important;
min-height: 130px !important;
max-height: 130px !important;
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain !important;
}
.user-page.my-uploads-page .photo-block.upload-list .thumb-list__item.gallery-thumb .gallery-thumb-info__name {
max-height: 2.8vh !important;
min-height: 2.8vh !important;
}
/* AAA ==== END ==== ALL === */
}
@-moz-document url-prefix("https://xhamster.com/my/edit/profile"), url-prefix("https://fr.xhamster.com/my/edit/profile"), url-prefix("https://de.xhamster.com/my/edit/profile"), url-prefix("https://nl.xhamster.com/my/edit/profile"), url-prefix("https://es.xhamster.com/my/edit/profile"), url-prefix("https://it.xhamster.com/my/edit/profile"), url-prefix("https://ru.xhamster.com/my/edit/profile"), url-prefix("https://pl.xhamster.com/my/edit/profile"), url-prefix("https://jp.xhamster.com/my/edit/profile"), url-prefix("https://ge.xhamster.com/my/edit/profile"), url-prefix("https://br.xhamster.com/my/edit/profile"), url-prefix("https://cz.xhamster.com/my/edit/profile"), url-prefix("https://vi.xhamster.com/my/edit/profile"), url-prefix("https://tr.xhamster.com/my/edit/profile"), url-prefix("https://ua.xhamster.com/my/edit/profile"), url-prefix("https://hi.xhamster.com/my/edit/profile"), url-prefix("https://th.xhamster.com/my/edit/profile"), url-prefix("https://ko.xhamster.com/my/edit/profile"), url-prefix("https://ro.xhamster.com/my/edit/profile"), url-prefix("https://pt.xhamster.com/my/edit/profile"), url-prefix("https://my.xhamster.com/my/edit/profile"), url-prefix("https://id.xhamster.com/my/edit/profile") {
/* PROFILE EDIT = URL-PREF - START === * /
/* EDIT PROFILE - ADD VIDEO */
.user-page.edit-mode .xh-modal-wrapper.new {
background-color: rgba(0, 0, 0, 0.55);
bottom: 0;
height: auto;
left: 200px;
max-height: 900px !important;
max-width: 800px;
min-height: 600px;
min-width: 800px;
position: fixed;
right: 0;
top: 10px !important;
z-index: 500000;
}
.xh-modal-wrapper .xh-modal.editor-insert-image.xh-editor-dialog.xh-tabbed {
position: relative !important;
height: auto;
left: 0 !important;
top: 0px !important;
margin: auto !important;
opacity: 1;
z-index: 500000;
}
.xh-modal-wrapper .xh-editor-dialog .xh-modal-body .drop-area,
.xh-modal-wrapper .photo-crop-dialog .xh-modal-body .drop-area {
background: red;
}
.xh-modal-wrapper .xh-editor-dialog .xh-tab-upload .select-thumb-list {
display: inline-block;
width: 100%;
height: auto;
min-height: 300px;
max-height: 515px;
margin-bottom: 0;
overflow-x: hidden;
overflow-y: auto;
}
.xh-modal-wrapper .xh-editor-dialog .xh-tab-upload .select-thumb-list .item {
width: 16%;
}
.select-thumb-list .image-remove-confirmation {
padding-top: 1px;
background: red;
}
.select-thumb-list .image-remove-confirmation .confirmation-title {
font-size: 12px;
font-weight: 700;
margin-bottom: 3px;
color: red;
}
.select-thumb-list .image-remove-confirmation .confirmation-warning {
color: #dadada;
font-size: 12px;
line-height: 12px;
padding: 0px;
}
/* (new388) PROFILE - EDIT - CROP PHOTO MODAL */
.xh-modal-wrapper .photo-crop-dialog.xh-modal {
position: fixed !important;
height: auto !important;
left: 31.2% !important;
margin-bottom: 0px;
right: auto;
top: 4vh !important;
box-shadow: 4px 3px 4px rgba(0, 0, 0, 1);
border-radius: 5px !important;
transform: translate3d(-50%, 0px, 0px);
will-change: opacity, top;
opacity: 1 !important;
z-index: 500000 !important;
}
/* URL PREF - PROFILE EDIT - */
*,
*::before,
*::after {
box-sizing: inherit;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.select-thumb-list .image-remove-confirmation .buttons {
margin: 0 5px;
padding: 0 10px;
transform: scale(0.7);
transform-origin: center left;
}
.select-thumb-list .image-remove-confirmation .buttons button:first-of-type {
margin-left: -16px;
}
.xh-modal-wrapper .xh-editor-dialog.insert-video-dialog {
position: fixed !important;
height: auto;
width: 487px;
left: 35%;
top: 10% !important;
border: 1px solid gray;
}
.xh-modal-wrapper .xh-editor-dialog.insert-video-dialog .xh-modal-header {
display: block;
overflow: hidden;
width: 100%;
height: 35px;
background: #303030;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.xh-modal-wrapper .xh-modal .xh-modal-header .xh-modal-title {
display: inline-block;
font-size: 20px;
line-height: 20px;
margin: 5px 0 0 30px;
}
.xh-modal-wrapper .xh-editor-dialog.insert-video-dialog .preview iframe,
.xh-modal-wrapper .xh-editor-dialog.insert-video-dialog .has-preview iframe {
width: 100%;
height: 244px;
}
/* URL PREF - PROFILE EDIT - ADD PHOT - LIMIT INDICAT */
.xh-modal-wrapper .xh-modal.editor-insert-image.xh-editor-dialog .gallery-section .note:before {
content: " In fact you can post 5 Mb – max file size";
display: inline-block;
position: relative;
height: 20px;
width: 100%;
font-size: 15px;
color: gold;
}
/* ==== END URL-PREF - PROFILE EDIT ==== */
}
@-moz-document domain("xhamsterlive.com"), domain("fr.xhamsterlive.com") {
/* CAMS XhamsterLive = URL-PREF = START ==== */
/* URL PREF - Xhamsterlive - CAM - SUPP - === */
.disable-scroll .auth-modal-signup.modal-wrapper ,
.cookies-reminder,
.absolute.absolute-top.notifications-tooltip.tooltip,
.top-up-wrapper,
.model-list-item .private-status,
.tooltip-top,
.push-notification-tooltip.top,
.tag-group.tag-group-privatePrice,
.goal.goal-repeat.message,
.model-chat-messages-wrapper .messages .message.system,
.tipUser,
.view-cam-page-main .watermark,
.main-layout.viewcampage .cookies-reminder,
.announcement-sub-header,
.lottery,
.header-notifications-wrapper,
.header-notifications-wrapper .header-notifications,
.watermark,
.model-list-promo {
display: none;
}
:root {
--view-cam-aspect-ratio: 0.75;
--view-cam-layout-height: 100vh;
--view-cam-layout-width: 100vw;
--view-cam-top: 200px;
}
/* URL PREF - Xhamsterlive - CAMS - GENERAL - === */
body,
#body,
html {
width: 100% !important;
min-width: 100% !important;
background: #222 !important;
}
/* URL PREF - Xhamsterlive - MODELS INDEXS - === */
.main-layout.main-layout .index-page .model-list-wrapper {
max-width: 99% !important;
width: 99% !important;
}
/* URL PREF - Xhamsterlive - PLAYER PAGE - (OLD ?) TAGS INLINE BAGES CONTAINER - BOTTOM / RIGHT - === */
.model-list-wrapper.container .tags-inline-badges {
position: absolute !important;
bottom: -182px !important;
z-index: 50000 !important;
transition: bottom ease 0.7s !important;
background: black;
}
.model-list-wrapper.container .model-list-container .paginated.model-list + .tags-inline-badges {
position: absolute !important;
bottom: -142px !important;
z-index: 50000 !important;
transition: bottom ease 0.7s !important;
background: black;
}
.model-list-wrapper.container .model-list-container .paginated.model-list + .tags-inline-badges:hover {
position: absolute !important;
bottom: 0px !important;
z-index: 50000 !important;
transition: bottom ease 0.7s !important;
background: black;
}
.model-list-wrapper.container .tags-inline-badges:before {
content: "Models Tags";
position: absolute !important;
display: inline-block !important;
top: -17px !important;
width: 100px;
height: 20px !important;
border-radius: 5px 5px 0 0;
text-align: center;
}
.model-list-wrapper.container .tags-inline-badges:hover {
bottom: 0px !important;
z-index: 50000 !important;
}
/* URL PREF - Xhamsterlive - TAGS UNDER PLAYER */
.widescreen-container .view-cam-model-tags {
position: fixed !important;
width: 795px !important;
min-height: 215px !important;
max-height: 215px !important;
top: 99.8vh !important;
left: 0 !important;
padding: 5px !important;
border-radius: 5px 5px 0 0 !important;
z-index: 50000 !important;
overflow: hidden !important;
overflow-y: auto !important;
transition: bottom ease 0.7s !important;
background: #222 !important;
}
.widescreen-container .view-cam-model-tags:hover {
top: 77vh !important;
left: 0 !important;
transition: bottom ease 0.7s !important;
background: #111 !important;
border: 1px solid red !important;
}
.widescreen-container .view-cam-model-tags:not(:hover):before {
content: "⏏ Models Infos / Tags ⏏";
position: fixed !important;
display: inline-block !important;
margin-top: -23px !important;
margin-left: 50px !important;
width: 170px;
height: 20px !important;
border-radius: 5px 5px 0 0;
text-align: center;
z-index: 50000 !important;
color: gold !important;
background: red !important;
}
.widescreen-container .view-cam-model-tags .view-cam-model-tags-title {
height: 20px !important;
line-height: 10px !important;
margin-bottom: 5px;
}
.widescreen-container .view-cam-model-tags .view-cam-model-tags-group {
line-height: 5px !important;
margin-bottom: 5px;
}
.widescreen-container .view-cam-model-tags .tags-inline-badges .btn-tags-inline-badge {
display: inline-block !important;
flex-shrink: 0;
height: 15px !important;
line-height: 15px !important;
margin-bottom: 8px;
margin-right: 4px !important;
padding: 0;
align-items: center;
border-radius: 30px;
font-size: 0.625rem;
text-transform: uppercase;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
background: #111 !important;
}
/* URL PREF - Xhamsterlive - VR BUTTON - .web-rtc-player-wrapper === */
.player-central-button {
position: fixed !important;
display: inline-block;
bottom: 90% !important;
left: 55% !important;
z-index: 5000 !important;
}
/* URL PREF - Xhamsterlive - CAM PLAYER PAGE - === */
.main-layout.viewcampage {
max-height: 821px !important;
}
.main-layout.viewcampage .page.view-cam-page {
width: 1140px;
height: 821px !important;
left: -355px;
top: -5px;
border-right: 1px solid red;
}
.main-layout.viewcampage .page.view-cam-page > .wrapper .main {
width: 1155px;
height: 921px !important;
margin-top: -28px;
}
.main-layout.viewcampage .page.view-cam-page .view-cam > .wrapper .main.hd {
height: calc(100vh - 326px);
min-height: calc(500px * 0.5556);
max-height: calc((100vw - 440px) * 0.5556);
width: calc(100vh / 0.5556 - 326px / 0.5556);
min-width: 500px;
max-width: calc(100vw - 440px);
margin-top: 6px !important;
}
.main-layout.viewcampage .page.view-cam-page > .main .video {
width: 900px !important;
left: -25px;
top: 3px;
}
/* URL PREF - Xhamsterlive - MSE PLAYER - ==== */
.broadcast-type-webrtc.player.player-type-webrtc.player-wrapper .content .web-rtc-player-wrapper .web-rtc-player .web-rtc-content .web-rtc-content-wrapper .web-rtc-playing .video-element-wrapper .video-element.web-rtc-video-element,
.view-cam .broadcast-type-webrtc.player.player-type-mse.player-wrapper .mse-player-container > div {
background-image: none !important;
background-color: black !important;
}
.view-cam .broadcast-type-webrtc.player.player-type-mse.player-wrapper .content .mse-player .mse-player-container video,
.view-cam .broadcast-type-webrtc.player.player-type-mse.player-wrapper .mse-player-container video {
max-height: 75% !important;
width: 100% !important;
z-index: 100;
background-image: none !important;
}
.web-rtc-player .video-element-wrapper,
.web-rtc-player .web-rtc-video-element {
height: 100% !important;
z-index: 100;
}
.view-cam-page-main.widescreen-container .video {
min-width: 800px !important;
}
.main-layout.viewcampage .view-cam-page-wrapper .view-cam-page .view-cam-container .page .view-cam-page-main .video .view-cam,
.main-layout.viewcampage .page.view-cam-page > .main .video .view-cam {
--container-size: 1268px !important;
--gutter: 38px;
left: -190px !important;
}
/* URL PREF - Xhamsterlive - */
.main-layout.viewcampage .view-cam-page-wrapper .view-cam-page .view-cam-container .page .view-cam-page-main .video .view-cam,
.main-layout.viewcampage .page.view-cam-page > .main .video .view-cam {
--view-cam-calculated-max-width: calc(var(--container-size) - var(--view-cam-chat-min-width) - var(--gutter));
--view-cam-calculated-width: calc(var(--view-cam-layout-height) / var(--view-cam-aspect-ratio) - var(--view-cam-max-height) / var(--view-cam-aspect-ratio));
--view-cam-chat-min-width: 400px;
--view-cam-controls-min-height: 150px;
--view-cam-max-height: calc(var(--view-cam-top) + var(--view-cam-controls-min-height));
--view-cam-min-width: 505px;
max-width: var(--view-cam-calculated-max-width);
min-width: var(--view-cam-min-width);
width: var(--view-cam-calculated-width);
left: 5px !important;
}
.main-layout.viewcampage .page.view-cam-page > .main .video .view-cam {
position: relative;
}
.view-cam-controls-wrapper .btn {
display: inline-block !important;
color: red !important;
}
.view-cam-controls:not(.with-new-send-tip) .view-cam-controls-btn {
font-size: 15px;
line-height: 17px !important;
max-height: 17px !important;
opacity: 0.2 !important;
}
.view-cam-controls:not(.with-new-send-tip) .view-cam-controls-btn:hover {
opacity: 1 !important;
}
/* URL PREF - Xhamsterlive - CAMS - VIDEO CAM PLAYER CONTROLS */
.video-element {
background-color: black !important;
}
.main-layout.viewcampage .view-cam .controls-wrapper .view-cam-controls {
color: peru !important;
background-color: #333 !important;
}
.view-cam-controls .controls .btn-outline {
border-color: rgb(233, 184, 114);
color: peru !important;
}
.view-cam-controls .controls .btn-apply-alter {
background-color: #797A6C !important;
color: rgb(0, 0, 0);
}
.broadcast-type-webrtc.player.player-type-webrtc.player-wrapper:not(.hover) .player-controls:not(.hover),
.broadcast-type-webrtc.player.player-type-webrtc.player-wrapper.hover .player-controls.hover {
position: fixed;
height: 38px;
width: 176px !important;
left: 945px !important;
top: 6.1vh !important;
opacity: 0.5 !important;
transition: none !important;
background: black !important;
}
.player-controls-wrapper {
width: 183px !important;
height: 31px !important;
opacity: 1 !important;
}
.player-controls-wrapper .player-controls-top {
width: 167px;
height: 30px;
margin-left: -11px;
margin-top: -10px;
background: #111 !important;
}
.player-controls-right button {
height: 30px !important;
}
/* URL PREF - Xhamsterlive - WIDGET - NOTIF - LEVL USER */
.viewcam-widget-panel {
display: none !important;
}
.user-level-notification {
position: absolute;
width: 414px;
min-height: 38px;
max-height: 38px;
line-height: 38px;
left: 2px;
top: 6px;
padding: 5px 44px 5px 20px;
}
.user-level-notification-badge {
float: left;
}
/* URL PREF - Xhamsterlive - FULL */
.view-cam-resizer .view-cam-resizer-player.fullscreen,
.player-wrapper.fullscreenelement {
z-index: 500000 !important;
}
.player-controls-fullscreen .player-controls-fullscreen__wrapper {
position: fixed !important;
height: 30px !important;
max-width: 500px !important;
bottom: 5px !important;
left: 1% !important;
z-index: 500000 !important;
background: red !important;
}
.player-controls-fullscreen .player-controls-fullscreen__wrapper .buttons-fullscreen {
height: 30px !important;
bottom: 8px !important;
background: red !important;
}
/* URL PREF - Xhamsterlive - INFOS GOAL */
.view-cam-info .view-cam-info-goal {
-moz-box-flex: 1;
flex: 1 0 85% !important;
height: 100%;
line-height: 1.188rem;
font-size: 0.813rem;
}
.view-cam-info .view-cam-info-king {
display: flex;
-moz-box-flex: 1;
align-items: flex-end;
flex: 1 0 15% !important;
flex-direction: column;
font-size: 0.688rem;
line-height: 1.125rem;
color: #909090;
}
.view-cam-info {
width: 780px !important;
margin-left: 0px !important;
padding: 4px 5px !important;
}
/* URL PREF - Xhamsterlive - CAMS - VIDEO CAM PLAYER - PAGINATION */
.page-button.page-button-beginning {
position: absolute !important;
right: -5px !important;
padding: 0 10px !important;
}
/* URL PREF - Xhamsterlive - CAMS - VIDEO CAM PLAYER - MODELS LIST THUMBNAIL - === */
.main-layout.viewcampage .view-cam-page-wrapper .model-list-wrapper {
position: absolute;
display: inline-block !important;
height: 826px !important;
width: 730px;
right: 7px;
top: 95px;
padding: 0 3px 0 5px !important;
overflow: hidden !important;
border: 1px solid #404040 !important;
}
/* URL PREF - Xhamsterlive - ACCT DELETED */
.main-layout.viewcampage .view-cam-page-wrapper .account-disabled-page.model-deleted-page.container.page .model-list-wrapper {
width: 730px !important;
left: 1180px !important;
top: 0px !important;
}
.account-disabled-page.model-deleted-page {
float: left !important;
max-width: 1180px !important;
}
.main-layout.viewcampage .view-cam-page-wrapper .model-list-wrapper .model-list-container {
display: inline-block !important;
height: 824px !important;
width: 730px;
padding-top: 3px;
border: none !important;
}
.main-layout.viewcampage .view-cam-page-wrapper .model-list-wrapper .container.model-list-container {
-moz-box-flex: unset !important;
flex: unset !important;
flex-direction: unset !important;
display: inline-block !important;
padding-bottom: 10px;
margin-top: 31px !important;
}
.main-layout.viewcampage .view-cam-page-wrapper .model-list-wrapper .model-list-container .model-list {
height: 824px !important;
width: 730px;
padding: 5px;
}
.model-list-container .model-list .paginated-list {
height: 720px !important;
padding-bottom: 25px;
overflow: visible !important;
border: 1px solid red !important;
}
.model-list-container .model-list .paginated-list .model-thumb {
height: 128px !important;
}
.model-skeleton-item.model-list-item {
opacity: 0.3 !important;
}
.model-list-item .model-thumb-image {
display: block;
height: 77% !important;
padding-bottom: 90% !important;
background-blend-mode: normal;
background-position: 50% center;
background-size: contain;
background-repeat: no-repeat;
}
.model-list-item .model-thumb-footer {
position: absolute;
display: flex;
flex-direction: row;
font-size: 0.60rem !important;
justify-content: space-between;
left: 0;
padding: 0px !important;
right: 0;
transform: scale(1) !important;
}
/* URL PREF - Xhamsterlive - */
.main-layout.viewcampage .view-cam-page-wrapper .model-list-wrapper .model-list-container .model-list-item {
filter: brightness(80%) !important;
}
.main-layout.viewcampage .view-cam-page-wrapper .model-list-wrapper .model-list-container .model-list-item:hover {
filter: brightness(100%) !important;
}
.main-layout.viewcampage .view-cam-page-wrapper .model-list-wrapper .model-list-container .paginated-list .model-list-item {
position: relative !important;
display: inline-block !important;
height: 134px !important;
min-width: 17.687% !important;
max-width: 17.687% !important;
margin-left: 15px;
margin-bottom: -20px !important;
padding: 0 !important;
transform: scale(1.1) !important;
transform-origin: 105px -80px 0 !important;
border: 1px solid red !important;
}
.model-list-item-link {
position: relative;
display: block;
width: 100%;
padding-bottom: 130px !important;
z-index: 0;
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain !important;
background-color: #111;
}
.main-layout.viewcampage .view-cam-page-wrapper .model-list-wrapper .model-list-container .paginated-list .model-list-item a.model-thumb-image {
border: 1px solid gray !important;
}
.main-layout.viewcampage .view-cam-page-wrapper .model-list-wrapper .model-list-container .paginated-list .model-list-item a.model-thumb-image:visited {
border: 1px solid red !important;
}
/* URL PREF - Xhamsterlive - CAM MODEL INFOS under PLAYER - === */
.main-layout.viewcampage .view-cam-page-wrapper .model-list-wrapper + .container {
position: absolute;
width: 820px;
bottom: 4px;
left: 0px;
height: 34px;
padding: 5px;
overflow: hidden;
transition: all ease 0.7s !important;
background: #333 !important;
}
.main-layout.viewcampage .view-cam-page-wrapper .model-list-wrapper + .container:hover {
height: auto !important;
max-height: 281px !important;
overflow-y: auto !important;
z-index: 50000 !important;
background: black !important;
}
/* URL PREF - Xhamsterlive - CAM MODEL VIEW PROFILE POPUP - === */
.user-info > div .details .field-row {
margin: 0 0 0 0 !important;
padding: 3px 0 3px 0 !important;
}
.user-info > div .details .field-row:nth-child(odd) {
background-color: #111 !important;
}
.user-info > div .details .field-row:nth-child(even) {
background-color: #333 !important;
}
.editable-list.knights.page-block {
display: none !important;
}
/* (new322) URL PREF - Xhamsterlive - */
.view-cam-page-wrapper .profile-wrapper {
position: fixed;
display: inline-block;
height: 98vh !important;
width: 930px;
right: 5px;
top: 10px;
padding: 5px !important;
border-radius: 5px 0 0 5px;
z-index: 5000;
overflow: hidden;
overflow-y: hidden !important;
background: #333 !important;
border: 1px solid red !important;
}
.view-cam-page-wrapper .profile-wrapper .profile-header {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
border-bottom: 1px solid red !important;
color: silver !important;
}
.view-cam-page-wrapper .profile-wrapper .page {
max-width: 920px !important;
width: 920px !important;
padding-bottom: 10px;
overflow: hidden !important;
overflow-y: hidden !important;
}
.view-cam-page-wrapper .profile-wrapper .view-cam-model-info .navigation-container {
height: 20px !important;
line-height: 10px !important;
overflow: hidden;
padding: 0 15px !important;
}
.view-cam-page-wrapper .header-sub .container,
.view-cam-page-wrapper .header-sub .widescreen-container {
min-height: 22px !important;
max-height: 22px !important;
margin: 0px 0 0px 0 !important;
}
/* (new322) URL PREF - Xhamsterlive - PROFILE POPUP */
.view-cam-page-wrapper .profile-wrapper.view-cam-model-info .navigation {
min-height: 22px !important;
max-height: 22px !important;
margin: 0px 0 0px 0 !important;
padding: 0px 10px !important;
background-color: #111 !important;
}
.view-cam-model-info .right-navigation-section {
height: 15px !important;
margin: 0 0 0 auto;
padding-left: 18px;
}
.view-cam-model-info .close-icon-wrapper {
width: 15px !important;
height: 15px !important;
margin-right: 40px !important;
background-color: #535353;
}
.profile-cover .profile-cover__media,
.profile-cover .profile-cover__media-container,
.profile-cover .profile-cover__video-parent {
width: 100%;
height: 81px !important;
position: relative;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.view-cam-page-wrapper .profile-wrapper .profile-cover .profile-cover__media img,
.view-cam-page-wrapper .profile-wrapper .profile-cover .profile-cover__media-container .profile-cover__video {
object-fit: contain !important;
object-position: center center !important;
background-color: #111 !important;
}
.view-cam-page-wrapper .profile-wrapper .profile-cover .profile-cover__info {
height: 40px !important;
color: red !important;
background-color: #222 !important;
}
/* URL PREF - Xhamsterlive - */
.view-cam-page-wrapper .profile-wrapper .profile-cover .profile-cover__info .left-wrapper {
height: 40px !important;
}
.view-cam-page-wrapper .profile-wrapper .profile-cover .profile-cover__avatar-wrapper {
height: 40px !important;
max-width: 40px !important;
margin: 0 30px 0 0!important;
top: 0;
}
.view-cam-page-wrapper .profile-wrapper .profile-cover__avatar-wrapper > a span {
height: 40px !important;
width: 40px !important;
border: 1px solid red !important;
}
.view-cam-page-wrapper .profile-wrapper .profile-cover__avatar-wrapper > a span.avatar .live-badge {
position: absolute;
height: 35px !important;
top: -65px !important;
left: 0px !important;
}
.view-cam-page-wrapper .profile-wrapper .profile-cover .profile-cover__info .title {
height: 40px !important;
padding: 0 !important;
margin: 0 20px 0 0 !important;
}
/* (new322) URL PREF - Xhamsterlive - FAN CLUB */
.model-feed-viewcam-single-column {
flex: 1 1 0;
height: 77vh !important;
overflow-x: hidden !important;
overflow-y: auto !important;
border-bottom: 1px solid red;
}
/* (new204) URL PREF - Xhamsterlive - */
.view-cam-page-wrapper .profile-wrapper.view-cam-model-info .page .profile {
display: inline-block;
height: 98vh !important;
margin-top: 2px !important;
padding: 5px !important;
border-radius: 0 0 5px 5px;
z-index: 5000;
overflow: hidden;
overflow-y: hidden !important;
/* background: red !important; */
border: 1px solid red !important;
}
.view-cam-page-wrapper .profile-wrapper .profile .columns {
height: 75vh !important;
margin: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
border-bottom: 1px solid red !important;
}
.view-cam-page-wrapper .profile-wrapper .profile .columns .page-block {
margin: 5px 0 !important;
padding: 3px 8px !important;
}
/* (new337) */
.profile-navigation.header-sub.view-cam-model-info-navigation + input + input + .user-videos-page .user-media-page-header {
display: flex;
flex-wrap: wrap;
margin: -15px 0 5px !important;
}
.profile-wrapper.view-cam-model-info .profile-navigation.header-sub.view-cam-model-info-navigation + .user-photos-page ,
.profile-navigation.header-sub.view-cam-model-info-navigation + input + input + .user-videos-page .videos-list-v2 {
position: relative;
width: 100%;
max-width: 100%;
height: 68vh !important;
border-radius: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid red !important;
}
/* (new337) */
.schedule-informer__day-name > span {
color: gold !important;
}
.profile-tip-menu__activities ,
.schedule-informer .schedule-informer__timeslots{
color: silver !important;
}
.profile-tip-menu__activities--shadow-bottom::after, .profile-tip-menu__activities--shadow-top::before {
background: unset !important;
}
.profile-tip-menu__activity-wrapper:nth-child(even) ,
.schedule-informer__day:nth-child(odd) {
background: #222 !important;
}
.profile-tip-menu__activity-wrapper:nth-child(odd) ,
.schedule-informer__day:nth-child(even) {
background: #333 !important;
}
.schedule-informer .schedule-informer__timeslot {
background: #111 !important;
}
.profile-tip-menu {
background-color: #222 !important;
color: silver !important;
}
.profile-tip-menu__header-text {
color: silver !important;
}
.view-cam-page-wrapper .profile-wrapper #profile-knights .list-header-wrapper,
.view-cam-page-wrapper .profile-wrapper .user-gallery .user-gallery-header {
margin: 0 !important;
}
.view-cam-page-wrapper .profile-wrapper .profile .columns .loading-list .list-items-container {
margin-top: 5px !important;
min-height: 90px !important;
}
.profile-wrapper.view-cam-model-info .profile-navigation.header-sub.view-cam-model-info-navigation + .feed {
display: inline-block !important;
max-height: 72vh !important;
width: 100% !important;
border-radius: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid red !important;
}
/* .profile-wrapper.view-cam-model-info .profile-navigation.header-sub.view-cam-model-info-navigation + .feed {
display: inline-block !important;
max-height: 60vh !important;
width: 100% !important;
border-radius: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid red !important;
}
.profile-wrapper.view-cam-model-info .feed .feed-content {
display: inline-block !important;
max-height: 50vh !important;
width: 100% !important;
border-radius: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid aqua !important;
} */
.videos-list-item-v2 .content-wrapper--blured {
filter: unset !important;
}
/* URL PREF - Xhamsterlive - */
.view-cam-page-wrapper .profile-wrapper .profile .columns .page-block .scroll-bar-container .list-items-container .list-items-container {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
min-height: 80px !important;
position: relative;
}
.view-cam-page-wrapper .profile-wrapper .profile .columns .page-block .list-items-container .user-list-item {
width: 120px !important;
margin-right: -30px !important;
transform: scale(0.5) !important;
transform-origin: left top 0 !important;
}
.view-cam-page-wrapper .profile-wrapper .profile .columns .page-block .list-items-container .list-item.empty {
position: absolute !important;
top: 10px !important;
right: -65px !important;
width: 120px !important;
margin: 0px !important;
transform: scale(0.3) !important;
transform-origin: left top 0 !important;
}
.view-cam-page-wrapper .profile-wrapper .profile .columns .page-block .list-items-container .user-list-item .list-item .caption {
display: block;
font-size: 22px !important;
font-weight: 700;
line-height: 20px;
max-width: 110px;
overflow: hidden;
overflow-wrap: break-word;
}
/* (new204) URL PREF - Xhamsterlive - */
.videos-list-item-v2 .videos-list-item-inner {
margin: 0 3px 3px 0 !important;
padding: 3px !important;
border-radius: 5px !important;
border: 1px solid silver !important;
}
.videos-list-item-v2 .video-thumb {
overflow: visible !important;
}
.videos-list-item-v2 .content-wrapper {
position: relative;
width: 100%;
height: 200px !important;
padding-bottom: 0 !important;
overflow: visible !important;
background-color: #000;
}
/* (new337) */
.media-access-overlay--cover.viewer .media-access-overlay__inner,
.media-access-overlay--lock .media-access-overlay__inner {
position: absolute !important;
display: flex;
flex-direction: column;
align-items: center;
height: 5vh !important;
width: auto !important;
bottom: -6.2vh !important;
left: unset !important;
right: 0 !important;
padding: 3px !important;
font-size: 0.95rem !important;
text-align: center;
color: #fff;
background: rgba(38, 38, 38, 0.9) !important;
border: 1px solid gray !important;
}
.media-access-overlay.media-access-overlay--album.media-access-overlay--cover.media-access-overlay--profile.paid.viewer + img + .album-footer ,
.media-access-overlay.media-access-overlay--album.media-access-overlay--cover.media-access-overlay--profile.paid.viewer + img,
.media-access-overlay.media-access-overlay--album.media-access-overlay--cover.media-access-overlay--profile.paid.viewer {
opacity: 0.2 !important;
}
/* (new204) URL PREF - Xhamsterlive - */
.videos-list-item .video-access-viewer.paid .video-access-viewer-inner {
position: absolute !important;
top: 220px !important;
left: 235px !important;
transform: scale(0.5) !important;
transform-origin: left top 0 !important;
}
.paid.video-access-viewer span.video-access-viewer-text span {
font-size: 20px !important;
color: gold !important;
}
.videos-list-item .likes-counter-wrapper {
color: gold !important;
}
.a11y-button,
.likes-counter {
color: gold !important;
}
.likes-counter .like-icon {
color: red !important;
fill: currentcolor;
}
.columns .column.xxl-7 {
width: 100%;
}
.columns .column.xxl-5 {
flex: 0 0 auto;
width: 100%;
}
/* (new204) URL PREF - Xhamsterlive - */
.view-cam-page-wrapper .profile-wrapper .profile .columns .albums-gallery-root {
width: 100%;
min-height: 150px !important;
overflow: hidden !important;
/* border: 1px solid red !important; */
}
.albums-gallery-root .scroll-bar-container {
width: 100%;
min-height: 100px !important;
padding: 5px !important;
overflow: hidden !important;
}
.albums-gallery-root .albums-list-item {
flex-basis: 16.3333%;
max-width: 16.3333%;
padding: 2px;
}
.column.xs-12.s-12.m-12.l-5.xl-5.xxl-5 > div.editable-list.knights.page-block {
width: 100% !important;
min-height: 250px !important;
max-height: 250px !important;
float: left;
border: 1px solid red !important;
}
.editable-list .list-items-container .list-item {
position: relative;
min-height: 67px;
max-height: 67px;
width: 67px;
margin-bottom: 8px;
margin-right: 13px;
color: #2f2f2f;
text-align: center;
overflow: hidden;
}
/* URL PREF - Xhamsterlive - CAMS - PROFILE - MODELS VIDEO / GALLERIE - === */
.view-cam-page-wrapper .profile-wrapper .always-visible.scroll-bar-container .paid.viewer:hover,
.view-cam-page-wrapper .profile-wrapper .videos-list-item .video-access-viewer:hover + .video-duration,
.view-cam-page-wrapper .profile-wrapper .videos-list-item .video-access-viewer:hover {
opacity: 0;
}
/* URL PREF - Xhamsterlive - CAM TAG CATEGORY */
.index-page-header-wrapper .index-page-header.tag-page-title {
background: #111 !important;
}
.text-title-l1.title-ds,
.index-page-header-wrapper .index-page-header.tag-page-title h2 {
color: gold;
}
/* URL PREF - Xhamsterlive - CAMS - INDEX CAMS MODELS - === */
.index-page .model-list-wrapper .model-filter.header-sub + .container.model-list-container .model-list-item {
width: 12.4% !important;
}
/* URL PREF - Xhamsterlive - CAMS - TOP POPULAR CAM MODELS PAGES - === */
.best-models-page {
position: relative;
max-width: 1880px !important;
max-height: 900px !important;
left: 16px;
overflow: hidden !important;
background: red !important;
}
.best-models-page .header-sub {
background-color: #535353;
color: hsla(0, 0%, 100%, 0.7);
font-size: 0.86rem;
min-height: 41px;
margin-top: 0px !important;
}
.best-models-page .page {
margin: 0 auto;
margin-top: 0px !important;
max-width: 1880px !important;
max-height: 800px !important;
position: relative;
overflow: hidden !important;
overflow-y: auto !important;
background: #333 !important;
}
.best-models-page .page-header {
margin-bottom: 9px !important;
margin-top: 0px !important;
text-align: center !important;
}
/* URL PREF - Xhamsterlive - CAMS - TOP POPULAR CAM MODELS PAGES - MONTHLY WINNERS */
.best-models-page .monthly-top .model-list-item {
width: 14% !important;
}
/* URL PREF - Xhamsterlive - TOP POPULAR CAM MODELS PAGES - RECENTS WINNERS */
.best-models-page .hourly-top-row.model-list {
width: 50% !important;
}
.best-models-page .hourly-top-row:nth-child(even) {
float: left !important;
clear: none !important;
border: 1px solid gray !important;
background: black !important;
}
.best-models-page .hourly-top-row:nth-child(odd) {
float: right !important;
clear: none !important;
border: 1px solid gray !important;
background: #222 !important;
}
.best-models-page .hourly-top .model-list-item {
width: 16.6% !important;
}
/* URL PREF - Xhamsterlive - CHAT */
.model-chat-messages-wrapper {
top: 536px !important;
}
.model-chat-messages-wrapper .messages {
margin-top: -534px !important;
}
.chat,
.view-cam-page > .main .chat {
position: absolute !important;
height: 800px !important;
min-width: 375px !important;
max-width: 375px !important;
top: 0px !important;
left: 795px !important;
background: black !important;
}
.model-chat .model-chat-wrapper {
min-width: 355px !important;
max-width: 355px !important;
}
.model-chat .model-chat-container {
max-height: 650px !important;
min-width: 355px !important;
max-width: 355px !important;
}
.view-cam-page .view-cam-page-main .chat {
opacity: 0.2 !important;
}
.view-cam-page .view-cam-page-main .chat:hover {
opacity: 1 !important;
}
.model-chat,
.view-cam-page > .main .chat .model-chat {
min-width: 360px !important;
max-width: 360px !important;
height: 780px !important;
border-radius: 3px;
margin-left: -5px;
padding-bottom: 0px;
top: 0;
color: #959494;
border: 1px solid #404040 !important;
box-shadow: 3px 3px 2px black;
background: #222 !important;
}
.view-cam-page > .main .chat .model-chat .model-chat-wrapper {
min-width: 225px !important;
max-width: 225px !important;
}
.view-cam-page > .main .chat .model-chat .model-chat-wrapper .model-chat-nav-item {
height: 28px !important;
margin-left: 5px !important;
padding: 0 10px !important;
}
.model-chat .model-chat-private,
.model-chat .model-chat-public {
position: absolute;
height: 100%;
height: 650px !important;
width: 100%;
left: 0;
top: 0;
padding-bottom: 0px !important;
border-bottom: 2px solid green !important;
}
/* URL PREF - Xhamsterlive - */
.model-chat-controls {
position: fixed !important;
min-width: 335px !important;
max-width: 335px !important;
height: 44px !important;
top: 830px !important;
padding: 0 10px !important;
left: 825px !important;
z-index: 5000 !important;
}
.model-chat-controls:hover {
min-width: 1175px !important;
max-width: 1175px !important;
left: 0px !important;
background: black!important;
}
.model-chat-new-messages-btn {
visibility: hidden !important;
}
.model-chat-controls:not(:hover) .buttons-wrapper {
visibility: hidden !important;
}
.model-chat-controls .buttons-wrapper .smiles-dropdown .trigger {
display: inline-block;
height: 40px;
position: relative;
width: 20px;
}
.model-chat-controls .buttons-wrapper .smiles-dropdown:hover a#smiles_dropdown_1:after {
position: absolute !important;
content: "Only for \A Gold \A Member \A :-( " !important;
display: inline-block;
height: 55px !important;
line-height: 12px !important;
width: 70px !important;
top: -50px !important;
margin-left: -15px !important;
text-align: center !important;
border-radius: 5px !important;
white-space: pre ! important;
opacity: 1 !important;
color: red !important;
background: gold !important;
}
.model-chat-controls .buttons-wrapper .smiles-dropdown a#smiles_dropdown_1 .icon.icon-smile {
opacity: 0.5 !important;
}
.model-chat-messages-wrapper .messages .message {
height: 100% !important;
min-height: 32px !important;
padding: 3px 5px !important;
border: 1px solid red !important;
}
.model-chat-messages-wrapper .messages .message.king,
.model-chat-messages-wrapper .messages .message.tip {
padding: 2px 5px !important;
text-align: center;
}
.model-chat-messages-wrapper .messages .message.console {
line-height: 18px;
padding: 20px;
width: 100%;
visibility: hidden !important;
}
.model-chat-messages-wrapper .messages .lovense.lovense-toy.message + .message.console {
height: 0px !important;
line-height: 18px;
padding: 0 20px;
width: 100%;
visibility: hidden !important;
}
.model-chat-messages-wrapper .messages .lovense.lovense-toy.message:hover + .message.console {
height: auto !important;
visibility: visible !important;
}
.model-chat-messages-wrapper .messages .message.lovense {
font-size: 0.875rem;
line-height: 18px;
padding: 2px 15px !important;
width: 100%;
}
.model-chat-messages-wrapper .message .body {
width: 100% !important;
line-height: 14px !important;
font-size: 14px !important;
border: none !important;
color: white !important;
}
.model-chat-messages-wrapper .message .body > span {
width: 100% !important;
line-height: 10px !important;
font-size: 10px !important;
border: none !important;
color: gold !important;
}
.model-chat-messages-wrapper .message span strong {
width: 100% !important;
line-height: 10px !important;
font-size: 10px !important;
border: none !important;
}
/* (new207) URL PREF - Xhamsterlive - CAMS - FOOTER - === */
footer:not(.model-thumb-footer):before {
content: "Footer";
position: absolute;
display: inline-block;
width: 100px;
top: -15px;
left: -30px;
color: peru;
border-radius: 5px;
text-align: center;
cursor: pointer;
visibility: visible;
}
footer:not(.model-thumb-footer):hover:before {
top: 0px;
left: 10px;
color: gold;
background: green;
transition: all ease 0.3s !important;
}
footer:not(.model-thumb-footer) {
position: fixed!important;
width: 1170px !important;
top: 99.9vh !important;
left: 5px !important;
color: peru !important;
cursor: context-menu !important;
background: black !important;
z-index: 500 !important;
transition: all ease 0.3s !important;
}
footer:not(.model-thumb-footer):hover {
display: inline-block !important;
width: 99% !important;
top: 55.9vh !important;
padding-bottom: 30px !important;
border-top: 1px solid red !important;
z-index: 10000 !important;
visibility: visible !important;
transition: all ease 0.2s !important;
color: white !important;
background: #111 !important;
}
.language-dropdown .trigger {
background: green !important;
}
/* URL PREF - Xhamsterlive - */
footer:not(.model-thumb-footer) .footer-section-header {
color: gray !important;
}
.footer-section-item > a {
color: peru !important;
opacity: 0.5;
}
.default-footer .footer-logo {
padding: 2px !important;
background: #333 !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
.default-footer .footer-logo .logo.active {
display: inline-block !important;
margin: 10px 20px 5px 10px !important;
opacity: 1;
color: peru !important;
}
.default-footer .footer-logo .logo .monochrome.site-logo svg {
filter: invert(15%) sepia(100%) saturate(6481%) hue-rotate(46deg) brightness(102%) contrast(43%) !important;
}
.language-dropdown .language-list {
margin: -5px 0 0 !important;
box-shadow: 5px 8px 2px rgba(167, 11, 11, 0.82) !important;
background: #222 !important;
border: 1px solid red !important;
}
.language-dropdown .language-list .language-item.selected a {
color: gold !important;
opacity: 1;
text-decoration: none;
}
/* URL PREF - Xhamsterlive - CATEGORY MENU - === */
.header-sub > .container .model-filter-dropdown-wrapper {
padding: 0;
position: absolute;
right: 0;
top: 100%;
width: 100%;
z-index: 111;
background: #333;
border-top: 1px solid #242426;
border: 1px solid red !important;
}
/* URL PREF - Xhamsterlive - CAMS COLOR - LINK VISITED - ALL - === */
a {
color: peru !important;
cursor: pointer;
text-decoration: none;
}
a:visited {
color: tomato !important;
cursor: pointer;
text-decoration: none;
}
/* (new322) URL PREF - Xhamsterlive - COLOR - TXT - SILVER */
.view-cam-info-goal h2 ,
.user-media-page-header__title ,
.user-info > div .details .field-row .field-label ,
.video-title ,
.list-header-title>h2 ,
.profile-media-panel-wrapper__header h2 ,
.profile-panels-grid .profile-panel-body {
color: silver !important;
}
/* (new322) URL PREF - Xhamsterlive - COLOR - TXT - PERU */
.user-fan-club-status-btn ,
.videos-list-item .video-under-thumb,
.user-info > .info .details {
color: peru !important;
}
/* (new322) URL PREF - Xhamsterlive - COLOR - BACKGROUND - #2222 */
.viewcampage .profile .page-block ,
.profile-panels-grid .profile-panel .profile-panel-bg {
background-color: #222;
}
/* (new322) CAM - COLOR - BACKGROUND - "111 - BLACK LIGHT */
.user-action-buttons .action-buttons-container .btn {
background: #111 !important;
}
/* (new322) URL PREF - Xhamsterlive - CHAT - COLOR */
.view-cam-controls {
background-color: #060404 !important;
}
.model-chat-messages-wrapper .messages .message.goal,
.model-list-wrapper.container .tags-inline-badges:before {
color: white;
background: black;
}
.model-chat-controls {
background: black!important;
}
.model-chat-messages-wrapper .messages .message.model-message {
background: #010000 !important;
border-bottom: 1px solid #CD6262;
color: #A63E45 !important;
}
.model-chat-messages-wrapper .messages .message.king,
.model-chat-messages-wrapper .messages .message.tip {
background-color: #2F2923 !important;
border-bottom: 1px solid red !important;
}
.model-chat-messages-wrapper .messages .message.lovense {
background-color: rgba(35, 0, 0, 0.7) !important;
border-left: 2px solid #661437 !important;
}
.model-chat-messages-wrapper .messages .message.goal .goal-description:nth-child(2) {
margin: 0px !important;
padding-top: 0px !important;
border-top: 1px solid rgba(79, 79, 79, 0.15);
background: #222;
}
.model-chat-messages-wrapper .messages .message.interaclive-toy {
background-color: rgba(0, 0, 0, 0.7) !important;
}
/* URL PREF - Xhamsterlive - CAMS COLOR TEXT - SVG - === */
.model-sorting-dropdown .selectbox-arrow .icon.icon-selectbox.model-sorting-dropdown .selectbox-arrow .icon.icon-selectbox {
fill: gray;
}
/* URL PREF - Xhamsterlive - CAMS COLOR TEXT - NORMAL - === */
.view-cam-info .view-cam-info-goal,
.model-sorting-dropdown .model-sorting-dropdown-label,
.tags-preference-dropdown .tags-preference-dropdown-trigger,
.page .page-header h1,
.live-tags-link-count {
color: gray;
}
input.input[type="email"],
input.input[type="number"],
input.input[type="search"],
input.input[type="text"],
input.input[type="date"],
input.input[type="password"],
textarea.textarea,
input.input[type="email"]::placeholder,
input.input[type="number"]::placeholder,
input.input[type="search"]::placeholder,
input.input[type="text"]::placeholder,
input.input[type="date"]::placeholder,
input.input[type="password"]::placeholder,
textarea.textarea::placeholder {
color: gray;
}
/* URL PREF - Xhamsterlive - CAMS - COLOR TEXT - SELECTED - === */
.model-sorting-dropdown .model-sorting-current-type {
color: tan;
}
/* END == URL-PREF - Xhamsterlive ==== */
}
@-moz-document url-prefix("https://xhamster.com/dating/"), url-prefix("https://fr.xhamster.com/dating/"), url-prefix("https://de.xhamster.com/dating/"), url-prefix("https://nl.xhamster.com/dating/"), url-prefix("https://es.xhamster.com/dating/"), url-prefix("https://it.xhamster.com/dating/"), url-prefix("https://ru.xhamster.com/dating/"), url-prefix("https://pl.xhamster.com/dating/"), url-prefix("https://jp.xhamster.com/dating/"), url-prefix("https://ge.xhamster.com/dating/"), url-prefix("https://br.xhamster.com/dating/"), url-prefix("https://cz.xhamster.com/dating/"), url-prefix("https://vi.xhamster.com/dating/"), url-prefix("https://tr.xhamster.com/dating/"), url-prefix("https://ua.xhamster.com/dating/"), url-prefix("https://hi.xhamster.com/dating/"), url-prefix("https://th.xhamster.com/dating/"), url-prefix("https://ko.xhamster.com/dating/"), url-prefix("https://ro.xhamster.com/dating/"), url-prefix("https://pt.xhamster.com/dating/"), url-prefix("https://my.xhamster.com/dating/"), url-prefix("https://id.xhamster.com/dating/") {
/* DATING - SEARCH PAGE = URL-PREF = START ==== */
.dating-page .pager-section {
position: absolute !important;
right: 100px !important;
top: 14px !important;
}
.dating-page .bottom-widget-section + .width-wrap {
margin-top: 78px;
background: blue !important;
}
.dating-page .mixed-section .mixed-list .item.user {
width: 4.7000006% !important;
height: 100% !important;
min-height: 170px !important;
max-height: 170px !important;
margin-top: 3px !important;
margin-bottom: 5px !important;
border: 1px solid red !important;
}
.dating-page .mixed-section .mixed-list .item .image-container {
height: 100px !important;
width: 100% !important;
margin-left: 0px;
}
.dating-page .mixed-section .mixed-list .item .image-container .avatar-container.large {
height: 95px !important;
width: 100% !important;
text-align: center !important;
}
.dating-page .mixed-section .mixed-list .item .image-container .xh-avatar-container {
height: 95px !important;
width: 74px !important;
}
.dating-page .mixed-section .mixed-list .item .image-container .xh-avatar {
height: 95px !important;
line-height: 95px !important;
width: 74px !important;
}
.dating-page .mixed-section .mixed-list .item .info-line {
font-size: 14px;
height: 57px !important;
margin-top: 5px;
padding-bottom: 0px;
text-align: center;
}
.dialog-image-list .item .name,
.dating-result-block .mixed-list .item .name {
font-size: 12px;
line-height: 13px;
position: relative;
min-width: 100% !important;
}
.dating-page .mixed-section .mixed-list .item .info-line .il-flag,
.dating-page .mixed-section .mixed-list .item .info-line > span {
float: left;
vertical-align: middle;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
color: rgb(218, 218, 218);
}
.dating-page .mixed-section .mixed-list .item .info-line > span.il-age,
.dating-page .mixed-section .mixed-list .item .info-line > span.il-sex {
float: left;
width: 50% !important;
text-align: right !important;
}
.dating-page .mixed-section .mixed-list .item .info-line > span.il-age {
float: left;
width: 45% !important;
margin-left: 5px !important;
text-align: left !important;
}
.dating-page .mixed-section .mixed-list .item .verified-text {
font-size: 13px;
left: -2px;
position: absolute;
top: 1px;
}
/* END - URL-PREF - DATING - SEARCH PAGE ==== */
}
@-moz-document url-prefix("https://xhamster.com/dating"), url-prefix("https://fr.xhamster.com/dating"), url-prefix("https://de.xhamster.com/dating"), url-prefix("https://nl.xhamster.com/dating"), url-prefix("https://es.xhamster.com/dating"), url-prefix("https://it.xhamster.com/dating"), url-prefix("https://ru.xhamster.com/dating"), url-prefix("https://pl.xhamster.com/dating"), url-prefix("https://jp.xhamster.com/dating"), url-prefix("https://ge.xhamster.com/dating"), url-prefix("https://br.xhamster.com/dating"), url-prefix("https://cz.xhamster.com/dating"), url-prefix("https://vi.xhamster.com/dating"), url-prefix("https://tr.xhamster.com/dating"), url-prefix("https://ua.xhamster.com/dating"), url-prefix("https://hi.xhamster.com/dating"), url-prefix("https://th.xhamster.com/dating"), url-prefix("https://ko.xhamster.com/dating"), url-prefix("https://ro.xhamster.com/dating"), url-prefix("https://pt.xhamster.com/dating"), url-prefix("https://my.xhamster.com/dating"), url-prefix("https://id.xhamster.com/dating") {
/* USERS DATING = URL-PREF = START ==== */
/* (new276) URL PREF - USERS DAT - PAGE HEIGHT */
.dating-page .footer {
display: none !important;
}
html.dating-page {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
padding-top: 0px !important;
top: 0px !important;
overflow: hidden !important;
background: red !important;
}
.dating-page body {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
padding-top: 0px !important;
top: 0px !important;
overflow: hidden !important;
background: red !important;
}
.dating-page .main-wrap {
max-width: 100% !important;
min-width: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
padding-top: 0px !important;
top: 0px !important;
overflow: hidden !important;
}
.dating-page .mixed-section .aside-tags ~ .dating-result-block {
min-height: 89.5vh !important;
max-height: 89.5vh !important;
padding-top: 0px !important;
margin-right: 166px;
top: 0px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* URL PREF - USERS DAT - PAGER FIRST PAGE */
.dating-page .pager-section {
position: absolute !important;
right: 100px !important;
top: 10px !important;
}
/* URL PREF - USERS DAT - SEARCH USER - ===== */
.dating-page .mixed-section .mixed-list .item.user {
box-sizing: border-box;
position: relative;
display: inline-block;
float: none;
vertical-align: top;
width: auto;
min-width: 159px !important;
max-width: 159px !important;
height: 100% !important;
min-height: 190px !important;
max-height: 190px !important;
margin-bottom: -10px !important;
margin-left: 10px !important;
margin-right: 0px !important;
padding: 5px;
border-radius: 5px !important;
border: 1px solid red !important;
}
.dating-page .mixed-section .mixed-list .item .image-container {
width: 156px !important;
height: 138px !important;
margin-left: 0px;
}
.dating-page .mixed-section .mixed-list .item .image-container .avatar-container.large {
height: 135px !important;
width: 155px !important;
left: 0px !important;
}
.item.user.hidden-profile span.avatar-container.large + .hidden-text,
.dating-page .mixed-section .mixed-list .item .hidden-text {
position: absolute;
height: 45px !important;
top: 140px !important;
background: rgba(255, 0, 0, 0.35) !important;
}
.dating-page .mixed-section .mixed-list .item .hidden-text .xh-icon {
position: absolute;
top: -135px !important;
right: 0%;
transform: translate(30%) !important;
}
.dating-page .mixed-section .mixed-list .item .image-container .xh-avatar-container {
height: 137px !important;
width: 156px !important;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
overflow: hidden;
}
.dating-page .mixed-section .mixed-list .item .image-container .xh-avatar {
height: 135px !important;
width: 159px !important;
}
/* URL PREF - USERS DAT - TOP PANEL - === */
.dating-page .main-wrap > header + .width-wrap {
position: absolute !important;
max-height: 25px !important;
top: 27px !important;
border-bottom: 1px solid red !important;
}
.dating-page .dating-header {
margin: -5px 0 10px !important;
}
.dating-page .bottom-widget-section + .width-wrap > main {
top: -44px;
border-top: 1px dotted red !important;
}
/* (new170) URL PREF - USERS DAT - DATING - HOME - TOP PANEL - FILTERS */
.dating-page #cam-block + .width-wrap {
position: absolute;
display: inline-block !important;
top: 35px !important;
border: 1px solid red !important;
background: black !important;
}
#result-block .dating-result-tab.xh-tabset .search-tab,
#result-block .dating-result-tab.xh-tabset a {
height: 20px;
line-height: 20px;
margin-left: 0;
margin-right: 10px !important;
padding: 0 3px;
}
#result-block .dating-result-tab.xh-tabset .current-tab {
border-radius: 5px 5px 0 0;
background: gold !important;
}
.dating-page .dating-header .filters {
position: absolute;
display: inline-block !important;
float: none;
width: 50%;
height: 100% !important;
min-height: 32px !important;
max-height: 32px !important;
z-index: 400 !important;
overflow: hidden !important;
border: 1px solid red !important;
background: black !important;
}
/* (new262)URL PREF - USERS DAT - */
.dating-page .dating-header .filters:hover {
position: absolute;
display: inline-block !important;
float: none;
width: 50%;
height: 100% !important;
min-height: 550px !important;
max-height: 550px !important;
z-index: 400 !important;
overflow: hidden !important;
border: 1px solid yellow !important;
background: black !important;
}
.dating-page .dating-header .filters .xh-header {
padding: 0 0 0 30px !important;
}
.dating-page .dating-header .filters:hover {
z-index: 500 !important;
background: tomato !important;
}
/* URL PREF - USERS DAT - DATING - HOME - TOP PANEL - USERS VERIFIED */
.dating-page .dating-header .verified-block {
position: absolute;
display: inline-block !important;
float: none;
width: 50%;
height: 100% !important;
min-height: 32px !important;
max-height: 32px !important;
right: 0 !important;
padding-left: 20px;
z-index: 400 !important;
overflow: hidden !important;
border: 1px solid red !important;
background: black !important;
}
.dating-page .dating-header .verified-block:hover {
z-index: 500 !important;
}
.dating-page .dating-header .verified-block:hover {
min-height: 380px !important;
max-height: 380px !important;
z-index: 400 !important;
border: 1px solid yellow !important;
background: black !important;
}
/* (new262) URL PREF - USERS DAT - DATING - HOME - TOP PANEL - FILTERS / USERS VERIFIED ARROW */
.dating-page .dating-header .filters h1.xh-header:after {
content: "🔻 Filters 🔻 " !important;
position: relative !important;
top: -3px !important;
font-size: 15px !important;
background: green !important;
}
.dating-page .dating-header .verified-block .xh-header:after {
content: "🔻" !important;
font-size: 15px !important;
background: green !important;
}
.dating-page .dating-header .filters .filter-form {
border-radius: 2px;
padding: 5px 5px 0 !important;
}
/* URL PREF - USERS DAT - DATING - RIGHT PANEL - TAGS - === */
.dating-page .mixed-section aside {
float: right;
height: 88vh !important;
margin-top: 5px !important;
overflow: hidden;
border: 1px solid red;
}
.dating-page .mixed-section ul.tags-list {
width: 166px;
height: 43.7vh !important;
margin: 0px 0 2px 0 !important;
padding: 0px 5px 5px 5px !important;
overflow-x: hidden;
overflow-y: auto;
background: #111 !important;
border-top: 4px solid red;
border-bottom: 4px solid red;
}
.dating-page .mixed-section .tags-list .title {
position: sticky !important;
width: 100% !important;
font-size: 15px;
line-height: 15px !important;
top: 0 !important;
padding: 5px 5px 5px 5px !important;
background: red !important;
}
/* (new262) URL PREF - USERS DAT - DATING - SUPERLOADER */
.dating-page .sp-separator {
margin-top: -218px;
margin-bottom: -30px !important;
}
/* END = URL-PREF - USERS DAT - DATING / SEARCH USER - ===== */
/* END - URL-PREF - PAGE HEIGHT - USERS DAT ==== */
}
@-moz-document url-prefix("https://xhamster.com/my/favorites/stories"), url-prefix("https://fr.xhamster.com/my/favorites/stories"), url-prefix("https://de.xhamster.com/my/favorites/stories"), url-prefix("https://nl.xhamster.com/my/favorites/stories"), url-prefix("https://es.xhamster.com/my/favorites/stories"), url-prefix("https://it.xhamster.com/my/favorites/stories"), url-prefix("https://ru.xhamster.com/my/favorites/stories"), url-prefix("https://pl.xhamster.com/my/favorites/stories"), url-prefix("https://jp.xhamster.com/my/favorites/stories"), url-prefix("https://ge.xhamster.com/my/favorites/stories"), url-prefix("https://br.xhamster.com/my/favorites/stories"), url-prefix("https://cz.xhamster.com/my/favorites/stories"), url-prefix("https://vi.xhamster.com/my/favorites/stories"), url-prefix("https://tr.xhamster.com/my/favorites/stories"), url-prefix("https://ua.xhamster.com/my/favorites/stories"), url-prefix("https://hi.xhamster.com/my/favorites/stories"), url-prefix("https://th.xhamster.com/my/favorites/stories"), url-prefix("https://ko.xhamster.com/my/favorites/stories"), url-prefix("https://ro.xhamster.com/my/favorites/stories"), url-prefix("https://pt.xhamster.com/my/favorites/stories"), url-prefix("https://my.xhamster.com/my/favorites/stories"), url-prefix("https://id.xhamster.com/my/favorites/stories"), url-prefix("https://xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://fr.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://de.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://nl.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://es.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://it.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://ru.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://pl.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://jp.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://ge.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://br.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://cz.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://vi.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://tr.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://ua.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://hi.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://th.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://ko.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://ro.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://pt.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://my.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://id.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://xhamster.com/my/favorites/users"), url-prefix("https://fr.xhamster.com/my/favorites/users"), url-prefix("https://de.xhamster.com/my/favorites/users"), url-prefix("https://nl.xhamster.com/my/favorites/users"), url-prefix("https://es.xhamster.com/my/favorites/users"), url-prefix("https://it.xhamster.com/my/favorites/users"), url-prefix("https://ru.xhamster.com/my/favorites/users"), url-prefix("https://pl.xhamster.com/my/favorites/users"), url-prefix("https://jp.xhamster.com/my/favorites/users"), url-prefix("https://ge.xhamster.com/my/favorites/users"), url-prefix("https://br.xhamster.com/my/favorites/users"), url-prefix("https://cz.xhamster.com/my/favorites/users"), url-prefix("https://vi.xhamster.com/my/favorites/users"), url-prefix("https://tr.xhamster.com/my/favorites/users"), url-prefix("https://ua.xhamster.com/my/favorites/users"), url-prefix("https://hi.xhamster.com/my/favorites/users"), url-prefix("https://th.xhamster.com/my/favorites/users"), url-prefix("https://ko.xhamster.com/my/favorites/users"), url-prefix("https://ro.xhamster.com/my/favorites/users"), url-prefix("https://pt.xhamster.com/my/favorites/users"), url-prefix("https://my.xhamster.com/my/favorites/users"), url-prefix("https://id.xhamster.com/my/favorites/users") {
/* MY FAV - STORIE/PHOT/GALL - NO VIDEO FAVS COLL = URL-PREF = START ==== */
body,
html {
display: inline-block !important;
height: 100% !important;
min-height: 100% !important;
}
/* (new380) URL PREF - MY FAV STORIE/PHOT/GALL - FAV LIST - RETURN */
.user-page.user-videos-page.my-uploads-page .side-column > ul li.active ul.submenu.submenu-video,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list,
.user-page.user-videos-page.my-uploads-page .side-column > ul li.active ul.submenu.submenu-video,
.favorites-page .user-content-section .side-column ul.submenu.video-collections-list {
display: none !important;
}
/* END - URL-PREF - MY FAV STORIE/PHOT/GALL - NO VIDEO FAVS COLL ==== */
}
@-moz-document url-prefix("https://xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://fr.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://de.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://nl.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://es.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://it.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://ru.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://pl.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://jp.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://ge.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://br.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://cz.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://vi.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://tr.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://ua.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://hi.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://th.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://ko.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://ro.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://pt.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://my.xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://id.xhamster.com/my/favorites/photos-and-galleries") {
/* MY FAV - GALL = URL-PREF = START ==== */
/* (new380) URL PREF - MY FAV GALL - PAGE HEIGHT 931px */
.user-page.favorites-page {
max-height: 100vh !important;
min-height: 100vh !important;
overflow: hidden;
padding: 0;
top: 0;
background: #111
}
.favorites-page .main {
max-height: 90vh !important;
min-height: 90vh !important;
}
.user-page.favorites-page:not(.user-videos-page):not(.my-uploads-page) main .width-wrap {
display: inline-block;
max-height: 95.5vh !important;
min-height: 95.5vh !important;
padding: 0;
top: 0;
width: 100%;
}
.user-page.favorites-page .user-content-section {
display: inline-block;
width: 100%;
height: auto;
max-height: 95.5vh !important;
min-height: 95.5vh !important;
margin: 0;
padding: 0;
overflow: hidden;
}
/* (new380) URL PREF - MY FAV GALL - */
.user-page.favorites-page .content-column {
margin-top: -10px;
max-height: 94vh !important;
min-height: 94vh !important;
padding-left: 0;
width: 1920px;
}
.user-page.favorites-page .width-wrap .user-content-section .content-column .favorites-list.galleriesAndPhotos-favorites-list .mixed-list {
max-height: 93.3vh;
min-height: 93.3vh;
margin: 0 !important;
/* border: 1px solid aqua !important; */
}
.favorites-list.galleriesAndPhotos-favorites-list {
max-height: 94vh !important;
min-height: 94vh !important;
}
.beta-preloader {
max-height: 100vh !important;
min-height: 100vh !important;
}
/* END - URL-PREF - MY FAV GALL - HEIGHT==== */
}
@-moz-document url-prefix("https://xhamster.desi/videos/"), url-prefix("https://xhamster.com/videos/"), url-prefix("https://fr.xhamster.com/videos/"), url-prefix("https://de.xhamster.com/videos/"), url-prefix("https://nl.xhamster.com/videos/"), url-prefix("https://es.xhamster.com/videos/"), url-prefix("https://it.xhamster.com/videos/"), url-prefix("https://ru.xhamster.com/videos/"), url-prefix("https://pl.xhamster.com/videos/"), url-prefix("https://jp.xhamster.com/videos/"), url-prefix("https://ge.xhamster.com/videos/"), url-prefix("https://br.xhamster.com/videos/"), url-prefix("https://cz.xhamster.com/videos/"), url-prefix("https://vi.xhamster.com/videos/"), url-prefix("https://tr.xhamster.com/videos/"), url-prefix("https://ua.xhamster.com/videos/"), url-prefix("https://hi.xhamster.com/videos/"), url-prefix("https://th.xhamster.com/videos/"), url-prefix("https://ko.xhamster.com/videos/"), url-prefix("https://ro.xhamster.com/videos/"), url-prefix("https://pt.xhamster.com/videos/"), url-prefix("https://my.xhamster.com/videos/"), url-prefix("https://id.xhamster.com/videos/") {
/* VIDEO PAGE = URL-PREF = START ==== */
/* (new382) URL PREF - VIDEO PAGE - PLAYER POSTER (NO POSTER ? in Video Page but in PROFILE YES) - ADD XHAM desi */
.xplayer .xp-poster {
display: inline-block !important;
background-size: contain !important;
}
/* URL PREF - VIDEO PAGE - PLAY/PAUSE BUTTON - NOT LARGE / FULL */
.player-container #player-container.player-container__player.xplayer:not(.xplayer-large-mode):not(:-moz-full-screen) .control-bar .play {
bottom: 10px;
display: inline-block;
height: 30px;
left: 0;
opacity: 1;
position: absolute;
width: 30px;
}
.player-container #player-container.player-container__player.xplayer:not(.xplayer-large-mode):not(:-moz-full-screen) .control-bar .play {
position: absolute;
display: inline-block !important;
height: 30px !important;
width: 30px !important;
left: 350px !important;
bottom: 5px !important;
opacity: 1 !important;
}
.player-container #player-container.player-container__player.xplayer:not(.xplayer-large-mode):not(:-moz-full-screen) .control-bar .play-inner {
position: absolute;
display: inline-block !important;
display: block;
height: 35px !important;
width: 25px !important;
bottom: 0px;
border-radius: 3px;
background-repeat: no-repeat !important;
}
.player-container #player-container.player-container__player.xplayer:not(.xplayer-large-mode):not(:-moz-full-screen) .control-bar .play .play-inner,
.player-container #player-container.player-container__player.xplayer:not(.xplayer-large-mode):not(:-moz-full-screen) .control-bar .play.pause .play-inner {
background-position: 50% center;
background-size: 65% auto;
border-radius: 3px;
bottom: 4px !important;
display: block;
height: 20px !important;
position: absolute;
width: 20px;
}
/* URL PREF - VIDEO PAGE - LARGE */
.player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(:-moz-full-screen) .control-bar .play {
bottom: 10px;
display: inline-block;
height: 30px;
left: 0;
opacity: 1;
position: absolute;
width: 30px;
}
.player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(:-moz-full-screen) .control-bar .play .play-inner,
.player-container #player-container.player-container__player.xplayer.xplayer-large-mode:not(:-moz-full-screen) .control-bar .play.pause .play-inner {
background-position: 50% center;
background-size: 65% auto;
border-radius: 3px;
bottom: 4px !important;
display: block;
height: 20px !important;
position: absolute;
width: 20px;
}
/* END - URL-PREF - VIDEO PAGE ==== */
}
@-moz-document url-prefix("https://xhamster.com/"), url-prefix("https://fr.xhamster.com/"), url-prefix("https://de.xhamster.com/"), url-prefix("https://nl.xhamster.com/"), url-prefix("https://es.xhamster.com/"), url-prefix("https://it.xhamster.com/"), url-prefix("https://ru.xhamster.com/"), url-prefix("https://pl.xhamster.com/"), url-prefix("https://jp.xhamster.com/"), url-prefix("https://ge.xhamster.com/"), url-prefix("https://br.xhamster.com/"), url-prefix("https://cz.xhamster.com/"), url-prefix("https://vi.xhamster.com/"), url-prefix("https://tr.xhamster.com/"), url-prefix("https://ua.xhamster.com/"), url-prefix("https://hi.xhamster.com/"), url-prefix("https://th.xhamster.com/"), url-prefix("https://ko.xhamster.com/"), url-prefix("https://ro.xhamster.com/"), url-prefix("https://pt.xhamster.com/"), url-prefix("https://my.xhamster.com/"), url-prefix("https://id.xhamster.com/") {
/* HOME / TREND (for GM "Super Loader") = URL-PREF = START ==== */
.main-page .main-wrap > .width-wrap main article {
display: inline-block !important;
max-width: 90%;
min-width: 90%;
min-height: 100vh !important;
max-height: 100vh !important;
margin: 0!important;
padding: 0;
background: #111 !important;
}
.main-page article:first-of-type + .sp-separator {
display: inline-block !important;
width: 80% !important;
top: -25px !important;
left: 180px !important;
}
.main-page article:first-of-type + .sp-separator ~ .sp-separator {
position: relative !important;
display: inline-block !important;
width: 80% !important;
top: -25px !important;
left: 100px !important;
}
.main-page article:first-of-type + .sp-separator ~ .sp-separator + article .mixed-section.index-videos .pager-section {
position: absolute;
display: inline-block;
height: 30px;
line-height: 12px;
width: 800px !important;
right: 300px;
top: 0;
transform: scale(0.7);
letter-spacing: 0;
background: transparent;
}
/* URL PREF - HOME / TREND */
.main-page article:first-of-type ~ .sp-separator + article {
min-height: 85vh !important;
max-height: 85vh !important;
max-width: 100%;
min-width: 100%;
padding: 0 0 0 110px !important;
overflow: hidden !important;
}
.main-page article:first-of-type ~ .sp-separator + article .mixed-section.index-videos {
min-height: 84vh !important;
max-height: 84vh !important;
max-width: 100%;
min-width: 100%;
padding: 5px 15px 0 48px !important;
top: 0px !important;
overflow: hidden !important;
}
.main-page .mixed-section.index-videos .heading,
.main-page .mixed-section.index-videos .heading-paging {
height: 32px !important;
line-height: 28px !important;
margin: 10px 0 20px 10px !important;
font-size: 23px !important;
background: #222 !important;
border: 1px solid red !important;
}
.main-page .video-filter {
top: 11px !important;
}
.main-page article:first-of-type ~ .sp-separator + article .video-filter {
top: 16px !important;
}
.main-page .width-wrap article .mixed-section.index-videos .pager-section {
position: absolute !important;
display: inline-block !important;
height: 30px;
line-height: 12px !important;
width: 500px !important;
top: 20px !important;
right: 300px !important;
transform: scale(1) !important;
}
.main-page .width-wrap article:first-of-type .mixed-section.index-videos .pager-section {
top: 20px !important;
transform: scale(1) !important;
}
.main-page .width-wrap article .mixed-section.index-videos .pager-section .pager-container ul.test-pager {
top: 5px !important;
transform: scale(1) !important;
}
.main-page article ~ .sp-separator + article .mixed-section.index-videos .pager-section .pager-container ul.test-pager {
top: -2px !important;
transform: scale(1) !important;
}
/* END - URL-PREF - HOME / TREND (for GM "Super Loader") ==== */
}
@-moz-document url("https://xhamster.com/gay/photos/search"), url-prefix("https://xhamster.com/photos/search/"), url-prefix("https://fr.xhamster.com/photos/search/"), url-prefix("https://de.xhamster.com/photos/search/"), url-prefix("https://nl.xhamster.com/photos/search/"), url-prefix("https://es.xhamster.com/photos/search/"), url-prefix("https://it.xhamster.com/photos/search/"), url-prefix("https://ru.xhamster.com/photos/search/"), url-prefix("https://pl.xhamster.com/photos/search/"), url-prefix("https://jp.xhamster.com/photos/search/"), url-prefix("https://ge.xhamster.com/photos/search/"), url-prefix("https://br.xhamster.com/photos/search/"), url-prefix("https://cz.xhamster.com/photos/search/"), url-prefix("https://vi.xhamster.com/photos/search/"), url-prefix("https://tr.xhamster.com/photos/search/"), url-prefix("https://ua.xhamster.com/photos/search/"), url-prefix("https://hi.xhamster.com/photos/search/"), url-prefix("https://th.xhamster.com/photos/search/"), url-prefix("https://ko.xhamster.com/photos/search/"), url-prefix("https://ro.xhamster.com/photos/search/"), url-prefix("https://pt.xhamster.com/photos/search/"), url-prefix("https://my.xhamster.com/photos/search/"), url-prefix("https://id.xhamster.com/photos/search/"), url-prefix("https://xhamster.com/gay/photos/search"), url-prefix("https://xhamster.com/photos/search?revert=orientation"), url-prefix("https://xhamster.com/shemale/photos/search/"), url-prefix("https://xhamster.com/shemale/photos/search/anal?revert=orientation"), url-prefix("https://xhamster.com/photos/") {
/* SEARCH - PHOT = URL-PREF = START ==== */
/* (new362) START - / PHOTOS - THUMBNAIL - === */
html.search-results .footer-wrapper {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
bottom: 0vh !important;
left: 0 !important;
z-index: 5000000 !important;
border: 1px solid red !important;
}
html.search-results {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
overflow: hidden !important;
/* overflow-y: auto; */
/* border: 1px solid aqua !important; */
}
html.search-results body {
display: inline-block;
width: 100%;
min-height: 100vh !important;
max-height: 100vh !important;
padding: 0;
top: 0;
overflow: hidden !important;
overflow-y: auto !important;
}
.search-results main {
display: inline-block;
height: 100%;
max-height: 98.5vh !important;
min-height: 98.5vh !important;
max-width: 100%;
min-width: 100%;
margin: 0 0 0 0 !important;
top: 0 !important;
padding: 0;
overflow: hidden !important;
z-index: 1000 !important;
/* border: 1px solid aqua !important; */
}
/* (new340) START - URL PREF - SEARCH - PHOT */
.search-results main article {
position: absolute !important;
display: inline-block !important;
width: 100vw !important;
height: 100% !important;
min-height: 91vh !important;
max-height: 91vh !important;
top: 7vh !important;
padding: 5px 0 0 180px !important;
overflow: hidden !important;
overflow-x: hidden;
overflow-y: auto;
z-index: 5000 !important;
/* border: 1px solid yellow !important; */
}
.search-results .search-page-suggestions {
line-height: 40px !important;
min-height: 40px !important;
left: 0;
top: 0;
z-index: 90000;
/* background-color: olive !important; */
border: 1px solid red;
}
/* (new362) */
.search-results .mixed-section.gallery-list {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
min-height: 92.3vh !important;
max-height: 92.3vh !important;
margin-top: 0px !important;
padding-top: 0px !important;
overflow: hidden !important;
/* border-bottom: 1px solid aqua !important; */
}
.search-results .thumb-list.gallery.thumb-list--sidebar {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
min-height: 90.3vh !important;
max-height: 90.3vh !important;
margin: 0 !important;
padding-top: 0px !important;
overflow: hidden !important;
/* overflow-y: auto !important; */
/* border-bottom: 1px solid yellow !important; */
}
/* (new450) URL PREF - SEARCH - PHOT */
.search-results .thumb-list--sidebar .thumb-list__item.gallery-thumb {
position: relative;
display: inline-block !important;
max-width: 135px !important;
margin-bottom: 5px;
overflow: hidden;
/*border: 1px solid aqua !important;*/
}
/* (new449) SEARCH - PHOT */
.search-results .thumb-list--sidebar .thumb-list__item.gallery-thumb a.thumb-image-container {
position: relative;
display: block;
max-height: 160px !important;
min-height: 160px !important;
width: 197px;
margin: 0 0 0 0 !important;
overflow: hidden;
background: var(--color-cobalt-light, #dadada);
}
.search-results .thumb-list--sidebar .thumb-list__item.gallery-thumb .thumb-image-container__image {
display: inline-block !important;
height: 128px !important;
width: 100% !important;
border-radius: 5px !important;
}
/* (new449) GAL - */
.search-results .search-results .gallery .gallery-thumb__link .gallery-thumb-info,
.search-results .thumb-list .gallery-thumb__link .gallery-thumb-info {
display: flex;
flex-direction: column;
justify-content: flex-s;
height: 1600px !important;
opacity: .9;
background: linear-gradient(180deg, transparent, #000);
/*background: brown !important;*/
/*border: 1px solid aqua!important;*/
}
.search-results .thumb-list .gallery-thumb__link .gallery-thumb-info {
position: absolute;
height: auto !important;
min-height: 1vh !important;
max-height: 8vh !important;
width: 100%;
bottom: 0vh !important;
margin: 0vh 0 0vh 0 !important;
padding: 0 5px !important;
text-align: left;
z-index: 1;
background: linear-gradient(0deg, rgba(0, 0, 0, .8), transparent);
/*background: olive !important;*/
}
.search-results .gallery-thumb .gallery-thumb-info__name {
display: inline-block !important;
width: 100%;
height: 100% !important;
max-height: 12vh !important;
line-height: 18px;
margin: 0 0 0vh 0 !important;
padding: 0 !important;
font-size: 14px;
overflow: hidden;
/*border: 1px solid violet !important; */
}
.gallery-thumb-info__counters {
align-items: center;
display: flex;
gap: 10px;
margin-left: 10px;
}
/* END - URL-PREF - SEARCH - PHOT */
}
@-moz-document url-prefix("https://xhamster.com/my/favorites/stories/"), url-prefix("https://fr.xhamster.com/my/favorites/stories/"), url-prefix("https://de.xhamster.com/my/favorites/stories/"), url-prefix("https://nl.xhamster.com/my/favorites/stories/"), url-prefix("https://es.xhamster.com/my/favorites/stories/"), url-prefix("https://it.xhamster.com/my/favorites/stories/"), url-prefix("https://ru.xhamster.com/my/favorites/stories/"), url-prefix("https://pl.xhamster.com/my/favorites/stories/"), url-prefix("https://jp.xhamster.com/my/favorites/stories/"), url-prefix("https://ge.xhamster.com/my/favorites/stories/"), url-prefix("https://br.xhamster.com/my/favorites/stories/"), url-prefix("https://cz.xhamster.com/my/favorites/stories/"), url-prefix("https://vi.xhamster.com/my/favorites/stories/"), url-prefix("https://tr.xhamster.com/my/favorites/stories/"), url-prefix("https://ua.xhamster.com/my/favorites/stories/"), url-prefix("https://hi.xhamster.com/my/favorites/stories/"), url-prefix("https://th.xhamster.com/my/favorites/stories/"), url-prefix("https://ko.xhamster.com/my/favorites/stories/"), url-prefix("https://ro.xhamster.com/my/favorites/stories/"), url-prefix("https://pt.xhamster.com/my/favorites/stories/"), url-prefix("https://my.xhamster.com/my/favorites/stories/"), url-prefix("https://id.xhamster.com/my/favorites/stories/"), url-prefix("https://xhamster.com/my/favorites/stories"), url-prefix("https://fr.xhamster.com/my/favorites/stories"), url-prefix("https://de.xhamster.com/my/favorites/stories"), url-prefix("https://nl.xhamster.com/my/favorites/stories"), url-prefix("https://es.xhamster.com/my/favorites/stories"), url-prefix("https://it.xhamster.com/my/favorites/stories"), url-prefix("https://ru.xhamster.com/my/favorites/stories"), url-prefix("https://pl.xhamster.com/my/favorites/stories"), url-prefix("https://jp.xhamster.com/my/favorites/stories"), url-prefix("https://ge.xhamster.com/my/favorites/stories"), url-prefix("https://br.xhamster.com/my/favorites/stories"), url-prefix("https://cz.xhamster.com/my/favorites/stories"), url-prefix("https://vi.xhamster.com/my/favorites/stories"), url-prefix("https://tr.xhamster.com/my/favorites/stories"), url-prefix("https://ua.xhamster.com/my/favorites/stories"), url-prefix("https://hi.xhamster.com/my/favorites/stories"), url-prefix("https://th.xhamster.com/my/favorites/stories"), url-prefix("https://ko.xhamster.com/my/favorites/stories"), url-prefix("https://ro.xhamster.com/my/favorites/stories"), url-prefix("https://pt.xhamster.com/my/favorites/stories"), url-prefix("https://my.xhamster.com/my/favorites/stories"), url-prefix("https://id.xhamster.com/my/favorites/stories") {
/* MY FAVS - BLOGS LIST = URL-PREF = START ==== */
/* (new341) URL PREF - BLOGS - MY FAVS LIST - CONTAINER */
html.user-page.favorites-page:not(.user-videos-page):not(.my-uploads-page) body {
display: inline-block !important;
width: 100% !important;
min-width: 99.99% !important;
max-width: 99.99% !important;
height: 100% !important;
/* min-height: 100vh !important; */
max-height: 100% !important;
top: 0px;
padding: 0px !important;
overflow: hidden !important;
overflow-y: auto !important;
/* border: 1px solid green !important; */
}
html.user-page.favorites-page:not(.user-videos-page):not(.my-uploads-page) .main-wrap:not(:first-of-type) ,
html.user-page.favorites-page:not(.user-videos-page):not(.my-uploads-page) .main-wrap:first-of-type {
display: inline-block !important;
height: 100% !important;
min-height: 99.8vh !important;
max-height: 99.8vh !important;
overflow: hidden !important;
/* background: red !important; */
/* border: 1px dashed green !important; */
}
html.user-page.favorites-page:not(.user-videos-page):not(.my-uploads-page) .main-wrap:not(:first-of-type) {
display: inline-block !important;
flex-direction: unset !important;
justify-content: unset !important;
height: auto !important;
min-height: 0 !important;
/* max-height: 100% !important; */
max-height: 100vh !important;
overflow: hidden !important;
/* background: green !important; */
/* border: 1px dashed green !important; */
}
/* (new378) */
html.user-page.favorites-page:not(.user-videos-page):not(.my-uploads-page) .main-wrap:first-of-type > main {
display: inline-block !important;
height: 100% !important;
min-height: 94vh !important;
max-height: 94vh !important;
top: 6vh !important;
overflow: hidden !important;
border: 1px solid orange !important;
}
html.user-page.favorites-page:not(.user-videos-page):not(.my-uploads-page) .main-wrap:not(:first-of-type) > main {
display: inline-block !important;
flex-grow: unset !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 0 !important;
top: 0 !important;
/* border: 1px dashed orange !important; */
}
html.user-page.favorites-page:not(.user-videos-page):not(.my-uploads-page) .main-wrap:not(:first-of-type) > main:nth-child(3) > div.width-wrap ,
html.user-page.favorites-page:not(.user-videos-page):not(.my-uploads-page) .main-wrap > main:nth-child(3) > div.width-wrap {
display: inline-block !important;
/* height: 100% !important; */
/* min-height: 100vh !important; */
min-height: unset !important;
max-height: unset !important;
top: 0px;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
/* overflow: hidden !important; */
/* overflow-y: auto !important; */
/* border: 1px dashed aqua !important; */
}
html.user-page.favorites-page:not(.user-videos-page):not(.my-uploads-page) .main-wrap:not(:first-of-type) > main:nth-child(3) > div.width-wrap{
display: inline-block !important;
height: 100% !important;
min-height: 100vh !important;
/* min-height: 0 !important; */
max-height: 100vh !important;
top: 0px;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
/* overflow: hidden !important; */
/* overflow-y: auto !important; */
/* background: yellow !important; */
/* border: 1px dashed aqua !important; */
}
/* (new378) */
html.user-page.favorites-page:not(.user-videos-page):not(.my-uploads-page) .main-wrap:not(:first-of-type) .width-wrap .user-content-section .content-column ,
html.user-page.favorites-page:not(.user-videos-page):not(.my-uploads-page) .main-wrap:first-of-type .width-wrap .user-content-section .content-column {
position: relative !important;
display: inline-block !important;
width: 100% !important;
min-width: 100vw !important;
/* height: auto !important; */
height: 100% !important;
min-height: 93.8vh !important;
max-height: 93.8vh !important;
/* max-height: 100% !important; */
margin: 0vh 0 0 0 !important;
padding: 0 0 0 0 !important;
/* overflow: hidden !important; */
/* background: brown !important; */
/* border: 1px dashed pink !important; */
}
/* html.user-page.favorites-page:not(.user-videos-page):not(.my-uploads-page) .width-wrap .user-content-section .content-column .favorites-list:not(.stories-section ) {
display: none !important;
}
*/
/* (new378) */
html.user-page.favorites-page:not(.user-videos-page):not(.my-uploads-page) .width-wrap .user-content-section .content-column .favorites-list.stories-favorites-list.stories-section .mixed-list.stories-list.my-items {
display: inline-block !important;
height: 100% !important;
min-height: 93.8vh !important;
max-height: 93.8vh !important;
width: 100vw;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
/* overflow: hidden !important; */
/* border: 1px solid tan !important; */
}
/* html.user-page.favorites-page:not(.user-videos-page):not(.my-uploads-page) .main-wrap .favorites-list.galleriesAndPhotos-favorites-list {
display: none !important;
} */
/* END - URL-PREF - BLOGS - MY FAVS LIST - LIST */
}
@-moz-document url-prefix("https://xhamster.com/channels/"), url-prefix("https://fr.xhamster.com/channels/"), url-prefix("https://de.xhamster.com/channels/"), url-prefix("https://nl.xhamster.com/channels/"), url-prefix("https://es.xhamster.com/channels/"), url-prefix("https://it.xhamster.com/channels/"), url-prefix("https://ru.xhamster.com/channels/"), url-prefix("https://pl.xhamster.com/channels/"), url-prefix("https://jp.xhamster.com/channels/"), url-prefix("https://ge.xhamster.com/channels/"), url-prefix("https://br.xhamster.com/channels/"), url-prefix("https://cz.xhamster.com/channels/"), url-prefix("https://vi.xhamster.com/channels/"), url-prefix("https://tr.xhamster.com/channels/"), url-prefix("https://ua.xhamster.com/channels/"), url-prefix("https://hi.xhamster.com/channels/"), url-prefix("https://th.xhamster.com/channels/"), url-prefix("https://ko.xhamster.com/channels/"), url-prefix("https://ro.xhamster.com/channels/"), url-prefix("https://pt.xhamster.com/channels/"), url-prefix("https://my.xhamster.com/channels/"), url-prefix("https://id.xhamster.com/channels/"), url-prefix("https://xhamster.com/channels/"), url-prefix("https://fr.xhamster.com/channels/"), url-prefix("https://de.xhamster.com/channels/"), url-prefix("https://nl.xhamster.com/channels/"), url-prefix("https://es.xhamster.com/channels/"), url-prefix("https://it.xhamster.com/channels/"), url-prefix("https://ru.xhamster.com/channels/"), url-prefix("https://pl.xhamster.com/channels/"), url-prefix("https://jp.xhamster.com/channels/"), url-prefix("https://ge.xhamster.com/channels/"), url-prefix("https://br.xhamster.com/channels/"), url-prefix("https://cz.xhamster.com/channels/"), url-prefix("https://vi.xhamster.com/channels/"), url-prefix("https://tr.xhamster.com/channels/"), url-prefix("https://ua.xhamster.com/channels/"), url-prefix("https://hi.xhamster.com/channels/"), url-prefix("https://th.xhamster.com/channels/"), url-prefix("https://ko.xhamster.com/channels/"), url-prefix("https://ro.xhamster.com/channels/"), url-prefix("https://pt.xhamster.com/channels/"), url-prefix("https://my.xhamster.com/channels/"), url-prefix("https://id.xhamster.com/channels/") {
/* CHANNELS = URL-PREF = START ==== */
/* (new153) CATEG - CHANNELS - SUPERLOADER */
html.category-page .sp-separator ~ .main-wrap .popular-title {
position: relative;
display: inline-block !important;
width: 100% !important;
min-width: 89vw !important;
max-width: 89vw !important;
height: 3vh !important;
line-height: 25px !important;
left: 0;
margin: 0 0 10px 190px !important;
padding: 0 0 0 20px !important;
border-radius: 5px !important;
z-index: 0;
font-size: 20px !important;
color: gold !important;
border: 1px solid red !important;
}
html.category-page .sp-separator ~ .main-wrap .index-videos.mixed-section {
position: relative;
display: inline-block !important;
width: 100% !important;
min-width: 89vw !important;
max-width: 89vw !important;
height: 53vh !important;
left: 0;
margin: 0 0 0 190px !important;
z-index: 0;
/* border: 1px dashed yellow !important; */
}
html.category-page .sp-separator ~ .main-wrap .index-videos.mixed-section .thumb-list__item.video-thumb {
position: relative !important;
display: inline-block !important;
box-sizing: border-box;
vertical-align: top !important;
min-height: 150px !important;
max-height: 150px !important;
min-width: 165px !important;
max-width: 165px !important;
margin: 0 0 2px 5px !important;
margin-right: 0 !important;
padding: 0;
border-radius: 5px;
background-color: #111;
border: 1px solid #333;
}
html.category-page .sp-separator ~ .main-wrap .index-videos.mixed-section .thumb-list__item.video-thumb:hover {
position: relative;
display: inline-block;
max-height: 135px;
min-height: 135px;
left: -47px;
margin: 0 0 2px 5px !important;
opacity: 1;
padding: 0;
border-radius: 5px;
transform: scale(1.6) !important;
z-index: 500500;
background: #222 none repeat scroll 0 0;
border: 1px solid red;
}
html.category-page .sp-separator ~ .main-wrap .button-section ,
html.category-page .sp-separator ~ .main-wrap .index-videos.mixed-section + .popular-title ,
html.category-page .sp-separator ~ .main-wrap .index-photos.gallery-list{
display: none !important;
}
/* (new353) END - URL-PREF - CHANNELS ===== */
}
@-moz-document url-prefix("https://xhamster.com/tags/"), url-prefix("https://fr.xhamster.com/tags/"), url-prefix("https://de.xhamster.com/tags/"), url-prefix("https://nl.xhamster.com/tags/"), url-prefix("https://es.xhamster.com/tags/"), url-prefix("https://it.xhamster.com/tags/"), url-prefix("https://ru.xhamster.com/tags/"), url-prefix("https://pl.xhamster.com/tags/"), url-prefix("https://jp.xhamster.com/tags/"), url-prefix("https://ge.xhamster.com/tags/"), url-prefix("https://br.xhamster.com/tags/"), url-prefix("https://cz.xhamster.com/tags/"), url-prefix("https://vi.xhamster.com/tags/"), url-prefix("https://tr.xhamster.com/tags/"), url-prefix("https://ua.xhamster.com/tags/"), url-prefix("https://hi.xhamster.com/tags/"), url-prefix("https://th.xhamster.com/tags/"), url-prefix("https://ko.xhamster.com/tags/"), url-prefix("https://ro.xhamster.com/tags/"), url-prefix("https://pt.xhamster.com/tags/"), url-prefix("https://my.xhamster.com/tags/"), url-prefix("https://id.xhamster.com/tags/"), url-prefix("https://xhamster.com/tags/"), url-prefix("https://fr.xhamster.com/tags/"), url-prefix("https://de.xhamster.com/tags/"), url-prefix("https://nl.xhamster.com/tags/"), url-prefix("https://es.xhamster.com/tags/"), url-prefix("https://it.xhamster.com/tags/"), url-prefix("https://ru.xhamster.com/tags/"), url-prefix("https://pl.xhamster.com/tags/"), url-prefix("https://jp.xhamster.com/tags/"), url-prefix("https://ge.xhamster.com/tags/"), url-prefix("https://br.xhamster.com/tags/"), url-prefix("https://cz.xhamster.com/tags/"), url-prefix("https://vi.xhamster.com/tags/"), url-prefix("https://tr.xhamster.com/tags/"), url-prefix("https://ua.xhamster.com/tags/"), url-prefix("https://hi.xhamster.com/tags/"), url-prefix("https://th.xhamster.com/tags/"), url-prefix("https://ko.xhamster.com/tags/"), url-prefix("https://ro.xhamster.com/tags/"), url-prefix("https://pt.xhamster.com/tags/"), url-prefix("https://my.xhamster.com/tags/"), url-prefix("https://id.xhamster.com/tags/") {
/* TAGS PAGE = URL-PREF = START ==== */
/* (new315) TAGS - INDICATOR */
html.category-page .main-wrap .width-wrap .category-info h1.category-title:before {
content: "TAGS" !important;
position: fixed !important;
display: inline-block !important;
height: 90px !important;
line-height: 64px !important;
width: 90px !important;
left: 185px !important;
top: 3vh !important;
border-radius: 3px !important;
font-size: 18px !important;
text-align: center !important;
color: gold !important;
z-index: 5000000000 !important;
/* background: rgba(17, 17, 17, 0.18) !important; */
background: #222 !important;
border: 1px solid red !important;
}
.category-page h1.category-title,
h1.category-title {
width: 909px;
margin: 14px 0 0 95px !important;
/* border: 1px solid red !important; */
}
.category-page .index-videos .heading {
position: fixed;
top: 8vh !important;
z-index: 500000000;
}
html.category-page .channel-info-filters--wrap {
width: 980px !important;
}
/* (new403) URL PREF - TAGS PAGE - FILTER HORIZONTAL */
/* .category-page .sort-section.xh-tabbed.no-upper {
height: 22px;
line-height: 20px;
margin: 8vh 0 0 100px !important;
} */
/* html.category-page > body > .main-wrap div[class^="container-"][data-role="promo-messages-wrapper"] + .main-wrap main.pages-category.width-wrap article div[class^="root-"] + section[class*="videoSection-"][data-block="recommended"], */
section[class*="videoSection-"][data-block="recommended"]:not([data-block="trending"]) {
display: none;
}
/* (new403) URL PREF - TAGS PAGE - VIDEO CONTAINER - WITH HEADER */
/* html.category-page body > .main-wrap:first-of-type article .top-video-block.top-video-block--recommendations + .index-videos.mixed-section, */
html.category-page > body > .main-wrap:first-of-type .index-videos {
position: relative;
display: inline-block;
height: 85.5vh !important;
top: 11vh;
left: 0;
margin: 0vh 0 0;
/* border: 1px solid yellow !important; */
}
/* (new403) URL PREF - TAGS PAGE - VIDEO CONTAINER -HEADER */
html.category-page > body > .main-wrap:first-of-type section.index-videos header {
position: fixed !important;
display: inline-block !important;
min-height: 2vh !important;
max-height: 2vh !important;
width: 754px !important;
/* margin: -6vh 0 0 150px !important; */
top: 7.5vh !important;
left: 290px !important;
font-size: 18px;
overflow: hidden;
z-index: 500000 !important;
color: gold !important;
/* background: red !important; */
}
html.category-page > body > .main-wrap:first-of-type section.index-videos header h2 {
position: fixed;
min-height: 2vh !important;
max-height: 2vh !important;
top: 7.8vh !important;
left: 290px !important;
}
/* (new403) END - URL-PREF - TAGS PAGE */
}
