/* ==UserStyle==
@name Xhamster Widescreen - New Design v.243
@version 2.430.0
@include https://*xhamster.com/*
@include http://*upload*.xhamster.com/*
@include https://*xhamsterlive.com/*
@author janvier56
@description Wide Xhamster on large screen (1920x1080) ONLY...
@homepage https://greasyfork.org/fr/users/7434-janvier56
@license unlicense
@namespace xhamster.com
==/UserStyle== */
@-moz-document domain("xhamster.com"), 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("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.243 (new243) - TEST CATEG SUPERLOADER - WATXhamDevNEW - ====== */
/* GM IN USE:
GM "XHamster GX" (play Thumbnail):
https://openuserjs.org/scripts/dropdabase/XHamster_GX
/* ============================================================================= */
/* AAA ==== START ==== PART 1 ===== ============================================ */
/* ============================================================================= */
/* (new210) SUPP PUBS - === */
/* MOBILE */
footer .earning-block ,
.wit-cams-widget.underplayer ,
.wit-spot-container ,
/* (new210) GENERIC */
/* TEST VIDEO IN PLAYER ADDS */
.dark .logo-container .theme-light ,
.player-container__player.xplayer.xplayer-ads ,
.player-container__player.xplayer.notranslate.xplayer-ads ,
.xplayer.xplayer-ads .xplayer-ads-block ,
header.promo ,
[class^="wio-"] ,
[class^="wiu-"] ,
[class^="wim-"] ,
[class^="wih-"] ,
[class^="wig-"] ,
[class^="wil-"] ,
[class^="wit-"] ,
[class^="wiz-"] ,
[class^="wio-"] > i ,
.sort-section.xh-tabbed.darkest.no-upper>p ,
.pornstars-online__inline ,
.faphouse-modal-container ,
.promo-message.promo-message__banner,
.promo-message.promo-message__banner .width-wrap ,
.width-wrap.clipstore-bottom ,
.bottom-widget-section.wio-vspot-container ,
.central-container.central-container--desktop.central-container--hidden ,
.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-"] ,
/* (new209) OTHER */
.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 ,
.search-results .sp-separator ~.main-wrap .premium-overlay + .right-rectangle ,
.search-results .sp-separator ~.main-wrap .premium-overlay ,
.premium-overlay ,
.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 ,
.top-menu.width-wrap .nav-item.displayed-nav-item[data-item="dating"] ,
.top-menu.width-wrap .nav-item.displayed-nav-item[data-item="premium"] ,
.wih-player.wih-spot-container iframe ,
.wih-player.wih-spot-container ,
.clipstore-bottom iframe ,
.width-wrap.clipstore-bottom ,
.wih-spb ,
.wih-player ,
.wig-spb ,
.disclaimer ,
.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"] ,
.wig-sponsor-link ,
.wig-player.wig-spot-container.no-popunder ,
.wig-sponsor-banner ,
.wig-sponsor-banner img ,
.story-text>br +br +br ,
.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 ,
.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 ,
.video-page .wit-player ,
.xp-hover-link ,
.photo-page .photo-view .sponsor-mark ,
.xplayer .xplayer-ads-label ,
.photo-page .photo-view .sponsor ,
.wid-sponsor-banner ,
.promo-message__banner ,
.xplayer .xp-subscribe ,
.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 ,
.wid-bottom-banner ,
.video-page .wid-player ,
.right-rectangle,
.wid-banner,
.banner ,
div[class*="-rectangle"] ,
.video-page .player-container .wid-banner-container ,
.video-page .player-container .wid-banner-container .wid-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 ,
.promo-message:not(.alert-item),
.bottom-widget-section .banner-container ,
.video-page .player-ads2 ,
.right-ads.list-ads ,
.ads-section,
.bottom-announce.cookie-announce ,
#dl8-content-container img,
.dl8-embed-container img ,
.dl8-embed-container .dl8-tags ,
.dl8-embed-container .dl8-logo ,
.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 {
display: none !important;
height: 0 !important;
width: 0 !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 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;
}
/* 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;
}
/* 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 {
height: 134px !important;
max-width: 227px !important;
min-width: 227px !important;
z-index: 500 !important;
}
/* NOT HOVER */
.user-page.user-videos-page.my-uploads-page .user-content-section .video-thumb:not(:hover) .video-thumb__image-container video {
/* background-color: aqua !important; */
}
/* HOVER */
.user-page.user-videos-page.my-uploads-page .user-content-section .video-thumb:hover .video-thumb__image-container video {
/* background-color: red !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" - ==== */
/* 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;
}
/* USER PROFILE / FAVS etc ...*/
.user-page .main-wrap {
min-height: 100vh !important;
max-height: 100vh !important;
top: 0px !important;
overflow: hidden !important;
}
.user-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 ;
}
.user-page main .width-wrap {
display: inline-block !important;
min-height: 880px !important;
max-height: 880px !important;
top: 0px ;
padding: 0px !important;
}
/* USER PROFILE - RIGHT PANEL */
.user-page article .left-side {
width: 660px !important;
height: 874px !important;
margin-top: 8px !important;
}
.user-page article .right-column {
position: absolute !important;
display: inline-block !important;
width: 1055px !important;
min-height: 874px !important;
max-height: 874px !important;
left: 854px !important;
top: 0px !important;
padding-left: 5px;
}
.user-page article .right-column .column-block .heading-container {
height: 25px !important;
padding-top: 0px;
padding-bottom: 0 !important;
margin-bottom: 0px;
}
.user-page article .column-block .heading-container .heading {
height: 25px !important;
line-height: 25px;
}
/* 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;
}
/* USER PROFILE - INTRO */
.user-page article .right-column .intro-block.column-block.xh-tabbed {
position: absolute !important;
display: inline-block !important;
height: 205px !important;
width: 175px !important;
left: -200px !important;
top: 224px !important;
padding: 5px !important;
overflow: hidden !important;
}
.user-page article .right-column .intro-block.column-block.xh-tabbed .content-container {
position: absolute !important;
height: 263px !important;
width: 163px !important;
overflow: hidden !important;
}
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section {
display: inline-block !important;
height: 100% !important;
min-height: 165px !important;
max-height: 165px !important;
width: 160px !important;
left: -4px !important;
overflow: hidden !important;
}
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section .intro-image-container.photo > img {
max-height: 195px !important;
}
/* INTRO CAM WIDGET - WIO */
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section .wio-ycams-thumb.widget-profile{
display: inline-block !important;
height: 100% !important;
min-height: 165px !important;
max-height: 165px !important;
width: 160px !important;
left: -4px !important;
overflow: hidden !important;
}
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section .wio-ycams-thumb.widget-profile a.item-container.template-content-wrapper{
display: inline-block !important;
height: 100% !important;
min-height: 125px !important;
max-height: 125px !important;
width: 160px !important;
left: 0px !important;
overflow: hidden !important;
}
.template-content-wrapper .img {
position: absolute !important;
display: inline-block !important;
min-height: 125px !important;
max-height: 125px !important;
width: 160px !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;
}
.widget-profile .offline {
position: absolute;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
line-height: 20px;
left: 0;
top: 0;
z-index: 0 !important;
color: gold !important;
}
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section .wio-ycams-thumb.widget-profile .widget-profile-name {
position: relative !important;
display: inline-block !important;
height: 30px !important;
line-height: 30px !important;
width: 155px !important;
top: 130px !important;
}
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section .wio-ycams-thumb.widget-profile .widget-profile-name .name-container {
display: inline-block !important;
width: 155px !important;
text-align: center !important;
}
.right-column .intro-block.column-block.xh-tabbed .content-container .introduction-block.mixed-section .wio-ycams-thumb.widget-profile .widget-profile-name .xh-button.red.square.large {
display: none !important;
}
/* USER - SHOW BUTTON - ALL */
.user-page .right-column .xh-tabbed .mixed-section>div:last-of-type a:not(.name-container) ,
.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;
}
.user-page article .column-block .item.video {
min-height: 150px !important;
min-width: 113px !important;
max-width: 113px !important;
margin-bottom: 0px;
margin-right: -7px !important;
margin-left: 2px;
padding: 0px !important;
}
/* (new237) */
.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;
}
/* (new237) */
.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;
/* background: green !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;
}
/* 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: 199px !important;
height: 878px !important;
top: 10px !important;
margin-top: -8px !important;
left: 643px !important;
padding-right: 0px !important;
padding-top: 40px !important;
background: tomato;
}
.chrome.user-page article .left-side .column .left-column {
left: 648px !important;
}
/* PROFILE - HEADING - ALL */
.user-page article .column-block .heading-container {
position: relative;
height: 30px ;
line-height: 15px ;
padding: 5px ;
border-bottom: 1px solid #dadada;
}
.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-top: -10px ;
}
.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;
}
/* USER PROFILE - ABOUT - HOVER - === */
.user-page article .left-side .column .center-column {
display: block;
float: left;
margin-left: 20px;
width: 610px;
height: 872px !important;
padding: 0px !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;
}
.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;
}
.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: 698px !important;
background: #333 !important;
transition: background ease 0.7s !important;
}
.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: absolute !important;
width: 1870px !important;
height: 100% !important;
min-height: 882px !important;
max-height: 882px !important;
min-width: 1850px !important;
left: 20px !important;
top: 0px !important;
z-index: 500;
background: black !important;
}
/* ABOUT - MORE */
.user-page article .main-info-block .info-header:first-child {
margin: 0;
}
.user-page article .column-block .info-block .content-container-more + .section-button.show-more{
position: relative !important;
display: inline-block !important;
width: 100%;
margin-left: -44px !important;
top: 20px !important;
transform: scale(0.5) !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;
}
/* 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 {
top: -130px !important;
}
/* ME */
.user-page article .main-info-block .about-me-block-container.info-block.editable-block:hover {
top: -60px !important;
}
/* 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 ;
width: 100%;
min-width: 100%;
min-height: 790px !important;
line-height: 15px ;
font-size: 13px;
column-width: 573px !important;
column-gap: 50px !important;
column-rule: 5px solid red;
word-wrap: break-word !important;
overflow: hidden !important;
}
.user-page article .left-side .column .center-column .about-me-block:hover .text:not(.xh-editor)>br>br ,
.user-page article .left-side .column .center-column .about-me-block:hover .text:not(.xh-editor)>br {
display: block !important;
margin-bottom: -1px !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;
}
.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: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin-bottom: -10px !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;
}
/* (new237) PROFILE - GM SUPERLOADER */
html.user-page .sp-separator ,
html.user-page .sp-separator ~.main-wrap {
display: 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;
}
/* SMALL */
iframe.blog-video.size-small:not(.draggable) {
}
iframe.blog-video.size-small:not(.draggable).align-center{
display: block;
clear: both;
float: none;
margin: 0 auto !important;
width: 33% !important;
text-align: center !important;
}
/* 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) {
min-height: 350px !important;
width: 100% !important;
}
/* Hub Page - IA RECOMANDED */
.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 {
display: inline;
line-height: 20px !important;
margin: 0 !important;
font-size: 20px !important;
background: #111 !important;
}
.hub-videos-page .sort-section ,
.hub-page .sort-section {
position: fixed !important;
display: inline-block;
width: 1720px !important;
height: 20px !important;
line-height: 20px !important;
top: 5.2vh !important;
left: 190px !important;
margin: 0 !important;
font-size: 20px !important;
z-index: 500 !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;
}
.hub-videos-page .pager-section ,
.hub-page .pager-section {
position: fixed !important;
display: inline-block;
height: 25px !important;
line-height: 23px !important;
top: 23px !important;
right: 5px !important;
margin: 0 !important;
letter-spacing: 0;
z-index: 600 !important;
background: #111 !important;
}
.hub-videos-page .width-wrap > aside {
position: absolute !important;
top: -75px !important;
}
.hub-videos-page article .categories-container + div {
margin: 55px 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-bottom: 2px;
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 */
/* 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 ;
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: 155px !important;
max-height: 155px !important;
margin-right: 3px ;
margin-left: 15px ;
padding: 0px !important;
border: 1px solid red !important;
}
/* TOP PANEL - HOME - TOP PROMOTED VIDEOS - HOVER - ALL === */
main .top-video-block:hover {
position: absolute !important;
height: auto !important;
width: 600px !important;
left: 1000px !important;
padding: 0 5px 0px 5px !important;
overflow: visible;
transform: scale(1) !important;
background: black ;
border: 1px solid red !important;
}
main .top-video-block:hover .thumb-list {
padding: 50px 60px !important;
}
main .top-video-block:hover .heading:before {
content: "▶" ;
position: absolute !important;
height: 28px ;
line-height: 28px ;
width: 20px ;
left: 0px ;
text-align: center ;
transition: all ease 0.7s !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;
}
/* 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 {
width: 870px !important;
right: 0;
left: 905px !important;
transition: left 0.4s ease 0s;
z-index: 500000 !important;
background: #222 !important;
}
.main-page .top-video-block.top-video-block--subscriptions:hover {
height: 300px !important;
width: 68% !important;
}
/* SUPP TOP RELATED / TOOL TIPS */
.top-video-block .xh-icon.question ,
.recommended-tooltip {
display: none !important;
}
.related-container[data-block="related-search"] ,
.related-container[data-block="related-pornstar"] ,
.related-container[data-block="related-creator"] ,
.related-container[data-block="related-categories"] ,
.related-container[data-block="related-channel"] {
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-color: #000;
background-position: center center !important;
background-repeat: no-repeat;
background-size: contain !important;
}
.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 ;
}
/* COLL CLEAN - ALERTE BOX - === */
.alert-box {
bottom: 10px;
display: block;
left: 10px;
position: fixed;
transform: translateZ(0px);
width: 290px;
z-index: 10005;
background: transparent !important;
}
.alert-box .alert-box__item.alert-item {
display: none !important;
animation: 200ms ease 0s normal none 1 running alert-appear;
height: 10px;
margin-top: 5px;
position: relative;
transition: height 100ms linear 0s, opacity 125ms ease 0s;
will-change: height, margin-top, opacity;
border: 1px solid yellow !important;
}
.alert-box .alert-box__item.alert-item:nth-last-child(-n+2) {
display: inline-block !important;
animation: 200ms ease 0s normal none 1 running alert-appear;
height: 10px;
margin-top: 5px;
position: relative;
transition: height 100ms linear 0s, opacity 125ms ease 0s;
will-change: height, margin-top, opacity;
opacity: 0.5 !important;
border: 1px solid red !important;
}
.alert-box .alert-box__item.alert-item:nth-last-child(-n+2):hover {
opacity: 1 !important;
border: 1px solid tan !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 ;
}
/* NEW VIDEO - PANEL MIDDLE - TOP (FAV RAT COLL) */
html.video-page,
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;
}
.video-page .main-wrap > header.no-popunder {
margin-bottom: 0;
}
.video-page main {
max-height: 58vh;
min-height: 58vh;
max-width: 100%;
min-width: 100%;
margin: auto !important;
padding-top: 0px;
z-index: 1 !important;
overflow-y: auto !important;
overflow: visible !important;
}
.video-page .width-wrap.with-player-container {
position: fixed !important;
max-height: 59vh;
min-height: 59vh;
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: absolute;
display: inline-block;
width: 708px;
height: 20px;
line-height: 20px;
top: -22px;
margin: 0px;
padding: 0 0 0 45px;
font-size: 15px;
overflow: hidden;
text-overflow: ellipsis;
z-index: 100 !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;
}
/* 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: -9px !important;
padding: 2px 5px ;
border-radius: 5px ;
z-index: 500000 !important;
border: 1px solid red;
}
.xh-button.about-control{
display: none !important;
}
/* CONTROLS - LARGE MODE ok */
.video-page.video-page--large-mode .controls {
height: 60px !important;
left: 724px !important;
top: 593px !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 .report-control ,
.controls .xh-button.gray.share-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 ;
}
/* VID - FAV COLL - LARGE MODE ok */
.video-page--large-mode .favorites-control.positioned.xh-dropdown ,
.video-page--large-mode .favorites-control.xh-dropdown.positioned.popup {
display: inline-block !important;
width: 1192px !important;
top: 57px !important;
min-height: 314px !important;
max-height: 314px !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: 0px !important;
min-height: 317px !important;
max-height: 317px !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;
border: 1px solid green !important;
transition: all ease 5s !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;
border: 1px solid green !important;
background: rgba(17, 17, 17, 0.60) !important;
}
/* LARGE MODE - ok */
.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: 315px !important;
max-height: 315px !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%;
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: 30px !important;
max-height: 30px !important;
width: 298px !important;
left: 2px !important;
overflow: hidden;
overflow-y: hidden !important;
visibility: visible !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;
border-right: 1px solid blue !important;
}
/* LARGE MODE ok */
.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: 727px !important;
top: 623px !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;
}
.dropdown.favorites-dropdown.position-left:hover .favorites-dropdown__list-item:first-of-type .favorites-dropdown__list-title {
width: 265px !important;
text-align: center !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 ;
}
/* from for SCROLL - always PB for Firfox + Middle click (lost focus??) */
.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-x: visible;
overflow-y: auto;
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;
}
/* LARGE MODE - ok */
.video-page--large-mode .dropdown.favorites-dropdown.position-left:not(:hover) .favorites-dropdown__list {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
max-height: 235px !important;
min-height: 235px !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 - ok */
.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;
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;
}
/* COLL ALL - BEFORE - HOVER */
.favorites-dropdown__list-item:hover::before {
position: absolute ;
height: 11px ;
line-height: 7px ;
right: 162px;
top: -4px ;
padding: 1px ;
font-size: 9px ;
border-radius: 100% ;
border: 1px solid gray ;
text-align: center ;
background-color: blue ;
}
.favorites-dropdown__list-item--linked:hover::before {
position: absolute ;
height: 15px ;
line-height: 4px ;
right: 155px ;
top: 10px ;
padding: 4px 3px ;
font-size: 10px ;
border-radius: 3px ;
border: 1px solid gray ;
text-align: center ;
background-color: black ;
color: red ;
}
/* CREATE COLLECTION */
.favorites-dropdown__form {
position: absolute ;
display: inline-block ;
clear: both;
height: 29px !important;
line-height: 8px ;
width: 375px ;
top: 0px ;
left: 306px ;
padding: 0 5px 0 5px ;
text-align: center !important;
background: #222 ;
border: 1px solid red !important;
border-left: 3px solid blue !important;
}
/* LARGE MODE ok */
.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: 1035px !important;
padding: 0 5px 0 5px ;
text-align: center !important;
z-index: 500000 !important;
box-shadow: 3px 3px 2px black ;
border: 1px solid #404040;
background: #222 ;
}
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: 25px;
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-dropdown__form #collection_name {
position: relative ;
display: inline-block ;
width: 295px ;
height: 27px ;
margin-top: 0px ;
top: -1px !important;
}
/* 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: 29px !important;
line-height: 25px !important;
width: 100% !important;
min-width: 250px !important;
max-width: 250px !important;
top: 70px !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;
}
/* 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: 677px !important;
z-index: 1 !important;
visibility: visible !important;
}
.dropdown.favorites-dropdown.position-left .items .favorites-dropdown__list-item.favorites-dropdown__list-item:not(.favorites-dropdown__list-item--linked):first-of-type:before ,
.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;
}
.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 ;
}
.dropdown.favorites-dropdown:not(:hover) .items .favorites-dropdown__list-item.favorites-dropdown__list-item:first-of-type .favorites-dropdown__list-title {
height: 20px !important;
line-height: 20px ;
width: 100% !important;
max-width: 225px !important;
min-width: 225px !important;
margin-top: -1px ;
margin-left: 22px !important;
padding: 0 5px !important;
border-radius: 3px !important;
font-size: 10px ;
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;
}
.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-top: 2px ;
margin-left: 50px ;
border-radius: 3px ;
font-size: 10px ;
text-align: center ;
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;
}
/* GREEN */
.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 green ;
}
.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{
min-height: 28px !important;
height: 28px !important;
margin-left: -15px;
max-width: 100%;
min-width: 100%;
margin-top: -5px;
padding: 1px 5px !important;
font-size: 11px !important;
white-space: pre-line !important;
}
.favorites-dropdown__list-quantity {
position: absolute;
display: inline-block;
vertical-align: top;
right: 2px;
padding-left: 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;
}
/* FIRST TAG (NAME USER ? - WIB SUBSCRIB BUT */
.collapsable-list__item:first-of-type {
position: fixed !important;
width: 298px !important;
left: 726px !important;
top: 21vh!important;
margin: 0 !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) ;
}
/* ARGE 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: 744px;
left: 726px;
}
.video-page--large-mode .ab-info.controls-info__item.xh-helper-hidden {
height: 0px;
line-height: 15px;
left: 0 !important;
top: 0px !important;
}
/* NEW - VIDEO - CATEGORY TAGS LIST - COLLAPSED/ COLLAPSING */
/* .video-page .categories-container.collapsable-list ,
.video-page .categories-container.collapsable-list.collapsing ,
.video-page .categories-container.collapsable-list.collapsing.collapsed , */
#video-tags-list-container{
position: absolute !important;
display: inline-block;
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 ;
z-index: 50 !important;
border: 1px solid #333;
border: 1px solid red !important;
background: black !important;
}
/* .video-page .categories-container.collapsable-list.collapsing , */
.video-categories-tags.collapsable-list.collapsable-list--collapsed {
max-height: 231px !important;
overflow: hidden !important;
overflow-y: auto !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;
}
/* 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;
}
/* VIDEO - TAGS */
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item {
float: left !important;
min-width: 137px !important;
max-width: 137px !important;
min-height: 15px !important;
line-height: 12px !important;
margin: 0 1px 1px -3px !important;
padding: 0 3px ;
font-size: 11px ;
text-align: center ;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: white !important;
border: 1px solid #222 !important;
}
/* (new234) THUMB PORNSTAR PREVIEW - BIG SIZE on RIGHT SIDE on HOVER */
.video-page #video-tags-list-container li.collapsable-list__item:not(:hover) .video-tag .video-tag__avatar[style*=";background-color:"] ,
.video-page #video-tags-list-container li.collapsable-list__item:not(:hover) .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;
}
/* HOVER */
.video-page #video-tags-list-container li.collapsable-list__item:hover a.video-tag {
background-color: #6A1215 !important;
color: gold !important;
}
/* (new236) */
.video-page #video-tags-list-container li.collapsable-list__item a.video-tag[href*="/celebrities/"] ,
.video-page #video-tags-list-container li.collapsable-list__item a.video-tag[href*="/creators/"] ,
.video-page #video-tags-list-container li.collapsable-list__item 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 li.collapsable-list__item:hover a.video-tag[href*="/celebrities/"] ,
.video-page #video-tags-list-container li.collapsable-list__item:hover a.video-tag[href*="/creators/"] ,
.video-page #video-tags-list-container li.collapsable-list__item:hover a.video-tag[href*="/pornstars/"] {
min-width: 270px !important;
max-width: 270px !important;
/* opacity: 0.7 !important; */
background-color: #6A1215 !important;
color: gold !important;
}
.video-page #video-tags-list-container li.collapsable-list__item:hover a.video-tag[href*="/celebrities/"]:before ,
.video-page #video-tags-list-container li.collapsable-list__item:hover a.video-tag[href*="/creators/"]:before ,
.video-page #video-tags-list-container li.collapsable-list__item:hover a.video-tag[href*="/pornstars/"]:before {
content: "▶" !important;
min-width: 27px !important;
max-width: 27px !important;
/* background-color: #6A1215 !important; */
color: gold !important;
}
.video-page #video-tags-list-container li.collapsable-list__item a.video-tag[href*="/celebrities/"]:visited ,
.video-page #video-tags-list-container li.collapsable-list__item a.video-tag[href*="/creators/"]:visited ,
.video-page #video-tags-list-container li.collapsable-list__item a.video-tag[href*="/pornstars/"]:visited {
background-color: rgba(1, 128, 0, 0.52) !important;
color: gold !important;
}
/* (new237) */
.video-page #video-tags-list-container li.collapsable-list__item:hover .video-tag .video-tag__avatar[style*=";background-color:"] ,
.video-page #video-tags-list-container li.collapsable-list__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.collapsable-list__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;
/* opacity: 1 !important; */
border: 8px solid #D33535 !important;
}
/* (new237) 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: 1024.2px !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;
/* opacity: 1 !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;
/* background-color: #6A1215 !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;
}
/* UNSUB / SUBSCRIB BUTTON - ALL */
.sub-button[data-tooltip="Unsubscribe"] {
height: 25px !important;
line-height: 25px !important;
color: white !important;
background: green !important;
}
.sub-button[data-tooltip="Unsubscribe"] i {
height: 15px !important;
line-height: 15px !important;
color: white !important;
}
/* VIDEO - SUBSCRIB BUTTON */
.video-page .sub-button[data-tooltip="Unsubscribe"] {
height: 33px !important;
line-height: 33px !important;
font-size: 7px !important;
color: white !important;
background: green !important;
}
.video-page .sub-button[data-tooltip="Subscribe"] {
height: 33px !important;
line-height: 33px !important;
font-size: 7px !important;
color: white !important;
}
.video-page .sub-button[data-tooltip="Unsubscribe"] i {
height: 15px !important;
line-height: 15px !important;
font-size: 7px !important;
color: white !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);
}
/* ANAL */
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) .categories-container__item[href*="/categories/anal"] {
color: red !important;
background: gold !important;
}
/* 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;
}
/* TAGS VISITED - COLOR/WHITE + BORDER/RED + BACKGROUND/PERU - ALL */
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item:visited {
color: white !important;
border: 1px solid red !important;
background: peru !important;
}
/* TAGS - ALL - VISITED */
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item[href^="https://xhamster.com/tags/"]:visited {
color: white !important;
border: 1px solid red !important;
background: peru !important;
}
/* TAGS - CELEB - VISITED */
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item--sub[href^="https://xhamster.com/celebrities/"]:visited {
color: white !important;
background: rgba(156, 134, 214, 0.93) !important;
}
/* TAGS - AMAT - VISITED */
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item--sub[href^="https://xhamster.com/amateurs/"]:visited {
color: white !important;
background: peru !important;
}
/* AGS - AMAT - VISITED */
.video-page .categories-container.collapsable-list > li:not(:first-of-type):not(.collapsable-toggle) a.categories-container__item--sub[href^="https://xhamster.com/creators/"]:visited {
color: white !important;
background: tan !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 ;
}
/* LARGE MODE ok */
.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 ;
height: 40px ;
width: 298px ;
top: 147px !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-top: 0px;
font-size: 0px;
z-index: 50000 !important;
border-top: 1px solid gray ;
}
.entity-author-container__name {
display: inline-block ;
width: 100% ;
height: 15px ;
line-height: 15px ;
margin-top: 4px !important;
font-size: 15px;
color: peru;
}
/* LARGE MODE ok */
.video-page--large-mode .entity-author-container__name {
margin-top: 0px !important;
}
.entity-author-container__name:hover {
color: #81B068 !important;
}
.entity-container__block--verified {
position: absolute !important;
display: inline-block !important;
right: 0;
top: 13px;
}
/* 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: 28px;
left: 0 ;
padding: 0 3px !important;
overflow: hidden ;
white-space: nowrap ;
font-size: 9px ;
text-align: center !important;
border: 1px solid #222 ;
border-right: 4px solid #222 ;
background: #222 ;
}
.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;
white-space: pre ;
font-size: 10px ;
text-align: center !important;
border-radius: 5px ;
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;
}
.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;
}
/* CHANNELS */
.channels-page .menu {
position: relative;
height: 30px !important;
z-index: 5000 !important;
}
.channels-page .menu .sort-section.xh-tabbed.no-upper {
position: absolute !important;
display: inline-block !important;
height: 25px !important;
width: 22% !important;
top: 5px !important;
z-index: 5000 !important;
}
.channels-page .page-title-container .search-tag {
position: relative;
width: 325px !important;
margin-right: 16px!important;
}
.channels-page .menu .sort-section.xh-tabbed.no-upper .button[href="https://xhamster.com/channels/all/deals"] {
display: none !important;
}
/* SEARCH - CAM WIDGET - === */
.cams-overlay {
position: absolute;
right: -1063px !important;
z-index: 200 !important;
transition: right ease 0.7s !important;
}
.cams-overlay:hover {
right: 30px !important;
}
.cams-overlay:before {
content: "◄" ;
position: absolute;
left: -12px ;
top: 0 !important;
z-index: 200 !important;
color: gold ;
}
/* ==== 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;
}
/* 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: 570px !important;
left: 620px !important;
padding: 2px 0;
border-radius: 3px;
white-space: nowrap !important;
background-color: #303030;
z-index: 50 !important;
opacity: 0.4 !important;
transform: translate(-40px, 0px) scale(0.5) !important;
}
.video-page--large-mode .xp-context-menu ,
.video-page--large-mode .xp-context-menu.xh-helper-hidden {
top: 550px !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;
}
/* 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: 570px !important;
left: 131px !important;
padding: 0 10px !important;
border-radius: 13px !important;
color: #eeeeee;
font-size: 11px !important;
transform: scale(0.7) !important;
background: rgba(0, 0, 0, 0.8) !important;
z-index: 4 !important;
border-bottom: none !important;
margin-bottom: 0px;
padding-bottom: 0px;
}
/* LARGE - ok */
.video-page.video-page--large-mode .vsb-container {
top: 618px !important;
left: 45px !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;
border: 1px solid green ;
z-index: 500 !important;
}
.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;
}
/* ALL - BOX SIZING - === */
html {
box-sizing: border-box;
overflow-x: hidden !important;
}
*, *:before,
*:after {
box-sizing: inherit;
}
/* 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;
}
.xplayer.xplayer-no-autoplay .xplayer-background-bottom ,
.xplayer.xplayer-no-autoplay .xplayer-background-top {
opacity: 0 ;
}
.xplayer .xplayer-background-top {
background: none ;
}
.xplayer .xplayer-hover-menu__divider ,
.xplayer .xplayer-hover-menu .overlay-open-share {
display: none ;
}
.xplayer .xplayer-hover-menu .overlay-open {
right: 7px ;
top: 11px ;
width: 44px ;
background-size: 31% !important;
}
.xplayer .xplayer-background-bottom {
height: 56px ;
width: 638px ;
top: 449px ;
}
/* VIDEO PLAYER - FLASH ?? */
#player-container ,
.player-container .xplayer {
width: 100% !important;
height: 469px ;
}
.xplayer video {
position: absolute;
display: inline-block !important;
max-height: 517px !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 */
.xplayer .xp-progress-bar .thumbs.animate ,
.xplayer .progress-bar .thumbs.animate {
opacity: 1 !important;
}
/* NEW VIDEO PLAYER - INTERFACE + HOVERLAY - === */
.xplayer.xplayer-no-autoplay .xplayer-background-bottom,
.xplayer.xplayer-no-autoplay .xplayer-background-top {
opacity: 0 ;
}
#playerSwf .xplayer {
z-index: 5000000 !important;
}
.xplayer .xplayer-hover-menu__divider ,
.xplayer .xplayer-background-top {
background: none !important;
}
.xplayer .xplayer-hover-menu .overlay-open-share {
display: none ;
}
.xplayer .xplayer-hover-menu .overlay-open {
right: -25px ;
top: -23px ;
width: 44px ;
background-size: 20% !important;
background-color: transparent !important;
}
.xplayer .xplayer-background-bottom {
height: 56px ;
width: 100% !important;
top: 499px ;
}
.xplayer .xplayer-background-bottom ,
.player-container #player-container.player-container__player:-moz-full-screen:hover .xplayer-background-bottom ,
.player-container #player-container.player-container__player:-moz-full-screen .xplayer-background-bottom {
display: none !important;
}
.player-container #player-container.player-container__player:-webkit-full-screen:hover .xplayer-background-bottom ,
.player-container #player-container.player-container__player:-webkit-full-screen .xplayer-background-bottom {
display: none ;
}
/* LARGE - PROGRESS-BAR - NO USER ACTION - NOT HOVER */
.player-container #player-container.player-container__player.xplayer-large-mode.notranslate.no-user-action .xp-progress-bar ,
.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 - === */
.player-container #player-container.player-container__player > video ~ .xp-progress-bar .thumbs:not(.xh-helper-hidden) ,
.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 - === */
.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: 527px !important;
z-index: 0 !important;
transition: ease all 0.7s !important;
background: #111 !important;
}
.player-container #player-container.player-container__player.xplayer .control-bar .play .play-inner ,
.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;
}
.player-container #player-container.player-container__player.xplayer:not(.xplayer-large-mode) .control-bar .right-block {
float: right;
height: 40px;
position: relative;
top: -4px;
width: 130px;
}
/* CONTROL BAR - TIMING - DISPLAY ON NOT HOVER - NOT FULL SCREEN - === */
.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;
}
.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;
}
.player-container #player-container.player-container__player.xplayer.notranslate.no-user-action .control-bar .timing span.eta ,
.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: 13px !important;
line-height: 12px !important;
top: 26px !important;
left: 724px !important;
padding: 0px 0 0 80px !important;
border-radius: 3px !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 0 !important;
pointer-events: none !important;
background: red !important;
}
/* RUN TIME - NOT FULL SCREN - MOZ + CHROME */
.player-container #player-container.player-container__player.xplayer.notranslate.no-user-action .control-bar .timing span.eta:before ,
.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: 25px ;
margin-left: -77px !important;
padding: 0 ;
border-radius: 3px ;
font-size: 10px ;
text-align: left ;
z-index: 0 ;
}
/* 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 */
.player-container #player-container.player-container__player.xplayer.notranslate.no-user-action:-moz-full-screen .control-bar .left-block .timing span.eta ,
.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 */
.player-container #player-container.player-container__player.xplayer.notranslate.no-user-action:-webkit-full-screen .control-bar .left-block .timing span.eta ,
.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;
}
/* 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: 755px !important;
}
/* PROGRESS BAR - NORMAL VIDEO MODE - PROGRESS BAR - NOT HOVER - NOT LARGE / FULL - */
.player-container #player-container.player-container__player.xplayer.no-user-action .xp-progress-bar ,
.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: 560px !important;
left: 5px !important;
z-index: 5000 !important;
opacity: 1 !important;
background: transparent !important;
}
.player-container #player-container.player-container__player.xplayer.no-user-action .seeker {
top: 3px ;
}
.player-container #player-container.player-container__player.xplayer:not(.no-user-action) .xp-progress-bar:not(:hover) .seeker ,
.player-container #player-container.player-container__player.xplayer:not(.no-user-action) .progress-bar:not(:hover) .seeker {
top: 50px ;
}
.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 */
.player-container #player-container.player-container__player.xplayer.no-user-action .xp-progress-bar .seeker .buffer ,
.player-container #player-container.player-container__player.xplayer.no-user-action .progress-bar .seeker .buffer {
background: red !important;
}
.player-container #player-container.player-container__player.xplayer.no-user-action .xp-progress-bar .seeker .filler ,
.player-container #player-container.player-container__player.xplayer.no-user-action .progress-bar .seeker .filler {
/* background: green !important;*/
}
.player-container #player-container.player-container__player.xplayer.no-user-action .xp-progress-bar .seeker .handle ,
.player-container #player-container.player-container__player.xplayer.no-user-action .progress-bar .seeker .handle {
background: aqua !important;
}
.player-container #player-container.player-container__player.xplayer.no-user-action .xp-progress-bar .seeker .filler ,
.player-container #player-container.player-container__player.xplayer.no-user-action .xp-progress-bar .seeker .handle ,
.player-container #player-container.player-container__player.xplayer.no-user-action .progress-bar .seeker .filler ,
.player-container #player-container.player-container__player.xplayer.no-user-action .progress-bar .seeker .handle {
display: none !important;
}
.xplayer.no-user-action .control-bar,
.xplayer.no-user-action .xp-progress-bar ,
.xplayer.no-user-action .progress-bar {
opacity: 1 !important;
}
/* NORMAL VIDEO MODE - PROGRESS BAR (for THUMBNAIL PREVIEW) - HOVER - NOT LARGE / FULL - === */
.player-container #player-container.player-container__player.xplayer .xp-progress-bar ,
.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: 565px !important;
left: 5px !important;
z-index: 5000 !important;
opacity: 1 !important;
}
.player-container #player-container.player-container__player.xplayer .xp-progress-bar .seeker ,
.player-container #player-container.player-container__player.xplayer .progress-bar .seeker {
height: 2px;
opacity: 0.4;
top: -1px !important;
}
/* PROGRESBAR - HOVER - PREVIEW THUMBNAIL CONTAINER */
.player-container #player-container.player-container__player.xplayer .xp-progress-bar:hover ,
.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: 560px !important;
left: 5px !important;
opacity: 1 !important;
z-index: 500000 !important;
background: hsla(0, 0%, 100%, 0.35) !important;
}
.player-container #player-container.player-container__player .xp-progress-bar .thumbs:not(.hidden) ,
.player-container #player-container.player-container__player .progress-bar .thumbs:not(.hidden) {
top: 52px !important;
z-index: 5000000 !important;
}
/* 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: 57vh !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;
}
/* 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: 596px !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: 600px !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 ;
}
/* (new214) */
.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: 63vh !important;
left: 477px !important;
z-index: 50000000 !important;
opacity: 1 !important;
background: rgba(0, 0, 0, 0.8) !important;
}
.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 {
top: 52px !important;
z-index: 5000000 !important;
opacity: 1 !important;
}
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode .xplayer-background-bottom {
width: 100%;
height: 2px;
top: 540px !important;
}
/* PLAYER - PROGRESSBAR + THUMB PREVIEW - FLASH ?? - === */
#playerSwf #player.xplayer:not(:-moz-full-screen):not(:-webkit-full-screen):not(.overlay-menu-opened):not(.no-user-action) video ~ .xp-progress-bar ,
#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: 585px !important;
border-top: 1px solid red ;
border-bottom: 1px solid red ;
transition: height ease 0.7s ;
background: red !important;
}
#playerSwf:not(:hover) #player.xplayer:not(.overlay-menu-opened):not(:-moz-full-screen):not(:-webkit-full-screen) video ~ .xp-progress-bar ,
#playerSwf:not(:hover) #player.xplayer.overlay-menu-opened:not(:-moz-full-screen):not(:-webkit-full-screen) video ~ .xp-progress-bar ,
#playerSwf:not(:hover) #player.xplayer:not(.overlay-menu-opened):not(:-moz-full-screen):not(:-webkit-full-screen) video ~ .progress-bar ,
#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;
}
/* ===== */
.xplayer .xp-progress-bar .seeker ,
.xplayer .progress-bar .seeker {
border-radius: 5px ;
height: 5px ;
/* width: 100% !important; */
top: 15px ;
}
.xplayer .filler {
height: 5px ;
}
.xplayer .xp-progress-bar .handle ,
.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;
}
/* VIDEO - SETTINGS */
.video-page .player-container .settings-menu {
position: fixed !important;
width: 150px !important;
height: 250px !important;
top: 288px !important;
left: 470px !important;
opacity: 1 !important;
z-index: 10 !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 */
.xplayer:-webkit-full-screen .xplayer-background-top ,
.player-container #player.xplayer:-webkit-full-screen .xplayer-background-bottom ,
.xplayer:-moz-full-screen .xplayer-background-top ,
.player-container #player.xplayer:-moz-full-screen .xplayer-background-bottom {
display: none !important;
}
/* FULL - MOZ */
.xplayer:-webkit-full-screen .xplayer-background-top ,
.player-container #player.xplayer:-webkit-full-screen .xplayer-background-bottom ,
.xplayer:-moz-full-screen .xplayer-background-top ,
.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 ;
}
/* LARGE VIDEO MODE - LABELS */
.video-page--large-mode .items .favorites-dropdown__list-item {
float: left;
clear: none;
width: 10% !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;
}
/* VIDEO PLAYER - MY COMMENT - ADD COMMENT */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .my-comment {
position: fixed ;
width: 250px ;
height: 22px ;
line-height: 25px ;
left: 765px ;
top: 565px ;
border-radius: 3px ;
overflow: hidden ;
background: black ;
transition: all ease 0.7s ;
border: 1px solid red ;
}
/* LARGE - ok */
.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .my-comment ,
.video-page--large-mode .my-comment {
width: 243px ;
height: 17px ;
left: 470px !important;
top: 585px !important;
}
.video-page--large-mode .my-comment:hover {
height: 300px !important;
top: 610px !important;
z-index: 1500 !important;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .my-comment:hover {
display: inline-block !important;
height: 100% !important;
max-height: 128px !important;
min-height: 128px !important;
overflow: hidden;
transform: scale(1);
border: 1px solid yellow !important;
}
/* LARGE - ok */
.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .my-comment:hover {
display: inline-block !important;
height: 100% !important;
max-height: 228px !important;
min-height: 228px !important;
}
.video-page--large-mode .comments-section .my-comment:hover .input-area {
height: 286px !important;
}
/* VIDEO - COMMENTS PAGER - === */
.video-page .comments-section .pager-section {
position: absolute ;
display: inline-block ;
height: 22px ;
width: 400px ;
left: 677px ;
top: 30vh ;
transform: scale(0.9) ;
background: transparent ;
}
/* LARGE - ok */
.video-page--large-mode .comments-section .pager-section {
position: fixed ;
height: 20px;
top: 606px ;
left: 70px;
margin: 0;
transform: scale(0.6) !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;
}
/* (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;
}
/* 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: 300px !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 ;
}
/* LARGE MODE ok */
.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: 298px !important;
height: 15px ;
line-height: 9px ;
top: 706px !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;
}
/* 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: 632px !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;
}
/* VIDEO /PHOTO etc - COMMENTS - BOTTOM WIDTH TOTAL CONTAINER */
.video-page .width-wrap .comments-section.comments-container {
display: inline-block ;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: 333px ;
margin-top: 38px ;
margin-left: 0px ;
padding: 0px ;
border-radius: 3px;
box-shadow: 3px 3px 2px black;
border: 1px solid #404040 ;
}
/* LARGE ok */
.video-page--large-mode .width-wrap .comments-section.comments-container {
max-height: 314px;
min-height: 314px;
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 ;
}
.video-page .width-wrap .comments-section.comments-container #commentBox.width-wrap .comments-wrap .heading-container + .content-container {
display: inline-block !important;
height: 308px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin-top: 4px !important;
}
/* LARGE ok */
.video-page--large-mode .width-wrap .comments-section.comments-container #commentBox.width-wrap .comments-wrap .content-container {
width: 720px !important;
margin-top: 3px !important;
margin-left: -5px !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: 328px ;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
top: 0px !important;
z-index: 0 !important;
}
/* 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: 314px !important;
max-height: 314px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: 310px ;
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;
}
/* REPLY */
.photo-page .comments-section.comments-container:hover #commentBox.width-wrap .comments-wrap .comments-list .item.is-reply.item--replying .my-comment ,
.video-page .width-wrap .comments-section.comments-container:hover #commentBox.width-wrap .comments-wrap .content-container .my-comment {
max-height: 200px !important;
min-height: 20px !important;
margin-top: 33px !important;
z-index: 50000 !important;
border: 1px solid green !important;
}
.photo-page .comments-section.comments-container:not(:hover) #commentBox.width-wrap .comments-wrap .comments-list .item.is-reply.item--replying .my-comment ,
.video-page .width-wrap .comments-section.comments-container:not(:hover) #commentBox.width-wrap .comments-wrap .content-container .my-comment {
max-height: 124px !important;
min-height: 124px !important;
margin-top: 33px !important;
z-index: 500000 !important;
}
.video-page .width-wrap .comments-section.comments-container:not(:hover) #commentBox.width-wrap .comments-wrap .content-container .my-comment {
position: fixed !important;
display: inline-block !important;
min-height: 22px !important;
max-height: 22px !important;
margin-top: 30px !important;
z-index: 0 !important;
}
/* REPLY */
.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;
}
.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: 307px !important;
max-height: 307px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
left: 0px !important;
margin: 0 !important;
}
/* 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: 287px !important;
max-height: 287px !important;
min-width: 713px !important;
max-width: 713px !important;
top: 0px !important;
margin: 0 !important;
left: 5px !important;
padding: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 0 !important;
transition: none !important;
border: 1px solid gray !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;
}
/* (new241) VIDEO PAGE - LARGE VIDEO MODE - RELATED VIDEOS */
.video-page .width-wrap.with-player-container + .width-wrap {
display: inline-block !important;
height: 583px !important;
max-width: 893px;
min-width: 893px;
position: fixed;
right: 0;
top: 1.7vh !important;
padding-top: 0px !important;
border-radius: 5px !important;
overflow: hidden !important;
z-index: -1 !important;
border: 1px solid red !important;
}
/* (new242) */
.video-page .more-related-videos {
position: fixed !important;
display: inline-block !important;
width: 300px;
height: 20px;
line-height: 20px;
margin-top: -1.5vh !important;
margin-left: 285px !important;
padding: 3px;
z-index: 50000 !important;
}
.more-related-videos a[data-page="next"]:before {
content: "▶" ;
width: 20px ;
height: 20px ;
line-height: 20px ;
margin-right: 10px ;
border-radius: 50% ;
text-align: center ;
color: gold ;
background-color: green;
}
.more-related-videos a.final:before {
content: "▶" ;
width: 20px ;
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 ;
}
.video-page:not(.video-page--large-mode) .width-wrap .mixed-section.videos.related-container {
min-height: 56.8vh !important;
max-height: 56.8vh !important;
width: 100% !important;
margin: 0px 0 0 0 !important;
}
/* 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;
}
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .width-wrap {
width: 100% !important;
min-width: 890px !important;
max-width: 890px !important;
height: 539px !important;
top: 7px !important;
margin-bottom: 0 !important;
padding: 2px 0px 2px 5px !important;
}
/* (new225) LARGE MODE ok */
.video-page.video-page--large-mode .mixed-section.videos.related-container .width-wrap {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 880px !important;
max-width: 880px !important;
height: 32.5vh !important;
top: 15px !important;
left: 0px !important;
margin: 0px !important;
padding: 17px 0px 2px 2px !important;
z-index: 5 !important;
}
/* (new241) LARGE - MORE */
.video-page.video-page--large-mode .mixed-section.videos.related-container .width-wrap .more-related-videos {
position: fixed !important;
display: inline-block !important;
width: 300px;
height: 20px;
line-height: 20px;
margin-top: -2px;
top: 618px !important;
padding: 3px;
z-index: 50000000 !important;
}
/* (new242) */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list.thumb-list--related.thumb-list--margin {
position: relative;
min-height: 56.9vh !important;
max-height: 56.9vh !important;
width: 100% !important;
min-width: 885px !important;
max-width: 885px !important;
top: -1vh ;
right: 0px ;
left: 0px !important;
margin: 0px !important;
border-radius: 3px;
overflow: hidden !important;
overflow-y: auto !important;
box-shadow: 3px 3px 2px black;
background: #111 !important;
border: 1px solid #404040 !important;
}
/* (new225) LARGE MODE ok */
.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 {
position: relative;
min-height: 30.7vh !important;
max-height: 30.7vh !important;
width: 100% !important;
min-width: 885px !important;
max-width: 885px !important;
top: -4px ;
right: 0px ;
left: 0px !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--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 - RELATED THUMBNAIL - NORMAL / LARGE MODE - === */
.video-page--large-mode .ads-section + .width-wrap {
min-width: 752px !important;
max-width: 752px !important;
left: -580px !important;
top: -24px !important;
padding: 0 !important;
}
/* 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;
}
.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;
}
.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 .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 {
position: relative;
float: left;
height: 21px;
width: 19px;
}
/* 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;
}
.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;
}
.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 .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 {
position: relative;
float: left;
height: 21px;
width: 19px;
}
/* VIDEO LARGE MODE - COMMENTS - TOP ROW HOVER */
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .item:hover:nth-child(n+1):nth-child(-n+10) {
top: 19px !important;
}
.video-page.video-page--large-mode .comments-section .comments-list .item:nth-child(n+1):nth-child(-n+4):hover {
top: 14px !important;
}
/* VIDEO LARGE MODE - COMMENTS - BOTTOM ROW HOVER */
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .item:hover:nth-child(n+21):nth-child(-n+30) {
top: -10px !important;
}
/* VIDEO LARGE MODE - COMMENTS - LEFT / RIGHT ROW HOVER */
.video-page.video-page--large-mode .comments-section .comments-list .item:nth-child(21):hover ,
.video-page.video-page--large-mode .comments-section .comments-list .item:nth-child(11):hover ,
.video-page.video-page--large-mode .comments-section .comments-list .item:nth-child(1):hover {
left: 44px !important;
}
.video-page.video-page--large-mode .comments-section .comments-list .item:nth-child(30):hover ,
.video-page.video-page--large-mode .comments-section .comments-list .item:nth-child(20):hover ,
.video-page.video-page--large-mode .comments-section .comments-list .item:nth-child(10):hover {
right: 30px !important;
}
/* VIDEO LARGE - COMMENT ITEMS INFOS - HOVER */
.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 .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 .item:hover .comment-info {
margin-top: 12px !important;
}
.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 .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 .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;
}
.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 .item:hover .comment-info .user-info {
margin-top: 23px !important;
margin-bottom: 18px ;
}
.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;
}
.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 .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;
}
.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;
}
/* REPLY GREEN */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment {
position: absolute !important;
display: inline-block !important;
float: none !important;
width: 180px !important;
height: 70px !important;
line-height: 25px ;
left: 0px !important;
padding-left: 0px !important;
top: 86px !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 gray ;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:hover .my-comment {
position: absolute !important;
display: inline-block !important;
float: none !important;
width: 372px !important;
height: 125px !important;
line-height: 25px ;
left: 0px !important;
padding-left: 0px !important;
border-radius: 3px ;
overflow: hidden ;
transform: translate(-3px, -125px) !important;
transition: all ease 0.7s !important;
opacity: 1 !important;
z-index: 50000 !important;
}
.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 .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 .item .my-comment:hover .submit-comment.xh-button.large.red {
left: 10px ;
top: -13px !important;
z-index: 50000 !important;
transform: scale(0.7) !important;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment .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;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:hover .my-comment .input-area,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment:hover .input-area {
min-width: 185px !important;
max-width: 185px !important;
left: 184px !important;
border-left: 1px solid red !important;
background: black !important;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment .input-area div {
height: 122px !important;
}
.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;
}
.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;
}
.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;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment .input-area > div::before {
content: " Line break : Ctrl + Enter" ;
font-size: 12px ;
position: absolute ;
display: inline-block ;
width: 100% ;
min-width: 182px ;
max-width: 182px ;
height: 100% ;
min-height: 15px ;
max-height: 15px ;
left: -184px ;
top: 106px ;
padding: 0 5px ;
text-align: left ;
z-index: 500 ;
background: green ;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item .my-comment:hover .input-area > div::before {
left: -190px ;
top: 108px !important;
background: gold;
}
.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 .item.item--replying img.preview-image {
display: none !important;
}
/* NOT WITH REPLY - === */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .my-comment:hover {
width: 249px !important;
max-height: 350px !important;
min-height: 350px !important;
overflow: hidden ;
z-index: 500 !important;
transform: scale(1) !important;
background: black ;
}
/* VIDEO PAGE - COMMENT /REPLY */
.video-page .comments-section .my-comment .user {
position: relative;
display: block;
float: left;
width: 70px;
left: -30px ;
top: 2px ;
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;
}
.video-page .comments-section .my-comment .input-area {
position: relative;
min-height: 17px !important;
line-height: 15px !important;
width: 216px ;
left: 31px ;
top: -48px ;
right: 54px ;
overflow: hidden;
}
.video-page .comments-section .my-comment:hover .input-area {
position: relative;
display: inline-block !important;
width: 245px ;
height: 300px !important;
line-height: 18px !important;
right: -30px ;
left: 1px !important;
top: 1px !important;
padding-right: 0 ;
overflow: hidden;
overflow-y: auto !important;
}
.video-page .comments-section .my-comment .comment-textarea.focus ,
.video-page .comments-section .my-comment .comment-textarea:not(.focus ) {
width: 217px !important;
height: 18px !important;
line-height: 6px !important;
min-height: 18px !important;
top: -1px !important;
left: 0px !important;
z-index: 500000 !important;
}
.video-page .comments-section .my-comment:hover .comment-textarea.focus {
height: 120px !important;
line-height: 15px ;
top: 0px !important;
padding: 3px ;
}
.video-page .comments-section .my-comment:hover .comment-textarea.focus {
width: 244px !important;
height: 100% !important;
min-height: 18px ;
max-height: 120px !important;
line-height: 15px ;
top: 3px ;
right: 0px !important;
left: 0px !important;
padding: 3px ;
resize: vertical !important;
}
.video-page .comments-section .my-comment:hover .comment-textarea.xh-editable ,
.video-page .comments-section .my-comment:hover .comment-textarea:not(.focus ) {
width: 245px !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;
}
/* 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 ;
}
.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: 20px !important;
left: 55px ;
margin-top: -8px ;
padding: 2px 5px 2px ;
border-radius: 20px;
font-size: 10px !important;
}
/* (new229)POST COMMENT - ADD HINT for How to make a LINE BREAK - === */
.video-page .comments-section .my-comment:hover .input-area>div:before {
content: " Line break : Ctrl + Enter \A Past Without Format: Ctrl +⇑ + V" ;
display: inline-block ;
width: 100% !important;
min-width: 185px ;
max-width: 185px ;
min-height: 30px ;
margin-top: 0px ;
margin-left: 26px ;
font-size: 12px ;
text-align: right ;
white-space: pre !important;
overflow: hidden !important;
color: red !important;
}
/* VIDEO PLAYER - COMMENTS ITEMS */
.video-page .comments-section .comments-list .item {
position: relative !important;
display: inline-block !important;
vertical-align: top !important;
width: 100% !important;
max-width: 185px !important;
min-width: 185px !important;
height: 100% !important;
min-height: 92px !important;
max-height: 92px !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;
}
.video-page .comments-section .comments-list .item.item--linked {
border: 1px solid aqua !important;
}
/* AVATAR with / without IMAGE */
.video-page .comments-section .comments-list .item .user {
position: relative;
float: left;
height: 21px !important;
width: 19px !important;
}
.video-page .comments-section .comments-list .item .user a.retired ,
.video-page .comments-section .comments-list .item .user a {
width: 22px !important;
height: 20px !important;
left: -4px !important;
}
.video-page .comments-section .comments-list .item .user .xh-avatar.small {
position: relative;
float: left;
transform: scale(0.3) !important;
transform-origin: top left !important;
z-index: 5;
}
.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-list .item .user .xh-avatar.retired:before {
left: 1px ;
top: 0px ;
color: gold ;
}
.video-page .comments-section .comments-list .item .user .xh-avatar.small[style^="background-color:"] {
margin-bottom: 2px !important;
margin-top: 0px !important;
}
.video-page .comments-section .comments-list .item .comment-info {
height: 83px !important;
width: 182px !important;
left: -4px !important;
}
.video-page .comments-section .comments-list .item .comment-info .comment-body {
height: 84px !important;
margin-left: 16px !important;
}
.video-page .comments-section .comments-list .item .comment-info .comment-body .user-info {
height: 15px !important;
width: 100% !important;
min-width: 159px !important;
max-width: 159px !important;
}
.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: 130px !important;
max-width: 130px !important;
height: 11px !important;
margin-top: 0px !important;
}
.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: 130px !important;
max-width: 130px !important;
height: 11px !important;
margin-top: 0px !important;
}
.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: 135px !important;
max-width: 135px !important;
height: 11px !important;
margin-top: -3px !important;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .item:hover .comment-info .comment-body .comment-actions ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .item:hover .comment-info .comment-body .comment-actions {
position: relative !important;
display: inline-block !important;
margin-right: -8px !important;
margin-top: -5px !important;
transform: scale(0.5) !important;
z-index: 50000 !important;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .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 .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 .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 .item:hover .remove-confirmation .confirmation-wrap .buttons {
float: right !important;
width: 185px !important;
margin-top: 0 !important;
}
.video-page .comments-section .comments-list .item .comment-info .user-info .username.retired ,
.video-page .comments-section .comments-list .item .comment-info .comment-body .user-info a.username {
height: 15px !important;
line-height: 10px !important;
width: 100% !important;
min-width: 159px !important;
max-width: 159px !important;
margin-top: -45px !important;
margin-left: 7px !important;
font-size: 10px !important;
overflow: hidden !important;
}
.video-page .comments-section .comments-list .item .comment-info .user-info .username.retired {
background: rgba(249, 8, 8, 0.42) !important;
}
.video-page .comments-section .comments-list .item .comment-info .user-info > *:not(.username) {
float: left !important;
clear: both !important;
height: 19px !important;
width: 19px !important;
margin-left: -18px !important;
margin-right: -24px !important;
margin-top: -17px !important;
margin-bottom: 10px !important;
transform: scale(0.5) !important;
transform-origin: center center !important;
}
.video-page .comments-section .comments-list .item:hover .comment-info .user-info > *:not(.username) {
margin-top: -5px !important;
margin-bottom: -3px !important;
}
.video-page .comments-section .comments-list .item .comment-info .text {
display: inline-block !important;
width: 156px !important;
height: 53px !important;
line-height: 12px !important;
margin: 0 !important;
margin-top: -4px !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 .item .comment-info .text > br {
display: block !important;
margin-bottom: 1px !important;
}
.photo-page .comments-section.comments-container.clearfix .item .comment-info .comment-meta .comment-meta ,
.video-page .comments-section .comments-list .item .comment-info .comment-meta {
border-top: 1px solid gray;
display: inline-block !important;
min-width: 179px !important;
max-width: 179px !important;
height: 15px !important;
left: -14px !important;
top: -1px !important;
padding: 0 3px !important;
border-radius: 0 0 3px 3px !important;
background: black !important;
}
.photo-page .comments-section.comments-container.clearfix .item .comment-info .comment-meta a ,
.photo-page .comments-section.comments-container.clearfix .item .comment-info .comment-meta .add-time ,
.video-page .comments-section .comments-list .item .comment-info .comment-meta a ,
.video-page .comments-section .comments-list .item .comment-info .comment-meta .add-time {
height: 14px !important;
line-height: 14px !important;
margin-right: 2px ;
font-size: 12px !important;
}
/* + LARGE MODE ok */
.video-page--large-mode .comments-section .comments-list .item .comment-info .comment-meta .reply-link ,
.video-page .comments-section .comments-list .item .comment-info .comment-meta .reply-link ,
.photo-page .comments-section.comments-container.clearfix .item .comment-info .comment-meta .hide-original-comment.no-last ,
.photo-page .comments-section.comments-container.clearfix .item .comment-info .comment-meta .show-original-comment.no-last ,
.photo-page .comments-section.comments-container.clearfix .item .comment-info .comment-meta .reply-link.add-reply ,
.video-page .comments-section .comments-list .item .comment-info .comment-meta .hide-original-comment.no-last ,
.video-page .comments-section .comments-list .item .comment-info .comment-meta .show-original-comment.no-last ,
.video-page .comments-section .comments-list .item .comment-info .comment-meta .reply-link.add-reply {
font-size: 0px !important;
}
.photo-page .comments-section.comments-container.clearfix .item .comment-info .comment-meta .show-original-comment.no-last ,
.video-page .comments-section .comments-list .item .comment-info .comment-meta .show-original-comment.no-last {
vertical-align: bottom !important;
font-size: 0px !important;
line-height: 10px !important;
border-bottom: none ;
}
.photo-page .comments-section.comments-container.clearfix .item .comment-info .comment-meta .show-original-comment.no-last:before ,
.video-page .comments-section .comments-list .item .comment-info .comment-meta .show-original-comment.no-last:before {
content: "👁 🗨" ;
color: gold ;
font-size: 13px ;
}
.photo-page .comments-section.comments-container.clearfix .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 ;
}
.photo-page .comments-section.comments-container.clearfix .item .comment-info .comment-meta .show-original-comment.no-last:hover:after ,
.video-page .comments-section .comments-list .item:hover .comment-info .comment-meta .show-original-comment.no-last:hover:after {
content: "Show Original Comment" ;
position: absolute ;
top: -5px ;
margin-left: -40px ;
padding: 1px 3px ;
color: red ;
font-size: 7px ;
background: gold ;
}
/* COMMENT - HOVER (PB WHEN REPLY) */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .item:hover ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .item:hover {
position: relative;
display: inline-block;
width: 9.7%;
height: 100% !important;
min-height: 100px !important;
max-height: 100px !important;
top: -5px;
margin-bottom: -30px !important;
margin-left: 2px;
margin-right: 2px;
padding: 2px 3px;
border-radius: 3px;
overflow: visible ;
transform: scale(1.5) !important;
transition: all ease 0.7s !important;
z-index: 50000 !important;
opacity: 1 !important;
background: black !important;
border: 1px solid red !important;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .item:hover .comment-info ,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .my-comment + .comments-list .item:hover .comment-info {
height: 90px !important;
left: -4px;
width: 182px;
}
.video-page .comments-section .comments-list .item:hover .comment-info .text {
position: relative !important;
display: inline-block !important;
line-height: 9px !important;
height: 62px !important;
width: 165px !important;
margin-top: -6px !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 ;
}
.video-page .comments-section .comments-list .item:hover .comment-info .comment-meta a ,
.video-page .comments-section .comments-list .item:hover .comment-info .comment-meta .add-time {
margin-right: 2px ;
font-size: 7px !important;
}
.video-page .heading-container + .content-container .comments-list .item:hover .comment-info .comment-meta {
padding: 0px !important;
}
/* VIDEO - COMMENT - NTH-CHILD - RIGHT */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .item:nth-child(21):hover,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .item:nth-child(11):hover,
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .item:nth-child(1):hover {
left: 38px !important;
}
/* VIDEO - COMMENT - NTH-CHILD - TOP */
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container > .comments-list .item:nth-child(n+1):nth-child(-n+10):hover {
top: 5px !important;
}
/* VIDEO - COMMENT REPLY - for RIGHT side ITEMS - HOVER - NORMAL MODE - === */
.video-page .comments-section .item.is-reply {
border: 1px dashed red !important;
}
.video-page .comments-section .item.has-reply {
border: 1px solid red !important;
}
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(30):hover ,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(20):hover ,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(10):hover {
left: -10px !important;
margin-top: 0px !important;
border: 1px solid red !important;
transition: transform ease 0.7s !important;
}
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(30):hover {
height: 100% !important;
min-height: 120px !important;
max-height: 120px !important;
left: -10px !important;
margin-top: -33px !important;
border: 1px solid tan !important;
transition: transform ease 0.7s !important;
}
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(30):hover .my-comment ,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(20):hover .my-comment ,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(10):hover .my-comment {
transform: translate(-190px, -125px) scale(1) !important;
background: rgba(255, 0, 0, 0.17) !important;
border: 1px solid red !important;
}
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(30):hover .my-comment .input-area,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(30) .my-comment:hover .input-area ,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(20):hover .my-comment .input-area,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(20) .my-comment:hover .input-area ,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(10):hover .my-comment .input-area,
.video-page:not(.video-page--large-mode) .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(10) .my-comment:hover .input-area {
left: 0px !important;
background: black ;
border-right: 1px solid aqua !important;
}
.video-page .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(10) .my-comment .input-area > div::before {
font-size: 10px ;
left: 185px ;
width: 183px;
}
/* LARGE MODE ok */
/* LARGE MODE ok */
.video-page.video-page--large-mode .comments-section .comments-list .item {
position: relative !important;
display: inline-block !important;
float: none !important;
max-width: 170px !important;
min-width: 170px !important;
min-height: 62px !important;
max-height: 62px !important;
margin-right: -2px !important;
margin-bottom: 5px !important;
border: 1px solid red !important;
}
/* LARGE MODE - HOVER - ok */
/* RIGHT */
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(20):hover ,
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(16):hover ,
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(12):hover ,
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(8):hover ,
.video-page.video-page--large-mode .comments-section.comments-container #commentBox .comments-wrap .content-container .comments-list .item:nth-child(4):hover {
left: -38px !important;
margin-top: 0px !important;
border: 1px solid red !important;
}
/* LARGE MODE - ok */
.video-page--large-mode .comments-section .comments-list .item .comment-info {
width: 169px !important;
height: 68px !important;
top: -2px;
}
/* LARGE MODE - HOVER - ok */
.video-page--large-mode .comments-section .comments-list .item:hover .comment-info {
position: relative;
min-height: 97px !important;
top: -14px !important;
}
/* LARGE MODE ok */
.video-page--large-mode .comments-section .comments-list .item:hover .comment-info .comment-body {
position: relative;
min-height: 97px !important;
margin-top: 13px;
}
.video-page--large-mode .comments-section .comments-list .item:hover .comment-info .comment-body .user-info {
position: relative !important;
display: inline-block !important;
height: 10px !important;
line-height: 10px !important;
min-width: 152px !important;
max-width: 152px !important;
top: -15px !important;
}
.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 .item .comment-info .user-info .username.retired {
max-width: 139px !important;
min-width: 139px !important;
}
.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;
}
/* LARGE MODE ok */
.video-page--large-mode .comments-section .comments-list .item .comment-info .text {
min-height: 40px !important;
min-width: 149px !important;
max-width: 143px !important;
margin-top: 2px !important;
margin-bottom: -16px !important;
}
/* LARGE MODE - HOVER - ok */
.video-page.video-page--large-mode .comments-section .comments-list .item:hover .comment-info .text {
position: relative !important;
display: inline-block !important;
min-height: 65px !important;
top: -13px !important;
margin-top: 0px !important;
margin-bottom: -10px !important;
}
/* LARGE MODE - HOVER - ok */
.video-page--large-mode .comments-section #commentBox .content-container .comments-list.beta-preloader-autoheight:hover .item .comment-info .text {
min-width: 100% !important;
min-width: 220px !important;
max-width: 220px !important;
height: 100% !important;
min-height: 65px !important;
max-height: 65px !important;
margin-top: -30px !important;
margin-bottom: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* LARGE MODE ok */
.video-page.video-page--large-mode .comments-section .comments-list .item .comment-info .comment-meta {
min-width: 167px !important;
max-width: 167px !important;
top: -3px !important;
}
/* ====== 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;
}
.user-page.my-uploads-page .footer-buffer + footer ,
.user-page.user-photos-page.my-uploads-page .footer-buffer + footer {
display: none ;
}
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;
}
.main-wrap {
max-width: 100% !important;
min-width: 100% !important;
padding-top: 0px !important;
top: 28px !important;
}
.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;
}
/* 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 > 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;
}
header .top-header {
position: relative;
display: inline-block !important;
height: 100% !important;
min-height: 25px !important;
max-height: 25px !important;
width: 100%;
overflow: visible !important;
background: #303030 !important;
border-bottom: 1px solid red !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;
}
.search-section .logo-container .logo img {
display: block;
width: 100%;
margin-top: 0px ;
}
header .logo-container .logo .preference-hint {
width: 50px;
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;
}
/* 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 ;
}
/* LOGIN */
.login-section {
position: absolute ;
display: inline-block ;
float: none ;
vertical-align: top;
height: 100% ;
min-height: 25px ;
max-height: 25px ;
min-width: 150px !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.round {
height: 100% ;
min-height: 22px ;
max-height: 22px ;
width: 190px !important;
padding: 0 ;
font-size: 15px ;
}
.login-section .trigger {
display: inline-block !important;
height: 22px !important;
left: 5px ;
top: 0px ;
padding: 0px !important;
font-size: 18px;
z-index: 7;
}
.login-section .xh-button.sign-up-button.large {
height: 18px !important;
line-height: 15px !important;
margin: 0 10px 0 5px !important;
padding: 0 5px 0 5px;
font-size: 15px !important;
}
.login-section .user-section {
display: inline-block !important;
min-width: 150px !important;
height: 23px !important;
margin-right: 0;
padding-top: 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;
}
.user-section-row .item.menu img.xh-avatar.smaller {
display: inline-block !important;
height: 20px;
line-height: 20px;
width: 20px;
margin: 0 10px 0 5px !important;
font-size: 16px;
}
.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;
}
.login-section .trigger::after {
position: absolute ;
right: -10px;
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;
}
/* TOP NAV LINK - === */
/* TOP HEADER - TOP MENU - === */
header .top-menu-container {
position: absolute;
display: inline-block;
height: 25px !important;
line-height: 25px !important;
width: 1031px;
left: 164px;
right: 0;
top: 0px !important;
margin: 0;
z-index: 150;
background: transparent !important;
border-left: 1px solid red !important;
}
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;
}
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: 790px !important;
top: 0px !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: 380px !important;
left: 650px !important;
}
header .top-menu-container .top-menu__side-group.right li {
display: inline-block !important;
vertical-align: top !important;
height: 24px !important;
line-height: 24px !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;
}
header .top-menu-container .top-menu__side-group.left li {
position: relative !important;
display: inline-block !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
-moz-box-ordinal-group: unset !important;
order: unset !important;
margin-top: -3px !important;
z-index: 5000 ;
}
/* 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;
}
header .top-menu-container .top-menu__side-group.left li a {
display: inline-block !important;
height: 25px !important;
line-height: 25px !important;
padding: 0 5px !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;
}
/* USER HEADER - ==== */
.user-header {
position: fixed !important;
display: inline-block !important;
width: 1320px !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;
}
/* MY */
.user-page.favorites-page .user-header {
width: 1020px !important;
}
.user-header .width-wrap {
position: relative;
display: inline-block !important;
height: 29px !important;
top: 0px !important;
padding: 0px !important;
overflow: visible !important;
z-index: 0 !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;
}
/* USER RIGHT - INFOS */
.user-header.user-header--small .user-info-section ,
.user-header .user-info-section {
position: absolute ;
display: inline-block ;
height: 27px ;
line-height: 27px ;
width: 1920px !important;
right: 0 !important;
margin-left: 20px !important;
top: 0px !important;
padding: 0px !important;
vertical-align: top;
overflow: visible !important;
}
.user-header .user-info-section:hover {
display: inline-block ;
float: none ;
height: 100px ;
overflow-y: auto ;
}
/* USER PROFILE - ICONS VERIFIED / PRODUCER - === */
.user-header .user-achievements {
position: absolute !important;
display: inline-block !important;
float: none;
min-height: 30px !important;
max-height: 30px !important;
line-height: 30px !important;
width: 100px !important;
left: 345px !important;
top: -3px !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 > 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: 20px;
margin-left: 5px;
background-repeat: no-repeat;
background-size: cover;
}
.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 a i {
display: inline-block;
vertical-align: middle;
height: 20px;
width: 20px;
font-size: 20px !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;
}
/* USER PROFILE - USER NAME */
.user-header.user-header--small .user-top-infoblock ,
.user-header .user-info-section .user-top-infoblock {
height: 27px !important;
line-height: 27px !important;
margin-left: 50px !important;
}
.user-header .user-info-section .user-name {
position: fixed!important;
display: inline-block !important;
left: 40px !important;
top: 25px !important;
height: 26px !important;
line-height: 26px !important;
width: 360px !important;
padding-left: 30px !important;
z-index: 50000000 !important;
}
.user-page .user-header .user-info-section .user-name .xh-icon {
height: 26px !important;
line-height: 26px !important;
width: 26px !important;
left: -36px !important;
top: -28px !important;
transform: scale(0.8) !important;
}
.user-page .user-header .user-info-section .user-name .value {
float: left ;
width: 380px !important;
height: 26px !important;
line-height: 26px !important;
font-size: 18px !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-page .user-tabs.sort-section.xh-tabbed {
width: 557px !important;
height: 29px;
left: 1363px ;
top: -1px !important;
}
.user-page .user-tabs.sort-section.xh-tabbed .xh-tabset.active {
left: 0px;
top: 0px;
}
/* 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 {
height: 20px !important;
line-height: 20px;
top: 5px;
margin: 0 10px;
}
.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;
}
/* USER TABS NAV LINKS - USER BUTTONS - FAV / BLOCK SUBSCRIBE (NOT EDIT MY PROFILE) */
.user-header .user-name + .user-buttons:not(.xh-dropdown) {
position: absolute !important;
display: inline-block !important;
width: 310px !important;
height: 27px !important;
line-height: 27px !important;
left: 1060px !important;
margin-left: 0 !important;
top: 0px ;
text-align: center !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: 4px ;
right: 0px !important;
}
.user-header .user-name + .user-buttons:not(.xh-dropdown) .xh-button.line.edit-button {
display: none !important;
}
.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 ;
}
.user-header .user-buttons > .subscribe-block {
display: inline-block !important;
height: 25px !important;
line-height: 25px !important;
margin-top: 0px !important;
margin-left: -5px !important;
margin-right: 0px !important;
}
.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: 26px !important;
line-height: 26px !important;
}
/* USER INVITE ACCEPT REQUEST */
.user-page .user-header .invite-to-friends-block {
position: fixed !important;
height: 26px !important;
line-height: 26px !important;
left: 674px !important;
top: 27px !important;
padding: 0 0 !important;
border-radius: 5px !important;
z-index: 100 !important;
}
.user-page .user-header .user-buttons .invite-to-friends {
height: 24px !important;
line-height: 24px !important;
}
.user-page .user-header .invite-to-friends-block button.add-to-friends {
max-width: 100px !important;
height: 24px !important;
line-height: 8px !important;
margin-right: 0 !important;
font-size: 10px !important;
}
.user-page .user-header .invite-to-friends-block button.add-to-friends.already-friends {
background: #e34449 !important;
}
.user-page .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;
}
.user-header .user-buttons .xh-button{
height: 26px !important;
padding: 0 2px !important;
}
.user-page .user-top-infoblock .xh-dropdown.popup.positioned.user-buttons-menu {
height: 26px !important;
line-height: 26px !important;
width: 82px !important;
left: -52px !important;
top: 1px !important;
text-align: center !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 {
display: inline-block !important;
width: 100% !important;
min-width: 80px !important;
max-width: 80px !important;
height: 100% !important;
min-height: 25px !important;
max-height: 25px !important;
line-height: 20px !important;
right: 0 !important;
top: 0px !important;
left: 0px !important;
margin-top: 0px !important;
padding: 0px !important;
opacity: 1 !important;
box-shadow: none !important;
}
.user-page .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 .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: 25px !important;
max-height: 25px !important;
line-height: 25px !important;
top: 2px !important;
right: 0px !important;
padding: 0px !important;
text-align: left;
font-size: 0 !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;
}
.xh-dropdown .dropdown > li.with-icon:hover {
background: black !important;
}
.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;
}
/* 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%;
}
/* 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;
}
/* (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;
}
.category-page body {
display: inline-block !important;
width: 100% !important;
top: 0px;
padding: 0 ;
overflow: hidden !important;
}
.category-page main {
display: inline-block !important;
max-width: 100%;
min-width: 100%;
width: 100%;
height: 100% !important;
top: 0px !important;
overflow: hidden !important;
padding: 0 ;
}
/* (new228) */
.category-page main > .width-wrap {
top: 0px;
padding: 0 ;
}
.category-page main > .width-wrap aside {
margin-top: 7px ;
}
.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;
}
/* CAT - TAGS - TOP HEADER CATEG LIST */
.category-page .category-info ul.categories-container {
position: absolute ;
width: 646px !important;
height: 32px;
left: 1080px;
margin-top: 0;
top: 5px !important;
padding: 2px 30px 2px 5px !important;
border-radius: 5px ;
border: 1px solid red !important;
}
.category-page .categories-container.collapsable-list.collapsing:hover ,
.category-page .category-info ul.categories-container.collapsed:hover {
display: inline-block !important;
height: 100% !important;
min-height: 400px !important;
line-height: 24px !important;
z-index: 500000 !important;
background: black ;
}
.category-page .categories-container.collapsable-list>li ,
.category-page .categories-container.collapsable-list.collapsed>li.collapsed-item ,
.category-page .categories-container.collapsable-list.collapsed>li {
float: left !important;
min-height: 26px !important;
max-height: 24px !important;
line-height: 24px !important;
margin-bottom: 3px !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;
}
/* (new239) CAT INFO - ALL - Not only PORNSTAR - NO VERIF CONTAINER and NO pornstar-info-block-header */
html.category-page article {
display: inline-block !important;
width: 100% !important;
min-width: 90.6% !important;
max-width: 90.6% !important;
margin: -0.7vh 0 0 0 !important;
/* background: #111 !important; */
/* border: 1px solid yellow !important; */
}
html.category-page .category-info {
position: relative !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
min-height: 95px !important;
max-height: 95px !important;
margin: 0vh 0 0 0 !important;
border-radius: 5px 5px 0 0 !important;;
background: #111 !important;
/* border: 1px solid aqua !important; */
}
.category-page .category-info .video-filter {
position: absolute !important;
display: inline-block;
float: none !important;
left: 877px !important;
top: 7px !important;
vertical-align: middle;
z-index: 2101;
}
/* (new239) CAT INFO - CHAN / PORNS */
/* (new239) 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__content {
display: inline-block !important;
width: 940px !important;
margin-left: -20px !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 */
.category-page .category-info.pornstar + .index-videos.mixed-section {
display: inline-block !important;
margin-top: 0px !important;
}
/* (new229) CAT - H1 - ALL */
.category-page h1.category-title {
display: inline-block ;
width: 909px;
line-height: 20px;
line-height: 20px;
margin-bottom: 0px ;
margin-top: 14px ;
padding-left: 25px !important;
font-size: 20px;
}
/* CAT - H1 - PORNSTAR LOGO */
.category-page .category-info.pornstar 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;
}
.category-page .category-info.pornstar .category-place {
position: absolute !important;
top: 8px !important;
right: 890px !important;
}
.category-page h1.category-title + p.large {
margin-top: -40px !important;
}
.category-page .sort-section.xh-tabbed.no-upper {
height: 22px !important;
line-height: 20px !important;
margin-top: 0px !important;
margin-bottom: 0px;
}
.category-page .sort-section.xh-tabbed .xh-tabset {
position: relative;
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
}
.category-page .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;
}
.category-info .channel-info-filters--wrap {
position: absolute !important;
display: inline-block;
width: 693px;
left: 105px;
top: 68px !important;
text-align: left !important;
border-bottom: 1px solid red !important;
}
.category-page .category-info .video-filter + h1 + .channel-info-filters--wrap {
left: 20px !important;
}
.category-info.pornstar .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;
}
/* CHANNEL - FILTER - ALL */
.category-page .category-info .sort-section.xh-tabbed.no-upper ,
.category-page .category-info.pornstar .sort-section.xh-tabbed.no-upper {
display: inline-block !important;
height: 17px;
line-height: 17px;
margin-bottom: 0;
margin-top: 0;
}
.category-page .sort-section.xh-tabbed .xh-tabset > a.current-tab {
background: #333 !important;
}
.category-page .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;
}
.category-page .sort-section.xh-tabbed .xh-tabset > span {
margin-right: 15px !important;
padding-right: 15px !important;
}
.category-page .category-info .see-also {
position: relative;
display: inline-block;
height: 17px ;
line-height: 17px ;
margin-top: 3px ;
}
.category-page h1 + .sort-section.xh-tabbed.no-upper + p {
position: relative ;
display: inline-block ;
line-height: 14px ;
top: 4px !important;
margin-left: 340px !important;
padding: 2px 2px 2px 2px !important;
text-align: left !important;
z-index: 5000 !important;
visibility: hidden !important;
}
.category-page h1 + .sort-section.xh-tabbed.no-upper + p:hover {
z-index: 5000 !important;
visibility: visible !important;
background: black !important;
}
.category-page h1 + .sort-section.xh-tabbed.no-upper + p: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;
}
.category-page .category-info.pornstar .sort-section.xh-tabbed.no-upper + p.large {
margin-top: -10px !important;
}
/* (new240) CAT INFO - PORNSTAR */
html.category-page .category-info.pornstar {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
min-height: 95px !important;
max-height: 95px !important;
margin-bottom: 5px !important;
border-bottom: 1px solid red !important;
}
html.category-page .category-info.pornstar .pornstar-info {
width: 100% !important;
min-width: 1740px !important;
max-width: 1740px !important;
min-height: 93px !important;
max-height: 93px !important;
background: #111 !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;
}
/* (new240) 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;
/* border: 1px solid aqua !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: "︖ " !important;
position: absolute !important;
display: inline-block;
width: 100px !important;
height: 90px !important;
line-height: 90px !important;
left: 0px !important;
padding: 0 !important;
text-align: center !important;
font-size: 50px !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;
}
/* 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;
margin-right: 20px;
border-radius: 5px;
text-align: center;
overflow: hidden;
border: 1px solid red !important;
}
.landing-info__logo-wrapper {
display: inline-block !important;
height: 100%;
width: 100%;
}
.landing-info__logo-image {
position: absolute;
width: 100px !important;
height: 100px !important;
left: 0;
top: 0;
background-repeat: no-repeat !important;
object-fit: contain !important;
}
/* (new239) CAT - PORNSTAR/CHANNEL - LANDING INFOS */
.category-info .landing-info {
position: fixed !important;
display: flex;
align-items: center;
justify-content: flex-start;
line-height: 20px;
max-height: 42px;
max-width: 80%;
top: 3.2vh !important;
right: 45.5vw !important;
padding: 0px 0 0 0px !important;
font-size: 14px;
overflow: hidden;
/* border: 1px solid aqua !important; */
}
.category-info .landing-info .landing-info__metric .xh-icon::before {
color: peru !important;
}
.category-info .landing-info__metric-text.hasAlt{
color: gold !important;
}
/* (new239) CAT - PORNS - VERIFY */
.landing-info__verify {
display: none !important;;
}
/* (new239) CAT - PORNS - ALIAS */
html.category-page .category-info.pornstar .landing-info .landing-info__metric.aliases {
position: fixed !important;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
top: 6.5vh !important;
right: 36.5vw !important;
margin: 0 5px 0 10px;
white-space: nowrap;
color: gold !important;
/* border: 1px solid yellow !important; */
}
/* (new239) CAT - PORNST - COUNTRY */
.category-page .category-info.pornstar .pornstar-country {
position: fixed !important;
top: 3.8vh !important;
left: 14.5vw !important;
margin-left: 5px;
}
/* (new239) CAT - PORNSTAR FLAG - LAND INDICATOR */
/* https://xhamster.com/pornstars/all/countries */
.category-page .category-info.pornstar .pornstar-country .xh-flag:after {
position: absolute ;
display: inline-block !important;
width: 100% !important;
min-width: 130px!important;
height: 17px ;
line-height: 12px ;
top: -3px ;
left: 24px ;
padding: 1px 2px ;
border-radius: 3px ;
text-align: center ;
white-space: unset !important;
background: #111 ;
border: 1px solid tomato ;
}
.pornstars-page .category-page .category-info.pornstar .pornstar-country .xh-flag:after {
top: -5px ;
left: 80px ;
}
.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;
}
/* AL - Albanian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.al:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.al:after {
content: "Albanian" ;
}
/* DZ - Algerian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.dz:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.dz:after {
content: "Algerian" ;
}
/* AR - Argentinian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ar:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ar:after {
content: "Argentinian" ;
}
/* AM - Armeninian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.am:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.am:after {
content: "Armeninian" ;
}
/* AO - Angolan */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ao:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ao:after {
content: "Angolan" ;
}
/* AS - American Samoan */
.category-page .category-info.pornstar .pornstar-country .xh-flag.as:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.as:after {
content: "American Samoan" ;
}
/* AT - Austrian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.at:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.at:after {
content: "Austrian" ;
}
/* AU - Australian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.au:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.au:after {
content: "Australian" ;
}
/* AZ - Azeri */
.category-page .category-info.pornstar .pornstar-country .xh-flag.az:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.az:after {
content: "Azeri" ;
}
/* BA - Bosnian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ba:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ba:after {
content: "Bosnian" ;
}
/* BB - Barbadian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.bb:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.bb:after {
content: "Barbadian" ;
}
/* BD - Bangladeshi */
.category-page .category-info.pornstar .pornstar-country .xh-flag.bd:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.bd:after {
content: "Bangladeshi" ;
}
/* BE - Belgian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.be:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.be:after {
content: "Belgian" ;
}
/* BG - Bulgarian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.bg:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.bg:after {
content: "Bulgarian" ;
}
/* BM - Bermudian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.bm:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.bn:after {
content: "Bermudian" ;
}
/* BN - Bruneian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.bn:after,
.category-page .category-info.pornstar .pornstar-country .xh-flag.BN:after {
content: "Bruneian" ;
}
/* BO - Bolivian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.bo:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.bo:after {
content: "Bolivian" ;
}
/* BR - Brazilian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.br:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.br:after {
content: "Brazilian" ;
}
/* BS - Bahamian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.bs:after,
.category-page .category-info.pornstar .pornstar-country .xh-flag.BS:after {
content: "Bahamian" ;
}
/* BY - Belarusian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.by:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.by:after {
content: "Belarusian" ;
}
/* CA - Canadian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ca:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ca:after {
content: "Canadian" ;
}
/* CH - Swiss */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ch:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ch:after {
content: "Swiss" ;
}
/* CL - Chilean */
.category-page .category-info.pornstar .pornstar-country .xh-flag.cl:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.cl:after {
content: "Chilean" ;
}
/* CM - Cameroonian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.cm:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.cm:after {
content: "Cameroonian" ;
}
/* CN - Chinese */
.category-page .category-info.pornstar .pornstar-country .xh-flag.cn:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.cn:after {
content: "Chinese" ;
}
/* CO - Colombian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.co:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.co:after {
content: "Colombian" ;
}
/* CR - Costa Rican */
.category-page .category-info.pornstar .pornstar-country .xh-flag.cr:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.cr:after {
content: "Costa Rican" ;
}
/* CU - Czech */
.category-page .category-info.pornstar .pornstar-country .xh-flag.cu:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.cu:after {
content: "Cuban" ;
}
/* CY - Cypriot */
.category-page .category-info.pornstar .pornstar-country .xh-flag.cy:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.cy:after {
content: "Cypriot" ;
}
/* CZ - Czech */
.category-page .category-info.pornstar .pornstar-country .xh-flag.cz:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.cz:after {
content: "Czech" ;
}
/* DE - German */
.category-page .category-info.pornstar .pornstar-country .xh-flag.de:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.de:after {
content: "German" ;
}
/* DK - Danish */
.category-page .category-info.pornstar .pornstar-country .xh-flag.dk:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.dk:after {
content: "Danish" ;
}
/* DO - Dominican (Spanish)*/
.category-page .category-info.pornstar .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 */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ec:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ec:after {
content: "Ecuadorian" ;
}
/* EE - Estonian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ee:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ee:after {
content: "Estonian" ;
}
/* EG - Egyptian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.eg:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.eg:after {
content: "Egyptian" ;
}
/* ES - Spanish */
.category-page .category-info.pornstar .pornstar-country .xh-flag.es:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.es:after {
content: "Spanish" ;
}
/* FI - Finnish */
.category-page .category-info.pornstar .pornstar-country .xh-flag.fi:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.fiI:after {
content: "Finnish" ;
}
/* FR - French */
.category-page .category-info.pornstar .pornstar-country .xh-flag.fr:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.fr:after {
content: "French" ;
}
/* GB - British */
.category-page .category-info.pornstar .pornstar-country .xh-flag.gb:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.gb:after {
content: "British" ;
}
/* GD - Grenadian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.gd:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.gd:after {
content: "Grenadian" ;
}
/* GH - Ghanaian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.gh:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.gh:after {
content: "Ghanaian" ;
}
/* GE - Greenlander */
.category-page .category-info.pornstar .pornstar-country .xh-flag.gl:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.gl:after {
content: "Greenlander" ;
}
/* GL - Georgian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ge:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ge:after {
content: "Georgian" ;
}
/* GP - Guadeloupean */
.category-page .category-info.pornstar .pornstar-country .xh-flag.gp:after ,
.category-page .category-info.pornstar .pornstar-country .xh-flag.GP:after {
content: "Guadeloupean" ;
}
/* GQ - Equatoguinean */
.category-page .category-info.pornstar .pornstar-country .xh-flag.gq:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.gq:after {
content: "Equatoguinean" ;
}
/* GR - Greek */
.category-page .category-info.pornstar .pornstar-country .xh-flag.gr:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.gr:after {
content: "Greek" ;
}
/* GT - Guatemalan */
.category-page .category-info.pornstar .pornstar-country .xh-flag.gt:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.gt:after {
content: "Guatemalan" ;
}
/* HK - Hong Kongese */
.category-page .category-info.pornstar .pornstar-country .xh-flag.hk:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.hk:after {
content: "Hong Kongese" ;
}
/* HN - Hondurian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.hn:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.hn:after {
content: "Hondurian" ;
}
/* HR - Croatian*/
.category-page .category-info.pornstar .pornstar-country .xh-flag.hr:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.hr:after {
content: "Croatian" ;
}
/* HU - Hungarian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.hu:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.hu:after {
content: "Hungarian" ;
}
/* IN - Indian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.in:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.in:after {
content: "Indian" ;
}
/* ID - Indonesian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.id:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.id:after {
content: "Indonesian" ;
}
/* IR - Iranian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ir:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.r:after {
content: "Iranian" ;
}
/* IE - Irish */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ie:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ie:after {
content: "Irish" ;
}
/* IL - Israeli */
.category-page .category-info.pornstar .pornstar-country .xh-flag.il:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.il:after {
content: "Israeli" ;
}
/* IS - Icelander */
.category-page .category-info.pornstar .pornstar-country .xh-flag.is:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.is:after {
content: "Icelander" ;
}
/* IT - Italian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.it:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.it:after {
content: "Italian" ;
}
/* JM - Jamaican */
.category-page .category-info.pornstar .pornstar-country .xh-flag.jm:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.jm:after {
content: "Jamaican" ;
}
/* JO - Japanese */
.category-page .category-info.pornstar .pornstar-country .xh-flag.jo:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.jo:after {
content: "Jordanian" ;
}
/* JP - Japanese */
.category-page .category-info.pornstar .pornstar-country .xh-flag.jp:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.jp:after {
content: "Japanese" ;
}
/* KE - Keynian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ke:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.kh:after {
content: "Keynian" ;
}
/* KG - Kyrgyz */
.category-page .category-info.pornstar .pornstar-country .xh-flag.kg:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.kg:after {
content: "Kyrgyz" ;
}
/* KH - Cambodian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.kh:after,
.category-page .category-info.pornstar .pornstar-country .xh-flag.KH:after {
content: "Cambodian" ;
}
/* KP - North Korean */
.category-page .category-info.pornstar .pornstar-country .xh-flag.kp:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.kp:after {
content: "North Korean" ;
}
/* KR - Korean */
.category-page .category-info.pornstar .pornstar-country .xh-flag.kr:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.kr:after {
content: "Korean" ;
}
/* KZ - Kazakhstani */
.category-page .category-info.pornstar .pornstar-country .xh-flag.kz:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.kz:after {
content: "Kazakhstani" ;
}
/* LB - Lebanese */
.category-page .category-info.pornstar .pornstar-country .xh-flag.lb:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.lb:after {
content: "Lebanese" ;
}
/* LK - Sri Lanka */
.category-page .category-info.pornstar .pornstar-country .xh-flag.lk:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.lk:after {
content: "Sri Lanka" ;
}
/* LT - Lithuanian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.lt:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.lt:after {
content: "Lithuanian" ;
}
/* LV - Latvia */
.category-page .category-info.pornstar .pornstar-country .xh-flag.lv:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.lv:after {
content: "Latvia" ;
}
/* LY - Libyan */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ly:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ly:after {
content: "Libyan" ;
}
/* MA - Morocan */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ma:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ma:after {
content: "Morocan" ;
}
/* MC - Monégasque */
.category-page .category-info.pornstar .pornstar-country .xh-flag.mc:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.mc:after {
content: "Monégasque" ;
}
/* MD - Moldovan */
.category-page .category-info.pornstar .pornstar-country .xh-flag.md:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.md:after {
content: "Moldovan" ;
}
/* ME - Montenegrin */
.category-page .category-info.pornstar .pornstar-country .xh-flag.me:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.me:after {
content: "Montenegrin" ;
}
/* MG - Malagasy / Malgache */
.category-page .category-info.pornstar .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 */
.category-page .category-info.pornstar .pornstar-country .xh-flag.mn:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.mn:after {
content: "Mongolian" ;
}
/* MT - Maltese */
.category-page .category-info.pornstar .pornstar-country .xh-flag.mt:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.mt:after {
content: "Maltese" ;
}
/* MY - Malaysian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.my:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.my:after {
content: "Malaysian" ;
}
/* MX - Mexican */
.category-page .category-info.pornstar .pornstar-country .xh-flag.mx:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.mx:after {
content: "Mexican" ;
}
/* NE - Nigerian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ne:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ne:after {
content: "Nigerian" ;
}
/* NI - Nicaraguan */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ni:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ni:after {
content: "Nicaraguan" ;
}
/* NL - Netherlands (Dutch) */
.category-page .category-info.pornstar .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 */
.category-page .category-info.pornstar .pornstar-country .xh-flag.no:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.no:after {
content: "Norvegian" ;
}
/* NZ - New Zealander */
.category-page .category-info.pornstar .pornstar-country .xh-flag.nz:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.nz:after {
content: "New Zealander" ;
}
/* PA - Panamanian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.pa:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.pa:after {
content: "Panamanian" ;
}
/* PE - Peruvian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.pe:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.pe:after {
content: "Peruvian" ;
}
/* PH - Filipina */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ph:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ph:after {
content: "Filipina" ;
}
/* PK - Pakistani */
.category-page .category-info.pornstar .pornstar-country .xh-flag.pk:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.pk:after {
content: "Pakistani" ;
}
/* PL - Polish */
.category-page .category-info.pornstar .pornstar-country .xh-flag.pl:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.pl:after {
content: "Polish" ;
}
/* PR - Puerto Rican */
.category-page .category-info.pornstar .pornstar-country .xh-flag.pr:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.pr:after {
content: "Puerto Rican" ;
}
/* PT - Portuguese */
.category-page .category-info.pornstar .pornstar-country .xh-flag.pt:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.pt:after {
content: "Portuguese" ;
}
/* PY - Paraguayan */
.category-page .category-info.pornstar .pornstar-country .xh-flag.py:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.py:after {
content: "Paraguayan" ;
}
/* RE - Réunionese */
.category-page .category-info.pornstar .pornstar-country .xh-flag.re:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.re:after {
content: "Réunionese" ;
}
/* RO - Romanian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ro:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ro:after {
content: "Romanian" ;
}
/* RS - Serbian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.rs:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.rs:after {
content: "Serbian" ;
}
/* RU - Russian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ru:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ru:after {
content: "Russian" ;
}
/* SA - Saudi Arabian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.sa:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.sa:after {
content: "Saudi Arabian" ;
}
/* SE - Sweden */
.category-page .category-info.pornstar .pornstar-country .xh-flag.se:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.se:after {
content: "Sweden" ;
}
/* SI - Slovenian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.si:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.si:after {
content: "Slovenian" ;
}
/* SG - Singaporean */
.category-page .category-info.pornstar .pornstar-country .xh-flag.sg:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.sg:after {
content: "Singaporean" ;
}
/* SK - Slovak */
.category-page .category-info.pornstar .pornstar-country .xh-flag.sk:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.sk:after {
content: "Slovak" ;
}
/* SN - Senegalese */
.category-page .category-info.pornstar .pornstar-country .xh-flag.sn:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.sn:after {
content: "Senegalese" ;
}
/* SR - Surinian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.sr:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.sr:after {
content: "Surinian" ;
}
/* SV - Salvadorian (Spanish) */
.category-page .category-info.pornstar .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 */
.category-page .category-info.pornstar .pornstar-country .xh-flag.sy:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.sy:after {
content: "Syrian" ;
}
/* TH - Thai */
.category-page .category-info.pornstar .pornstar-country .xh-flag.th:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.th:after {
content: "Thai" ;
}
/* TN - Tunisian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.tn:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.tn:after {
content: "Tunisian" ;
}
/* TR - Turkish */
.category-page .category-info.pornstar .pornstar-country .xh-flag.tr:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.tr:after {
content: "Turkish" ;
}
/* TT - Trinidadian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.tt:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.tt:after {
content: "Trinidadian" ;
}
/* TW - Taiwanese */
.category-page .category-info.pornstar .pornstar-country .xh-flag.tw:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.tw:after {
content: "Taiwanese" ;
}
/* UA - Ukranian */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ua:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ua:after {
content: "Ukranian" ;
}
/* US - American */
.category-page .category-info.pornstar .pornstar-country .xh-flag.us:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.us:after {
content: "American" ;
}
/* UZ - Uzbek */
.category-page .category-info.pornstar .pornstar-country .xh-flag.uz:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.uz:after {
content: "Uzbek" ;
}
/* UY - Uruguay */
.category-page .category-info.pornstar .pornstar-country .xh-flag.uy:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.uy:after {
content: "Uruguay" ;
}
/* VE - Venezuelan */
.category-page .category-info.pornstar .pornstar-country .xh-flag.ve:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.ve:after {
content: "Venezuelan" ;
}
/* VI - American Virgin Islander */
.category-page .category-info.pornstar .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 */
.category-page .category-info.pornstar .pornstar-country .xh-flag.vn:after ,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.vn:after {
content: "Vietnamese" ;
}
/* ZA - South Afican */
.category-page .category-info.pornstar .pornstar-country .xh-flag.za:after,
.user-page .channels-list .pornstar-logo-container__info .xh-flag.za:after {
content: "South Afican" ;
}
/* ZW - Zimbabwean */
.category-page .category-info.pornstar .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;
}
/* (new229) CAT - SOCIAl BUTTON */
.category-page ul.pornstar-socials {
position: absolute;
display: inline-block !important;
width: 250px !important;
margin: 0 !important;
top: 6.3vh !important;
right: 670px !important;
text-align: right !important;
transform: scale(0.7) !important;
}
.category-page ul.pornstar-socials li {
display: inline-block !important;
}
.category-page ul.pornstar-socials li a {
float: right !important;
margin: 0 !important;
width: 32px !important;
}
/* GEO PREF */
.category-page .geo-section {
margin-top: -19px !important;
padding-bottom: 5px !important;
}
/* CAT - ALL - DESC LARGE */
.category-page .category-info p.large {
position: absolute !important;
display: inline-block !important;
width: 40% !important;
line-height: 20px;
margin: 0px !important;
top: 0px !important;
left: 0px !important;
padding: 2px 120px !important;
z-index: 10000 ;
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 */
.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;
}
.category-page .index-videos .thumb-list {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
min-height: 75vh !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: 90vh !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 ;
}
/* (new229) CAT - CONTAINER - ALL */
html.category-page .main-wrap {
display: inline-block !important;
width: 100% !important;
max-width: 100vw !important;
min-width: 100vw !important;
padding-top: 0;
top: 28px;
}
html.category-page article {
padding: 0 !important;
}
/* CAT - PORNSTAR - THUMBNAIL - ALL */
.category-page .category-info.pornstar + ul.categories-container {
margin: 5px 0 5px !important;
}
.category-page .index-videos {
position: relative;
height: 100vh !important;
left: 0;
margin-top: -49px !important;
overflow: hidden !important;
overflow-y: auto!important;
z-index: 1 !important;
}
.category-page .category-info.pornstar + ul.categories-container + .index-videos.mixed-section {
display: inline-block !important;
height: 100% !important;
min-height: 81.2vh !important;
max-height: 81.2vh !important;
width: 100% !important;
min-width: 1725px !important;
max-width: 1725px !important;
margin-top: 0px !important;
overflow: hidden !important;
overflow-y: auto !important;
border-top: 1px dashed red !important;
}
.category-page .category-info.pornstar + ul.categories-container + .index-videos.mixed-section .thumb-list + .sp-separator ~ .thumb-list ,
.category-page .category-info.pornstar + ul.categories-container + .index-videos.mixed-section .thumb-list {
display: inline-block !important;
width: 100% !important;
min-width: 1702px !important;
max-width: 1702px !important;
min-height: 62vh !important;
margin: 0 !important;
}
/* OK (new188) START ==== GOOD === THUMBNAIL PORNSTR / CATEG / SUBSCRIPTION ================ */
/* OK (new198) OK - HOME / CHAN BEST / PORNS BEST/NEW / HISTORY */
.user-watch-history-page .item.video ,
.mixed-list .item,
.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: 135px !important;
max-height: 135px !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;
border: 1px solid red !important;
}
/* 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;
}
.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 .video-thumb-info {
border-radius: 0 0 3px 3px;
margin-top: 0;
max-height: 25px !important;
min-height: 25px !important;
padding: 2px 2px 0;
text-align: left;
}
/* OK (new224) - HOVER GOOD - CATEG TREND / PORN TREND / HISTORY */
.user-watch-history-page .item.video: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: 115px !important;
max-height: 115px !important;
top: 0;
padding: 0 !important;
border-radius: 5px;
transform: scale(1.6);
opacity: 1;
z-index: 500500;
background: #222 ;
}
/* OK OK - THUMB CONTAINER */
/* 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: 94px !important;
min-height: 94px !important;
width: 164px !important;
}
/* OK (new168) THUMB IMG / VIDEO / HISTORY */
.user-watch-history-page .item.video .thumb-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: 164px !important;
max-width: 164px !important;
height: 100% !important;
max-height: 94px !important;
min-height: 94px !important;
border-radius: 3px 3px 0 0 !important;
object-fit: contain !important;
}
/* VIDEOS DELETED + EMPTY */
.thumb-container.reset-cursor ,
.video-thumb__image-container:not(.role-pop){
background: rgba(255, 0, 0, 0.11) !important;
}
/* OK THUMB IMG / VIDEO HOVER - img[class^="thumb-image-container__"] / HISTORY */
.user-watch-history-page .item.video:hover .thumb-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 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 {
min-width: 164px !important;
max-width: 164px !important;
height: 100% !important;
min-height: 94px !important;
max-height: 94px !important;
border-radius: 3px 3px 0 0 !important;
object-fit: contain !important;
}
/* OK CAT / ÖRNS - THUMB INFO / HISTORY */
.user-watch-history-page .item.video .info-container ,
.video-thumb .video-thumb-info ,
.search-results .thumb-list__item.video-thumb .video-thumb-info ,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--promoted-video.thumb-list--promoted-video-banner .video-thumb-info ,
.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 ,
.category-page .category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb-info ,
.video-ranking-recommended-page .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb-info ,
.category-page .index-videos.dated-list .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb-info {
min-height: 35px !important;
max-height: 35px !important;
margin-top: 0px !important;
border-radius: 0 0 3px 3px !important;
padding: 2px 2px 0 2px !important;
text-align: left !important;
overflow: hidden !important;
}
/* HOVER */
.user-watch-history-page .item.video:hover .info-container ,
.video-thumb:hover .video-thumb-info ,
.search-results .thumb-list__item.video-thumb:hover .video-thumb-info ,
.category-page .thumb-list__item.video-thumb.role-pop:hover .video-thumb-info ,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--promoted-video.thumb-list--promoted-video-banner:hover .video-thumb-info ,
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner .thumb-list__item.video-thumb:hover .video-thumb-info ,
.category-page .category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item:hover .video-thumb-info ,
.video-ranking-recommended-page .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item:hover .video-thumb-info ,
.category-page .index-videos.dated-list .thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item:hover .video-thumb-info {
min-height: 18px !important;
max-height: 18px !important;
padding: 0px 2px 0 2px !important;
overflow: hidden !important;
}
/* OK (new229) OK - INFO NAME */
.user-watch-history-page .item.video .info-container .link .name ,
.user-watch-history-page .item.video .info-container .link ,
.video-thumb-info__name ,
.video-thumb .video-thumb-info__name ,
.thumb-list.thumb-list--related .video-thumb a.video-thumb-info__name ,
.category-page .video-thumb .video-thumb-info__name,
.category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb .video-thumb-info .video-thumb-info__name ,
.category-page .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb .video-thumb-info__name ,
.category-page .mixed-section.index-videos .thumb-list--recent .thumb-list__item.video-thumb .video-thumb-info a.video-thumb-info__name ,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb.impression-thumb .video-thumb-info a.video-thumb-info__name {
max-height: 35px !important;
min-height: 35px !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;
font-family: trebuchet ms !important;
}
.user-watch-history-page .item.video .info-container .link .name span {
display: inline-block;
width: 100% !important;
}
/* HOVER */
.user-watch-history-page .item.video:hover .info-container .link .name ,
.user-watch-history-page .item.video:hover .info-container .link ,
.video-thumb:hover span.video-thumb-info__name ,
.video-thumb:hover a.video-thumb-info__name ,
.category-page .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb:hover .video-thumb-info__name ,
.thumb-list.thumb-list--related .video-thumb:hover .video-thumb-info__name ,
.category-page .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-info__name ,
.category-page .video-thumb:hover .video-thumb-info__name .video-thumb-info .video-thumb-info__name ,
.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 .video-thumb-info .video-thumb-info__name,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb:hover .video-thumb-info .video-thumb-info__name {
width: 100% !important;
max-height: 18px !important;
min-height: 17px !important;
margin-bottom: 0 !important;
line-height: 8px !important;
font-size: 7px !important;
overflow: hidden !important;
overflow-y: auto !important;
color: peru !important;
}
.user-watch-history-page .item.video:hover .info-container .link .name {
top: 0 !important;
}
/* OK - DURATION */
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb .thumb-image-container__video .thumb-image-container__duration ,
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb .video-thumb__image-container .thumb-image-container__duration ,
.search-results .thumb-list__item.video-thumb .video-thumb__image-container .thumb-image-container__video .thumb-image-container__duration ,
.search-results .thumb-list__item.video-thumb .video-thumb__image-container .thumb-image-container__duration ,
.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 .thumb-image-container__duration ,
.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__duration ,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb .thumb-image-container .thumb-image-container__duration {
position: absolute !important;
width: 100% !important;
height: 12px ;
line-height: 12px;
bottom: 0px !important;
left: 0;
padding: 1px 3px;
letter-spacing: 0.9px;
font-size: 8px ;
z-index: 0 !important;
color: #fff;
background: rgba(48, 48, 48, 0.37) !important;
}
/* HOVER */
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb .video-thumb__image-container:hover .thumb-image-container__duration ,
.user-watch-history-page .item.video:hover .info-line .duration ,
.search-results .thumb-list__item.video-thumb:hover .video-thumb__image-container .thumb-image-container__video ~ .thumb-image-container__duration ,
.search-results .thumb-list__item.video-thumb:hover .video-thumb__image-container .thumb-image-container__duration ,
.search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner .thumb-list__item.video-thumb:hover .video-thumb__image-container .thumb-image-container__duration ,
.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__duration ,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb:hover .thumb-image-container .thumb-image-container__duration {
height: 8px !important;
line-height: 7px !important;
font-size: 7px !important;
z-index: 5000 !important;
background: rgba(0, 0, 0, 0.3) !important;
}
.user-watch-history-page .item.video:hover .info-line .duration {
top: -7px !important;
}
/* 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: 138px !important;
min-height: 138px !important;
}
.subscriptions-page .thumb-list__item.video-thumb:hover .video-thumb-info__metrics {
display: none !important;
}
/* END ==== GOOD === THUMBNAIL 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: 8vh !important;
left: 215px !important;
margin-bottom: 0 !important;
}
/* (new229) 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;
top: 6vh !important;
left: 300px !important;
z-index: 5000000 !important;
}
.category-page .category-info + .top-video-block--banner + .index-videos.mixed-section .heading {
position: fixed !important;
top: 3vh !important;
left: 300px !important;
}
/* (new229) */
.category-page .category-info.channel + .top-video-block--banner + .index-videos.mixed-section .heading {
position: fixed;
top: 6vh !important;
left: 300px !important;
}
.category-page .category-info.pornstar ~.index-videos .heading{
position: fixed !important;
top: 6vh !important;
left: 300px !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: 6vh !important;
left: 295px !important;
}
.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;
}
/* THUMBNAIL - ALL - MY FAVS - === */
.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;
border: 1px solid gray !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 ;
}
/* FAV VID - THUMB CONTAINER */
.user-page.favorites-page {
height: 853px !important;
top: 0px;
padding: 0px !important;
overflow: hidden !important;
}
.user-page.favorites-page .main-wrap > main:nth-child(3) > div{
min-height: 96vh !important;
max-height: 96vh !important;
top: 0px;
padding: 0px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new210) 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: 94vh ;
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;
}
/* OK - FAV / VIDEOS - USER */
/* (new243) FAV - USER */
.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;
min-height: 90vh !important;
max-height: 90px !important;
width: 100vw !important;
top: 2px !important;
right: 0 !important;
left: 0 !important;
margin: 0 !important;
padding-left: 0;
overflow: hidden !important;
overflow-y: auto !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar {
margin: 0 !important;
}
/* (new243) WAT - CHROME */
.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: 135px !important;
max-height: 135px !important;
min-width: 155px !important;
max-width: 155px !important;
margin-bottom: 2px !important;
margin-left: 3px !important;
margin-right: -2px !important;
padding: 0 !important;
}
/* OK - FAV USER - 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: 114px !important;
max-height: 114px !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:hover .thumb-image-container__duration > span {
height: 8px !important;
line-height: 8px !important;
font-size: 6px !important;
}
.user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:hover .thumb-image-container__duration > .thumb-image-container__icon--hd::before {
height: 8px !important;
line-height: 3px !important;
font-size: 4px !important;
}
/* OK (new228) FAV USER - ROW TOP */
.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 (new168) FAV USER - 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 ,
.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;
}
/* OK - FAV USER - LEFT */
.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 - 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;
/* border: 1px dotted red !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;
}
/* (new228) OK - FAV - IMG CONT */
.user-page.user-videos-page.my-uploads-page .thumb-list--sidebar .thumb-list__item .thumb-image-container,
.user-page.user-videos-page.my-uploads-page .mixed-list .item.video .thumb-container ,
.user-page.user-videos-page.my-uploads-page .item.video .thumb-container ,
.user-page.favorites-page .mixed-list .item.video .thumb-container {
height: 118px !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;
}
/* OK (new168) OK - MY FAV - IMG CONT */
.user-page.favorites-page .mixed-list .item.video .thumb-container {
height: 114px !important;
width: 100% !important;
min-width: 183px !important;
max-width: 183px !important;
top: 0px !important;
left: 0px ;
border-radius: 5px 5px 0 0 !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.user-page.favorites-page .mixed-list .item.video .thumb-container video {
height: 118px !important;
width: 100% !important;
min-width: 181px !important;
max-width: 181px !important;
top: 0px !important;
left: 0px ;
background-repeat: no-repeat !important;
background-size: contain !important;
}
/* MY FAV - INFOS CONT */
.user-page.favorites-page .mixed-list .item.video .info-container {
height: 24px !important;
margin-top: -2px !important;
overflow: hidden ;
}
/* 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;
}
/* 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;
}
/* (new238) SPRITE PB */
.user-page.user-videos-page.my-uploads-page .thumb-list.thumb-list--full-width .thumb-list__item.video-thumb .thumb-image-container img:not(.thumb-image-container__sprite) ,
.user-page.user-videos-page.my-uploads-page .thumb-list.thumb-list--full-width .thumb-list__item.video-thumb .thumb-image-container:not(.thumb-image-container__sprite) {
height: 134px !important;
width: 100%;
max-width: 227px !important;
min-width: 227px !important;
top: -3px;
left: 0;
border-radius: 5px 5px 0 0 !important;
background-repeat: no-repeat;
object-fit: contain !important;
}
.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;
}
/* (new242) */
.user-page.user-videos-page.my-uploads-page .thumb-list.thumb-list--full-width .thumb-list__item.video-thumb:hover .video-thumb-info {
max-height: 39px !important;
min-height: 39px !important;
padding: 2px 2px !important;
transform: scale(1) !important;
}
.user-page.user-videos-page.my-uploads-page .thumb-list.thumb-list--full-width .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-info__name {
width: 100%;
max-height: 39px !important;
min-height: 39px !important;
line-height: 11px !important;
margin-bottom: 0;
font-size: 11px !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 ;
}
/* (new229) HISTORY - THUMBNAIL - === */
.user-watch-history-page .main-wrap {
height: 100% !important;
min-height: 870px !important;
max-height: 870px !important;
}
.user-watch-history-page .main-wrap main {
height: 100% !important;
min-height: 880px !important;
max-height: 880px !important;
top: -30px !important;
}
.user-watch-history-page .mixed-list .item.video .info{
display: none;
}
/* (new229) HISTORY - SUPERLOADER */
.user-watch-history-page .sp-separator ~ .main-wrap {
height: 100%;
max-height: 720px !important;
min-height: 720px !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;
}
/* WATCH HISTORY - HOVER - === */
.user-watch-history-page .item.video:hover .name {
position: relative;
top: 10px ;
font-size: 10px !important;
line-height: 10px ;
}
/* HOVER - RIGHT */
.user-watch-history-page .item.video:nth-child(60):hover ,
.user-watch-history-page .item.video:nth-child(48):hover ,
.user-watch-history-page .item.video:nth-child(36):hover ,
.user-watch-history-page .item.video:nth-child(24):hover ,
.user-watch-history-page .item.video:nth-child(12):hover {
left: -45px;
}
/* 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:nth-child(n+1):nth-child(-n+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 */
.category-page .category-info:not(.pornstar) ~ .index-videos.mixed-section .thumb-list.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb:nth-child(1) {
/* background: tan !important; */
/* border: 1px solid tan!important; */
}
/* 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;
}
/* (new228) CAT - NOT PORNSTAR - 2 WIO */
.category-page .category-info:not(.pornstar) ~ .index-videos .thumb-list.thumb-list--recent div[class*="rectangle"] ~.thumb-list__item.video-thumb:nth-child(2) {
/* background: green !important; */
/* border: 1px dashed green !important; */
}
/* (new229) TEST - CAT - PORNST + TAG CHOOSEN - GM SUPERLOADER
.category-page .sp-separator ~ .main-wrap[data-role="main-wrap"]
==== */
.category-page .sp-separator {
position: relative;
max-width: 88vw !important;
right: 10px;
top: 25px;
}
.category-page .sp-separator ~ .main-wrap {
background: red !important;
border: 1px solid green !important;
}
.category-page .sp-separator ~ .main-wrap main .width-wrap article .index-videos.mixed-section {
display: inline-block !important;
height: auto !important;
background: red !important;
border: 1px dashed green !important;
}
/* PB */
.category-page .sp-separator ~ .main-wrap main .width-wrap .category-info.pornstar ,
.category-page .sp-separator ~ .main-wrap main .width-wrap aside ,
.category-page .sp-separator ~ .main-wrap main .width-wrap article ul.categories-container {
display: none !important;
}
/* (new228) CAT - PORNSTAR - .dated-list - .video-thumb--dated - WIO (YELL) */
.category-page .category-info.pornstar ~ .index-videos .thumb-list:not(.thumb-list--recent) .thumb-list__item.video-thumb:nth-child(2) {
/* border: 1px solid yellow !important; */
}
/* (new229) CAT - PORNSTAR - BEST - .thumb-list--recent - NO WIO (AQU) */
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent .thumb-list__item.video-thumb:nth-child(1) {
/* border: 1px solid aqua !important; */
}
/* (new228) CAT - PORNSTAR - LEFT - NO WIO */
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent .thumb-list__item.video-thumb:nth-child(1):hover ,
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent .thumb-list__item.video-thumb:nth-child(11):hover ,
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent .thumb-list__item.video-thumb:nth-child(21):hover ,
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent .thumb-list__item.video-thumb:nth-child(31):hover ,
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent .thumb-list__item.video-thumb:nth-child(41):hover{
left: 47px !important;
}
/* (new228) CAT - PORNSTAR - RECOM - .thumb-list--recent - WIO (YELL) */
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent div[class*="rectangle"] ~.thumb-list__item.video-thumb:nth-child(2) {
/* border: 1px dashed yellow !important; */
}
/* (new228) CAT - PORNSTAR - LEFT + WIO RECT (YELL) */
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent div[class*="rectangle"] ~.thumb-list__item.video-thumb:nth-child(2):hover ,
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent div[class*="rectangle"] ~.thumb-list__item.video-thumb:nth-child(12):hover ,
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent div[class*="rectangle"] ~.thumb-list__item.video-thumb:nth-child(22):hover ,
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent div[class*="rectangle"] ~.thumb-list__item.video-thumb:nth-child(32):hover ,
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent div[class*="rectangle"] ~.thumb-list__item.video-thumb:nth-child(42):hover{
left: 47px !important;
}
/* (new228) CAT - PORNSTAR - right + WIO RECT (YELL) */
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent div[class*="rectangle"] ~.thumb-list__item.video-thumb:nth-child(11):hover ,
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent div[class*="rectangle"] ~.thumb-list__item.video-thumb:nth-child(21):hover ,
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent div[class*="rectangle"] ~.thumb-list__item.video-thumb:nth-child(31):hover ,
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent div[class*="rectangle"] ~.thumb-list__item.video-thumb:nth-child(41):hover ,
.category-page .category-info.pornstar ~ .index-videos .thumb-list.thumb-list--recent div[class*="rectangle"] ~.thumb-list__item.video-thumb:nth-child(51):hover{
left: -47px !important;
}
/* OK (new228) CAT / CHAN / PORN - ROW - TOP */
.category-page .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(-n+10):hover {
top: 33px !important;
}
/* OK (new228) CAT / CHAN / PORN - ROW - TOP + WIO RCT (YELL) */
.category-page .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--recent div[class*="-rectangle"] ~.thumb-list__item.video-thumb:nth-child(-n+11):hover {
top: 33px !important;
}
/* OK (new199) CAT / CHAN - ROW - BOTTOM */
/* .category-page .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(n+52):nth-child(-n+71):hover , */
.category-page .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(n+43):hover {
top: -10px !important;
}
/* OK (new199) CAT / CHAN / RECOM (ANAL widget)- LEFT */
.category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb:nth-child(2):hover ,
.category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb:nth-child(13):hover ,
.category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb:nth-child(23):hover ,
.category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb:nth-child(33):hover ,
.category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb:nth-child(43):hover {
left: 47px !important;
}
/* (new168) CAT / CHAN / RECOM - RIGHT */
/* OK (new199) CAT / CHAN / RECOM - RIGHT */
.category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb:nth-child(12):hover ,
.category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb:nth-child(22):hover ,
.category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb:nth-child(32):hover ,
.category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb:nth-child(42):hover ,
.category-info + .index-videos.mixed-section .thumb-list.thumb-list--sidebar.thumb-list--rating.thumb-list--recent .thumb-list__item.video-thumb:nth-child(42):hover {
left: -47px !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;
}
/* 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 (new168) SEARCH - RIGHT - NOT Helper Hidden */
.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(10):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(20):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(30):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(40):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(50):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;
}
/* OK BEST/ RECOM / LATEST(RECENT) HISTORY */
/* SUPP - PORN - LATEST(RECENT) - RIGHT */
.category-page .category-info + .mixed-section.index-videos .thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb:nth-child(11):hover {
/* border: 1px solid aqua !important; */
}
/* OK (new168) CAT - RIGHT */
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent div[class*="-rectangle"] ~.thumb-list__item.video-thumb:nth-child(61):hover ,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent div[class*="-rectangle"] ~.thumb-list__item.video-thumb:nth-child(51):hover ,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent div[class*="-rectangle"] ~.thumb-list__item.video-thumb:nth-child(41):hover ,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent div[class*="-rectangle"] ~.thumb-list__item.video-thumb:nth-child(31):hover ,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent div[class*="-rectangle"] ~.thumb-list__item.video-thumb:nth-child(21):hover ,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent div[class*="-rectangle"] ~.thumb-list__item.video-thumb:nth-child(11):hover {
left: -45px !important;
}
/* OK (new168) CAT - RIGHT */
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(63):hover ,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(53):hover ,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(43):hover ,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(33):hover ,
.category-page .thumb-list.thumb-list--sidebar.thumb-list--recent div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(23):hover {
/* left: -45px !important; */
}
/* OK (new228) CAT - / PORNST /? - RIGHT - NO WIO */
.category-page .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(10):hover ,
.category-page .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(20):hover ,
.category-page .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(30):hover ,
.category-page .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(40):hover ,
.category-page .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(50):hover {
left: -47px !important;
}
/* + BANNER*/
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(10):hover ,
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(20):hover ,
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(30):hover ,
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(40):hover ,
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(50):hover {
/* left: -47px !important; */
}
/* OK (new199) CAT - LEFT */
.category-page .category-info + .top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(1):hover ,
.category-page .category-info + .top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(12):hover ,
.category-page .category-info + .top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(22):hover ,
.category-page .category-info + .top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(32):hover ,
.category-page .category-info + .top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(42):hover{
left: 47px !important;
}
.category-page .category-info + .top-video-block--banner + .index-videos.mixed-section .heading + .thumb-list .thumb-list__item.video-thumb:nth-child(1):hover ,
.category-page .category-info + .top-video-block--banner + .index-videos.mixed-section .heading + .thumb-list .thumb-list__item.video-thumb:nth-child(11):hover ,
.category-page .category-info + .top-video-block--banner + .index-videos.mixed-section .heading + .thumb-list .thumb-list__item.video-thumb:nth-child(21):hover ,
.category-page .category-info + .top-video-block--banner + .index-videos.mixed-section .heading + .thumb-list .thumb-list__item.video-thumb:nth-child(31):hover ,
.category-page .category-info + .top-video-block--banner + .index-videos.mixed-section .heading + .thumb-list .thumb-list__item.video-thumb:nth-child(41):hover {
left: 47px !important;
}
/* (new224) GM SUPER LOADER */
.category-page .category-info:not(.pornstar) + .top-video-block--banner + .index-videos.mixed-section .heading + .thumb-list ~ .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(11):hover ,
.category-page .category-info:not(.pornstar) + .top-video-block--banner + .index-videos.mixed-section .heading + .thumb-list ~ .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(21):hover ,
.category-page .category-info:not(.pornstar) + .top-video-block--banner + .index-videos.mixed-section .heading + .thumb-list ~ .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(31):hover ,
.category-page .category-info:not(.pornstar) + .top-video-block--banner + .index-videos.mixed-section .heading + .thumb-list ~ .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(41):hover ,
.category-page .category-info:not(.pornstar) + .top-video-block--banner + .index-videos.mixed-section .heading + .thumb-list ~ .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(51):hover {
left: -47px !important;
}
/* OK (new199) CAT - with TOP RECOM - LEFT */
.category-page .category-info.pornstar + .index-videos.mixed-section .thumb-list .thumb-list__item.video-thumb:nth-child(2):hover ,
.category-page .category-info.pornstar + .index-videos.mixed-section .thumb-list .thumb-list__item.video-thumb:nth-child(12):hover ,
.category-page .category-info.pornstar + .index-videos.mixed-section .thumb-list .thumb-list__item.video-thumb:nth-child(22):hover ,
.category-page .category-info.pornstar + .index-videos.mixed-section .thumb-list .thumb-list__item.video-thumb:nth-child(32):hover ,
.category-page .category-info.pornstar + .index-videos.mixed-section .thumb-list .thumb-list__item.video-thumb:nth-child(42):hover {
left: 47px !important;
}
/* OK (new201) CAT - with 2 TOP RECOM - LEFT */
.category-page .category-info.pornstar + .top-video-block + .top-video-block + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(1):hover ,
.category-page .category-info.pornstar + .top-video-block + .top-video-block + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(11):hover ,
.category-page .category-info.pornstar + .top-video-block + .top-video-block + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(21):hover ,
.category-page .category-info.pornstar + .top-video-block + .top-video-block + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(31):hover ,
.category-page .category-info.pornstar + .top-video-block + .top-video-block + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(41):hover {
left: 47px !important;
}
/* OK (new201) CAT - with 2 TOP RECOM - right */
.category-page .category-info.pornstar + .top-video-block + .top-video-block + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(10):hover ,
.category-page .category-info.pornstar + .top-video-block + .top-video-block + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(20):hover ,
.category-page .category-info.pornstar + .top-video-block + .top-video-block + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(30):hover ,
.category-page .category-info.pornstar + .top-video-block + .top-video-block + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(40):hover ,
.category-page .category-info.pornstar + .top-video-block + .top-video-block + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(50):hover {
left: -47px !important;
}
/* OK (new199) CAT - with TOP RECOM - LEFT - SUPER LOADER */
.category-page .category-info + .top-video-block + .index-videos.mixed-section .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(2):hover ,
.category-page .category-info + .top-video-block + .index-videos.mixed-section .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(13):hover ,
.category-page .category-info + .top-video-block + .index-videos.mixed-section .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(23):hover ,
.category-page .category-info + .top-video-block + .index-videos.mixed-section .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(33):hover ,
.category-page .category-info + .top-video-block + .index-videos.mixed-section .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(43):hover{
left: 47px !important;
}
/* OK (new201) CAT - with 2 TOP RECOM - LEFT - SUPER LOADER */
.category-page .category-info + .top-video-block + .top-video-block + .index-videos.mixed-section .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(2):hover ,
.category-page .category-info + .top-video-block + .top-video-block + .index-videos.mixed-section .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(12):hover ,
.category-page .category-info + .top-video-block + .top-video-block + .index-videos.mixed-section .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(22):hover ,
.category-page .category-info + .top-video-block + .top-video-block + .index-videos.mixed-section .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(32):hover ,
.category-page .category-info + .top-video-block + .top-video-block + .index-videos.mixed-section .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(42):hover{
left: 47px !important;
}
/* OK (new199) CAT - with TOP RECOM - with rect - LEFT - SUPER LOADER */
.category-page .category-info + .index-videos.mixed-section div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(2):hover {
left: 47px !important;
}
/* OK (new199) CAT - with TOP RECOM - with widdget + rect - LEFT - SUPER LOADER */
.category-page .category-info + .index-videos.mixed-section div[class*="-rectangle"]+ div[class*="-thumb-widget"]~ .thumb-list__item.video-thumb:nth-child(3):hover {
left: 47px !important;
}
/* CAT - with TOP RECOM - RIGHT - SUPER LOADER */
/* OK (new199) CAT - with TOP RECOM - RIGHT */
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .heading + .thumb-list .thumb-list__item.video-thumb + .thumb-list__item.video-thumb:nth-child(10):hover ,
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .heading + .thumb-list .thumb-list__item.video-thumb + .thumb-list__item.video-thumb:nth-child(20):hover ,
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .heading + .thumb-list .thumb-list__item.video-thumb + .thumb-list__item.video-thumb:nth-child(30):hover ,
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .heading + .thumb-list .thumb-list__item.video-thumb + .thumb-list__item.video-thumb:nth-child(40):hover {
left: -47px !important;
}
/* OK (new201) CAT - with 2 TOP RECOM - right - SUPER LOADER */
.category-page .category-info + .top-video-block + .top-video-block + .index-videos.mixed-section .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(11):hover ,
.category-page .category-info + .top-video-block + .top-video-block + .index-videos.mixed-section .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(21):hover ,
.category-page .category-info + .top-video-block + .top-video-block + .index-videos.mixed-section .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(31):hover ,
.category-page .category-info + .top-video-block + .top-video-block + .index-videos.mixed-section .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(41):hover ,
.category-page .category-info + .top-video-block + .top-video-block + .index-videos.mixed-section .sp-separator + .thumb-list .thumb-list__item.video-thumb:nth-child(51):hover{
left: -47px !important;
}
/* OK (new224) OK TAGS (with Premium inside) - CATG ? - TREND - RIGHT */
.category-page .category-info:not(.pornstar) + .top-video-block.top-video-block--recommendations.top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(10):hover ,
.category-page .category-info:not(.pornstar) + .top-video-block.top-video-block--recommendations.top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(20):hover ,
.category-page .category-info:not(.pornstar) + .top-video-block.top-video-block--recommendations.top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(30):hover ,
.category-page .category-info:not(.pornstar) + .top-video-block.top-video-block--recommendations.top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(40):hover ,
.category-page .category-info:not(.pornstar) + .top-video-block.top-video-block--recommendations.top-video-block--banner + .index-videos.mixed-section .thumb-list__item.video-thumb:nth-child(50):hover {
left: -47px !important;
}
/* OK (new168) CAT - OK HOME - RIGHT */
.main-page .mixed-section.index-videos .categories-container + .thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb:nth-child(10):hover ,
.main-page .mixed-section.index-videos .categories-container + .thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb:nth-child(20):hover ,
.main-page .mixed-section.index-videos .categories-container + .thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb:nth-child(30):hover ,
.main-page .mixed-section.index-videos .categories-container + .thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb:nth-child(40):hover ,
.main-page .mixed-section.index-videos .categories-container + .thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb:nth-child(50):hover {
left: -27px !important;
}
/* OK (new168) CAT - OK HOME - ROW - BOTTOM */
.main-page .mixed-section.index-videos .categories-container + .thumb-list.thumb-list--sidebar.thumb-list--recent .thumb-list__item.video-thumb:nth-child(n+31):nth-child(-n+40):hover {
top: -15px !important;
}
/* NEWEST - RIGHT */
.index-videos.dated-list .list-items ~ .thumb-list__item.video-thumb.video-thumb--dated:nth-child(51):hover ,
.index-videos.dated-list .list-items ~ .thumb-list__item.video-thumb.video-thumb--dated:nth-child(39):hover ,
.index-videos.dated-list .list-items ~ .thumb-list__item.video-thumb.video-thumb--dated:nth-child(27):hover ,
.index-videos.dated-list .list-items ~ .thumb-list__item.video-thumb.video-thumb--dated:nth-child(15):hover {
left: -65px !important;
}
/* CAT - CHANNEL - RIGHT */
.category-info.channel + .index-videos .thumb-list__item.video-thumb:nth-child(26):hover ,
.category-info.channel + .index-videos .thumb-list__item.video-thumb:nth-child(50):hover ,
.category-info.channel + .index-videos .thumb-list__item.video-thumb:nth-child(38):hover ,
.category-info.channel + .index-videos .thumb-list__item.video-thumb:nth-child(26):hover ,
.category-info.channel + .index-videos .thumb-list__item.video-thumb:nth-child(14):hover {
left: -65px !important;
}
/* CAT - CHANNEL - RIGHT/TOP */
.category-info.channel + .index-videos .thumb-list__item.video-thumb:nth-child(14):hover {
top: 52px !important;
}
/* 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) CAT - NEWEST VID DATED - with widget - RIGHT */
.category-page .index-videos.dated-list div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(12):hover ,
.category-page .index-videos.dated-list div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(22):hover ,
.category-page .index-videos.dated-list div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(32):hover ,
.category-page .index-videos.dated-list div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(42):hover ,
.category-page .index-videos.dated-list div[class*="-rectangle"] ~ .thumb-list__item.video-thumb:nth-child(52):hover {
left: -47px !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 - RO0W BOTTOM */
.user-watch-history-page .mixed-list .item.video:nth-child(n+51):nth-child(-n+60):hover {
top: -15px !important;
}
/* VIDEO PAGE THUMB - HOVER */
/* (new225) VIDEO PAGE - RIGHT - HOVER */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(120):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(116):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(112):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(108):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(104):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(100):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(96):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(92):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(88):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(84):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(80):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(76):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(72):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(68):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(64):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(60):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(56):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(52):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(48):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(44):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(40):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(36):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(32):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(28):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(24):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(20):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(16):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(12):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(8):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(4):hover {
left: -13px !important;
}
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related.thumb-list--related-collapsed .thumb-list__item.video-thumb:nth-child(12):hover {
left: -23px !important;
}
/* (new225) VIDEO PAGE - LEFT - LARGE - ok */
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(116):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(110):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(104):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(98):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(92):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(86):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(80):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(74):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(68):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(62):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(56):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(50):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(44):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(38):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(32):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(26):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(20):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(14):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(8):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(2):hover {
left: 21px !important;
}
/* (new225) VIDEO PAGE - RIGHT - LARGE - ok */
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(121):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(115):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(109):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(103):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(97):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(91):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(85):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(79):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(73):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(68):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(67):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(61):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(55):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(49):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(43):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(37):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(31):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(25):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(19):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(13):hover ,
.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(7):hover {
left: -14px !important;
}
/* (new242) VIDEO PAGE - ROW TOP - HOVER */
.video-page:not(.video-page--large-mode) .thumb-list:not(.xp-aftershot-related ) .thumb-list__item.video-thumb:nth-child(n+1):nth-child(-n+4):hover {
display: inline-block !important;
float: none !important;
margin-top: 2.8vh !important;
/* top: 2.8vh !important; */
left: 0px !important;
}
/* (new225) VIDEO PAGE - ROW TOP - LARGE - ok */
.video-page.video-page--large-mode .thumb-list:not(.xp-aftershot-related ) .thumb-list__item.video-thumb:nth-child(n+1):nth-child(-n+7):hover {
display: inline-block !important;
float: none !important;
margin-top: 22px !important;
}
/* (new225) VIDEO PAGE - ROW BOTTOM */
/* COLLAPSED */
.video-page .mixed-section.videos.related-container .thumb-list.thumb-list--related.thumb-list--related-collapsed:not(.srelated) .thumb-list__item.video-thumb:nth-child(9):hover ,
.video-page .mixed-section.videos.related-container .thumb-list.thumb-list--related.thumb-list--related-collapsed:not(.srelated) .thumb-list__item.video-thumb:nth-child(10):hover ,
.video-page .mixed-section.videos.related-container .thumb-list.thumb-list--related.thumb-list--related-collapsed:not(.srelated) .thumb-list__item.video-thumb:nth-child(11):hover ,
.video-page .mixed-section.videos.related-container .thumb-list.thumb-list--related.thumb-list--related-collapsed:not(.srelated) .thumb-list__item.video-thumb:nth-child(12):hover {
display: inline-block !important;
float: none !important;
margin-top: -5px !important;
left: 35px !important;
}
.video-page .mixed-section.videos.related-container .thumb-list.thumb-list--related.thumb-list--related-collapsed:not(.srelated) .thumb-list__item.video-thumb:nth-child(12):hover {
display: inline-block !important;
float: none !important;
margin-top: -5px !important;
left: -10px !important;
}
/* (new225) ROW BOTT - NOT COLAPS */
.video-page .mixed-section.videos.related-container .thumb-list.thumb-list--related:not(.thumb-list--related-collapsed):not(.srelated) .thumb-list__item.video-thumb:nth-last-child(-n+4):hover {
display: inline-block !important;
float: none !important;
margin-top: -25px !important;
left: 0px !important;
}
/* (new225) ROW BOTT - NOT COLAPS - LARGE */
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list.thumb-list--related:not(.thumb-list--related-collapsed):not(.srelated) .thumb-list__item.video-thumb:nth-last-child(-n+6):hover {
display: inline-block !important;
float: none !important;
margin-top: -21px !important;
left: 0px !important;
}
/* (new225) ROW BOTT - LEFT - NOT COLLAPSED */
.video-page .mixed-section.videos.related-container .thumb-list.thumb-list--related:not(.thumb-list--related-collapsed):not(.srelated) .thumb-list__item.video-thumb:nth-last-child(4):hover {
display: inline-block !important;
float: none !important;
margin-top: -25px !important;
left: 35px !important;
}
/* (new225) ROW BOTT - LEFT - NOT COLLAPSED - LARGE*/
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list.thumb-list--related:not(.thumb-list--related-collapsed):not(.srelated) .thumb-list__item.video-thumb:nth-last-child(6):hover {
display: inline-block !important;
float: none !important;
margin-top: -21px !important;
left: 22px !important;
}
/* (new225) ROW BOTT - RIGHT - NOT COLLAPSED */
.video-page .mixed-section.videos.related-container .thumb-list.thumb-list--related:not(.thumb-list--related-collapsed):not(.srelated) .thumb-list__item.video-thumb:nth-last-child(1):hover {
display: inline-block !important;
float: none !important;
margin-top: -21px !important;
left: -22px !important;
}
/* (new225) ROW BOTT - RIGHT - NOT COLLAPSED - LARGE */
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list.thumb-list--related:not(.thumb-list--related-collapsed):not(.srelated) .thumb-list__item.video-thumb:nth-last-child(1):hover {
display: inline-block !important;
float: none !important;
margin-top: -21px !important;
left: -22px !important;
}
/* VIDEO PAGE - ROW BOTTOM - LARGE - ok*/
.video-page--large-mode .thumb-list.thumb-list--related .thumb-list__item.video-thumb:nth-child(n+7):nth-child(-n+12):hover {
top: -30px !important;
}
/* (new225) VIDEO PAGE - LEFT - HOVER */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(107):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(113):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(109):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(105):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(101):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(97):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(93):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(89):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(85):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(81):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(77):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(73):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(69):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(65):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(61):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(57):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(53):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(49):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(45):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(41):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(37):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(33):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(29):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(25):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(21):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(17):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(13):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(9):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(5):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(9):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(5):hover ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:nth-child(1):hover {
left: 28px !important;
}
/* VIDEO PAGE - LEFT - LARGE - ok */
.video-page.video-page--large-mode .thumb-list__item.video-thumb:nth-child(1):hover ,
.video-page.video-page--large-mode .thumb-list__item.video-thumb:nth-child(7):hover {
left: -18px !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 ,
html.user-page.user-videos-page.my-uploads-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;
}
.user-page.user-videos-page.my-uploads-page .main-wrap > main {
display: inline-block !important;
height: auto !important;
width: 100% !important;
margin-top: 0 ;
top: 60px !important;
padding-top: 0px !important;
border-top: 1px solid #404040 ;
}
/* 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 ;
}
.user-page.user-videos-page.my-uploads-page .pager-section {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
width: 30% !important;
height: 30px !important;
line-height: 22px !important;
top: -25px !important;
right: 260px !important;
border-radius: 5px !important;
z-index: 50000 !important;
transform: scale(0.9) !important;
background: black !important;
}
/* 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: 670px !important;
max-width: 670px !important;
height: 30px !important;
line-height: 22px !important;
top: 44px !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: 670px !important;
max-width: 670px !important;
height: 30px !important;
text-align: center;
}
/* PAGER - FAVORIS */
.user-page.favorites-page .pager-section ,
.user-page.user-videos-page.my-uploads-page .pager-section {
position: fixed !important;
display: inline-block !important;
width: 808px !important;
height: 42px !important;
line-height: 35px !important;
top: 37px !important;
right: -122px !important;
border-radius: 0 !important;
z-index: 50000000 !important;
}
.user-page.favorites-page .pager-section ,
.user-page.user-videos-page.my-uploads-page .pager-section {
position: fixed !important;
display: inline-block !important;
width: 694px !important;
height: 36px !important;
line-height: 35px !important;
margin: 0 !important;
top: 20px !important;
right: -103px !important;
border-radius: 0 !important;
z-index: 50000000 !important;
border-bottom: 1px solid red !important;
}
.user-page.user-blog-page.my-uploads-page .pager-section ,
.user-page.favorites-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 .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;
}
.user-page.user-videos-page.my-uploads-page .tab-recent.current-tab .pager-section {
height: 36px !important;
width: 665px !important;
right: -33px !important;
top: 20px !important;
}
/* LANG PICKER */
.lang-geo-picker-container {
position: absolute !important;
display: inline-block ;
height: 25px !important;
top: 1px !important;
right: 215px ;
z-index: 50000 !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;
}
/* SEARCH - TOP HEADER - ADAPT CHROME - work with GM "SUPERLOADER"*/
header .search-section {
position: absolute ;
display: inline-block ;
height: 25px !important;
width: 100% ;
top: -2px ;
padding: 0 ;
}
header .search-section .search-container {
position: absolute ;
display: inline-block ;
height: 100% !important;
max-width: 400px !important;
min-height: 24px !important;
max-height: 24px !important;
top: 2px !important;
left: 1210px ;
z-index: 50000 !important;
}
header .search-section .search-container form {
height: 24px ;
}
header .search-section .search-container .search-text {
height: 24px ;
background: #000 !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;
}
header .search-section .search-container .search-suggestions {
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;
}
header .search-section .search-container .search-submit-container {
height: 25px ;
line-height: 20px ;
width: 29px !important;
}
header .search-section .search-container .search-submit-container .search-submit {
height: 24px !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;
}
/* SEARCH - TOP HEADER */
.search-results .search-results-header {
position: fixed !important;
display: inline-block !important;
width: 1560px !important;
height: 40px !important;
top: 25px !important;
left: 180px !important;
margin-bottom: 0px;
padding-left: 0px ;
padding-top: 0px !important;
}
.search-results .search-results-header .result-section {
position: fixed !important;
display: inline-block !important;
width: 1562px !important;
height: 40px !important;
line-height: 40px !important;
left: 179px !important;
margin-top: 0px !important;
padding-right: 0px !important;
text-align: right !important;
z-index: 50000 !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;
}
/* EARCH - TOP BANER RECOM - THUMB */
.thumb-list--promoted-video-banner {
width: 100%;
}
/* SEARCH WITH SUGGESTION NAV BAR */
.search-results .search-page-suggestions.fixed {
position: fixed !important;
display: inline-block !important;
min-width: 989px !important;
max-width: 989px !important;
min-height: 38px !important;
max-height: 38px !important;
line-height: 30px !important;
left: 179px !important;
top: 26px !important;
padding: 0 0 0 0px !important;
background-color: #111 !important;
border-right: 1px solid red!important;
border-left: 2px solid tomato!important;
}
.search-results .search-page-suggestions {
position: fixed !important;
display: inline-block !important;
max-width: 81% !important;
min-height: 35px !important;
max-height: 35px !important;
line-height: 30px !important;
left: 185px !important;
top: 60px !important;
z-index: 90000!important;
background-color: transparent !important;
}
.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: 1165px;
right: 0;
top: 24px;
padding: 0 5px 0 0;
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;
}
/* 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: 39px !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: 40px !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: 32px !important;
width: 200px !important;
top: 25px !important;
left: 680px !important;
padding: 2px !important;
border-radius: 5px !important;
text-align: center !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 2000000 !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: 20000 !important;
background: #111 !important;
border: 1px solid red !important;
}
.search-results .search-results-header.with-suggestions + .label-set.categories-container:not(:empty):hover{
min-height: 32px !important;
height: auto !important;
max-height: 100px !important;
max-width: 350px !important;
text-align: left !important;
overflow-y: auto !important;
background: #222 !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 {
font-size: 14px;
line-height: 24px;
margin: 0 0 2px !important;
padding: 0 5px !important;
vertical-align: top;
background: #111 !important;
}
.search-results .search-results-header + .label-set.categories-container:not(:empty) .categories-container__item.label-item .xh-icon.cross {
font-size: 8px !important;
}
.label-set.categories-container .categories-container__item.label-item span {
color: red !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;
}
.search-results .search-results-header .result-section .result-block {
position: fixed !important;
display: inline-block !important;
min-width: 570px !important;
max-width: 570px !important;
height: 20px !important;
line-height: 16px !important;
left: 1170px ;
right: 0px;
top: 26px;
padding: 0 5px 0 0 !important;
font-size: 24px;
z-index: 50000 ! important;
}
/* 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: 50000 ! important;
background: red !important;
}
.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: 1170px ;
right: 0px;
top: 26px;
padding: 0 5px 0 0 !important;
font-size: 14px;
font-size: 10px !important;
overflow: hidden !important;
transition: all ease 2s !important;
z-index: 50000 ! 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: 1170px ;
right: 0px;
top: 26px;
padding: 0 5px 0 0 !important;
font-size: 11px;
text-align: left !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;
line-height: 19px !important;
font-size: 15px !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 ;
}
/* 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: absolute !important;
display: inline-block !important;
float: none !important;
height: 870px !important;
width: 180px !important;
top: 0px !important;
z-index: 500000 !important;
border: 1px solid tomato !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 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;
/* border: 1px solid aqua !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;
}
/* LABELS CATGS LABELS - ALL*/
.search-results main .width-wrap > aside .filter-label {
height: 20px !important;
line-height: 20px !important;
margin-top: -10px !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;
}
/* SEARCH - THUMBNAIL - MAIN CONTAINER */
.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;
}
.search-results .main-wrap {
display: inline-block !important;
min-height: 100vh !important;
max-height: 100vh !important;
top: 0px ;
padding: 0;
}
.search-results main {
display: inline-block !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
max-width: 100% !important;
min-width: 100% !important;
top: -2px !important;
padding: 0;
z-index: 0 !important;
}
.search-results main .width-wrap {
position: relative !important;
display: inline-block !important;
height: 100% !important;
padding-left: 10px ;
padding-right: 0 ;
}
.search-results main article {
position: absolute !important;
display: inline-block !important;
height: auto !important;
max-height: 100vh !important;
top: 30px !important;
left: -190px ;
margin-left: 190px;
padding-bottom: 0;
padding-left: 190px ;
padding-right: 0px ;
overflow: hidden !important;
overflow-y: auto !important;
}
/* without TOP BANNER */
.search-results .mixed-section.index-videos {
display: inline-block !important;
height: auto !important;
min-height: 280px !important;
min-width: 1648px !important;
left: -24px ;
margin-top: -10px !important;
padding-bottom: 20px !important;
overflow-y: auto !important;
overflow: visible !important;
z-index: 50000 !important;
border-bottom: 5px solid red !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: 78vh !important;
min-height: 78vh !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 ;
}
/* 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: 0px !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;
}
/* SEARCH - PAGER - FIXED BOTTOM */
.search-results .pager-section:not(.xh-helper-hidden) {
position: fixed !important;
display: inline-block !important;
float: none !important;
width: 815px !important;
height: 25px !important;
top: 43px !important;
margin: 0 !important;
right: 60px !important;
pointer-events: auto !important;
transform: scale(0.7) !important;
z-index: 500 !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 ;
}
/* THUMBNAIL - MY FAV USERS / FRIENDS USERS*/
.user-page.friends-page .user-content-section .content-column {
width: 100% !important;
margin-top: -10px;
margin-left: 0px !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-left: 5px !important;
margin-right: 0px !important;
margin-bottom: 8px !important;
top: 7px ;
left: 12px ;
}
/* MY FAVS FRIENDS USERS - ITEMS */
.user-page.favorites-page .width-wrap .user-content-section .content-column .mixed-list {
margin: 0 !important;
}
.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: 120px;
height: 42px;
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 ;
}
.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: 145px !important;
max-width: 145px !important;
height: 65px;
line-height: 14px;
left: 2px !important;
top: 69px ;
padding-left: 0;
bottom: 0;
font-size: 12px !important;
letter-spacing: 0.9px;
text-align: center ;
overflow: hidden;
text-overflow: ellipsis ;
visibility: visible ;
}
.mixed-list .item.friend .info .controls,
.dialog-image-list .item.friend .info .controls {
margin-top: -3px !important;
}
.user-page.favorites-page .mixed-list .item.friend.type-user .info .info-line a {
width: 120px;
font-size: 14px !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: 145px !important;
max-width: 145px !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 ;
}
.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 ;
}
/* (new235) THUMBNAIL - USER - VIDEOS PAGES */
/* (new235) USER VIDEOS - ADAPT GM "SUPERLODER" */
html.user-page.user-videos-page.my-uploads-page {
display: inline-block !important;
height: 100% !important;
max-height: 70vh !important;
width: 1920px !important;
padding-left: 0;
overflow: hidden !important;
}
html.user-page.user-videos-page.my-uploads-page body {
display: inline-block !important;
height: 100% !important;
max-height: 70vh !important;
width: 1915px !important;
padding-left: 0;
overflow: hidden !important;
overflow: 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;
}
/* 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: 100% !important;
height: 0 !important;
left: 10px !important;
top: 50px;
overflow: hidden !important;
visibility: visible !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 {
height: auto !important;
padding-top: 30px !important;
visibility: visible !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: 50px !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-height: 0;
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 ;
}
/* 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;
}
.error-page main {
top: -9px;
padding: 0 !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;
}
.error-page main .thumb-list__item.video-thumb:hover .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;
}
.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;
}
/* LEFT PANEL - CATEGORY */
aside .categories-list .all-categories ul {
margin: 0 0 24px;
padding: 0 0 14px;
max-height: 450px ;
overflow: hidden ;
overflow-y: auto ;
}
aside .categories-list .all-categories ul li {
margin: 0;
padding: 0;
height: 20px !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;
}
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;
}
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 - === */
/* TOP PANEL - ALL */
.user-page.user-videos-page.my-uploads-page .width-wrap .user-content-section .side-column ,
.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;
}
.user-page.favorites-page .width-wrap .user-content-section .side-column {
width: 200px !important;
left: 1018px !important;
margin-bottom: 0 !important;
}
/* TOP 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;
transform: rotate(90deg);
visibility: visible;
z-index: 500000;
border: 1px solid red;
background: rgb(34, 34, 34) ;
}
.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;
}
/* TOP LIST LINKS - FAVORITS LIST SWITCHER */
/* USER OTHER /MY - COLL FAV - */
.user-page.favorites-page .user-content-section .side-column > ul.favorites-side-switcher ,
.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 ;
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-top: 5px !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;
}
/* COLL - CLEAR DELETED VIDEOS - */
.user-page.favorites-page ul.favorites-side-switcher > li.clear-deleted ,
.user-page.favorites-page ul.favorites-side-switcher > li:not(.active).clear-deleted {
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 ,
.user-page.favorites-page ul.favorites-side-switcher:hover > li:not(.active).clear-deleted {
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 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 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 a span:hover {
color: gold !important;
}
/* 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: 0.2 !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: 16px !important;
line-height: 16px !important;
top: -4px;
left: -97px !important;
padding: 0 5px !important;
border-radius: 5px !important;
opacity: 1 !important;
overflow: hidden !important;
transform: scale(1) !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;
}
.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;
}
/* 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: -3px !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;
}
.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: absolute ;
display: inline-block ;
width: 20px !important;
height: 20px !important;
line-height: 20px !important;
left: 105px !important;
top: 4px !important;
content: "▶" ;
z-index: 5000 !important;
background: transparent !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;
}
/* 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: -4px !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;
}
/* 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 - === */
/* (new212) OK WATERF / CHROME - PB FIREF QUANTUM - USERS COLL + MY (each) GOOD ON HOVER */
.user-page.user-videos-page.my-uploads-page .side-column .active ul.submenu ,
.favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list {
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.submenu li:not(:first-of-type):before{
counter-increment: myIndex !important;
content: counter(myIndex, decimal-leading-zero) ;
position: absolute ;
width: 15px ;
height: 8px ;
line-height: 8px ;
margin-top: -2px ;
font-size: 8px ;
text-align: center ;
z-index: 10 ;
color: white;
background: green ;
}
/* (new241) MY COLL / USER COLL - BEFORE "▼ Number of Collections ▲ :not(:hover) - BACKGROUND GEN */
/* PB COUNTER */
.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 {
content: "." ;
position: fixed ;
display: inline-block ;
width: 1920px ;
min-width: 17px ;
height: 50px ;
line-height: 30px ;
left: 0px ;
top: 97vh !important; ;
border-radius: 10px 10px 0 0 ;
font-size: 15px !important ;
text-align: center ;
color: gold;
visibility: visible ;
z-index: 1 !important;
box-shadow: none !important;
background: yellow !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: #111 !important;
}
/* 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 ;
text-align: center ;
visibility: visible ;
z-index: 1 !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 ;
}
/* (new241) FAV COLLECTION - FAVS VIDEO PAGE - TEST COUNTER - ACTIVE COLLS */
.user-page.favorites-page .user-content-section .side-column > ul.favorites-side-switcher {
counter-increment: myIndex3 00 !important;
}
/* COUNTER PB FIR QUANTUM */
.favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list li:not(:first-of-type) .counter:after{
counter-increment: myIndex3 ;
content: "▼ Active Collections: " counter(myIndex3, decimal-leading-zero) " ▲" ;
position: fixed ;
display: inline-block ;
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 ;
z-index: 1 !important;
color: gold !important;
background: green ;
border: 1px dashed green !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 ;
}
/* 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: 349px !important;
min-height: 349px !important;
min-width: 1920px !important;
max-width: 1920px !important;
margin: 0 !important;
top: 100vh !important;
left: 0px !important;
right: 0px !important;
padding : 0px 10px 10px 25px !important;
overflow: visible !important;
visibility: visible !important;
transition: all ease 5s !important;
border-top: 1px dashed yellow !important;
border-bottom: 30px solid violet !important;
background: green !important;
}
/* MY FAV COLL LIST / USER FAV COLL LIST - START */
/* (new168) 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;
}
/* 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: 385px !important;
min-height: 385px !important;
min-width: 1917px !important;
max-width: 1917px !important;
margin: 0 !important;
top: 59.6vh !important;
left: 2px !important;
right: 0px !important;
padding: 5px 0px 0px 5px !important;
overflow: visible !important;
overflow-y: auto !important;
z-index: 80000000 !important;
visibility: hidden !important;
visibility: visible !important;
transition: all ease 0s !important;
border-top: 1px dashed red !important;
border-bottom: 30px solid red !important;
background: blue !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;
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-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 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 ;
}
/* (new243) */
.user-page.user-photos-page.my-uploads-page main .width-wrap ,
.user-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; */
}
.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 ;
width: 1900px !important;
width: 100% !important;
margin: 0 !important;
padding: 0px 0 0 0 !important;
background: #222 !important;
}
/* (new228) */
/* .user-page.user-videos-page.my-uploads-page .user-content-section , */
user-content-section {
padding: 13px 14px 0 ;
}
.user-content-section .content-column {
display: inline-block !important;
height: auto !important;
margin-left: 0px !important;
margin-top: 0px ;
padding-top: 0 ;
padding-left: 0px !important;
}
/* ==== PAGER - === */
.pager-section {
display: inline-block ;
height: 35px ;
margin-top: -19px ;
letter-spacing: 0;
}
.pager-section .pager-container {
display: inline-block ;
width: 100% ;
height: 30px !important;
text-align: center;
/* border: 1px solid yellow !important; */
}
.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;
}
.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;
}
.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;
}
/* 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: -80px !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;
}
/* (new213) PLAYER - LARGE VIDEO MODE - === */
.video-page.video-page--large-mode .player-container {
margin-bottom: 10px;
margin-right: 320px;
overflow-x: hidden;
z-index: 5000000 !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: 62.5vh !important;
min-height: 62.5vh !important;
top: 2.5vh !important;
}
.video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode {
display: inline-block !important;
height: 585px !important;
width: 100%;
text-align: center !important;
overflow: visible ;
overflow: hidden !important;
background: #222 !important;
}
.video-page.video-page--large-mode .xp-preload-image {
height: 530px !important;
max-width: 957px !important;
margin: 0 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;
min-height: 515px !important;
max-height: 515px !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 */
/* (new238) ALL - VIDEO - BADGES - HD / VR - etc.. ICONS */
.video-thumb .thumb-image-container__icon ,
.video-thumb .thumb-image-container__icon--hd {
width: 25px !important;
height: 8px !important;
line-height: 3px !important;
text-align: center !important;
opacity: 0.5 !important;
z-index: 0 !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;
}
/* (new225) HOVER */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .video-thumb-info {
position: relative !important;
display: inline-block !important;
float: none !important;
min-width: 208px !important;
max-width: 208px !important;
min-height: 35px !important;
top: 10px !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) .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: 210px !important;
max-width: 210px !important;
min-height: 32px !important;
max-height: 32px !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;
}
/* (new225) VID PAGE - VIDEO REL - CONTAINER */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb {
position: relative !important;
display: inline-block !important;
width: 100% !important;
min-width: 210px !important;
max-width: 210px !important;
height: 170px !important;
margin: 0 4px 3px 3px !important;
top: 0px !important;
overflow: hidden !important;
border: 1px solid gray !important;
}
/* (new238) VID PAGE - VIDEO REL - CONTAINER - HOVER */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover ,
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover {
position: relative !important;
display: inline-block !important;
height: 165px !important;
min-width: 210px !important;
max-width: 210px !important;
margin: 0 0px -30px 3px !important;
left: -20px !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;
}
/* (new226) 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: 204px !important;
max-width: 204px !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;
}
/* (new238) HOVER */
.video-page .mixed-section.videos.related-container .thumb-list--related .thumb-list__item.video-thumb:hover .video-thumb__image-container.thumb-image-container 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 {
width: 100% !important;
min-width: 204px !important;
max-width: 204px !important;
}
.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: 232px !important;
height: 67px !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: 202px !important;
max-width: 202px !important;
min-height: 44px !important;
max-height: 44px !important;
padding: 0px !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: 202px !important;
max-width: 202px !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: 202px !important;
max-width: 202px !important;
line-height: 12px !important;
min-height: 41px !important;
max-height: 41px !important;
margin-bottom: 0px !important;
padding: 1px 2px 0px 2px !important;
font-size: 13px !important;
}
/* (new225) LARGE - ok*/
.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;
}
/* (new225) 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 ,
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb .thumb-image-container__duration {
position: absolute;
width: 100% !important;
height: 15px !important;
line-height: 15px !important;
left: 0;
bottom: 0;
padding: 1px 5px !important;
font-size: 11px;
letter-spacing: 0.9px;
z-index: 500 !important;
color: #fff;
background: rgba(0, 0, 0, 0.17) !important;
}
/* (new225) DURATION - HOVER */
.video-page:not(.video-page--large-mode) .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__duration {
position: fixed;
display: inline-block !important;
float: none !important;
height: 10px !important;
width: 97% !important;
line-height: 8px !important;
left: 3px ;
top: 117px !important;
font-size: 9px !important;
letter-spacing: 0.9px;
text-align: center !important;
z-index: 500 !important;
color: #fff;
}
.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;
}
/* (new225) VIDEO LARGE - THUMBNAIL */
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb ,
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb.role-pop {
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 gray !important;
}
/* (new225) LARGE - HOVER -ok */
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover ,
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb.role-pop:hover {
min-width: 141px !important;
max-width: 141px !important;
height: 137px !important;
margin-bottom: -50px !important;
transform: scale(1.3) !important;
}
.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: 138px !important;
max-width: 138px !important;
height: 100% !important;
min-height: 80px !important;
max-height: 80px !important;
left: -1px !important;
top: 1px !important;
}
.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: 136px !important;
max-width: 136px !important;
height: 100% !important;
min-height: 90px !important;
max-height: 90px !important;
left: -1px !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: 134px !important;
max-width: 134px !important;
height: 100% !important;
min-height: 90px !important;
max-height: 90px !important;
}
.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: 38px !important;
margin-top: 5px !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 {
display: none !important;
}
.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;
min-width: 160px !important;
max-width: 160px !important;
line-height: 10px !important;
min-height: 37px !important;
max-height: 37px !important;
margin-bottom: 0px !important;
padding: 1px 2px 0px 2px !important;
font-size: 13px !important;
}
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover {
height: 205px !important;
min-width: 232px !important;
max-width: 232px !important;
margin-right: -76px !important;
transform: scale(1) translate(0px, -32px) !important;
z-index: 500000 !important;
background: black !important;
}
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__duration {
position: fixed;
display: inline-block !important;
float: none !important;
height: 12px !important;
line-height: 10px !important;
left: 8px ;
bottom: 53px !important;
font-size: 9px !important;
letter-spacing: 0.9px;
color: #fff;
}
.video-page.video-page--large-mode .mixed-section.videos.related-container .thumb-list--related .video-thumb:hover .video-thumb-info .video-thumb-info__name {
display: inline-block;
max-width: 220px !important;
min-width: 220px !important;
max-height: 37px;
min-height: 37px;
line-height: 12px !important;
margin-bottom: 0;
padding: 1px 2px 0;
font-size: 13px;
}
.video-page.video-page--large-mode .mixed-section.related .width-wrap .button-section {
vertical-align: middle !important;
width: 55px !important;
height: 17px;
line-height: 15px;
margin-left: -28px !important;
padding: 0 !important;
top: 295px !important;
z-index: 50000 !important;
}
.video-page.video-page--large-mode .mixed-section.related .width-wrap .button-section a {
display: inline-block !important;
width: 100% !important;
min-width: 53px !important;
max-width: 53px !important;
height: 15px !important;
line-height: 10px !important;
margin-left: 0px !important;
padding: 0 !important;
font-size: 10px !important;
text-align: left !important;
border: 1px solid yellow!important;
}
.video-page.video-page--large-mode .mixed-section.related .width-wrap .button-section a .xh-icon {
vertical-align: middle !important;
margin-left: -1px !important;
font-size: 10px !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 ;
}
/* XPLAYER - ALL */
#player.xplayer {
padding: 35px 0px 0px 0px !important;
}
.xplayer .xp-poster{
display: inline-block !important;
background-position: 50% top !important;
background-size: contain !important;
}
.xplayer.no-user-action .xplayer-hover-menu {
opacity: 1 !important;
}
#player.notranslate.no-user-action .control-bar {
opacity: 0 !important;
}
.xplayer.no-user-action .control-bar,
.xplayer.no-user-action .xp-progress-bar,
.xplayer.no-user-action .progress-bar {
opacity: 0.4 !important;
}
.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;
}
.xplayer .xplayer-hover-menu__divider, .xplayer .xplayer-background-top {
height: 47px !important;
}
.xplayer .xplayer-hover-menu .xplayer-video-info {
max-width: 100% !important;
min-width: 100% !important;
top: 0 !important;
left: 5px !important;
}
.xplayer.notranslate:not(.no-user-action) .xplayer-hover-menu .xplayer-video-info a.xplayer-video-name ,
.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 */
.xplayer .control-bar .play {
position: absolute;
display: inline-block !important;
height: 30px !important;
width: 30px !important;
left: 0;
bottom: 10px !important;
opacity: 1 !important;
}
.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 ;
}
.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;
}
.user-page .main-info-block.column-block + .column-block #commentBox {
top: -29px;
padding-right: 0;
padding-top: 0;
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list {
position: relative;
height: 738px;
width: 1249px;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
overflow: hidden;
overflow-y: auto !important;
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .item{
position: relative;
display: inline-block !important;
float: none !important;
width: 19% !important;
height: 115px !important;
overflow: hidden !important;
margin-left: 5px !important;
margin-right: 2px !important;
margin-bottom: 5px;
padding-bottom: 0px;
border-radius: 5px !important;
transition: margin 0.3s ease 0s;
z-index: 0;
border: 1px solid gray !important;
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .item .user a img ,
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .item .user a ,
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .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 .item .user a .xh-avatar.small.retired ,
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .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 {
margin-left: 0 !important;
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .item .comment-info .user-info > *:not(.username) {
float: left !important;
clear: both !important;
margin-top: 6px !important;
margin-left: 4px !important;
}
.user-page .main-info-block.column-block + .column-block #commentBox .comments-list .text {
height: 77px !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 {
border-top: 1px solid gray;
display: inline-block !important;
height: 16px;
line-height: 13px;
min-width: 239px !important;
max-width: 239px !important;
padding: 0 3px;
position: relative;
top: -5px !important;
}
.user-page .main-info-block.column-block + .column-block:hover #commentBox .pager-section {
position: fixed !important;
top: 123px ;
right: 20px !important;
letter-spacing: 0;
}
.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;
padding: 0;
top: 0px;
border-bottom: 1px solid red ;
text-align: center ;
}
.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;
padding: 0;
top: 0px;
border-bottom: 1px solid red ;
text-align: center !important;
}
.user-page .main-info-block.column-block + .column-block .heading-container .heading {
position: absolute;
display: inline-block;
float: none;
width: 193px !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 ;
}
/* 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: absolute !important;
display: inline-block !important;
height: 30px;
line-height: 12px !important;
width: 500px !important;
top: 42px !important;
right: 300px !important;
letter-spacing: 0;
transform: scale(1) ;
background: transparent !important;
}
.user-page.friends-page .pager-section {
top: -5px !important;
right: 0px !important;
}
.user-page.my-uploads-page .stories-block .pager-section {
top: -23px !important;
right: 250px !important;
}
.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: 25px !important;
text-align: center !important;
z-index: 5000000 !important;
border: none !important;
}
.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: 5px !important;
text-align: center !important;
z-index: 5000000 !important;
border: none !important;
}
.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.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;
}
.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: 27px;
line-height: 18px !important;
top: -3px !important;
margin: 0 auto;
padding: 0;
text-align: center !important;
}
/* (new201) PAGER - CATEGORY / PHOTO PAGE */
.photos-page .pager-section{
position: fixed !important;
width: 700px !important;
right: 0px !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
top: 90px !important;
transform: scale(1);
z-index: 500 !important;
background: black !important;
}
.category-page .pager-section ,
.category-page .category-info.pornstar + .top-video-block--banner + .index-videos.mixed-section .pager-section {
position: fixed !important;
width: 646px !important;
right: 3px !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
top: 90px !important;
transform: scale(1);
z-index: 500 !important;
background: black !important;
}
.category-page .pager-section ul {
position: relative;
display: inline-block;
height: 27px;
line-height: 18px !important;
top: 1px !important;
margin: 0 auto;
padding: 0;
text-align: center !important;
}
/* 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; */
}
/* CAT - PAG - PORNSTAR */
.category-page article .category-info.pornstar ~ .index-videos .pager-section {
width: 685px !important;
right: 3px !important;
top: 95px !important;
/* border: 1px solid violet !important; */
}
/* NOTIFICATIONS */
html.notifications-page {
display: inline-block !important;
width: 100%;
min-height: 80% ;
max-height: 80% ;
}
html.notifications-page body {
display: inline-block !important;
width: 100%;
min-height: 105% ;
max-height: 105% ;
}
html.notifications-page .flow-buttons {
height: 749px;
background: red ;
}
#_hj_feedback_container {
display: none !important;
}
/* NOTIFICATIONS - PAGER */
.notifications-page .pager-small {
top: -18px ;
}
/* NEWS / NOTIFICATIONS FILTERS */
.notifications-page .main-wrap .width-wrap > main > article ,
.news-page .main-wrap .width-wrap > main > article {
height: auto !important;
max-width: 100% !important;
min-width: 100% !important;
}
.notifications-page .page-title-container ,
.news-page .page-title-container {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.notifications-page aside ,
.news-page aside {
position: absolute;
height: 20px !important;
right: 545px;
top: -42px;
width: 933px;
}
.notifications-page .notifications-filter .filters-list ,
.news-page .news-filter .filters-list {
margin-bottom: 0px !important;
padding: 0px !important;
}
.notifications-page .filters-list>label ,
.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;
}
/* NOTIFS CHROME */
.notifications-page.chrome .main-wrap {
display: inline-block !important;
width: 100%;
min-height: 100vh !important ;
max-height: 100Vh !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 / 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;
}
.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;
}
.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;
}
.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 {
height: 35px;
width: 35px;
}
.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;
color: gold !important;
background: red !important;
transform: scale(0.7) !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 {
color: gold !important;
background: black !important;
transform: translate(-13px, -13px) scale(0.6) !important;
}
/* 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:hover,
.notifications-page .notifications-list .notifications-row .event.comment .delete:hover {
position: absolute;
display: inline-block !important;
top: 30px !important;
left: 0 !important;
margin-left: 0px !important;
transform: scale(1) !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) REPLY */
.notifications-page .notifications-list .notifications-row .event.comment .reply-link {
position: absolute !important;
display: inline-block !important;
bottom: 0px !important;
left: 100px !important;
margin-left: 0px !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;
}
/* 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 {
display: inline-block !important;
height: 15px !important;
width: 15px !important;
margin-top: 10px !important;
margin-left: 65px !important;
left: 47px !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: auto !important;
top: 10px !important;
left: 102px !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: 31px;
width: auto;
}
.notifications-page .notifications-list .notifications-row .event.comment-video .user-info .event-name ~ .event-content:hover > a img ,
.notifications-page .notifications-list .notifications-row .event.comment-photo.comment .user-info .event-name ~ .event-content:hover > a img {
height: auto;
width: auto;
margin-left: 0px !important;
padding-left: 60px !important;
background-color: transparent !important;
}
.notifications-page .notifications-list .notifications-row .event.comment-video .user-info .event-content {
top: -2px !important;
left: 19px !important;
transform: scale(1) !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-left: -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 ... */
/* NOTIFICATIONS - REPLY */
.notifications-page .my-comment:not(:empty) {
position: absolute !important;
display: inline-block !important;
height: 99px !important;
width: 365px;
bottom: -25px;
left: 1px;
top: 0px !important;
margin-bottom: 0;
background: black !important;
}
.notifications-page .my-comment:not(:empty) .user {
display: none !important;
}
.notifications-page .my-comment:not(:empty) .input-area {
width: 369px !important;
height: 99px !important;
}
.notifications-page .my-comment:not(:empty) .input-area >div {
position: absolute !important;
top: 0px !important;
height: 99px !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: 363px !important;
left: 5px !important;
top: 0px !important;
}
.notifications-page .my-comment:not(:empty) .comment-textarea {
height: 98px !important;
max-height: 144px;
top: 0 !important;
width: 363px;
overflow: hidden !important;
}
.notifications-page .my-comment:not(:empty) .input-area .xh-editable .xh-editable-content {
position: absolute !important;
display: inline-block !important;
min-height: 90px !important;
max-height: 90px !important;
width: 363px !important;
line-height: 13px;
top: 21px !important;
bottom: 0 !important;
padding-left: 3px !important;
padding-top: 3px !important;
padding-right: 5px;
text-indent: 0 !important;
overflow: hidden !important;
overflow-x: hidden !important;
overflow-y: auto !important;
border-top: 1px solid gray;
}
.notifications-page .my-comment:not(:empty) .submit-comment.xh-button.large.red {
position: absolute !important;
display: inline-block !important;
margin-top: 5px;
right: 6px;
}
/* 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 {
display: inline-flex !important;
width: 100% !important;
line-height: 20px;
margin-bottom: 5px;
}
.news-page .news-section .news-list .news-row .event.blog .item.story .text .link.item {
top: 7px !important;
left: 9px !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;
}
/* NEWS - FRIENDS EVENTS */
.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: 100px !important;
max-height: 210px !important;
margin : 5px !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;
}
/* NEWS - PAGINATION */
.notifications-page .pager-section {
position: absolute !important;
height: 27px !important;
top: -60px!important;
right: 25px !important;
margin: 0px !important;
}
.notifications-page .pager-section .pager-small {
top: 2px !important;
}
/* ==== END === NEWS FLEX ==== */
/* END ==== XHAM WideScreen New Design - Without ADD COLLECTION ==== */
/* ============================================================================= */
/* AAA ==== END ==== PART 1 ===== =============================================== */
/* ============================================================================= */
/* ==== X Xhamster Widescreen (NEW) TEST PART 2 - v.168 - (QUANTUM TEST ) ==== */
/* ============================================================================= */
/* 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;
border: 1px solid red !important;
opacity: 0.2 !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 ======= */
/* EDIT - PROFILE - ABOUT - ALL */
.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: 32% !important;
max-width: 32% !important;
margin-bottom: 0px !important;
background: #222;
border: 1px dotted red !important;
}
/* THE ABOUT */
.user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal .field-row.about {
float: right !important;
clear: both !important;
min-width: 59.5% !important;
max-width: 59.5% !important;
top: -35px !important;
right: 0px !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;
}
.user-page.edit-mode .edit-profile-section .edit-profile-block fieldset .field-row.about .field-container {
float: right !important;
min-width: 100% !important;
max-width: 100% !important;
line-height: 24px;
margin-top: -955px !important;
right: 0 !important;
z-index: 5000 !important;
color: gold !important;
background: red !important;
}
/* EDIT - PROFILE - EDIT */
.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;
}
.user-page .main-info-block.column-block .about-me-block-container.info-block.editable-block .about-me-block.opened .content-container {
height: 89vh !important;
padding-top: 5px;
overflow: hidden !important;
overflow-y: auto !important;
border-bottom: 1px solid red !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 {
overflow: hidden !important;
overflow-y: auto !important;
border: 1px dotted yellow !important;
border-top: 2px 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;
}
.about-me-block.editable-block.opened .xh-editor .editor-toolbar {
position: fixed !important;
width: 108px !important;
min-height: 235px !important;
top: 127px !important;
left: 1410px !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;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal {
display: inline-block !important;
float: right !important;
clear: none !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
min-width: 36% !important;
max-width: 76% !important;
margin-top: -870px;
right: 0px !important;
padding-bottom: 0;
padding-top: 10px;
overflow: hidden !important;
border: 1px solid gray !important;
background: #333;
}
.user-page .edit-profile-section .edit-profile-block fieldset legend {
position: relative;
display: inline-block !important;
min-width: 100% !important;
max-width: 100% !important;
height: 29px;
line-height: 18px;
top: 0px;
margin-top: -5px;
padding: 2px 8px;
font-size: 14px;
color: gold ;
border: 1px solid gold;
background: black;
}
.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: 338px !important;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset#profile-edit-personal .field-row:first-of-type label {
width: 338px !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-bottom: 10px;
border: 1px solid blue !important;
background: red;
}
/* 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;
}
.xh-editor.story-text .context-controls .editor-link ,
.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 {
border-width: 1px;
white-space: nowrap;
font-size: 15px !important;
color: gold !important;
}
/* (new218) ACTIVE */
.xh-editor.story-text .context-controls a.editor-link.active ,
.about-me-block-container.info-block.editable-block .about-me-block.editable-block.opened.edit .context-controls a.active ,
.user-page .edit-profile-section .edit-profile-block fieldset .field-row .field-container a.active {
color: tomato !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;
}
.xh-editor .editor-toolbar .editor-label.right ,
.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;
}
.xh-editor .editor-toolbar .editor-button .xh-icon,
.xh-editor .editor-toolbar .editor-label .xh-icon {
font-size: 17px !important;
}
.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;
}
.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;
}
.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;
}
/* ROF 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;
}
/* EDIT - PROFILE - INTRO */
.tab.tab-profile #profile-edit-intro .field-row.email-verification label {
text-align: center;
width: 420px !important;
}
.tab.tab-profile #profile-edit-intro .field-row.email-verification label span {
width: 420px !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: 278px !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;
}
/* EDIT - PROFILE - EDIT - SAVE */
.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;
width: 100% !important;
max-width: 90px !important;
min-width: 90px !important;
left: 966px !important;
top: 184px !important;
padding: 5px;
text-align: center;
border: 1px solid aqua !important;
}
.user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile .bottom-container {
margin-left: 0px !important;
top: 146px !important;
border-radius: 5px ;
background: green ;
border: 1px solid red !important;
}
.user-page .edit-profile-section .edit-profile-block .bottom-container .buttons-block {
max-width: 80px !important;
min-width: 80px !important;
padding-left: 0px !important;
}
.user-page .edit-profile-section .edit-profile-block .bottom-container .buttons-block button.xh-button {
max-width: 80px !important;
min-width: 80px !important;
padding: 0px !important;
}
.user-page.edit-mode .edit-profile-section .edit-profile-block.column-block .tab.tab-profile .bottom-container .save-profile-info {
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;
}
.story-edit-page .post-create-form .privacy ,
.story-edit-page .post-create-form .buttons-block ,
.xh-editor .editor-toolbar {
position: fixed !important;
width: 58px !important;
min-height: 155px !important;
left: 986px !important;
top: 257px;
padding: 5px;
text-align: center;
}
.xh-editor .editor-toolbar ,
.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;
}
.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;
}
/* POST EDIT - context-controls */
.about-me-block.editable-block.opened.edit iframe.blog-video,
.about-me-block.editable-block.opened.edit img.blog-image ,
.post-create-form iframe.blog-video,
.post-create-form img.blog-image ,
#profile-edit-personal .field-row.about iframe.blog-video,
#profile-edit-personal .field-row.about img.blog-image {
margin-top: 20px !important;
}
.xh-editor .context-controls .context-toolbar {
position: absolute;
height: 20px !important;
top: 0px !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;
}
.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;
}
/* (new208) BLOG EDIT - INDICATOR - CODE COLOR for IMAGES SIZE */
.xh-editor .editor-toolbar:after ,
.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;
border: 1px solid red;
background:green !important;
}
/* (new208) EDIT PROFIL - from TOP MENU */
.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: 972px !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: 860px !important;
background: blue !important;
}
/* EDIT PROFILE - 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: 108px !important;
min-height: 130px !important;
max-height: 130px !important;
top: 370px !important;
right: 400px !important;
background: #333 !important;
}
/* 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;
}
/* (new214) SMALL RIGHT */
.blog-video.toolbar-visible.size-small.align-right:not(.draggable) {
left: 339px !important;
}
/* 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;
}
/* (new214) MEDIUM RIGHT */
iframe.blog-video.size-medium.align-right:not(.draggable) {
left: 164px !important;
}
/* 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;
}
/* (new214) LARGE RIGHT */
.blog-video.size-large.align-right:not(.draggable) {
left: -10px !important;
}
/* 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;
}
/* 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%;
}
/* EDIT - BLOG / STORY - from ABOUT - === */
.about-me-block.editable-block.opened.edit {
position: fixed !important;
width: 95% !important;
height: auto !important;
top: 60px;
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;
}
.user-page.edit-mode .main-wrap article.width-wrap .edit-profile-section .edit-profile-block.column-block ,
.user-page.edit-mode .main-wrap article.width-wrap .edit-profile-section ,
.user-page.edit-mode .main-wrap main {
display: inline-block !important;
height: 100% !important;
max-height: 100% !important;
padding: 0px 10px !important;
}
/* (new210) 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: 17% !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;
}
.user-page .edit-profile-section .edit-profile-block.column-block .tab.tab-profile fieldset {
float: left;
clear: left !important;
min-width: 25% !important;
max-width: 25% !important;
margin-bottom: 10px;
border: 1px solid red !important;
}
/* 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 - ========== */
/* (new232) BLOG - BLOG LIST PAGES - For GM "Superloader Plus - === */
/* (new232) STORY / MY BLOGS LIST - USER PROFILE - THUMBNAILS - HEIGHT - */
.user-page.user-blog-page.my-uploads-page .main-wrap {
position: relative !important;
display: inline-block !important;
height: auto !important;
max-height: unset !important;
min-height: unset !important;
margin-left: 0px !important;
padding-left: 0 !important;
overflow: visible !important;
}
.user-page.user-blog-page.my-uploads-page .user-content-section .content-column {
display: inline-block !important;
min-height: 100Vh !important;
width: 100% !important;
min-width: 1890px !important;
max-width: 1890px !important;
margin-left: 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;
min-width: 1870px !important;
margin-top: -2px !important;
}
/* (new232) 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: 205px !important;
width: 49.2% !important;
min-width: 920px !important;
max-width: 920px !important;
margin-bottom: 10px;
margin-left: 6px !important;
margin-right: 0px !important;
padding: 0 5px;
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: 92.9% !important;
margin-left: 55px ;
margin-bottom: 10px !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;
}
/* (new232) 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: 1880px !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: 1880px !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;
}
/* (new223) - 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: 150px !important;
width: 99% !important;
margin-top: 2px ;
margin-left: 4px;
margin-right: 1px;
margin-bottom: -4px !important;
overflow: hidden ;
overflow-y: auto ;
padding: 0 5px;
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: 450px !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;
}
/* (new218) BLOG / STORY - COLUMNS - === */
.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: 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;
}
/* (new210) BLOG / STORY PAGES - TITLE - === */
.story-page .page-title-container {
position: fixed ;
display: inline-block ;
width: 100% !important;
top: 2.3vh !important;
margin: 0 ;
padding: 3px 20px !important;
z-index: 50000 !important;
background: black !important;
border-bottom: 1px solid red !important;
}
.story-page .page-title-container .page-title {
height: 25px !important;
line-height: 25px !important;
padding: 2px 20px !important;
}
/* 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;
}
.story-page .story-page-container .story-section .entity-container__block.entity-controls-container .controls-container__item {
margin-right: 0px ;
margin-left: 15px ;
}
/* 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;
}
.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;
}
.story-page .comments-section:hover .content-container .comments-list {
display: inline-block !important;
width: 1901px !important;
height: 665px !important;
margin-top: -10px ;
overflow: hidden !important;
overflow-y: auto !important;
border-top: 1px solid gray ;
}
.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: 20px !important;
width: 20px !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 ;
}
/* BLOG / STORY - COMMENT REPLY - ==== */
.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 ;
}
/* BLOG / STORY - COMMENTS ITEMS - HOVER / NOT HOVER - === */
.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 .item .comment-info {
height: 83px !important;
top: 20px !important;
}
.story-page .comments-section:not(:hover) .comments-list .item .comment-info .comment-body {
height: 83px !important;
margin-left: 0 !important;
}
.story-page .comments-section:not(:hover) .comments-list .item .comment-info .user-info {
position: relative;
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
width: 90px !important;
top: -20px !important;
margin-left: -2px;
}
.story-page .comments-section:not(: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: 25px !important;
margin-right: 0;
font-size: 12px;
text-overflow: ellipsis !important;
overflow: hidden !important;
}
.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 .item .comment-info .user-info .username.retired {
margin-left: 10px !important;
}
/* (new210) BLOG / STORY - COMMENTS - ICON GENDER / ACTION etc.. - HOVER + NO HOVER */
.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 .item:not(:hover) .comment-actions {
float:right !important;
margin-top: 0px !important;
margin-bottom: -22px !important;
margin-right: -1px;
transform: scale(0.7);
z-index: 500;
}
.story-page .comments-section .comments-list .item .action-container:not(.contextmenu-open) {
opacity: 1 !important;
}
.story-page .comments-section .comments-list .item:hover .comment-actions {
margin-top: 5px !important;
margin-bottom: 0px !important;
}
.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 ;
}
.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;
}
/* BLOG / STORY - COMMENTS - HOVER */
.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 .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 .item:hover .comment-actions {
position: absolute;
margin-right: 10px;
display: inline-block;
top: 7px !important;
right: 0 !important;
margin: 0px !important;
z-index: 500 !important;
}
.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 .item:hover .comment-info .user-info .username {
margin-top: 6px !important;
margin-bottom: 20px !important;
}
/* BLOG / STORY - TOP ROW */
.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 .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 .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 .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 .item .comment-info {
height: 120px !important;
top: 0px !important;
}
.story-page .comments-section:hover .comments-list .item:hover .comment-info {
height: 145px !important;
top: -10px !important;
}
.story-page .comments-section:hover .comments-list .item .comment-info .comment-body {
height: 120px !important;
margin-left: -2px;
opacity: 0.5;
}
.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 .item .comment-info .user-info {
position: relative !important;
display: inline-block !important;
height: 18px !important;
line-height: 17px !important;
width: 300px !important;
margin-left: 5px;
padding-left: 8px !important;
top: -18px !important;
}
.story-page .comments-section:hover .item .comment-info .comment-body .text {
position: relative;
display: inline-block !important;
width: 280px !important;
height: 85px !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 .item:hover .comment-info .comment-body .text {
width: 283px !important;
height: 122px !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;
}
/* BLOG / STORY - COMMENT - HAS REPLY - ORIGINAL */
.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 .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 .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 .item .comment-info .comment-body .comment-meta {
min-width: 290px !important;
max-width: 290px !important;
margin-left: 4px !important;
top: -23px !important;
}
.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 ;
}
/* BLOG / STORY - COMMENT - TIME / REPLY / NOT SHOW */
.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 .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 .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 .item.has-reply .comment-info .text:hover + .comment-meta,
.story-page .comments-section:hover .item .comment-info .text:hover + .comment-meta {
top: 20px !important;
}
/* BLOG / STORY - COMMENT - HOVER - SHOW / HIDE */
.story-page .comments-section:hover .item.is-reply {
border: 1px solid tomato !important;
}
.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 .item .hide-original-comment.no-last:before {
content: "HIDE" ;
display: inline-block ;
font-size: 10px ;
border: 1px solid tomato ;
}
.story-page .comments-section:hover .item .show-original-comment.no-last:before {
content: "SHOW" ;
display: inline-block ;
font-size: 10px ;
}
/* BLOG / STORY PAGES - PAGER */
.story-page .pager-section {
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;
}
.story-page .comments-section:hover .pager-section {
position: absolute !important;
display: inline-block !important;
width: 499px !important;
height: 25px !important;
left: 220px !important;
top: -37px !important;
transform: scale(1) !important;
}
.story-page .comments-section:not(:hover) .pager-section {
top: -28px !important;
}
/* 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 ;
}
.story-page .story-item>h1 {
position: sticky !important;
top: 0px !important;
width: 100% !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
font-size: 22px !important;
text-align: center !important;
z-index: 50000 !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 ;
}
/* (new218) BLOG / STORY - BOLD -
PB solved for column:
https://xhamster.com/posts/1024828
=== */
.story-section .story-item .story-text>b br {
display: none !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;
}
/* (new168) BLOG / STORY PAGES - MY FAVORITS BLOGS */
.user-page.my-uploads-page .item.story.type-blog ,
.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: 16.1% !important;
max-width: 16.1% !important;
min-height: 165px !important;
margin-bottom: 4px !important;
margin-right: -5px !important;
margin-left: 5px;
left: 14px ;
top: 2px !important;
padding: 5px !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;
}
/* 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;
}
.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: top !important;
width: 100% !important;
height: 126px !important;
line-height: 13px !important;
margin-top: -10px !important;
margin-bottom: -3px !important;
padding-bottom: 0 !important;
font-size: 12px !important;
white-space: pre-line ;
overflow: hidden !important;
border-bottom: 2px solid #333 ;
}
.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;
}
.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 ,
image.deprecated {
float: left !important;
clear: none !important;
min-width: 32.4% !important;
max-width: 32.4% !important;
min-height: 118px !important;
max-height: 118px !important;
margin-right: 2px !important;
background-color: #333 !important;
}
.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 ,
image.deprecated {
top: -22px !important;
}
/* 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 {
top: -10px !important;
}
.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: 65px !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;
}
.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;
float: right !important;
width: 281px !important;
height: 120px !important;
line-height: 13px !important;
top: -20px !important;
padding: 0 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.user-page.my-uploads-page .stories-list .item.story.type-blog .text .link.item + p:not(:empty) {
width: 193px !important;
top: -48px !important;
}
.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;
width: 180px !important;
height: 110px !important;
top: -40px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.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;
width: 187px !important;
height: 152px !important;
top: -140px !important;
}
.user-page.my-uploads-page .stories-list .item.story.type-blog .text > a + p:not(:empty) {
position: relative;
display: inline-block;
width: 187px !important;
height: 152px !important;
top: -50px !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;
}
.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:not(:empty) {
position: relative;
display: inline-block;
width: 142px !important;
height: 122px !important;
top: -33px !important;
overflow: visible !important;
}
/* BLOG - FAVORITS LIST - THUMBNAIL + HOVER - === */
.user-page.favorites-page .mixed-list .item.story.type-blog .link.item .thumb-container {
width: 100% !important;
width: 91px !important;
min-height: 118px !important;
max-height: 118px !important;
background-position: center , center;
}
.user-page.favorites-page .mixed-list .item.story.type-blog .link.item:hover .thumb-container {
width: 100% !important;
width: 91px !important;
min-height: 118px !important;
max-height: 118px !important;
top: 0px !important;
left: 0 !important;
background-position: center , center;
}
.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 {
display: inline-block !important;
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;
}
/* BLOG / STORY PAGES - MY FAVORIS - */
.favorites-list.stories-favorites-list.stories-section ,
.user-page.favorites-page .favorites-list.stories-favorites-list.stories-section {
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: 590px !important;
right: 0px !important;
top: 24px !important;
background: #111 !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 - ========== */
/* (new201) START === SUBS/CHAN/ ETC.. ==== */
.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;
}
.channels-page .best-list-block.hide-on-search {
display: inline-block !important;
margin-top: 50px !important;
padding-top: 10px !important;
border-bottom: 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: 10.9667% !important;
}
.contest-content .contest-container.user .contest-items .contest-item-container .pornstar-thumb-container {
display: inline-block;
width: 90%;
height: 130px;
margin: 0px -10px 7px 20px !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;
}
.top-block.on-countries {
margin-top: 13px !important;
top: 28px !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 {
/* display: inline-block !important; */
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;
/* border: 1px solid aqua !important; */
}
.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: 11 !important;
}
/* 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 {
/* display: inline-block; */
/* width: 302px !important; */
margin-bottom: 3px !important;
text-overflow: ellipsis;
border-radius: 3px !important;
border: 1px solid gray !important;
}
/* (new206) */
/* CHANNEL - USER - === */
.user-page article .right-column .channels-block.column-block{
position: absolute !important;
display: inline-block !important;
height: 435px !important;
width: 175px !important;
left: -200px !important;
top: 435px !important;
padding: 5px !important;
overflow: hidden !important;
}
.user-page article .channels-block.column-block .content-container {
max-height: 400px !important;
width: 168px !important;
padding: 0 10px 0 0px !important;
border-radius: 3px !important;
overflow: hidden !important;
overflow-y: auto !important;
/* border: 1px solid aqua !important; */
}
.user-page article .channels-block.column-block .content-container .channels-list {
width: 164px !important;
height: auto !important;
line-height: 15px !important;
left: 0px ;
padding: 0px;
border-radius: 3px !important;
/*border: 1px solid gray !important; */
}
.user-page article .channels-block.column-block .content-container .channels-list .channel-logo-container {
width: 162px !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;
}
.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: 5px 0 10px -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: 125px !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: 154px !important;
max-width: 154px !important;
height: 25px !important;
line-height: 25px !important;
text-align: center !important;
background: black !important;
}
.user-page article .channels-block .channel-logo-container__info-counter {
display: inline-block;
position: relative !important;
height: 24px !important;
line-height: 20px !important;
min-width: 150px !important;
max-width: 150px !important;
top: -30px !important;
text-align: right !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
/* (new185) CATEGORY - 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;
}
/* (new201) CHANNEL LIST */
.channels-page .menu .width-wrap{
position: fixed !important;
top: 25px !important;
background: #111 !important;
border-bottom: 1px solid red !important;
}
.channels-page .page-title-container {
height: 30px !important;
padding-top: 0 !important;
}
.channels-page .page-title-container .xh-header {
line-height: 30px;
margin-right: 30px;
padding-bottom: 0 !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 ;
/* border: 1px solid red !important; */
}
.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;
/* background-color: red !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) CHAN LIST - PORNST - COUNTRY */
.channels-page.list .top-block.on-countries.hide-on-search {
margin-bottom: 20px!important;
}
.channels-page.list .countries-list-block.hide-on-search {
margin-bottom: 0 !important;
margin-top: 50px !important;
padding-top: 0 !important;
}
.channels-page.list .countries-list {
padding: 0px 0 0px !important;
}
.channels-page.list .countries-list .title {
border-bottom: 1px solid var(--color-gray,#ccc);
font-size: 18px;
font-weight: 700;
line-height: 24px;
margin-bottom: -5px;
padding: 0 0 0 20px !important;
}
/* (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;
/* z-index: 500000 !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 ;
}
/* (new185) CATEG - PAGINATION - === */
.channels-page .best-list-block,
.channels-page .update-block,
.channels-page .updates-list-block {
padding: 20px 0 15px;
position: relative;
/* overflow: visible !important; */
/* z-index: 500000 !important; */
/* background: red !important; */
}
.channels-page.list .pager-section ,
.categories-list-block.hide-on-search .pager-section ,
.best-list-block.hide-on-search .pager-section {
position: absolute !important;
display: inline-block !important;
top: -65px !important;
left: 37%;
letter-spacing: 0;
margin: 30px 0 60px;
z-index: 50000 !important;
}
/* (new201) */
.channels-page.list .pager-section ,
.best-list-block.hide-on-search .pager-section {
position: fixed !important;
display: inline-block !important;
top: 35px !important;
left: 57%;
letter-spacing: 0;
margin: 30px 0 60px;
/* z-index: 5000000 !important; */
}
.channels-page.list a.channel-thumb-container__image-container-image {
height: 87px !important;
}
.channels-page.list a.channel-thumb-container__image-container-image .channel-thumb-container__original-image {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
object-position: right center;
}
.channels-page.list .channel-thumb-container__image-container-logo {
bottom: 4px;
left: 2px;
z-index: 1;
}
.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 .sub-button {
width: 80px !important;
height: 15px;
line-height: 15px !important;
left: 179px !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;
}
/* (new168) NEWS /SUBSCRIPTION - TOP MENU*/
.news-page .page-title-container ,
.subscriptions-page .page-title-container {
height: 35px !important;
padding-top: 0;
}
.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 {
display: inline-block !important;
height: 20px !important;
line-height: 20px !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;
}
/* (new168) CHANNEL PAGE /SUBSCRIPTION*/
html.subscriptions-page {
display: inline-block ;
height: auto !important;
min-height: 100vh ;
}
.subscriptions-page .main-wrap {
display: inline-block !important;
height: auto !important;
min-height: 100vh !important;
max-height: 100vh !important;
padding: 0;
}
/* (new189) - SUB - TOP HEADER */
.subscriptions-page .main-wrap > header {
position: sticky !important;
display: inline-block;
max-height: 25px;
min-height: 25px;
min-width: 100%;
margin-bottom: 9px;
padding-top: 0;
z-index: 500000;
}
/* (new168) */
.subscriptions-page .width-wrap > main {
display: inline-block !important;
min-height: 86.5vh !important;
max-height: 86.5vh !important;
padding: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
border-top: 1px solid red !important;
border-bottom: 1px solid aqua !important;
}
.subscriptions-page .xh-tabbed.no-upper + main {
padding-left: 20px;
border-bottom: 1px solid yellow !important;
}
/* (new168) */
.subscriptions-page .pager-section {
position: fixed !important;
display: inline-block;
width: 100% !important;
bottom: -60px !important;
}
.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: 1;
border: none !important;
}
.subscriptions-page .width-wrap>main>article .thumb-list.thumb-list--sidebar {
margin: 0 !important;
}
.subscriptions-page .width-wrap > main > aside {
position: fixed !important;
display: inline-block ;
width: 900px ;
height: 36px !important;
right: 200px ;
padding: 5px ;
top: 52px !important;
border-radius: 5px 5px 0 0 ;
overflow: hidden ;
z-index: 500 !important;
background: #333 ;
}
.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;
}
/* (new196) */
.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 ;
}
.subscriptions-page .popular-wrapper {
position: absolute !important;
display: inline-block !important;
height: auto !important;
width: 100% !important;
left: 0 !important;
top: 27px !important;
padding: 0px !important;
overflow: hidden;
background: rgba(35, 94, 136, 0.25) ;
pointer-events: none ;
visibility: hidden ;
}
.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 {
height: 35px ;
line-height: 20px ;
width: 430px ;
margin: 5px 0 0 320px !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 ;
}
.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 ;
}
.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 ;
}
.subscriptions-page .thumb-list--sidebar .video-thumb-info .video-thumb-info__name {
min-height: 50px ;
max-height: 50px ;
margin-bottom: 0px ;
}
/* 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: 16px !important;
line-height: 16px !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;
}
.entity-container .entity-info-container__subscribe .subscribe-block-new__button-counter {
height: 17px !important;
line-height: 17px !important;
bottom: -19px !important;
color: yellow !important;
}
/* (new196) DURATION - ALL */
.video-thumb .thumb-image-container__duration {
background: rgba(0, 0, 0, 0.25) !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 ;
display: inline-block ;
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 ===== */
/* 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;
}
/* 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;
margin-bottom: 5px !important;
margin-left: 30px !important;
margin-right: -25px !important;
margin-top: 5px !important;
padding: 0px !important;
}
.thumb-list--sidebar .thumb-list__item.gallery-thumb a.thumb-image-container .thumb-image-container__image {
min-width: 179px !important;
max-width: 179px !important;
min-height: 237px !important;
max-height: 237px !important;
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain !important;
}
.mixed-list .item.gallery {
width: 10% !important;
margin-right: 3px ;
margin-left: 5px ;
margin-bottom: 5px ;
padding: 0px !important;
}
/* 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: 260px !important;
max-height: 260px !important;
margin-bottom: 0 !important;
top: 0 !important;
padding: 0 !important;
/* border: 1px dashed yellow !important; */
border: 1px solid red !important;
}
/* (new220) */
.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: 258px !important;
max-height: 258px !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 .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;
}
/* 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;
}
/* (new224) */
.user-page.user-photos-page.my-uploads-page main .width-wrap .user-content-section {
display: inline-block;
min-height: 93vh !important;
max-height: 93vh !important;
width: 99% !important;
margin-left: 10px !important;
margin-top: 0;
margin-bottom: 0 !important;
padding: 0 !important;
border: 1px solid red;
overflow: hidden !important;
overflow-y: auto !important;
}
.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;
}
/* 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: 133px !important;
max-height: 133px !important;
min-width: 181px !important;
max-width: 181px !important;
margin-bottom: 0 !important;
top: 0 !important;
}
.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: 181px !important;
max-width: 181px !important;
margin: 0px 0 0 0 !important;
top: 0 !important;
}
.user-page.favorites-page .mixed-list .item.gallery .link .thumb-container img {
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) ;
}
.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: 0px !important;
left: -15px !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;
}
.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;
}
/* 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 ;
}
/* (new198) 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 > main {
max-height: 860px !important;
top: 62px !important;
}
.user-page.user-photos-page.my-uploads-page .main-wrap > main .width-wrap {
max-height: 860px !important;
}
.user-page.user-photos-page.my-uploads-page .xh-tabs .tab-favorite.gallery-list.current-tab.gallery {
margin-left: 0 !important;
padding-left: 11px !important;
}
/* BLOGS / GALLERY / PHOTOS - THUMBNAIL IN FAVORITES VIDEOS / PHOTOS - === */
.user-page.favorites-page .content-column ,
.user-page.user-videos-page.my-uploads-page .content-column ,
.user-page.favorites-page .content-column {
width: 1920px !important;
margin-top: 0px ;
min-height: 94.3vh !important;
max-height: 94.3vh !important;
padding-left: 0px !important;
}
.user-page.user-videos-page.my-uploads-page .content-column {
height: 100% !important;
max-height: 870px !important;
min-height: 870px !important;
margin-top: -10px ;
padding-left: 0px !important;
}
.user-page.user-photos-page.my-uploads-page .thumb-list--sidebar .thumb-list__item.gallery-thumb ,
.favorites-page .mixed-list .item.favorite.gallery {
float: none !important;
height: 135px !important;
min-width: 183px !important;
max-width: 183px !important;
top: 15px !important;
/* margin-right: -16px !important;
margin-left: 18px !important;
margin-bottom: 3px !important; */
margin: 5px -16px 3px 18px !important;
border-radius: 5px !important;
transition: width 0.7s ease 0s !important;
/* border: 1px solid aqua !important; */
}
/* DELETED */
.user-page.favorites-page .mixed-list .item.favorite.gallery.has-status .thumb-container.reset-cursor {
max-width: 183px !important;
min-width: 183px !important;
margin-top: 0px !important;
}
.user-page.favorites-page .mixed-list .item.favorite.gallery.has-status:hover .thumb-container.reset-cursor {
max-width: 183px !important;
min-width: 183px !important;
}
.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: 133px !important;
min-height: 133px !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;
}
/* 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;
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;
}
/* 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;
}
/* GALLERY / PHOTO FAVS - HOVER */
/* 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;
}
/* 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;
}
/* 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;
}
/* 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;
}
.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;
line-height: 172px !important;
height: 133px !important;
min-width: 180px !important;
max-width: 180px !important;
margin-bottom: 0 !important;
border-radius: 5px !important;
box-shadow: none !important;
z-index: 0 !important;
border: 1px solid gray !important;
}
/* (new224) */
.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;
}
.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: -42px !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;
}
/* GALLERY / PHOTOS - CATEGORY PAGES - PHOTOS */
.photos-page .gallery-section {
margin-top: -17px ;
}
/* 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: 93.5vh !important;
max-height: 93.5vh !important;
margin: auto;
overflow: visible !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: 93vh !important;
max-height: 93vh !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: 93.4vh !important;
max-height: 93.4vh !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;
}
#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: 93.4vh !important;
max-height: 93.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;
}
/* 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;
}
/* 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;
}
/* 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;
}
/* (GALLERY / PHOTOS - PREV / NEXT */
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr:not(:focus) {
opacity: 1;
transform: translate3d(0px, 0px, 0px);
}
.fotorama__wrap.fotorama__wrap--css3.fotorama__wrap--slide.fotorama__wrap--toggle-arrows.fotorama__wrap--no-controls .fotorama__arr {
position: fixed !important;
top: 50% !important;
opacity: 0.5;
color: red !important;
border: 1px solid yellow !important;
}
.fotorama__wrap--css3.fotorama__wrap--slide.fotorama__wrap--toggle-arrows:not(.fotorama__wrap--no-controls) .fotorama__arr::after ,
.fotorama__wrap--css3.fotorama__wrap--toggle-arrows.fotorama__wrap--no-controls.fotorama__wrap--slide .fotorama__arr::after {
position: fixed !important;
right: 10px;
top: 50% !important;
opacity: 0.5;
color: red !important;
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
opacity: 1 !important;
}
/* PREV / NEXT */
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls {
height: 848px !important;
max-width: 100%;
min-width: 0;
width: 100%;
}
.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;
}
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap.fotorama__wrap--css3.fotorama__wrap--slide.fotorama__wrap--toggle-arrows {
display: inline-block !important;
width: 100%;
max-width: 100%;
min-width: 0;
overflow: visible !important;
opacity: 1 !important;
z-index: 50000 !important;
}
.fotorama__wrap--no-controls .fotorama__pointer .fotorama__arr ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__pointer .fotorama__arr ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls .fotorama__arr ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__arr::after {
display: inline-block !important;
top: 50px !important;
opacity: 1 !important;
z-index: 50000 !important;
color: gold !important;
}
/* PREV */
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls .fotorama__arr.fotorama__arr--prev ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__arr--prev {
display: inline-block !important;
opacity: 1 !important;
transform: scaleX(-1) !important;
}
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__pointer .fotorama__arr.fotorama__arr--prev ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls .fotorama__pointer .fotorama__arr.fotorama__arr--prev ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls .fotorama__arr.fotorama__arr--prev ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls .fotorama__arr.fotorama__arr--prev ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__arr.fotorama__arr--prev ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__arr.fotorama__arr--prev:not(:focus) {
display: inline-block !important;
left: 842px !important;
top: 50vh !important;
opacity: 1 !important;
transform: translate3d(-170px, 0px, 0px) !important;
z-index: 50000 !important;
transition-duration: 0s !important;
border: 1px solid yellow !important;
}
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls .fotorama__arr.fotorama__arr--prev ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__arr.fotorama__arr--prev {
display: inline-block !important;
top: 480px !important;
left: 980px !important;
margin-top: -15px;
visibility: visible !important;
opacity: 1 !important;
z-index: 50000 !important;
color: gold !important;
}
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls .fotorama__stage:not(.fotorama__pointer) .fotorama__arr.fotorama__arr--prev ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__stage:not(.fotorama__pointer) .fotorama__arr.fotorama__arr--prev {
left: 843px !important;
transform: translate3d(-171px, 0px, 0px) !important;
}
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls .fotorama__arr.fotorama__arr--prev::after ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__arr.fotorama__arr--prev::after {
position: absolute !important;
display: inline-block !important;
height: 23px !important;
line-height: 23px !important;
width: 30px !important;
right: 0px !important;
top: 15px !important;
font-size: 15px !important;
transform: scaleX(-1) !important;
opacity: 1 !important;
z-index: 50000 !important;
color: green !important;
background: tomato !important;
}
/* NEXT */
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls .fotorama__arr.fotorama__arr--next ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__arr--next {
display: inline-block !important;
opacity: 1 !important;
transform: scaleX(-1) !important;
}
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__pointer .fotorama__arr.fotorama__arr--next ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls .fotorama__pointer .fotorama__arr.fotorama__arr--next ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls .fotorama__arr.fotorama__arr--next ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__arr.fotorama__arr--next ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__arr.fotorama__arr--next:not(:focus) {
display: inline-block !important;
left: 870px !important;
top: 50vh !important;
opacity: 1 !important;
transform: translate3d(-170px, 0px, 0px) !important;
z-index: 50000 !important;
transition-duration: 0s !important;
border: 1px solid green !important;
}
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls .fotorama__arr.fotorama__arr--next ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__arr.fotorama__arr--next {
display: inline-block !important;
top: 480px !important;
left: 980px !important;
margin-top: -15px;
visibility: visible !important;
opacity: 1 !important;
z-index: 50000 !important;
color: gold !important;
}
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls .fotorama__arr.fotorama__arr--next[disabled="disabled"] ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__arr.fotorama__arr--next[disabled="disabled"] {
left: 870px !important;
}
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__wrap--no-controls .fotorama__arr.fotorama__arr--next::after ,
.photo-page .photo-view .slider-side #photo_slider:not(.fotorama--fullscreen) .fotorama__arr.fotorama__arr--next::after {
position: absolute !important;
display: inline-block !important;
height: 23px !important;
line-height: 23px !important;
width: 30px !important;
right: -7px !important;
top: 15px !important;
font-size: 15px !important;
transform: scaleX(1) !important;
opacity: 1 !important;
color: green !important;
background: tomato !important;
}
/* 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;
}
/* GALLERY / PHOTOS - VIDEOS / GALLERIES RELATED */
.gallery-related {
width: 40% ;
float: right;
clear: both;
margin-right: 150px;
margin-top: -1042px;
}
/* GALLERY / PHOTOS - PHOTO PAGE - ALL / VIDEOS RELATED */
.photo-page .mixed-section.videos.related {
display: inline-block ;
margin-left: -5px ;
width: 710px !important;
}
.photo-page .mixed-section.videos .mixed-list.clearfix-after {
position: relative;
max-width: 692px !important;
}
/* 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: 587px ;
margin-top: 0 ;
margin-left: 0px !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: 587px !important;
margin: 0 !important;
left: 0px !important;
}
/* 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 {
width: 20% ;
height: 265px !important;
margin: -40px 0px 45px 0px !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: 262px !important;
width: 137px ;
top: 0px ;
margin-left: 0px ;
margin-bottom: 22px ;
bottom: -29px ;
border-radius: 5px ;
border: 1px solid gray ;
}
.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: 170px !important;
max-height: 170px !important;
width: 100% !important;
min-width: 135px !important;
max-width: 135px !important;
background-repeat: no-repeat;
background-size: contain !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.gallery-thumb a.gallery-thumb__link.thumb-image-container:visited .thumb-image-container__image {
border: 1px solid green !important;
}
/* GALLERY / PHOTOS - VIDEOS RELATED */
.photo-page_container + .gallery-related .mixed-section.videos.related .thumb-list .thumb-list__item.video-thumb {
width: 22% !important;
min-height: 157px !important;
margin-left: 34px !important;
margin-top: -16px !important;
margin-right: -26px !important;
margin-bottom: 22px !important;
bottom: -29px !important;
border-radius: 5px !important;
border: 1px solid #333 ;
}
.photo-page_container + .gallery-related .mixed-section.videos.related .thumb-list .thumb-list__item.video-thumb .video-thumb__image-container {
height: 120px !important;
width: 160px;
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: 48px !important;
width: 165px;
}
.photo-page_container + .gallery-related .mixed-section.videos.related .thumb-list .thumb-list__item.video-thumb .video-thumb-info__name {
min-height: 48px !important;
max-height: 48px !important;
line-height: 10px !important;
width: 165px !important;
margin-bottom: -4px !important;
padding: 0 5px 0 !important;
font-size: 11px !important;
}
/* 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;
}
/* 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;
}
/* GALLERY / PHOTOS - PAGE */
.photo-page >body {
height: 872px;
overflow: hidden;
}
.gallery-page .page-title-container {
position: relative !important;
display: inline-block !important;
width: 100% ;
min-width: 1300px !important;
max-width: 1300px !important;
max-width: 100%;
height: 22px !important;
line-height: 22px ;
left: 20px !important;
top: -7px !important;
padding: 0 0 2px ;
overflow: visible !important;
white-space: nowrap ;
}
.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: 10% !important ;
min-height: 20px !important ;
max-height: 20px !important ;
line-height: 30px !important;
right: -80px !important;
top: 30px !important;
text-align: right !important;
z-index: 5000 !important;
}
.gallery-controls>a[href^="https://xhamster.com/my/edit/photos/"] {
position: relative !important;
display: inline-block !important;
float: none !important;
vertical-align: top !important;
line-height: 20px !important;
height: 20px;
min-width: 90px ;
margin-left: 5px;
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 {
position: relative !important;
display: inline-block !important;
float: none !important;
vertical-align: top !important;
line-height: 20px !important;
height: 20px !important;
min-width: 130px ;
margin-left: 5px;
}
.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: top !important;
width: 115px !important;
height: 20px !important;
line-height: 20px !important;
top: -26px !important;
right: 5px !important;
margin-left: 5px;
padding: 1px !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 ;
}
.gallery-page .gallery-related {
position: absolute ;
display: inline-block ;
width: 332px !important;
height: 884px ;
top: -12px ;
margin-top: 0px ;
right: 2px !important;
margin-right: 0px ;
border: 1px solid #404040 ;
}
.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 ;
}
.photo-page .gallery-related {
clear: none !important;
float: right !important;
height: 639px ;
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 {
margin-left: 5px ;
right: 3px ;
margin-right: 0 ;
}
/* (new219) GALLERY - PHOTO - PAGE - GALLERIES RELATED */
.gallery-page .gallery-related .mixed-section.gallery.related .width-wrap {
width: 322px !important;
top: -18px ;
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: 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:first-of-type ,
.photo-page .gallery-related .mixed-section.related-tabs button.followable:first-of-type {
min-height: 35px !important;
line-height: 35px !important;
margin-left: 0px !important;
border: 1px solid green !important;
}
.gallery-page .gallery-related .mixed-section.gallery.related .width-wrap .thumb-list.thumb-list--related-gallery.thumb-list--margin {
width: 322px !important;
margin: 0 !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 {
vertical-align: top;
width: 158.333px !important;
height: 152.333px !important;
margin-bottom: 0px !important;
margin-right: 2px !important;
margin-left: 0px !important;
padding: 0 !important;
border-radius: 3px !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: 155.333px !important;
height: 145.333px !important;
margin-left: 0px !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;
}
/* (new224) */
.gallery-page .gallery-related .mixed-section.gallery.related .width-wrap .thumb-list.thumb-list--related-gallery.thumb-list--margin .gallery-thumb-info {
height: 58px !important;
top: 112px !important;
padding-top: 0px !important;
}
.gallery-thumb .gallery-thumb-info__name {
display: inline-block ;
width: 100%;
height: auto;
min-height: 60px;
max-height: 60px;
line-height: 14px !important;
margin-bottom: -5px !important;
padding: 0 10px !important;
font-size: 14px !important;
opacity: 1;
overflow: hidden;
}
/* 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: 750px ;
left: -21px ;
}
.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: 623px ;
left: 938px;
margin-top: -21px ;
top: 0px;
border-radius: 3px ;
border: 1px solid red ;
}
/* (new219) 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: 545px;
left: 658px;
}
.photo-page .photo-view section .entity-container .controls-container__item.favorites-control .control-container__text {
display: none !important;
}
/* 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: 545px ;
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: absolute;
float: none;
height: 24px;
width: 244px !important;
left: -261px;
top: 515px;
}
.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: 18px;
}
.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: 243px !important;
margin-top: 0px !important;
top: 0px !important;
text-align: center !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;
height: 20px !important;
line-height: 20px !important;
margin-left: 0px !important;
margin-right: 10px !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;
}
.photo-page .photo-page_container .photo-view .entity-info-container__views.entity-views-container .entity-views-container__value {
display: inline-block !important;
position: relative !important;
height: 15px !important;
line-height: 10px !important;
top: -3px !important;
font-size: 15px !important;
color: gold !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;
}
/* (new219) */
.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: 35px !important;
left: 0px ;
top: 103px !important;
padding: 2px 5px;
overflow: hidden;
z-index: 1 !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;
}
/* GALLERY / PHOTOS - 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: 170px !important;
min-height: 103px !important;
max-height: 103px !important;
top: 8px !important;
margin-left: 5px !important;
margin-right: -4px !important;
margin-bottom: 0px !important;
padding: 0px !important;
border-radius: 3px;
border: 1px solid gray;
overflow: hidden;
background-size: contain !important;
}
/* 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: 85px !important;
}
/* GALLERY - 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;
}
/* GALLERY - BOTTOM */
.gallery-page main article .gallery-section .gallery-list a.photo-container.photo-thumb:nth-child(n+58):nth-child(-n+65):hover {
top: -25px !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: red !important;
}
/* GALLERY / PHOTOS - PANEL INFO (CENTER) - === */
.gallery-page .entity-container--bordered {
position: absolute;
height: 300px;
width: 236px;
margin-top: 0;
top: -69px;
}
.gallery-page .entity-container.entity-container--bordered {
left: 880px;
margin-left: 15px;
margin-right: 5px;
width: 251px;
}
.gallery-page .entity-container__block {
border-bottom: 1px solid #303030;
padding: 5px !important;
}
.gallery-page .entity-container__block.entity-description-container {
position: absolute;
width: 100% ;
top: 190px;
left: 0%;
padding: 2px 5px;
overflow-x: hidden;
overflow-y: auto;
}
.gallery-page article .gallery-section .pager-section {
position: absolute;
display: inline-block !important;
height: 100% !important;
min-height: 29px !important;
max-height: 29px !important;
top: -83px !important;
left: 300px !important;
border-radius: 9px !important;
transform: scale(0.65);
padding: 5px 5px 0px 5px ;
}
.gallery-page .thumb-list.thumb-list--related.thumb-list--margin {
height: 825px;
min-height: 100px;
position: relative;
width: 335px;
display: inline-block !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: 44% !important;
left: 4px !important;
height: 131px !important;
margin-bottom: 12px !important;
margin-left: 10px ;
margin-right: 5px ;
margin-top: -5px !important;
padding: 0 3px !important;
border-radius: 5px !important;
border: 1px solid gray !important;
}
.gallery-page .thumb-list--related .video-thumb__image-container {
height: 85px !important;
width: 140.333px !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 .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: absolute;
height: 27px !important;
width: 692px !important;
right: -92px !important;
top: -115px !important;
margin: 0 !important;
transform: scale(0.7) !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.videos.related .pager-section {
top: -81px !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;
}
/* GALLERY / PHOTOS - GALLERY VIEWER PAGE */
.photo-page .entity-info-container__title {
position: absolute;
display: inline-block;
float: none;
height: 22px !important;
line-height: 19px;
width: 100%;
min-width: 930px !important;
top: -6px !important;
left: -940px !important;
text-align: center;
font-size: 15px;
background: #333 !important;
}
.photo-page_container {
width: 48.6% !important;
min-height: 96vh !important;
max-height: 96vh !important;
margin-left: 0px ;
border: 1px solid red !important;
}
.photo-page_container .photo-view #content ,
.photo-page_container .photo-view {
min-height: 93.4vh !important;
max-height: 93.4vh !important;
margin-left: 0px ;
}
.photo-page .photo-view section {
position: relative;
width: 58% !important;
border: 1px solid #404040;
box-shadow: 3px 3px 2px black;
}
.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 {
top: -31px !important;
}
.photo-page .photo-view .popular-side {
position: relative !important;
display: inline-block ;
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;
}
.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;
}
/* 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;
}
/* (new224) PHO - COMM - PAG */
.photo-page .comments-section.comments-container .pager-section {
position: absolute !important;
display: inline-block !important;
height: 25px !important;
line-height: 25px !important;
width: 374px !important;
margin-bottom: 0 !important;
top: -33px !important;
right: 0 !important;
transform: scale(0.7) !important;
background: #222 !important;
border: 1px solid red !important;
}
/* (new224) PHO - PAG */
.photo-page .photo-view .popular-side .photo-thumbs-block .pager-section {
position: absolute !important;
display: inline-block !important;
height: 26px !important;
line-height: 21px !important;
width: 384px !important;
margin-bottom: 0 !important;
top: 395px !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;
}
/* (new220) */
.photo-page .comments-section.comments-container.clearfix {
position: absolute;
width: 976px !important;
height: 28vh !important;
left: 978px;
margin-left: -38px !important;
margin-right: 0;
margin-top: 7px;
top: 67vh;
padding: 0px ;
right: 0;
bottom: 5px ;
border-radius: 3px ;
border: 1px solid red ;
}
.photo-page .comments-section.comments-container.clearfix #commentBox {
height: 28vh !important;
}
.photo-page .comments-section .comments-wrap {
width: 100% !important;
min-width: 975px !important;
max-width: 975px !important;
height: 28vh !important;
}
.photo-page .comments-section.comments-container.clearfix .heading-container {
height: 20px ;
line-height: 20px ;
vertical-align: top ;
margin-bottom: 15px ;
margin-top: -5px ;
border-radius: 3px 3px 0 0 ;
background: black ;
}
.photo-page .comments-section.comments-container.clearfix .heading.comments-heading {
display: inline-block ;
height: 18px ;
line-height: 18px ;
vertical-align: top ;
margin-bottom: 15px;
margin-top: 3px;
margin-left: 5px ;
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: 26vh !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: 26vh !important;
min-height: 26vh !important;
width: 100% !important;
min-width: 973px !important;
max-width: 973px !important;
margin-top: 0px !important;
border-top: 1px solid gray !important;
border-bottom: 1px solid gray !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.photo-page .comments-section .comments-list .item.is-reply ,
.photo-page .comments-section .comments-list .item {
position: relative;
display: inline-block;
height: 90px;
width: 24.5% !important;
margin: 0 0 2px 4px !important;
top: 0px ;
padding: 10px 0px 2px 20px !important;
overflow: hidden;
z-index: 0;
border: 1px solid red;
}
.photo-page .comments-section .comments-list .item.is-reply {
border: 1px dotted green ;
}
.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-top: 7px !important;
margin-right: 15px;
}
.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 ;
}
.photo-page .comments-section .comments-list .item .comment-info {
height: 70px !important;
width: 234px !important;
left: -19px !important;
top: -10px !important;
}
.photo-page .comments-section .comments-list .item .comment-info .user-info {
width: 262px ;
height: 20px;
line-height: 20px;
top: -20px !important;
margin-left: -30px;
margin-right: 20px ;
text-align: left !important;
z-index: 0;
}
.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 .item.is-reply .comment-info .user-info {
top: 0px !important;
}
/* 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;
}
.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: 227px !important;
max-width: 227px !important;
top: 72px;
left: 0px !important;
padding: 0 3px;
border-top: 1px solid gray;
}
/* 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: 242px !important;
text-align: center ;
z-index: 200 ;
background: green ;
}
/* GALLERY / PHOTOS - COMMENT - POST COMMENT */
.photo-page .comments-section.comments-container.clearfix .my-comment {
position: absolute !important;
float: none !important;
height: 20px !important;
width: 242px !important;
top: -55px !important;
left: 2px !important;
border-radius: 3px;
text-align: center !important;
z-index: 0;
overflow: hidden;
transition: all 0.7s ease 0s;
background: black ;
}
.photo-page .comments-section.comments-container.clearfix .my-comment:hover {
float: right;
height: 370px !important;
top: -140px !important;
border-radius: 10px;
overflow: hidden;
transition: all 0.7s ease 0s;
z-index: 5 !important;
background: red ;
}
.photo-page .comments-section .my-comment .user {
display: none !important;
}
.photo-page .comments-section .my-comment .input-area {
width: 240px !important;
height: 30px !important;
}
.photo-page .comments-section .my-comment .input-area > div {
position: absolute !important;
display: inline-block !important;
max-width: 245px !important;
max-height: 30px !important;
}
.photo-page .comments-section.comments-container.clearfix .my-comment:hover .input-area>div {
top: 83px !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: 230px !important;
max-height: 230px !important;
width: 238px !important;
margin-left: 2px !important;
margin-top: 50px !important;
border-radius: 0 0 8px 8px !important;
background: #333 !important;
}
.photo-page .comments-section .my-comment .input-area {
width: 240px !important;
height: 375px !important;
}
/* (new218) */
.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;
}
/* GALLERY / PHOTOS - COMMENTS - POST REPLY */
.photo-page .comments-section #commentBox .comments-list .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 .item.item--replying .my-comment:hover .input-area > div {
top: 0px !important;
}
.photo-page .comments-section #commentBox .comments-list .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 .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 .item.item--replying .my-comment .input-area .comment-textarea.xh-editable .premessage {
color: rgb(112, 112, 112);
left: 0px;
top: 0px;
}
/* GALLERY / PHOTOS - COMMENTS ITEMS with/no REPLY */
.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: 200px !important;
max-width: 200px !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 .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 .item .comment-info .text span.reply-container + span {
min-height: 35px !important;
max-height: 35px !important;
line-height: 15px !important;
top: 35px !important;
}
/* 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;
}
/* GALLERY / PHOTOS - PREVIEW */
.photo-page #previewImg {
width: auto !important;
min-width: 228px !important;
max-height: 400px !important;
left: 951px !important;
top: 220px !important;
padding: 10px !important;
background: black !important;
}
/* (new220) 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;
border-bottom: 1px solid aqua !important;
overflow: hidden !important;
}
.gallery-page .main-wrap header + .width-wrap {
display: inline-block !important;
width: 1908px !important;
/* max-height: 100vh !important; */
padding: 0 !important;
/* border-bottom: 1px solid aqua !important; */
/* overflow: hidden !important */;
}
.gallery-page .main-wrap header + .width-wrap > main {
display: inline-block !important;
width: 1908px !important;
height: 870px !important;
top: 5px ;
}
/* (new220) 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;
}
.gallery-page .main-wrap header + .width-wrap>main>article {
width: 1400px !important;
height: 850px !important;
top: 15px ;
}
.gallery-page article .gallery-section {
display: inline-block !important;
height: 850px !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;
}
.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;
}
/* SEARCH - GALLERY / PHOTOS - THUMBNAIL - === */
.search-results .mixed-section.gallery-list {
margin-top: 72px;
}
.search-results .thumb-list--sidebar .thumb-list__item.gallery-thumb {
float: left !important;
clear: right !important;
max-width: 169.333px !important;
min-width: 169.333px !important;
min-height: 131px !important;
max-height: 131px !important;
top: -15px !important;
margin-top: 0px !important;
margin-right: -4px !important;
margin-left: 7px !important;
margin-bottom: 5px !important;
padding: 0 !important;
border-radius: 5px !important;
}
.search-results .thumb-list--sidebar .thumb-list__item.gallery-thumb a.thumb-image-container {
height: 162px !important;
max-width: 166px !important;
min-width: 166px !important;
border-radius: 5px !important;
}
.search-results .thumb-list--sidebar .thumb-list__item.gallery-thumb .thumb-image-container img.thumb-image-container__image {
position: absolute !important;
height: 100% !important;
width: 100% !important;
max-height: 178px !important;
max-width: 166px !important;
background-size: contain !important;
background-position: 50% center !important;
background-repeat: no-repeat !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;
}
.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;
}
.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;
}
/* 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;
}
/* (new232) MESSAGES - SUPERLOADER */
.messages-page .sp-separator ,
.messages-page .sp-separator ~ div {
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: 35px !important;
max-height: 35px !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) !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: 4px;
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 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 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 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;
}
/* 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;
}
/* 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;
}
.favorites-page .xh-modal-wrapper .xh-modal.small.xh-confirm-dialog.no-footer.warning {
position: fixed !important;
display: inline-block !important;
min-height: 45px !important;
max-height: 45px !important;
z-index: 50000000 !important;
background: red ;
}
.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: 25px;
padding: 2px 31px 5px;
}
.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: 3px;
text-align: right;
}
/* A VOIR - 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;
}
/* (new198) BIG BUTTON LARGE - LOGIN TOP HEADER BUTTON / ALL */
.login-section .xh-dropdown.round .xh-button.large.sign-up-button.last ,
.xh-button.large {
min-width: 60px;
height: 24px !important;
line-height: 24px !important;
padding: 0 5px 2px;
font-size: 14px;
border-radius: 15px ;
}
/* (new198) BIG BUTTON LARGE - LOGIN FORM */
.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;
}
/* 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 ======== LINK COLOR + VISITED - === */
/* (new168) 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;
}
.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;
}
.user-watch-history-page .item.video .info-container .link .name span ,
.video-thumb .video-thumb-info__name {
color: gray !important;
}
/* ALL - HINT - COLOR - === */
.pop-message-container .pop-message.green {
background: rgba(0, 188, 142, 0.4) !important;
}
/* (new168) 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 */
.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;
}
/* (new168) VISITED - COLOR/TOMATO - BORDER/LIME */
.user-watch-history-page .item.video:hover .info-container a.link:visited .name span ,
.video-thumb:hover a.video-thumb-info__name:visited ,
.video-thumb.thumb-list__item:hover a.video-thumb-info__name:visited ,
.user-watch-history-page .item.video .info-container a.link:visited .name span ,
.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;
}
.story-page .controls-container .control-container__text {
display: none !important;
}
/* ============================================================================= */
/* AAA ==== END ==== PART 2 ==================================================== */
/* ============================================================================= */
/* ============================================================================= */
}
@-moz-document url-prefix("https://xhamster.com/my/edit/profile") {
/* START === URL-PREF - PROFILE EDIT == * /
/* 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;
}
*, *::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") {
/* ==== START - URL PREF - XhamsterLive ==== */
/* URL PREF - Xhamsterlive - CAM - SUPP - === */
.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 ,
.view-cam-page-wrapper .promo-banner-wrapper ,
.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 {
margin-top: 6px !important;
height: calc(100vh - 326px);
max-height: calc((100vw - 440px) * 0.5556);
max-width: calc(100vw - 440px);
min-height: calc(500px * 0.5556);
min-width: 500px;
width: calc(100vh / 0.5556 - 326px / 0.5556);
}
.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;
}
/* (new194) */
.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;
}
/* (new194) */
.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;
font-size: 0.813rem;
font-weight: 400;
height: 100%;
line-height: 1.188rem;
}
.view-cam-info .view-cam-info-king {
-moz-box-flex: 1;
align-items: flex-end;
color: #909090;
display: flex;
flex: 1 0 15% !important;
flex-direction: column;
font-size: 0.688rem;
font-weight: 400;
line-height: 1.125rem;
}
.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 {
left: 1180px !important;
top: 0px !important;
width: 730px !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-list-item .model-thumb-image {
background-blend-mode: normal;
background-position: 50% center;
background-size: contain;
display: block;
height: 77% !important;
padding-bottom: 90% !important;
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;
}
.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 {
background-color: #111;
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain !important;
display: block;
padding-bottom: 130px !important;
position: relative;
width: 100%;
z-index: 0;
}
.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 - === */
.view-cam-info-goal h2 {
color: gray !important;
}
.viewcampage .profile .page-block {
background: #222 !important;
}
.profile-panels-grid .profile-panel-body {
color: gray !important;
}
.videos-list-item .video-under-thumb ,
.user-info > .info .details {
color: peru !important;
}
.profile-panels-grid .profile-panel .profile-panel-bg {
background-color: #222;
}
.editable-list.knights.page-block {
display: none !important;
}
/* (new204) */
.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: gray ;
}
.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;
}
/* (new204) CAM - 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;
}
.view-cam-page-wrapper .profile-wrapper .profile-cover .profile-cover__info .left-wrapper {
height: 40px !important;
/* width: 70px !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;
}
/* (new204) 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;
}
/* .ui-photo-item--blur {
display: none !important;
} */
/* .ui-photo-item--blur {
backface-visibility: visible !important;
filter: none !important;
transform: scale(1) !important;
}
.ui-photo-item__img {
clip: unset !important;
display: inline-block !important;
height: 200px !important;
margin: auto !important;
position: relative !important;
visibility: visible !important;
width: 200px !important;
} */
/* (new204) */
.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;
}
.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;
}
.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;
/* outline: 1px solid red !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;
/* outline: 1px solid red !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) */
.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) */
/* .column.xs-12.s-12.m-12.l-5.xl-5.xxl-5>div:not(:empty) {
width: 100%;
min-height: 250px !important;
max-height: 250px !important;
float: left ;
border: 1px solid red !important;
} */
.view-cam-page-wrapper .profile-wrapper .profile .columns .albums-gallery-root {
width: 100%;
min-height: 150px !important;
/* max-height: 150px !important; */
overflow: hidden !important;
/* border: 1px solid red !important; */
}
.albums-gallery-root .scroll-bar-container {
width: 100%;
min-height: 100px !important;
/* max-height: 200px !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;
}
/* (new168) CAMS - 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;
}
.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;
}
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 - === */
a {
color: peru !important;
cursor: pointer;
text-decoration: none;
}
a:visited {
color: tomato !important;
cursor: pointer;
text-decoration: none;
}
/* URL PREF - CHAT - COLOR - BACKGROUND */
.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/") {
/* START - URL PREF - DATING - SEARCH PAGE ==== */
.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 {
color: rgb(218, 218, 218);
display: inline-block;
float: left;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
width: 100%;
}
.dating-page .mixed-section .mixed-list .item .info-line > span.il-age ,
.dating-page .mixed-section .mixed-list .item .info-line > span.il-sex {
display: inline-block;
float: left;
width: 50% !important;
text-align: right !important;
}
.dating-page .mixed-section .mixed-list .item .info-line > span.il-age {
display: inline-block;
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") {
/* START - URL PREF - USERS DAT ==== */
/* URL PREF - USERS DAT - PAGE HEIGHT */
body,
html {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
min-height: 1610px !important;
max-height: 1610px !important;
background: red !important;
}
/* URL PREF - USERS DAT - PAGER FIRST PAGE */
.dating-page .pager-section {
position: absolute !important;
right: 100px !important;
top: 14px !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 {
top: -135px !important;
right: 0%;
position: absolute;
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;
}
/* DATING - 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;
}
.dating-page .dating-header .filters:hover {
position: absolute;
display: inline-block !important;
float: none;
width: 50%;
height: 100% !important;
min-height: 320px !important;
max-height: 320px !important;
z-index: 400 !important;
overflow: hidden !important;
border: 1px solid yellow !important;
background: black !important;
}
.dating-page .dating-header .filters .xh-header {
padding-left: 30px;
}
.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;
}
/* URL PREF - USERS DAT - DATING - HOME - TOP PANEL - FILTERS / USERS VERIFIED ARROW */
.dating-page .dating-header .verified-block .xh-header:after ,
.dating-page .dating-header .filters h1.xh-header:after {
content: "🔻" !important;
font-size: 15px !important;
}
/* URL PREF - USERS DAT - DATING - RIGHT PANEL - TAGS - === */
.dating-page .mixed-section aside {
float: right;
height: 725px;
overflow-x: hidden;
overflow-y: auto;
border-bottom: 1px solid red;
}
/* 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://xhamster.com/my/favorites/photos-and-galleries"), url-prefix("https://xhamster.com/my/favorites/users") {
/* START - URL PREF - MY FAV STORIE/PHOT/GALLERIES - NO VIDEO FAVS COLL ==== */
body,
html {
display: inline-block !important;
height: 100% !important;
min-height: 100% !important;
background: red !important;
}
/* (new170) 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/GALLERIES - NO VIDEO FAVS COLL ==== */
}
@-moz-document url-prefix("https://xhamster.com/my/favorites/photos-and-galleries") {
/* START - URL PREF - MY FAV GALL HEIGHT ==== */
/* 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 .content-column {
margin-top: -10px;
max-height: 94vh !important;
min-height: 94vh !important;
padding-left: 0;
width: 1920px;
}
.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.com/videos/") {
/* (new178) START - URL PREF - VIDEO PAGE ==== */
/* URL PREF - VIDEO PAGE - PLAYER POSTER (NO POSTER ? in Video Page but in PROFILE YES) */
.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/") {
/* (new201) START - URL PREF - HOME / TREND (for GM "Super Loader") ==== */
.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;
}
.main-page article:first-of-type ~ .sp-separator + article{
min-height: 85vh !important;
max-height: 85vh !important;
max-width: 100%;
min-width: 100%;
/* top: 28px; */
padding: 0 0 0 110px !important;
overflow: hidden !important;
/* overflow-y: auto !important; */
/* background: green !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;
/* overflow-y: auto !important; */
/* background: red !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;
/* background: green !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;
/* border: 1px solid aqua !important; */
}
/* END - URL PREF - HOME / TREND (for GM "Super Loader") ==== */
}
