X Xhamster Widescreen (NEW) PART 1 - v.119
Never
@-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) PART 1 - v.119 - TEST TO SUPP (.entity) - WATXhamDEV01bak ==== */ /* ============================================================================= */ /* AAA ==== START ==== PART 1 ===== =============================================== */ /* ============================================================================= */ /* ==== (new117) START - - - DIVERS ALL - ===== */ /* TEST - NEW VIDEO - PANEL MIDDLE - TOP (FAV RAT COLL) */ html.video-page, html.video-page body { display: inline-block !important; height: 100% !important; min-height: 934px !important; max-height: 934px !important; width: 100% !important; overflow: hidden !important; /* border-bottom: 1px solid violet !important; */ } .video-page .main-wrap > header.no-popunder { margin-bottom: 0; } .video-page main { padding-top: 0px; } /* LARGE MODE ok */ .video-page--large-mode main { padding-top: 0px; z-index: 1 !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; } /* LARGE MODE ok */ .video-page--large-mode .width-wrap.with-player-container>h1 { top: 0px !important; } /* VIDEO - INFOS MIDDLE TOP (LIKE / COMMts Count / DOWNLOAD / FAV / SHARE / ABOUT / REPORT */ .video-page .controls { position: absolute ; display: inline-block; width: 302px; height: 107px; left: 724px; top: -12px; padding: 2px 5px ; border-radius: 5px ; border: 1px solid red; z-index: 50 !important; } /* LARGE MODE ok */ .video-page.video-page--large-mode .controls { left: 724px; top: 593px; z-index: 550000 !important; } /* VIDEO - LIKE */ .rb-new { display: inline-block; width: 290px ; height: 22px ; line-height: 18px ; margin-bottom: 5px; padding: 2px 5px ; border-radius: 5px; font-size: 14px; overflow: hidden; background-color: rgb(16, 16, 16); border: 1px solid #333 ; } .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; } /* VIDEO - ICON - DOWN / FAV / REPORT */ .controls__line { display: none; } .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 .favorites-control a.xh-button.trigger.no-arrow { max-height: 28px; margin: -2px 0 0 0 !important; padding: 0px; border-radius: 5px 0 0 0px ; } /* LARGE MODE ok */ .video-page--large-mode .controls .favorites-control a.xh-button.trigger.no-arrow { max-height: 28px; margin: 2px 0 0 0 !important; padding: 0px; border-radius: 5px 0 0 0px ; } .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; border: 1px solid rgb(48, 48, 48); font-size: 15px !important; text-align: center; } .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; } /* VIDEO - COMMENTS - ICON + NUMBER */ .comments-control { position: absolute !important; display: inline-block !important; max-width: 300px; min-width: 300px; height: 20px !important; top: 505px; left: 0; right: 0; text-align: center; } /* OK */ .comments-control a.control-container { max-width: 300px; min-width: 300px; height: 20px !important; padding: 0px !important; } .comments-control a i { min-width: 60px; max-width: 60px; height: 20px !important; line-height: 20px !important; } .comments-control a span.control-container__text { display: inline-block !important; height: 20px !important; line-height: 20px !important; vertical-align: top !important; } /* OK */ .control-container__text { margin-left: -3px ; font-size: 0 ; } .comments-control__number { font-size: 15px ; } /* VIDEO - FAV + FAV COLL */ .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: 30px; line-height: 30px; } .favorites-control.xh-dropdown.positioned.popup { position: absolute !important; display: inline-block !important; width: 48px ; top: 63px; left: 3px; z-index: 500000 !important; border: 1px solid #333 ; } /* LARGE MODE ok */ .video-page--large-mode .favorites-control.xh-dropdown.positioned.popup { display: inline-block !important; top: 57px !important; border: 1px solid blue !important; } .favorites-control.xh-dropdown.positioned.popup > .xh-button { position: relative; min-width: 47px; padding: 0 15px; border-radius: 0px; color: rgb(0, 0, 0); font-size: 0px; text-align: center; } .dropdown.favorites-dropdown.position-left { position: absolute !important; display: inline-block !important; height: 100% !important; top: 1px !important; padding-bottom: 0px !important; box-shadow: none !important; overflow: hidden !important; opacity: 1 !important; transition: none !important; } .dropdown.favorites-dropdown.position-left:not(:hover) { width: 295px !important; min-height: 40px !important; max-height: 40px !important; margin-top: -2px !important; margin-left: -2px !important; left: 0px !important; z-index: 0 !important; } .dropdown.favorites-dropdown.position-left:hover { min-height: 820px !important; max-height: 820px !important; width: 1180px !important; left: -13px !important; top: -6px !important; border: 1px solid green !important; } /* LARGE MODE - ok */ .video-page--large-mode .dropdown.favorites-dropdown.position-left:hover { display: inline-block !important; min-height: 330px !important; max-height: 330px !important; width: 1207px !important; left: -23px !important; top: -65px !important; z-index: 500000 !important; border: 1px solid green !important; } .items .favorites-dropdown__list-item { position: relative ; float: left !important; clear: none !important; width: 20%; border: 1px solid red ; } .favorites-dropdown__list { position: relative !important; display: inline-block !important; height: 100% !important; min-height: 30px !important; max-height: 30px !important; width: 290px !important; left: 2px; overflow: hidden; z-index: 500000 !important; } /* VOIR */ .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: 265px !important; left: 728px !important; top: 102px !important; padding-bottom: 2px !important; padding-left: 20px !important; padding-top: 3px !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 { left: 732px !important; top: 623px !important; border: 1px dashed violet !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:hover .favorites-dropdown__list-item:first-of-type + li { margin-left: 0 ; } .favorites-dropdown__list-header { display: none ; } .dropdown.favorites-dropdown.position-left:hover .favorites-dropdown__list { 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 ; z-index: 550000 !important; } /* .dropdown.favorites-dropdown.position-left .favorites-dropdown__list .items , .dropdown.favorites-dropdown.position-left .favorites-dropdown__list .items:hover , .dropdown.favorites-dropdown.position-left:hover .favorites-dropdown__list .items { position: relative; display: inline-block !important; height: 100%; max-height: 775px !important; min-height: 775px !important; width: 100%; max-width: 1175px; min-width: 1175px; top: 5px !important; overflow: hidden !important; overflow-y: auto !important; z-index: 550000; border-top: 1px solid blue; } */ /* (new117) TEST - 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 { display: inline-block; height: 100%; margin-left: 1px; max-height: 770px; min-height: 770px; opacity: 1; overflow-x: visible; overflow-y: auto; position: fixed; top: 132px; width: 59.7%; border-top: 1px solid blue; } /* LARGE MODE ok */ .video-page--large-mode .dropdown.favorites-dropdown.position-left:hover .items:hover , .video-page--large-mode .dropdown.favorites-dropdown.position-left:hover .items { position: fixed; display: inline-block; width: 1185px !important; height: 100%; /* max-height: 770px; min-height: 770px; */ max-height: 276px !important; min-height: 276px !important; /* top: 132px; */ top: 652px !important; margin-left: 1px; opacity: 1; overflow-x: visible; overflow-y: auto; border-top: 1px solid blue; background: #222 !important; } /* VIDEO - FAV COLL - RAIL SCROLL BAR */ .favorites-dropdown__list.ps.ps--active-y > .ps__scrollbar-y-rail { /* left: 1161px !important; */ 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: 1900px !important; min-width: 1900px !important; */ max-width: 1184px !important; min-width: 1184px !important; left: 723px !important; /* right: 0px !important; */ overflow: hidden !important; z-index: 0 !important; transition: none !important; visibility: hidden !important; /* visibility: visible !important; */ background: aqua !important; } /* LARGE MODE - ok */ .video-page--large-mode .dropdown.favorites-dropdown.position-left:not(:hover) .favorites-dropdown__list:hover , .video-page--large-mode .dropdown.favorites-dropdown.position-left .favorites-dropdown__list:hover , .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; max-width: 1190px !important; min-width: 1190px !important; top: 655px !important; left: 725px !important; overflow: hidden !important; z-index: 550000 !important; transition: none !important; visibility: visible !important; background: green !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; border: 1px solid gray ; transition-delay: 0s; } /* 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: 215px; top: 22px ; 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: 215px ; 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: 20px !important; line-height: 5px ; width: 377px ; top: 5px ; left: 300px ; padding: 0 5px 0 5px ; border: 1px solid #404040; box-shadow: 3px 3px 2px black ; text-align: center !important; background: #222 ; } /* 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; height: 20px !important; line-height: 5px ; width: 377px ; top: 625px !important; left: 1020px ; padding: 0 5px 0 5px ; border: 1px solid #404040; box-shadow: 3px 3px 2px black ; text-align: center !important; background: #222 ; z-index: 500000 !important; } a.favorites-dropdown-form__add-new-link { height: 20px !important; padding: 5px !important; border-bottom: 0 none; color: #707070; } .favorites-dropdown-form__form { position: relative; display: inline-block; width: 374px; height: 19px; margin-left: -4px; top: 0; background: tomato ; } .favorites-dropdown-form .favorites-dropdown-form__create_collection, .favorites-dropdown-form .favorites-dropdown-form__create_collection { height: 17px ; right: 2px ; top: 1px ; } .favorites-dropdown__form #collection_name { position: relative ; display: inline-block ; width: 295px ; height: 20px ; margin-top: 0px ; top: -1px !important; } /* (new117) 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: 30px !important; line-height: 35px !important; width: 100% !important; min-width: 245px !important; max-width: 245px !important; top: 95px !important; left: 776px !important; padding: 0px !important; z-index: 500 ; opacity: 1 ; border-radius: 3px !important; border: 1px solid #404040 !important; background: #222 !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: 679px !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; outline: 1px dashed violet !important; } .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: 214px !important; min-width: 214px !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: 18px ; max-height: 18px ; line-height: 18px ; width: 100% ; max-width: 55px ; min-width: 55px ; margin-top: 1px ; margin-left: 15px ; 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: 218px ; top: 12px ; 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{ margin-left: -15px; max-width: 100%; min-width: 100%; font-size: 11px !important; } .favorites-dropdown__list-quantity { position: absolute; display: inline-block; vertical-align: top; right: 2px; padding-left: 5px; 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 ; } /* USER NAME (in CATEGORIES) */ .categories-container.collapsable-list.collapsed>li:first-of-type { position: fixed ; display: inline-block ; height: 26px; line-height: 28px !important; width: 300px; margin-bottom: 0px; left: 725px; top: 219px ; text-align: center ; border: 1px solid #333 ; } /* LARGE MODE ok */ .video-page--large-mode .categories-container.collapsable-list.collapsed>li:first-of-type { top: 790px ; } .categories-container.collapsable-list.collapsed > li:not(:first-of-type) .categories-container__item.categories-container__item--sub i , .categories-container.collapsable-list.collapsed > li:not(:first-of-type) .categories-container__item + .sub-button i , .categories-container.collapsable-list.collapsed > li:not(:first-of-type) .categories-container__item + .sub-button { height: 15px ; line-height: 15px ; } .categories-container.collapsable-list.collapsed > li:not(:first-of-type) .categories-container__item + .sub-button i.beta-star::before { color: white; margin-left: -15px !important; top: -9px !important; } .categories-container.collapsable-list.collapsed > li:first-of-type .categories-container__item + .sub-button i:first-of-type { margin-left: -10px !important; } .categories-container.collapsable-list.collapsed > li:not(:first-of-type) .sub-button__icon , .categories-container.collapsable-list.collapsed > li:not(:first-of-type) .sub-button__counter { display: inline-block !important; min-height: 15px !important; line-height: 12px !important; margin-top: -1px; } /* VIDEO - USER NAME (from CATEGORIES TAGS) */ .categories-container.collapsable-list.collapsed>li:first-of-type a { height: 24px; line-height: 24px; } /* RETIRED*/ .categories-container.collapsable-list.collapsed>li:first-of-type a.categories-container__item--disabled { background: rgba(252, 11, 59, 0.42) ; } /* (new171) OK */ .sub-button__special-icon.xh-icon.beta-star::before , .sub-button__special-icon.xh-icon.friend::before , .categories-container__item > .xh-icon.left-icon::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; content: ""; color: red ; } /* OK */ /* SUBSCRIB FIEND */ .sub-button .sub-button__special-icon { position: relative !important; display: inline-block !important; height: 100% !important; max-height: 14px !important; min-height: 14px !important; line-height: 27px !important; margin-left: 3px !important; text-align: center !important; } .sub-button[data-subscribed="false"].sub-button__special-icon.xh-icon.beta-star::before { font-size: 13px !important; content: ""; color: gold !important; } .sub-button[data-subscribed="true"] .sub-button__special-icon.xh-icon.beta-star::before { content: ""; color: tomato !important; } /* OK */ /* SUBSCRIBE FRIEND */ .sub-button__special-icon.xh-icon.friend::before { font-size: 15px !important; content: ""; color: gold !important; } .video-page .header-icons { position: absolute !important; display: inline-block !important; width: 302px; margin-bottom: 0px; left: 725px; top: 139px !important; text-align: center !important; z-index: 10 !important; background: rgba(51, 51, 51, 0.42) ; } /* LARGE MODE ok */ .video-page--large-mode .header-icons { height: 15px; line-height: 15px; left: 724px !important; top: 708px !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: 44px; width: 300px; top: 90px !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; /* background: red ; */ } .video-page--large-mode .ab-info.controls-info__item.xh-helper-hidden { height: 0px; line-height: 15px; left: 0 !important; top: 0px !important; /* background: blue ; */ } /* VIDEO - CATEGORIES TAGS */ .video-page .categories-container { position: absolute !important; display: inline-block; width: 298px; min-height: 125px; max-height: 125px; margin-bottom: 0px; left: 726px; top: 210px !important; padding: 5px ; overflow: hidden ; overflow-y: auto ; z-index: 50 !important; border: 1px solid #333; } /* LARGE MODE ok */ .video-page--large-mode .categories-container { min-height: 60px; max-height: 60px !important; top: 797px !important; } /* (new116) VIDEO - TAGS */ .categories-container.collapsable-list.collapsed > li:not(:first-of-type) .categories-container__item { float: left !important; /* width: 130px !important; */ height: 15px !important; line-height: 15px !important; margin: 0 2px 2px 0 !important; padding: 0 3px ; /* border-radius: 3px 0 0px 3px ; */ font-size: 11px ; text-align: center ; color: white !important; } /* (new118) */ .categories-container.collapsable-list.collapsed > li:not(:first-of-type) .categories-container__item--sub { max-width: 180px !important; margin: 0 0px 2px 0 !important; padding : 0 60px 0 5px ; border-radius: 3px 0 0 3px ; } .categories-container.collapsable-list.collapsed > li:not(:first-of-type) .categories-container__item--sub + .sub-button{ float: left !important; margin: 0 0px 2px -20px !important; padding-right: 2px !important; padding-left: 10px ; border-radius: 0 3px 3px 0 ; } /* OK */ /* (new116) OK */ .categories-container__item[href^="https://xhamster.com/pornstars/"] , .video-page .entity-description-container__categories .categories-container__item[href^="/pornstars/"] { color: red !important; background: rgba(228, 162, 51, 0.93); } .categories-container__item[href^="https://xhamster.com/celebrities/"] , .video-page .entity-description-container__categories .categories-container__item[href^="/celebrities/"] { color: red !important; background: rgba(73, 43, 152, 0.93); } .categories-container__item[href^="https://xhamster.com/amateurs/"] , .video-page .entity-description-container__categories .categories-container__item[href^="/amateurs/"] { color: white !important; background: rgba(48, 154, 239, 0.73) !important; } .categories-container__item[href^="https://xhamster.com/tags/"] , .video-page .entity-description-container__categories .categories-container__item[href^="/tags/"] { color: white !important; background: rgba(34, 98, 71, 0.47) !important; } .categories-container__item[href^="https://xhamster.com/categories/"] , .video-page .entity-description-container__categories .categories-container__item[href^="/categories/"] { color: white !important; background: rgba(93, 95, 89, 0.47) !important; } .categories-container__item[href^="https://xhamster.com/amateurs/"] .left-icon::before , .video-page .entity-description-container__categories .categories-container__item[href^="/amateurs/"] .categories-container__icon.xh-icon.beta-star:before , .categories-container__item[href^="https://xhamster.com/celebrities/"] .categories-container__icon .left-icon::before , .video-page .entity-description-container__categories .categories-container__item[href^="/celebrities/"] .categories-container__icon.xh-icon.beta-star:before { content: ""; color: gold !important; } .categories-container__item[href^="https://xhamster.com/pornstars/"] .left-icon::before , .video-page .entity-description-container__categories .categories-container__item[href^="/pornstars/"] .categories-container__icon.xh-icon.beta-star:before { content: ""; color: red !important; } /* VOIR */ .video-page .entity-description-container__categories .categories-container__item[href^="https://xhamster.com/categories/anal"] , .video-page .entity-description-container__categories .categories-container__item[href="/categories/anal"] { display: inline-block !important; height: 15px !important; line-height: 15px !important; margin: 0 2px 0px 0 ; padding: 0 3px ; border-radius: 3px; font-size: 15px !important; color: red !important; background: rgba(238, 248, 147, 0.93) !important; } /* 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 ; height: 150px ; width: 300px ; top: 250px ; left: 0px; right: 0; padding: 5px ; 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: 144px !important; overflow: hidden ; overflow-y: auto ; } /* VIDEO - USER PUBLISHED - === */ .entity-info-container__author, .entity-info-container__date { display: inline-block; font-size: 14px; height: 15px; line-height: 15px; width: 100%; margin-top: 4px; text-align: center; } .entity-info-container__author { position: relative !important; display: inline-block !important; margin-top: 9px; font-size: 0px; z-index: 1 !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 { margin-top: -3px !important; padding-bottom: 3px !important; border-bottom: 1px solid red ; } /* (new117) SUPP PUBS - === */ .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 , .real-section , .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 , .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-banner, .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; } /* ======================================================================================== */ /* (new116) TO SUPP (.entity)- NOT WORKING SINCE CHANGE JUIN 2019 */ /* ALL LUNGAGE */ /* .entity-author-container__name[data-tooltip="Gebruiker is niet meer actief"] , .entity-author-container__name[data-tooltip="Użytkownik zrezygnował"] , .entity-author-container__name[data-tooltip="ユーザーは退職者です"] , .entity-author-container__name[data-tooltip="El usuario está retirado"] , .entity-author-container__name[data-tooltip="O utilizador foi retirado"] , .entity-author-container__name[data-tooltip="Пользователь удалился"] , .entity-author-container__name[data-tooltip="L'utente si è ritirato"] , .entity-author-container__name[data-tooltip="L'utilisateur est désactivé"] , .entity-author-container__name[data-tooltip="User is retired"] { background: rgba(255, 0, 0, 0.42)!important; } */ /* ============================================================ */ /* (new115) - CATEGORY - RELATED - === */ .category-page .related-container { position: absolute !important; width: 150px !important; height: 20px !important; top: 0; right: 0px !important; margin-left: -18px; border-top: 1px solid rgb(48, 48, 48); padding: 0px 0 0px 0px !important; overflow: visible !important; z-index: 5000 !important; background: black !important; } .category-page .related-container:hover { position: absolute !important; border-top: 1px solid rgb(48, 48, 48); margin-left: -18px; overflow: hidden; padding: 10px 100px 20px 20px !important; top: 0; width: 80% !important; height: 250px !important; right: 100px !important; z-index: 5100 !important; background: black !important; } .category-page .related-container:not(:hover) ul.related-list , .category-page .related-container:not(:hover) .width-wrap { display: none !important; } .category-page .category-page .index-videos.mixed-section + .related-container { top: 0 !important; right: 0px !important; /* background: blue !important; */ } .category-page .index-videos.mixed-section + .related-container:hover { top: 0 !important; right: 100px !important; } .category-page .index-videos.mixed-section + .related-container:hover:before { /* position: fixed !important; */ position: absolute !important; content: "Related Channels" !important; width: 150px !important; top: 3px !important; /* right: 160px !important; */ right: -100px !important; /* background: violet !important; */ background: #333 !important; } .category-page .index-videos.mixed-section + .related-container + .related-container { top: 25px !important; /* right: 160px !important; */ right: 0px !important; /* background: red !important; */ } .category-page .index-videos.mixed-section + .related-container + .related-container:hover:before { position: fixed !important; position: absolute !important; content: "Related Pornstars" !important; width: 150px !important; top: 25px !important; /* right: 160px !important; */ right: -100px !important; /* background: tomato !important; */ background: #333 !important; } .category-page .index-videos.mixed-section + .related-container + .related-container:hover { top: 0 !important; right: 100px !important; } .category-page .index-videos.mixed-section + .related-container + .related-container + .related-container { top: 50px !important; /* right: 320px !important; */ right: 0px !important; /* background: tan !important; */ } .category-page .index-videos.mixed-section + .related-container + .related-container + .related-container:before , .category-page .index-videos.mixed-section + .related-container + .related-container + .related-container:hover:before { position: fixed !important; position: absolute !important; content: "Related Categories" !important; width: 150px !important; top: 2px !important; /* right: 160px !important; */ right: 0px !important; text-align: left !important; padding-left: 5px !important; /* background: aqua !important; */ } .category-page .index-videos.mixed-section + .related-container + .related-container + .related-container:hover:before { position: fixed !important; position: absolute !important; content: "Related Categories" !important; top: 52px !important; /* right: 160px !important; */ right: -100px !important; /* background: aqua !important; */ background: #333 !important; } .category-page .index-videos.mixed-section + .related-container + .related-container + .related-container:hover { top: 0 !important; right: 100px !important; } .category-page .related-container .head { color: green !important; font-size: 15px !important; font-weight: 700; line-height: 1.39; text-align: left !important; padding-left: 5px !important; z-index: 5100 !important; } /* 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; } .xh-tabbed .xh-tabset > button:first-child, .xh-tabbed .xh-tabset > .button:first-child, .xh-tabbed .xh-tabset > a:first-child { margin-right: 21px !important; margin-left: 31px !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: "◄" ; color: gold ; left: -12px ; top: 0 !important; position: absolute; z-index: 200 !important; } /* INVITES */ .user-page.friends-page .item.friend.request { height: 97px !important; width: 255px !important; margin-bottom: 5px; margin-left: 5px; margin-right: 3px; padding: 5px; border: 1px solid gray; } .video-thumb .video-thumb-info__name , .video-thumb .thumb-image-container, .video-thumb-info__name { line-height: 13px !important; } .thumb-list.thumb-list--related .video-thumb__image-container.thumb-image-container , .video-thumb .thumb-image-container { border-radius: 3px 3px 0 0 !important; } .thumb-list.thumb-list--related .video-thumb .video-thumb-info__name , .video-thumb .video-thumb-info__name , .video-thumb-info__name { padding: 5px !important; border-radius: 0 0 3px 3px !important; } /* ==== END - DIVERS ALL ===== */ /* (new118) 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 { background: black !important; border-radius: 3px; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.77) !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; border-top: 1px solid #303030; background: red !important; overflow: hidden; z-index: 5000000 !important; transition: all ease 0.7s !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; } .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: "❓"; } .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"; } /* (new52) TEST - 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; } /* (new118) TEST - 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--large-mode >body>div.xp-context-menu + div */ .video-page--large-mode .vsb-container { top: 585px !important; left: -20px !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; } /* (new55) 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 - EDIT TOOL */ .edit-link.add-to.has-tooltip , .edit-link.remove.has-tooltip { pointer-events: auto !important; } /* HD BADGE / DURATION - in USER VIDEO THUMBNAIL */ /* VIDEO - HD badge - === */ .mixed-list .item.video .info-line { opacity: 0.4 !important; z-index: 5000 !important; } .mixed-list .item.video:hover .info-line { 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 { 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 { 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 { top: -2px !important; -webkit-user-select: none !important; -moz-user-select: none !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; } /* (new117) VIDEO PLAYER - VIDEO PAGE - TOTAL CONTAINER */ .video-page .main-wrap { max-width: 100% !important; min-width: 100% !important; min-height: 932px !important ; max-height: 932px !important ; overflow: hidden !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: block; max-height: 518px !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; } /* (new60) 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 - USER ACTION - NOT HOVER - NOT FULL */ /* 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; } /* 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: 730px !important; left: 0px ; top: 527px !important; z-index: 0 !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 SCREN - === */ .player-container #player-container.player-container__player.xplayer.notranslate.no-user-action .control-bar { opacity: 1 !important; visibility: hidden !important; z-index: 0 !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: 60px !important; height: 30px !important; line-height: 18px !important; top: 185px !important; left: 730px !important; padding: 12px 0 0 3px !important; border-radius: 3px !important; visibility: visible !important; opacity: 1 !important; z-index: 0 !important; pointer-events: none !important; background: red !important; } /* (new117) 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: absolute ; display: inline-block ; width: 70px ; height: 12px ; line-height: 12px ; margin-top: -12px ; 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; } .video-page.chrome .player-container #player-container.player-container__player.xplayer.notranslate.no-user-action:-webkit-full-screen .control-bar .left-block .timing span.eta , .video-page.chrome .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; } .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; } /* 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; } /* PB 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: 670px !important; top: 560px !important; left: 50px !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 ; } /* 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: yellow !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; width: 654px !important; height: 15px !important; line-height: 10px !important; top: 565px !important; left: 47px !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; } .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; width: 662px !important; top: 560px !important; left: 47px !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 VIDEO MODE - CONTROLS - === */ .video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode .control-bar { position: absolute; height: 30px; width: 50% !important; left: 450px ; bottom: 0; right: 0; transition: opacity 0.4s cubic-bezier(0.17, 0.67, 0.52, 0.93) 0s; z-index: 5 !important; } .video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode .control-bar .left-block { position: absolute; bottom: -2px ; left: 0px ; } .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 ; 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: 5px !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: 765px !important; top: 558px !important; left: 578px !important; z-index: 5000 !important; opacity: 1 !important; background: transparent !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: 0px !important; opacity: 0.4 ; } .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 { height: 3px !important; top: 0px !important; transform-origin: 0 0 0; width: 100%; } .video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode.no-user-action .xp-progress-bar .seeker .handle , .video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode.no-user-action .progress-bar .seeker .handle { width: 5px; height: 5px !important; top: -1px !important; } /* 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; width: 40% !important; top: 595px !important; left: 580px !important; z-index: 5000 !important; opacity: 1 !important; background: transparent !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 ; } .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: absolute !important; display: inline-block !important; height: 180px; width: 40% !important; top: 557px !important; left: 580px !important; z-index: 5000000 !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 ; background: red !important; transition: height ease 0.7s ; } #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 PLAYER - FULL MODE - from LARGE MODE - === */ /* WEBKIT */ .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 { height: 95% !important; top: 10px ; } /* 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: 10px ; } /* 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 { bottom: 0; height: 30px; left: 450px !important; position: absolute; right: 0; transition: opacity 0.4s cubic-bezier(0.17, 0.67, 0.52, 0.93) 0s; width: 50% !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 { bottom: 0; height: 30px; left: 450px !important; position: absolute; right: 0; transition: opacity 0.4s cubic-bezier(0.17, 0.67, 0.52, 0.93) 0s; width: 50% !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 { bottom: 0; height: 30px; left: 300px !important; position: absolute; right: 0; top: 1040px !important; transition: opacity 0.4s cubic-bezier(0.17, 0.67, 0.52, 0.93) 0s; width: 70% !important; 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 { bottom: 0; height: 30px; left: 300px !important; position: absolute; right: 0; top: 1040px !important; transition: opacity 0.4s cubic-bezier(0.17, 0.67, 0.52, 0.93) 0s; width: 70% !important; 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 { background: hsla(0, 0%, 100%, 0.35) none repeat scroll 0 0; display: inline-block; height: 10px; left: 580px !important; opacity: 1; position: absolute; top: 1055px !important; width: 40% !important; z-index: 5000000; } /* 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 { background: hsla(0, 0%, 100%, 0.35) none repeat scroll 0 0; display: inline-block; height: 10px; left: 580px !important; opacity: 1; position: absolute; top: 1055px !important; width: 40% !important; z-index: 5000000; } /* 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 { border-radius: 2px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-sizing: content-box; opacity: 1; position: absolute; top: -130px !important; text-align: center; transition: opacity 0.2s cubic-bezier(0.17, 0.67, 0.52, 0.93) 0.3s; 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 { border-radius: 2px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); box-sizing: content-box; opacity: 1; position: absolute; top: -130px !important; text-align: center; transition: opacity 0.2s cubic-bezier(0.17, 0.67, 0.52, 0.93) 0.3s; 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; border-right: 4px solid red !important; text-align: left !important; z-index: 500 !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; border-left: 4px solid red !important; text-align: left !important; z-index: 500 !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: 0 none; border-radius: 50% 0 0 50% ; box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2); text-align: center; transition: left 0.15s ease 0s; 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 ; color: white ; z-index: 1 ; opacity: 1 ; 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; } /* (new118) 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: 545px ; 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: 587px !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: 272px ; 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; border: 1px solid red !important; font-size: 8px !important; text-align: center !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; } /* COLLECTION - 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 ; content: "In collection(s) : " counter(myIndex, decimal-leading-zero) " ▼" ; width: 232px !important; height: 12px ; line-height: 10px ; top: 123px ; left: 5px !important; padding: 1px 5px ; border-radius: 0 0 3px 3px ; font-size: 12px ; text-align: center ; color: white ; opacity: 1 !important; z-index: 50000 !important; background: tomato !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: 292px !important; height: 12px ; line-height: 9px ; top: 125px ; left: 729px ; padding: 1px 5px ; border-radius: 0 0 3px 3px ; font-size: 12px ; text-align: center ; color: white ; opacity: 1 !important; z-index: 50000 !important; /* pointer-events: none !important; */ 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: 292px !important; height: 15px ; line-height: 9px ; top: 706px !important; left: 729px !important; padding: 1px 5px ; border-radius: 0 0 3px 3px ; font-size: 10px ; text-align: center ; color: white ; opacity: 1 !important; visibility: visible !important; z-index: 50000 !important; /* pointer-events: none !important; */ background: blue ; } /* VIDEO PAGE - "In collection" HOVER A - BLUE */ .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: 465px !important; height: 20px ; line-height: 20px ; top: 105px ; left: 1410px ; padding: 1px 5px ; border-radius: 5px 5px 0 0 ; font-size: 12px ; text-align: center ; color: white ; opacity: 1 !important; z-index: 50000 !important; /* pointer-events: none !important; */ background: blue ; } /* 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 { top: 630px !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: 20px ; line-height: 20px ; top: 107px ; left: 1425px ; padding: 1px 5px ; border-radius: 4px 4px 0 0 ; font-size: 12px ; text-align: center ; color: white ; opacity: 1 !important; z-index: 50000 !important; pointer-events: none !important; background: red ; } /* 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 */ .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: 200px ; height: 12px ; line-height: 10px ; top: 15px ; left: 0px ; padding: 1px 10px ; border-radius: 3px ; font-size: 12px ; text-align: center ; color: white ; background: blue ; opacity: 1 ; } /* GREEN - ADD TO COLL From THUMNAIL - COUNT EACH FAVS ADDED TO COLLECTION (Without "Default Collection") */ .add-to-collection-dialog .favorites-collection-list .checkbox:checked:not(:first-of-type) + label span:first-of-type:before { counter-increment: myIndex2 01 ; content: counter(myIndex, decimal-leading-zero) ; position: absolute ; display: inline-block ; width: 25px ; min-width: 20px ; height: 10px ; line-height: 10px ; top: -1px ; left: 250px ; background: green ; border-radius: 3px ; box-shadow: 3px 3px 2px black ; font-size: 10px ; text-align: center ; color: white ; z-index: 10000 ; opacity: 1 ; } /* 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 ; } /* (new118) VIDEO PLAYER - COMMENTS */ .video-page .main-wrap .bottom-widget-section + .width-wrap { top: 40px; left: 0px; margin: 0 !important; } /* LARGE - ok */ .video-page--large-mode .main-wrap .bottom-widget-section + .width-wrap { position: fixed; max-width: 722px; min-width: 722px; left: 0px; margin: 0 !important; } /* (new118) VIDEO /PHOTO etc - COMMENTS - BOTTOM WIDTH TOTAL CONTAINER */ .video-page .width-wrap .comments-section.comments-container { display: inline-block ; width: 1915px ; height: 333px ; margin: 3px 0px 0 45px ; margin-top: 8px ; margin-left: 2px ; padding: 0px ; border: 1px solid #404040 ; border-radius: 3px; box-shadow: 3px 3px 2px black; } /* LARGE ok */ .video-page--large-mode .width-wrap .comments-section.comments-container { max-height: 314px; min-height: 314px; max-width: 720px; min-width: 720px; 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; 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% ; min-width: 1910px !important; z-index: 0 ; } /* 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; min-width: 715px !important; max-width: 715px !important; height: 310px ; padding: 0 !important; /* overflow: hidden !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: 1888px !important; min-width: 1888px !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 { margin-top: 33px !important; z-index: 50000 !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: 20px !important; min-height: 20px !important; margin-top: 33px !important; z-index: 500000 !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; min-width: 1890px !important; max-width: 1890px !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; background: black !important; transition: none !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; } /* (new117) VIDEO PAGE - LARGE VIDEO MODE - RELATED VIDEOS */ /* VIDEO RELATED - LARGE + NOT LARGE */ .video-page .width-wrap.with-player-container + .width-wrap { display: inline-block; height: 530px; max-width: 890px; min-width: 890px; position: fixed; right: 0; top: 31px; } /* LARGE MODE ok */ .video-page--large-mode .width-wrap.with-player-container + .width-wrap { position: fixed; display: inline-block; min-height: 315px !important; max-width: 894px; min-width: 894px; right: 0; left: 1024px; top: 620px !important; /* border: 1px solid yellow !important; */ } .video-page--large-mode .width-wrap .mixed-section.videos.related.related-container , .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .width-wrap { position: relative; margin-bottom: 22px ; } .video-page:not(.video-page--large-mode) .mixed-section.related.related-container { height: 539px !important; width: 100% !important; margin: -9px 0 0 0 !important; } /* LARGE MODE ok */ .video-page--large-mode .width-wrap.with-player-container + .width-wrap .mixed-section.related.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.related.related-container .width-wrap { width: 100% !important; min-width: 890px !important; max-width: 890px !important; height: 539px !important; top: 7px !important; /* left: 510px !important; */ margin-bottom: 0 !important; padding: 2px 0px 2px 5px !important; } /* LARGE MODE ok */ .video-page.video-page--large-mode .mixed-section.related.related-container .width-wrap { width: 100% !important; min-width: 890px !important; max-width: 890px !important; height: 521px !important; top: 5px !important; left: 510px !important; margin-bottom: 0 !important;padding: 2px 0px 2px 5px !important; } /* LARGE MODE ok */ .video-page.video-page--large-mode .mixed-section.related.related-container .width-wrap { position: absolute !important; display: inline-block !important; width: 100% !important; min-width: 890px !important; max-width: 890px !important; height: 314px !important; top: 5px !important; left: 0px !important; margin-right: 0px !important; z-index: 5 !important; } .video-page.video-page--large-mode .mixed-section.related.related-container .thumb-list.thumb-list--related.thumb-list--margin , .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list.thumb-list--related.thumb-list--margin { position: relative; min-height: 535px !important; width: 876px !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; } /* LARGE MODE ok */ .video-page--large-mode .mixed-section.related.related-container .thumb-list.thumb-list--related.thumb-list--margin { min-height: 317px !important; max-height: 317px !important; } .thumb-list--margin .thumb-list__item, .thumb-list--promoted-video .thumb-list__item, .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; } /* (new117) VIDEO PAGE - LARGE VIDEO MODE - PLAYER ALL CONTAINER TOTAl - COMMENTS */ .video-page--large-mode .width-wrap.with-player-container { height: 592px !important; } /* (new117) VIDEO PAGE - LARGE VIDEO MODE - COMMENTS - COMMENTS */ .video-page--large-mode .width-wrap.with-player-container { height: 592px !important; } /* .video-page--large-mode .width-wrap .comments-section.comments-container.clearfix */ .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; z-index: 500000 !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 { color: red !important; cursor: pointer !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: 1px solid #404040; border-radius: 3px; box-shadow: 3px 3px 2px black; overflow: hidden; transform: translate(0px, 0px) scale(1); z-index: 0; } .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; /* background: tan !important; */ } .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; /* background: black !important; */ border: 1px solid gray ; /* border: 1px solid yellow ; */ } .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; /* border: 1px dashed yellow ; */ } .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: 105px !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 .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; border-left: 1px solid red !important; overflow: visible !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; } /* (new118) */ .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: 113px ; 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: 20px ; line-height: 18px !important; width: 216px ; left: 31px ; top: -47px ; 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: 250px !important; top: 3px ; right: -50px !important; left: 0px !important; padding: 3px ; background: black !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: 20px !important; left: 34px ; margin-top: 0 ; 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; } /* 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" ; display: inline-block ; min-width: 185px ; min-height: 15px ; margin-top: -7px ; margin-left: 6px ; font-size: 12px ; text-align: right ; 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: 183px !important; min-width: 183px !important; height: 100% !important; min-height: 90px !important; max-height: 90px !important; top: 0px !important; left: 0px !important; right: 0px !important; margin-top: 0 !important; margin-left: auto !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 #404040 !important; } /* LARGE MODE ok */ .video-page--large-mode .comments-section .comments-list .item { max-width: 170px !important; min-width: 170px !important; min-height: 70px !important; max-height: 70px !important; margin-right: -1px !important; margin-bottom: 4px !important; padding: 2px 3px !important; border: 1px solid red !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; } /* LARGE MODE ok */ .video-page--large-mode .comments-section .comments-list .item .comment-info { width: 169px !important; height: 68px !important; top: -2px; } .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; } /* LARGE MODE ok */ .video-page--large-mode .comments-section .comments-list .item .comment-info .comment-body .user-info { height: 10px !important; line-height: 10px !important; min-width: 152px !important; max-width: 152px !important; margin-top: 7px; } .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--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 .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; } /* 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 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; } .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; } /* LARGE MODE ok */ .video-page--large-mode .comments-section .comments-list .item .comment-info .comment-meta { min-width: 167px !important; max-width: 167px !important; top: -3px !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 , .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 ; } /* INDICATOR - MY COMMENT - === */ .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: 180px ; max-width: 180px ; height: 59px ; right: 1px } .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: 180px ; max-width: 180px ; height: 78px ; right: 0px ; } /* 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: -10px !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: 500 !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 ; background: #222 ; border: 1px solid red ; z-index: 500000 !important; } .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; } /* (new55) 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; } /* (new55) 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; } /* (new51) 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; } /* WIDESCREEN GENERAL - === */ /* FOOTER */ .footer-buffer { display: none !important; visibility: hidden !important; clear: none; height: 0px; } .footer-buffer + footer { position: absolute; width: 10%; height: 10px; bottom: 0; left: 0; margin: 0 auto; border-top: 1px solid #dadada; overflow: hidden ; z-index: 500 !important; background: black ; transition: all ease 0.7s !important; } .user-page.my-uploads-page .footer-buffer + footer , .user-page.user-photos-page.my-uploads-page .footer-buffer + footer { display: none ; } .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-buffer + footer:hover { position: absolute; width: 100%; height: 302px; } .main-wrap { max-width: 100% !important; min-width: 100% !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; } .main-wrap>header { display: inline-block !important; min-width: 100% !important; height: 25px !important; margin-bottom: 9px ; padding-top: 0 ; z-index: 5 !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%; /* top: -12px !important; */ margin-bottom: -4px !important; overflow: visible !important; background: #303030 !important; border-bottom: 1px solid red !important; } header .section-container{ margin-top: -1px !important; } header .logo-container { position: absolute ; float: none ; height: 100% ; min-height: 25px ; max-height: 25px ; min-width: 50px ; max-width: 50px ; top: 14px ; left: 30px ; padding : 0px ; text-align: right ; z-index: 1; } .logo-container .logo { position: relative; display: inline-block !important; height: 24px !important; width: 80px !important; left: 50px !important; top: -9px ; margin-top: -30px !important; margin-left: 0px !important; padding: 0 8px !important; opacity: 0.4 !important; } .logo-container .logo img { display: block; width: 100%; margin-top: 8px ; } /* 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 ; } /* (new118) LOGIN */ .login-section { position: absolute ; display: inline-block ; float: none ; vertical-align: top; height: 100% ; min-height: 25px ; max-height: 25px ; top: 0px ; right: 10px ; padding: 0 25px 0 5px ; white-space: nowrap; } .login-section .xh-dropdown.no-popunder.round { height: 100% ; min-height: 25px ; max-height: 25px ; padding: 0 ; } .login-section .trigger { left: -4px ; top: 0px ; padding: 0px 20px ; font-size: 18px; z-index: 7; } .login-section .xh-button.sign-up-button.large { height: 25px !important; line-height: 25px; margin-right: 0; padding: 0 20px 0 22px; font-size: 16px; } .login-section .user-section { display: inline-block !important; height: 24px !important; margin-right: -10px; padding-top: 3px; } .login-section .user-section .items-row { margin-top: -5px !important; } .login-section .user-section .items-row .item { height: 22px !important; line-height: 22px !important; padding: 0px 12px 0px !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 .xh-avatar { display: block; float: left; height: 21px; width: 21px; } .xh-avatar.smaller { font-size: 16px; height: 28px; line-height: 25px; width: 29px; } .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 ; margin-left: 0; right: -2px; top: 13px ; width: auto; } .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; } /* TOP NAV LINK - === */ /* (new118) TOP HEADER - TOP MENU - === */ header .top-menu-container { position: absolute; display: inline-block; height: 20px !important; line-height: 20px !important; width: 931px; left: 104px; right: 0; top: 0px !important; margin: 0; z-index: 50000; background: transparent !important; } header .top-menu { clear: none; height: 22px !important; /* line-height: 10px !important; */ width: 45% ; margin-left: 10%; top: 0px; padding: 0 !important; background: #303030; z-index: 50000000 !important; } header .top-menu-container .top-menu__side-group.left { display: inline-block !important; height: 22px !important; line-height: 22px !important; width: 75% ; } header .top-menu-container .top-menu__side-group.right { display: inline-block !important; height: 22px !important; line-height: 22px !important; width: 25% ; } 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 .theme-section .circle.dark , 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: 15px !important; line-height: 12px !important; font-size: 15px !important; } header .top-menu-container .top-menu__side-group.left li { position: relative !important; display: inline-block !important; height: 20px !important; line-height: 20px !important; -moz-box-ordinal-group: unset !important; order: unset !important; margin-top: -10px; z-index: 5000 ; } header .top-menu-container .top-menu__side-group.left li a { display: inline-block !important; height: 20px !important; line-height: 20px !important; padding: 0 5px !important; } header .top-menu-container .top-menu__side-group.left .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; z-index: 5000 ; } 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 ; /* padding: 0 40px 0 40px 0 !important; */ } 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 { color: #fff; display: block; font-size: 15px !important; height: 20px !important; line-height: 10px !important; min-width: 70px; /* padding-bottom: -20px !important; */ padding: 0px 5px ; text-align: center; text-decoration: none; } header .top-menu .width-wrap > ul > li > a { color: #fff; display: block; font-size: 15px !important; height: 20px !important; line-height: 17px !important; min-width: 70px; padding: 0px 5px ; text-align: center; text-decoration: none; } header .top-menu .width-wrap > ul > li > ul { background: #434343; min-width: 180px; padding: 10px 0; position: absolute; top: 22px !important; visibility: hidden; } 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; } /* (new111) 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 { color: gold !important; } .xh-icon.sun::before { color: gold !important; } .xh-icon.moon::before { color: #E4DEC1; } /* USER HEADER - ==== */ .user-header { display: inline-block !important; width: 1920px !important; height: 100% !important; min-height: 28px !important; max-height: 28px !important; top: -6px ; padding: 0px !important; overflow: visible !important; z-index: 1 !important; background: #222 !important; } .user-header .width-wrap { position: relative; display: inline-block !important; height: 25px !important; top: 2px !important; padding: 0px !important; overflow: visible !important; z-index: 0 !important; } /* USER LEFT - ICON USER */ .user-header .header-left { width: 34px !important; height: 30px ; margin-top: -3px !important; } .user-header .photo-section { position: relative !important; display: inline-block !important; left: 0px !important; top: -7px !important; margin-top: 0px !important; transform-origin: top left !important; transform: scale(0.2)!important; } .user-header .photo-section .photo-container { transform: scale(0.9) !important; } .user-header .progress-label { display: none ; } /* FRIEND PAGE - .user-header--small */ .user-header.user-header--small .photo-section { top: -5px !important; transform: scale(0.3) !important; } .user-header.user-header--small .photo-section .photo-container { transform: scale(1) !important; } /* (new66) USER RIGHT - INFOS */ .user-header.user-header--small .user-info-section , .user-header .user-info-section { position: absolute ; display: inline-block ; height: 30px !important; line-height: 34px !important; width: 1920px !important; right: 0 !important; margin-left: 20px !important; margin-top: -30px !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 ; } /* (new66) USER PROFILE - ICONS VERIFIED / PRODUCER - === */ .user-header .user-achievements { position: absolute !important; display: inline-block !important; float: none; width: 150px !important; left: 330px !important; top: -13px !important; z-index: 5000000 !important; text-align: center !important; transform: scale(0.4); background: black !important; } .user-header .user-achievements .awards > a { margin-right: -12px !important; margin-left: 0 !important; margin-bottom: -5px !important; transform: scale(0.8) !important; } /* ALL VALUES */ .value { height: 15px; line-height: 15px !important; } /* (new59) USER NAME */ .user-header.user-header--small .user-top-infoblock , .user-header .user-info-section .user-top-infoblock { display: inline-block !important; height: 26px !important; line-height: 26px !important; margin-left: 35px !important; } .user-header .user-info-section .user-name { height: 26px !important; line-height: 26px !important; width: 360px !important; padding-left: 30px !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: -22px !important; transform: scale(0.8) !important; } .user-page .user-header .user-info-section .user-name .value { float: left ; width: 380px !important; border-right: 2px solid red !important; font-size: 18px !important; } .user-header .user-info-section .user-name a { width: 205px ; height: 13px ; line-height: 15px !important; overflow: visible; color: #303030; font-size: 15px !important; } .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; color: #303030; font-size: 15px !important; overflow: hidden ; opacity: 0 !important; z-index: 0 !important; background: blue ; transition: all ease 0.7s ; } .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; } /* 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; border: 2px solid green !important; text-align: center !important; background: rgba(0, 0, 0, 0.27) !important; opacity: 1 !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-page .user-tabs.sort-section.xh-tabbed { width: 1081px; height: 30px; left: 460px ; top: 0; } .user-page .user-tabs.sort-section.xh-tabbed .xh-tabset.active { left: 34px; top: -1px; } /* USER TABS NAV LINKS */ .user-header .user-info-section .user-tabs { position: absolute; display: inline-block !important; left: 409px; top: -15px; bottom: 13px; margin-bottom: 0; } /* (new66) USER TAB - CURRENT TAB - ALL - === */ .user-header .user-info-section .user-tabs .xh-tabset h1.current-tab { height: 29px !important; } .user-header .user-info-section .user-tabs .xh-tabset > a { height: 20px; line-height: 20px; top: 5px; margin: 0 10px; background: red ; } /* (new66) USER TABS NAV LINKS - USER BUTTONS - FAV / BLOCK SUBSCRIBE (NOT EDIT MY PROFILE) */ .user-header .user-buttons:not(.xh-dropdown) { position: absolute ; display: inline-block ; height: 100% !important; min-height: 19px !important; max-height: 19px !important; line-height: 19px !important; top: 5px ; left: 1771px !important; } .user-header .user-buttons.xh-dropdown { position: absolute ; display: inline-block ; width: 300px !important; height: 100% !important; min-height: 25px !important; max-height: 25px !important; line-height: 23px !important; top: 4px ; right: 0px !important; } .user-header .user-buttons:not(.xh-dropdown) .xh-button.line.edit-button { display: inline-block ; height: 100% !important; min-height: 19px !important; max-height: 19px !important; line-height: 17px !important; } .user-header .user-buttons .subscribe-block { display: inline-block ; height: 19px !important; line-height: 19px !important; } .user-header .user-buttons .xh-button.subscribe-button { 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 .invite-to-friends, .user-header .user-buttons .send-gift, .user-header .user-buttons .subscribe-block { height: 19px !important; } .user-header .user-buttons .subscribe-block { margin-top: 0.5px !important; margin-left: -7px !important; margin-right: 10px !important; width: 100px !important; } .user-header .user-buttons .xh-button{ height: 19px !important; } .user-header .user-buttons .send-message { height: 19px !important; margin-top: 0px !important; } .user-header .user-buttons .send-message a.xh-button { display: inline-block; line-height: 19px !important; width: 37px !important; } .user-page .user-top-infoblock .xh-dropdown.popup.positioned.user-buttons-menu { height: 23px !important; width: 67px !important; text-align: center !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;"], .user-header .dropdown.position-left[style="opacity: 1; display: block;"], .user-header .dropdown.position-left { display: inline-block !important; width: 100% !important; min-width: 75px !important; max-width: 75px !important; height: 100% !important; min-height: 19px !important; max-height: 19px !important; line-height: 19px !important; right: 0 !important; top: -4px !important; left: 0% !important; opacity: 1 !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: 19px !important; max-height: 19px !important; line-height: 19px !important; top: -10px !important; right: 0px !important; padding: 0px !important; text-align: left; 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; } /* (new66) 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%; } /* MAIN HOME PAGE - PANEL Left + THUMBNAIL RIGHT - === */ .main-page article { margin-left: 230px; padding: 0 5px 0px 5px; } /* THUMBNAIL - TOP PROMOTED VIDEO - ALL - === */ .top-video-block { position: absolute !important; width: 22%; height: 28px ; left: 35% !important; padding-right: 0; overflow: hidden !important; z-index: 500 ; background: rgba(34, 34, 34, 0.2) ; transition: all ease 0.7s !important; } /* CATEGORY / PORNSTRAS PAGES - ==== */ .pornstar-logo { position: relative; width: 100px; height: 77px ; text-align: center; border-radius: 5px 0 0 5px ; border: 1px solid red ; background: #303030 ; } .pornstar-logo img { left: 5px ; top: 3px ; width: 70%; border-radius: 5px 0 0 5px ; } .pornstar-logo .xh-flag { bottom: 62px; left: 79px ; } /* CATEGORY - === */ .category-page main , .category-page main > .width-wrap { padding: 0 ; top: -8px; } .category-page main > .width-wrap aside { margin-top: 7px ; } .category-page .width-wrap>article { top: 0px !important; } .category-page .category-info { position: relative !important; display: inline-block !important; width: 74% !important; height: 25px; margin-bottom: 0px ; } /* (new62) */ .category-page .index-videos { position: relative; left: 0; margin-top: -49px !important; overflow: visible ; z-index: 1 !important; } .category-page .index-videos.mixed-section { margin-top: 20px !important; border: 1px dashed red ; } .category-page .category-info.pornstar + .index-videos.mixed-section { margin-top: -20px !important; border: 1px dashed yellow ; } .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 .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: -29px !important; } .category-page .index-videos.dated-list { margin-top: 20px !important; margin-bottom: 0px ; } .category-page .category-info ~ .index-videos.dated-list { margin-top: 10px !important; margin-bottom: 0px ; border: 1px solid aqua ; } .category-page .category-info.channel + .index-videos.dated-list { margin-top: -18px !important; margin-bottom: -20px !important; border: 1px solid red ; } .category-page h1.category-title { line-height: 34px; margin-bottom: 5px ; margin-top: -7px ; font-size: 20px; } .category-page h1.category-title + p.large { margin-top: -10px !important; } .category-page .sort-section.xh-tabbed.no-upper { height: 17px !important; line-height: 17px !important; margin-top: -9px !important; margin-bottom: 0px; } .category-page .sort-section.xh-tabbed .xh-tabset { position: relative; display: inline-block !important; height: 17px !important; line-height: 17px !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: 17px !important; line-height: 17px !important; margin-right: 5px !important; margin-left: 5px !important; top: -3px !important; padding: 0; font-size: 12px !important; text-transform: uppercase; transition: color 0.15s ease 0s; } .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 .sort-section.xh-tabbed.no-upper + p { position: relative ; display: inline-block ; line-height: 14px ; top: -10px !important; } /* (new62) */ .category-page .category-info.pornstar .sort-section.xh-tabbed.no-upper + p.large { margin-top: -10px !important; } .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb { position: relative !important; display: inline-block !important; float: none !important; vertical-align: top; width: 8% !important; height: 157px !important; margin-bottom: 4px !important; margin-left: 2px !important; margin-right: 2px !important; padding: 5px; border: 1px solid gray; border-radius: 5px; box-sizing: border-box; } .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb:hover { transform: scale(2) !important; z-index: 50000 !important; background: black !important; } .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb .thumb-image-container { width: 100%; height: 112px; left: 0; top: -3px; background-repeat: no-repeat; background-size: contain; } .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb .thumb-image-container__video { position: absolute; height: 100%; height: 117px !important; min-height: 100%; min-width: 100%; } .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb .thumb-image-container .thumb-image-container__video { height: 100% !important; min-height: 100px !important; max-height: 100px !important; width: 107px !important; } .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb .thumb-image-container .thumb-image-container__image { height: 100% !important; min-height: 100px !important; max-height: 100px !important; width: 122px !important; } .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb .thumb-image-container .thumb-image-container__sprite.thumb-image-container__sprite { overflow: hidden; width: 2353.33px; } .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb .thumb-image-container .thumb-image-container__duration { position: absolute !important; background: #303030 none repeat scroll 0 0; bottom: 0px !important; color: #fff; font-size: 8px ; height: 12px ; left: 0; letter-spacing: 0.9px; line-height: 12px; padding: 1px 3px; z-index: 5000 !important; } .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb-info { height: 33px !important; margin-top: 0; } .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb-info .video-thumb-info__name { height: 33px !important; line-height: 10px !important; padding: 1px 2px !important; border: 1px solid gray; color: gray; font-size: 11px !important; } .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb:hover .video-thumb-info .video-thumb-info__name { line-height: 8px !important; font-size: 8px !important; } .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb-info .xh-icon { position: absolute; top: 102px !important; margin-left: 30px !important; transform: scale(0.7) !important; } .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb-info .video-thumb-info__rating.xh-icon { margin-left: 83px !important; } /* (new61) CATEGORIES - TOP PROMOTED VIDEOS - === */ .category-page .top-video-block--banner { position: relative; width: 194px !important; height: 30px !important; line-height: 30px !important; top: 4px !important; border-radius: 3px !important; font-size: 15px !important; text-align: center !important; transition: all ease 0.2s !important; border: 1px solid red !important; } .category-page .top-video-block--banner .heading { display: inline-block !important; width: 194px !important; height: 30px !important; line-height: 20px !important; } .category-page .top-video-block--banner h2 { display: inline-block !important; height: 15px !important; line-height: 10px !important; margin: 0; font-size: 11px !important; letter-spacing: 1px; text-transform: uppercase; } .category-page .top-video-block--banner a.refresh.refresh--promoted { display: inline-block !important; height: 15px !important; } .category-page .top-video-block--banner .refresh.refresh--promoted i { display: inline-block !important; height: 15px !important; line-height: 15px !important; font-size: 10px !important; } .category-page .top-video-block.top-video-block--banner:hover { position: absolute; display: inline-block !important; width: 100% !important; min-width: 1600px !important; max-width: 1600px !important; height: auto !important; left: 200px !important; padding: 0 5px 5px; border: 1px solid red !important; overflow: visible; z-index: 5000 !important; background: black ; transition: all ease 0.2s !important; } .category-page .top-video-block.top-video-block--banner:hover .thumb-list--promoted-video-banner { width: 1600px !important; height: 230px; z-index: 5000 !important; } .category-page .top-video-block.top-video-block--banner .thumb-list__item.video-thumb.video-thumb { height: 191.763px !important; width: 211.8px !important; margin-right: 5px ; margin-left: 15px ; border-radius: 5px ; border: 1px solid red ; } .category-page .top-video-block.top-video-block--banner .thumb-list__item.video-thumb.video-thumb .video-thumb__image-container.thumb-image-container { height: 140.763px !important; } .category-page .top-video-block.top-video-block--banner .thumb-list__item.video-thumb.video-thumb .thumb-image-container__duration { position: absolute !important; line-height: 13px; height: 15px; left: 2px !important; top: 118px ; bottom: -20px !important; padding: 2px 5px; } .category-page .top-video-block.top-video-block--banner .video-thumb .video-thumb-info { height: 41px ; margin-top: 5px; } .category-page .top-video-block.top-video-block--banner .video-thumb .video-thumb-info .video-thumb-info__views { top: -69px ; } .category-page .category-info .categories-container { position: absolute ; width: 397px ; height: 29px; left: 1286px; margin-top: 0; top: -2px; padding: 2px 5px ; border-radius: 5px ; border: 1px solid red !important; } .category-page .category-info .categories-container:hover { height: auto !important; z-index: 500 ; background: black ; } /* TOP PROMOTED VIDEOS - HOVER - === */ main .top-video-block .mixed-section.promoted-videos { float: left; padding-right: 20px; position: relative; width: 80%; color: gold ; background: rgba(34, 34, 34, 0.2) ; } .top-video-block:hover { position: absolute !important; width: 90%; height: auto !important; left: 19% !important; padding: 0 5px 5px 5px ; overflow: visible; z-index: 500 ; background: rgba(34, 34, 34, 1) ; border: 1px solid red !important; } .heading>h1 { color: gold !important; background: rgba(34, 34, 34, 0.2) ; } .top-video-block .mixed-list .item { width: 12% !important; margin-right: 3px ; margin-left: 15px ; padding: 0px !important; background: white ; } /* THUMBNAIL - ALL - MY FAVS - === */ .mixed-list .item , .mixed-section.index-videos.dated-list.inline-right .mixed-list .item { 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: 5px !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 ; } /* (new66) USER FAVORITES */ .user-page.favorites-page .main-wrap > main { height: 868px !important; margin-top: 0 ; top: 0px !important; padding-top: 0px !important; border-top: 1px solid #404040 ; } .user-page.favorites-page .main-wrap > main .favorites-list.video-single-favorites-list .mixed-list .item.video { height: 170px !important; margin-bottom: 2px !important; } /* 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: 1885px ; margin-left: 0; padding-left: 0px; } .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: 1877px !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; } .user-page.user-videos-page.my-uploads-page .item.video .thumb-container , .user-page.favorites-page .mixed-list .item .thumb-container { height: 118px !important; width: 100% !important; top: 0px !important; left: 0px ; background-repeat: no-repeat !important; background-size: contain !important; } .user-page.favorites-page .mixed-list .info-container { height: 40px !important; margin-top: 10px !important; overflow: hidden ; } .user-page.favorites-page .mixed-list .item .name , .user-page.favorites-page .mixed-list .item .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 .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 .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; } /* (new51) MY UPLOAD PAGE - ALL VIDEOS - === */ .video-block.upload-list { width: 1891px; padding-left: 0px; } .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; } /* 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; } /* (new62) 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; outline: 1px solid violet !important; } .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; } .user-page.user-videos-page.my-uploads-page .mixed-list .item:hover , .category-page .mixed-list .item:hover , .user-page.favorites-page .mixed-list:not(.stories-list) .item:hover { position: relative !important; display: inline-block !important; max-height: 140px !important; width: 146px !important; top: 0px !important; margin-right: 1.5px !important; border-radius: 5px !important; opacity: 1 !important; transform: scale(1.6); /* transition: all ease 0.7s !important; */ z-index: 500500 !important; background: #222 !important; } /* .user-page.user-videos-page.my-uploads-page .mixed-list .item:hover .thumb-container , */ .category-page .mixed-list .item:hover .thumb-container , .user-page.favorites-page .mixed-list .item: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:not(.story):not(.type-blog):hover .thumb-container { width: 143px !important; height: 105px !important; left: -4px !important; top: -5px !important; margin-bottom: -5px !important; border-radius: 5px 5px 0 0 !important; background-size: contain !important; } .user-page.favorites-page .mixed-list .item:hover .thumb-container .deleted { height: 104px ; } /* (new57) HOVER WATCH HISTORY - With RIGHT COR - === */ .user-watch-history-page .item.video:hover { min-width: 152px !important; max-width: 152px !important; margin-right: -19px !important; margin-bottom: -10px !important; transform: scale(1.6) ; transition: none !important; z-index: 500500; background: black !important; } .user-watch-history-page .item.video:hover .name { top: 10px ; font-size: 10px !important; line-height: 10px ; position: relative; } .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: -13px; } /* 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 ; } /* (new118) 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; background: rgba(3, 3, 3, 0.9) !important; z-index: 5000 !important; opacity: 1 !important; transform: translate(0px, 23px) scale(2); transition: all ease 0.7s !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; background: rgba(3, 3, 3, 0.9) !important; z-index: 5000 !important; opacity: 1 !important; transform: translate(-30px, 23px) scale(1.7); transition: all ease 0.7s !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; background: rgba(3, 3, 3, 0.9) !important; z-index: 5000 !important; opacity: 1 !important; transform: translate(0px, 7px) scale(0.88); transition: all ease 0.7s !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; } /* NTH-CHILD - TEST HOVER - THUMBNAIL - MY FAV / CATEGORY / BLOGS / STORIES / RECOMMENDE / - 10 LAST ITEMS (select elements within certain ranges, in this case elements between the 51 > 60) === */ .video-page--large-mode .mixed-section.related .width-wrap .mixed-list.clearfix-after .item.video:nth-child(n+7):nth-child(-n+12):hover { top: -60px !important; } .user-page.favorites-page .mixed-list .item.video:nth-child(n+51):nth-child(-n+60):hover { top: -60px !important; } .user-page.favorites-page .mixed-list .item.gallery:nth-child(n+28):nth-child(-n+30):hover { top: -40px !important; } .user-page.favorites-page .mixed-list .item.gallery:nth-child(n+25):nth-child(-n+32):hover { top: -10px !important; } .user-page.favorites-page .item.story.type-blog:nth-child(n+26):nth-child(-n+30):hover { top: -60px !important; } .user-page.user-videos-page.my-uploads-page .mixed-list .item.video:nth-child(n+51):nth-child(-n+60):hover , .user-page.favorites-page .mixed-list .item.video:nth-child(n+51):nth-child(-n+60):hover { top: -20px !important; } /* 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; } .category-page .thumb-list__item.video-thumb:nth-child(n+1):nth-child(-n+13):hover { top: 60px !important; } .category-page .thumb-list__item.video-thumb:nth-child(n+50):nth-child(-n+70):hover { top: -40px !important; } .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb:nth-child(12):hover , .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb:nth-child(24):hover , .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb:nth-child(36):hover , .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb:nth-child(48):hover , .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb:nth-child(60):hover , .category-page .thumb-list__item.video-thumb:nth-child(13):hover , .category-page .thumb-list__item.video-thumb:nth-child(25):hover , .category-page .thumb-list__item.video-thumb:nth-child(37):hover , .category-page .thumb-list__item.video-thumb:nth-child(49):hover , .category-page .thumb-list__item.video-thumb:nth-child(61):hover { left: -55px !important; } .category-page .thumb-list.thumb-list--sidebar.thumb-list--recent .video-thumb:nth-child(n+49):nth-child(-n+60):hover { top: -70px !important; } /* VIDEO PAGE */ /* VIDEO PAGE - HORIZONTAL TOP on HOVER */ .video-page:not(.video-page--large-mode) .thumb-list__item.video-thumb:nth-child(n+1):nth-child(-n+4):hover { display: inline-block !important; float: none !important; margin-top: 45px !important; } /* HORIZONTAL TOP - LARGE - ok */ .video-page.video-page--large-mode .thumb-list__item.video-thumb:nth-child(n+1):nth-child(-n+6):hover { display: inline-block !important; float: none !important; margin-top: 51px !important; } /* HORIZONTAL BOTTOM - LARGE - ok */ .video-page:not(.video-page--large-mode) .thumb-list__item.video-thumb:nth-child(n+7):nth-child(-n+12):hover { display: inline-block !important; float: none !important; margin-top: -60px !important; } /* BOTTOM - LARGE - ok */ .video-page.video-page--large-mode .thumb-list__item.video-thumb:nth-child(n+9):nth-child(-n+12):hover { display: inline-block !important; float: none !important; margin-top: 3px !important; } /* VIDEO PAGE - LEFT on HOVER */ .video-page:not(.video-page--large-mode) .thumb-list__item.video-thumb:nth-child(9):hover , .video-page:not(.video-page--large-mode) .thumb-list__item.video-thumb:nth-child(5):hover , .video-page:not(.video-page--large-mode) .thumb-list__item.video-thumb:nth-child(1):hover { left: -40px !important; } /* 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; } /* VIDEO PAGE - RIGHT on HOVER */ .video-page:not(.video-page--large-mode) .thumb-list__item.video-thumb:nth-child(12):hover , .video-page:not(.video-page--large-mode) .thumb-list__item.video-thumb:nth-child(8):hover , .video-page:not(.video-page--large-mode) .thumb-list__item.video-thumb:nth-child(4):hover { left: -90px !important; } /* RIGHT - LARGE - ok */ .video-page--large-mode .thumb-list__item.video-thumb:nth-child(12):hover , .video-page--large-mode .thumb-list__item.video-thumb:nth-child(6):hover { left: -48px !important; } /* USER FAVORITES PAGES*/ /* 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; } /* RIGHT */ .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; } /* HORIZONTAL BOTTOM */ .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: 3px !important; border: 1px solid red !important; } /* (new111) - .user - LEFT */ .user-page.favorites-page .mixed-list .item.video:nth-child(49):hover , .user-page.favorites-page .mixed-list .item.video:nth-child(37):hover , .user-page.favorites-page .mixed-list .item.video:nth-child(25):hover , .user-page.favorites-page .mixed-list .item.video:nth-child(13):hover , .user-page.favorites-page .mixed-list .item.video:nth-child(1):hover { left: 45px !important; } /* RIGHT - */ .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: -25px !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; } /* RIGHT -- */ .favorites-page .mixed-list .item.favorite.gallery.photo:nth-child(24):hover , .favorites-page .mixed-list .item.favorite.gallery.photo:nth-child(16):hover , .favorites-page .mixed-list .item.favorite.gallery.photo:nth-child(8):hover { left: -38px !important; } .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 - === */ .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: 212px !important; max-width: 212px !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: 203px !important; max-width: 203px !important; height: 30px ; 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.favorites-page .mixed-list .item:hover .info-container { position: absolute !important; display: inline-block !important; height: 30px !important; line-height: 10px !important; min-width: 206px !important; max-width: 206px !important; left: 2px !important; top: 97px !important; padding: 0px 5px ; z-index: 500 !important; visibility: visible !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:hover .thumb-container .info-line-top button:last-of-type { transform: translate(5px, 93px) 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: -15px !important; padding: 5px ; border-radius: 3px ; transform: translate(4px, 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: 203px !important; max-width: 203px !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; background: black !important; pointer-events: auto !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, 93px) 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.user-videos-page.my-uploads-page .main-wrap { height: 100% !important; max-height: 942px !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-blog-page.my-uploads-page .pager-section , */ .user-page.user-photos-page.my-uploads-page .pager-section , .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: 0px !important; top: -5px !important; right: 260px !important; z-index: 50000 !important; transform: scale(0.6) !important; background: black !important; } /* (new111)= PAGER - BLOG LIST - === */ .user-page.user-blog-page.my-uploads-page .pager-section { position: fixed !important; display: inline-block !important; width: 100% !important; height: 30px !important; line-height: 0px !important; top: unset !important; bottom: -60px !important; right: 0px !important; z-index: 50000 !important; transform: scale(1) !important; border-top: 1px solid red !important; background: black !important; } /* PAGER - FAVORIS */ .user-page.user-videos-page.my-uploads-page .pager-section { height: 30px !important; line-height: 20px !important; top: -5px !important; right: 185px !important; } /* (new113) ALL - SEARCH / TAGS - PREMIUM OVERLAY - === */ .premium-overlay , .search-results main article .premium-overlay { position: absolute !important; width: 100% !important; top: 1px; left: 1720px !important; padding-right: 0px !important; transition: left ease 0.7s !important; z-index: 50000 !important; } .premium-overlay:hover , .search-results main article .premium-overlay:hover { position: absolute !important; width: 100% !important; left: 25px !important; margin-right: 0px !important; padding-right: 40px !important; transition: left ease 0.7s !important; z-index: 50000 !important; } .premium-overlay:before , .search-results main article .premium-overlay:before { content: "▲ PREMIUM ▲" ; background: red ; position: absolute ; top: 60px ; left: -50px ; padding: 5px ; border-radius: 5px 5px 0 0 ; font-size: 10px ; transform: rotate(-90deg) ; } .search-results .sp-separator ~.main-wrap .premium-overlay + .right-rectangle , .search-results .sp-separator ~.main-wrap .premium-overlay { display: none !important; } /* (new111) TEST */ .search-results .sp-separator ~.main-wrap main .width-wrap .mixed-section .thumb-list.thumb-list--margin .premium-overlay + .right-rectangle ~.thumb-list__item.video-thumb:nth-child(n+1):nth-child(-n+12):nth-child(n+1):nth-child(-n+12):hover { margin-bottom: -4px !important; margin-left: 3px !important; margin-right: -26px !important; transform: translate(-90px, 50px) scale(1.6) !important; border: 1px dotted tomato !important; } /*(new118) SEARCH - ADAPT CHROME - work with GM "SUPERLOADER"*/ header .search-section { position: absolute ; display: inline-block ; height: 25px !important; width: 100% ; /* right: 380px ; */ top: -2px ; padding: 0 ; } /* (new118) */ 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 ; } header .search-section .search-container form { height: 24px ; } header .search-section .search-container .search-text { background: #000 !important; } header .search-section .search-container form input.search-text { width: 423px; height: 24px ; line-height: 24px ; padding: 2px 150px 2px 19px ; padding-right: 4px !important; 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: 15px; padding: 15px 0 10px ; border: 1px solid gray !important; box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.9) !important; z-index: 2; 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; } /* (new14) */ 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; } /* (new66) SEARCH */ .search-results .search-results-header { height: 25px !important; top: -56px !important; padding-left: 0px ; padding-top: 0px !important; z-index: 1 !important; } .search-results .search-results-header .result-section { width: 1918px !important; height: 25px !important; min-height: 25px !important; max-height: 25px !important; line-height: 25px !important; margin-top: 46px !important; } .search-results .search-results-header .result-section .filter-up-section select, .search-results .search-results-header .result-section .filter-up-section .single-selec , .search-results .search-results-header .result-section .filter-up-section { float: right; height: 25px !important; /* z-index: 5000000 !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; /* z-index: 5000000 !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: relative !important; display: inline-block !important; min-width: 878px !important; height: 20px !important; line-height: 16px !important; top: 0px !important; padding-left: 290px !important; padding-right: 0 !important; font-size: 24px; } .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; /* background: 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; } .search-results main aside { width: 245px !important; } .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 { border: 0 none; display: block; height: 27px !important; padding: 5px 0 5px 5px !important; position: relative; } .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-results .main-wrap { display: inline-block !important; min-height: 100% !important; top: 0px ; padding: 0; } .search-results main { display: inline-block !important; /* float: none !important; */ height: 100% !important; min-height: 1235px !important; max-width: 100% !important; min-width: 100% !important; top: -58px !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; min-width: 1648px !important; top: 0px ; left: 55px ; padding-left: 0px ; padding-right: 0px ; z-index: 50000 !important; } .search-results .mixed-section.index-videos { display: inline-block !important; height: auto !important; min-width: 1648px !important; left: -24px ; margin-top: 0px ; padding-bottom: 30px !important; /* overflow: hidden !important;*/ overflow-y: auto !important; /* border-bottom: 1px solid red ;*/ overflow: visible !important; border-bottom: 5px solid red !important; z-index: 50000 !important; } .search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner { padding: 0 !important; margin: 0 !important; } .search-results main article .label-set { margin-left: 2px; padding-top: 0 ; } .search-results .width-wrap > aside { position: absolute !important; display: inline-block !important; float: none !important; height: 830px ; width: 251px !important; top: -7px !important; border: 1px solid gray !important; } .search-results main article .label-set { margin-top: -4px !important; } .search-results main .search-filter-container { position: absolute !important; display: inline-block !important; float: none !important; height: 830px ; width: 250px !important; left: 0; overflow: hidden !important; overflow-y: auto !important; } .search-results main .search-filter-container .categories-filter ul li { height: 17px !important; line-height: 15px !important; } .search-results label { height: 17px !important; line-height: 17px !important; padding: 0px 0px 0px 30px !important; } .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 .search-filter-container .categories-filter .categories-filter-list li a .checkbox:checked + label::before, [type="checkbox"]:checked + label::before { background-position: 3px 0px ; } /* (new62) 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"] { border-image: none; box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15); padding: 10px 0; z-index: 500000 !important; outline: 1px solid violet !important; } .search-results .thumb-list__item.video-thumb , .search-results .mixed-section.index-videos .thumb-list.thumb-list--margin.thumb-list--sidebar.thumb-list--banner .thumb-list__item.video-thumb { position: relative !important; display: inline-block !important; float: left !important; clear: right !important; width: 10% !important; height: 198px !important; margin-right: 0px !important; margin-left: 0px !important; margin-bottom: 0px !important; padding: 0 !important; z-index: 0 !important; transition: none !important; } .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 { z-index: 50000 !important; transition: none !important; } /* (new65) SERACH RESULT VIDEO - GM adapt "NEXTO" (for Chrome) */ .search-results >body { height: auto !important; } /* (new64) SEARCH VIDEO ALL - FIRST - With FILTER / Without FILTER (see PREMIUM OVERLAY - .premium-overlay ) - === */ .search-results .thumb-list__item.video-thumb:nth-child(50):hover , .search-results .thumb-list__item.video-thumb:nth-child(40):hover , .search-results .thumb-list__item.video-thumb:nth-child(30):hover , .search-results .thumb-list__item.video-thumb:nth-child(20):hover , .search-results .thumb-list__item.video-thumb:nth-child(10):hover { margin-bottom: -3px !important; transform: translate(-90px, 0px) scale(1.6)!important; border: 1px solid tomato !important; } /* (new66) WITH / WITHOUT (?) BANNER PREMIUM */ .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(52):hover , .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(42):hover , .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(32):hover , .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(22):hover , .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(11):hover { margin-bottom: -3px !important; transform: translate(-90px, 50px) scale(1.6)!important; border: 1px solid green !important; } /* (new66) SEARCH ALL - HOVER - THUMBNAIL ROW - TOP */ .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+10):hover , .search-results .thumb-list__item.video-thumb:nth-child(n+1):nth-child(-n+10):hover { transform: translate(0px, 45px) scale(1.6)!important; border: 1px solid tan !important; } /* (new66) SEARCH ALL - HOVER - THUMBNAIL ROW - BOTTOM */ .search-results .thumb-list__item.video-thumb:nth-child(n+53):nth-child(-n+62):hover , .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+53):nth-child(-n+62):hover { transform: translate(-90px, -70px) scale(1.6)!important; border: 1px solid aqua !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: 1px solid gray !important; border-radius: 5px !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; } /* (new62) 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-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(10) , .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(9) { /* margin-top: -21px !important; */ } /* (new111) */ .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 { display: inline-block !important; height: 202px !important; width: 188px !important; margin-bottom: -45px !important; margin-right: -23px !important; box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9) !important; border: 1px solid #333 !important; border-radius: 5px !important; transform: scale(1.6) !important; z-index: 500000 !important; background: black !important; } .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 { height: 145.85px !important; width: 155.8px !important; background-size: contain !important; } /* (new62) SEARCH - HOVER */ .search-results .thumb-list__item.video-thumb:hover .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:hover .video-thumb__image-container { height: 165.85px !important; width: 185.8px !important; background-size: contain !important; } /* .search-results .thumb-list__item.video-thumb:hover .video-thumb__image-container .thumb-image-container__sprite , */ .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__sprite { height: 100% !important; min-height: 130px !important; max-height: 130px !important; background-size: contain !important; z-index: 1; } /* .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 .thumb-image-container__video { width: 154px !important; height: 115px !important; background-size: contain !important; z-index: 1; } .search-results .thumb-list__item.video-thumb .video-thumb__image-container .thumb-image-container__image , .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__image { width: 154px !important; height: 130px !important; background-size: contain !important; } /* (new62) SEARCH - HOVER */ .search-results .thumb-list__item.video-thumb:hover .video-thumb__image-container .thumb-image-container__image , .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__image { height: auto !important; line-height: 164px !important; width: 183.8px !important; margin-top: 10px !important; background-size: contain !important; } .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 { height: 9px; line-height: 7px; top: 133px !important; padding: 1px 2px; font-size: 11px !important; text-indent: 6px; opacity: 0.7 !important; } /* (new62) SEARCH - HOVER */ .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 { top: 153px !important; } .search-results .thumb-list__item.video-thumb .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 { width: 156px !important; margin-top: 0 !important; } /* (new62) SEARCH - HOVER */ .search-results .thumb-list__item.video-thumb: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 { height: 38px !important; width: 186px !important; margin-top: -20px !important; } .search-results .thumb-list__item.video-thumb .video-thumb-info .video-thumb-info__name , .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__name { min-height: 50px !important; max-height: 50px !important; font-size: 12px !important; } /* SEARCH - HOVER */ .search-results .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-info__name , .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 .video-thumb-info__name { min-height: 40px !important; max-height: 40px !important; line-height: 10px !important; margin-top: 15px !important; font-size: 10px !important; text-transform: capitalize !important; } .search-results .thumb-list__item.video-thumb .video-thumb-info .xh-icon , .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 .xh-icon { position: relative !important; top: -70px !important; right: -80px !important; z-index: 5000 !important; } /* (new62) SEARCH - HOVER */ .search-results .thumb-list__item.video-thumb:hover .video-thumb-info .xh-icon , .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 .xh-icon { position: relative !important; top: -55px !important; right: -120px !important; font-size: 9px !important; } .search-results .thumb-list__item.video-thumb .video-thumb-info .xh-icon:before , .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 .xh-icon:before { font-size: 6px ; } .search-results .thumb-list__item.video-thumb .video-thumb-info .video-thumb-info__rating.video-thumb-info__rating--dislike.xh-icon , .search-results .thumb-list__item.video-thumb .video-thumb-info .video-thumb-info__rating--like.xh-icon , .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__rating.video-thumb-info__rating--dislike.xh-icon , .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__rating--like.xh-icon { display: none !important; } /* (new66) SEARCH - PAGER - FIXED BOTTOM - === */ .search-results .pager-section { position: fixed !important; display: inline-block !important; float: none !important; width: 100% !important; bottom: 0px !important; margin: 0 !important; right: 0px !important; pointer-events: auto !important; z-index: 500 !important; background: black !important; } /* 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 { width: 8% !important; height: 140px ; top: 0px !important; left: -12px ; margin-right: -1px ; margin-bottom: 2px !important; } .user-page.friends-page .user-content-section .content-column .xh-tabs.stories-section .tab-friends.user-list.current-tab .mixed-list .item.friend { width: 7% !important; height: 120px ; top: 7px ; left: 12px ; margin-right: 3px ; margin-bottom: 8px !important; } .user-page.friends-page .mixed-list .item.friend .image-container , .user-page.favorites-page .mixed-list .item.friend .image-container { float: left !important; top: 7px ; left: 15px ; } /* FRIENDS / SUBSCRITION / SUBSCRIBERS (+RETIRED) / BLOCKED */ .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: 2px !important; left: 25px !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; color: rgba(255, 0, 0, 0.24) ; visibility: visible; } .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: 94px ; 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; width: 120px; height: 74px; line-height: 14px; left: 2px !important; top: 60px ; 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.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 { width: 120px; padding: 1px 2px ; color: #707070; 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; color: gold ; font-size: 14px !important; overflow: hidden; text-overflow: ellipsis ; } .user-page.favorites-page .mixed-list .item.friend.type-user .controls.friends a.remove-favorite{ width: 120px; color: red ; font-size: 14px !important; overflow: hidden; text-overflow: ellipsis ; } /* THUMBNAIL - USER - VIDEOS PAGES - === */ html.user-page.user-videos-page.my-uploads-page body , html.user-page.user-videos-page.my-uploads-page { height: 100% !important; max-height: 1250px !important; padding-left: 0; } .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; } /* NEW CODE - USER FAVORIS VIDEOS - === */ .user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab , .user-page.user-videos-page.my-uploads-page .thumb-list--full-width { width: 1899px !important; margin-left: 0 !important; } .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb { position: relative !important; display: inline-block !important; width: 9.6667% !important; height: 240px !important; top: 5px !important; margin-left: 12px !important; margin-right: -6px !important; padding: 0 !important; border-radius: 5px !important; border: 1px solid gray !important; z-index: 0 !important; } .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb .video-thumb__image-container.thumb-image-container { display: inline-block !important; height: 165px !important; width: 181.333px !important; margin-left: 0px !important; background-color: transparent !important; z-index: 0 !important; } .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb .video-thumb__image-container.thumb-image-container .thumb-image-container__video { display: inline-block !important; height: 100%; min-height: 150px !important; max-height: 150px !important; width: 100% !important; min-width: 181px !important; max-width: 181px !important; } .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb .thumb-image-container__image { height: 100% !important; min-height: 148px !important; max-height: 148px !important; width: 100% !important; min-width: 179px !important; max-width: 179px !important; } .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb .video-thumb-info { height: 72px !important; width: 100% !important; margin-top: 0px !important; } .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb .thumb-image-container__duration { background: #303030 none repeat scroll 0 0; bottom: 0; color: #fff; font-size: 10px !important; height: 15px !important; left: 0; letter-spacing: 0.9px; line-height: 16px; padding: 0px 5px !important; position: absolute; z-index: 2000 !important; } .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb .video-thumb-info .video-thumb-info__name { min-height: 54px !important; max-height: 54px !important; font-size: 13px !important; } /* (new57)HOVER */ .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb:hover { min-height: 213px !important; max-height: 213px !important; top: 40px !important; z-index: 500000 !important; transform: scale(1.5) !important; background: black !important; } /*HOVER LEFT */ .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb:hover:nth-child(21) , .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb:hover:nth-child(11) , .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb:hover:nth-child(1) { left: 43px !important; } /* HOVER RIGHT */ .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb:hover:nth-child(30) , .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb:hover:nth-child(20) , .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb:hover:nth-child(10) { left: -48px !important; } .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb:hover .video-thumb__image-container.thumb-image-container { z-index: 50 !important; } .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb:hover .video-thumb-info { height: 40px !important; width: 100% !important; } .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-info__name { min-height: 33px !important; max-height: 33px !important; line-height: 10px !important; font-size: 10px !important; } .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb:hover .video-thumb-info i { font-size: 8px !important; transform: scale(0.2) !important; } .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb:hover .video-thumb-info i.video-thumb-info__views:before , .user-page.user-videos-page.my-uploads-page .thumb-list--full-width .thumb-list__item.video-thumb:hover .video-thumb-info i.video-thumb-info__rating:before { font-size: 7px ; transform: scale(0.2) ; } /* NEW CODE - USER FAVORIS VIDEOS - CURRENT TAB - WITH MORE VIDEOS === */ .user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb { position: relative !important; display: inline-block !important; width: 6.2667% !important; height: 200px !important; margin-top: 5px !important; margin-bottom: 6px !important; margin-left: 12px !important; margin-right: -6px !important; padding: 0 !important; border-radius: 5px !important; border: 1px solid gray !important; z-index: 0 !important; } .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 { height: 120px !important; width: 116.333px !important; margin-left: 0px !important; background-color: transparent !important; } .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 .thumb-image-container__video { height: 100%; min-height: 105px !important; max-height: 105px !important; width: 100% !important; min-width: 115px !important; max-width: 115px !important; } .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__image { height: 100% !important; min-height: 97px !important; max-height: 97px !important; width: 100% !important; min-width: 114px !important; max-width: 114px !important; margin-top: 4px !important; } .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 { height: 72px !important; width: 100% !important; margin-top: 0px !important; } .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__duration { height: 15px !important; line-height: 16px; font-size: 10px !important; padding: 0px 5px !important; } .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 .video-thumb-info__name { min-height: 58px !important; max-height: 58px !important; line-height: 10px !important; font-size: 10px !important; } /* 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: 165px !important; max-height: 165px !important; z-index: 500000 !important; transform: scale(2) !important; background: black !important; } .user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(n+1):nth-child(-n+15):hover { transform: translate(15px, 30px) scale(2) !important; } .user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(n+46):nth-child(-n+60):hover { transform: translateY(-37px) scale(2) !important; } .user-page.user-videos-page.my-uploads-page .xh-tabs .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 .xh-tabs .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(16):hover , .user-page.user-videos-page.my-uploads-page .xh-tabs .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(31):hover , .user-page.user-videos-page.my-uploads-page .xh-tabs .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(46):hover { transform: translate(35px, 30px) scale(2) !important; } .user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(n+46):nth-child(-n+46):hover { transform: translate(32px, -33px) scale(2) !important; } .user-page.user-videos-page.my-uploads-page .xh-tabs .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(15):hover , .user-page.user-videos-page.my-uploads-page .xh-tabs .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(30):hover , .user-page.user-videos-page.my-uploads-page .xh-tabs .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(45):hover , .user-page.user-videos-page.my-uploads-page .xh-tabs .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(60):hover { transform: translate(-47px, 30px) scale(2) !important; } .user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:nth-child(n+60):nth-child(-n+60):hover { transform: translate(-55px, -33px) scale(2) !important; } .user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:hover .video-thumb-info { height: 40px !important; width: 100% !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 { height: 10px !important; line-height: 10px !important; font-size: 6px !important; padding: 0px 5px !important; } .user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:hover .video-thumb-info .video-thumb-info__name { min-height: 33px !important; max-height: 33px !important; line-height: 8px !important; font-size: 7px !important; letter-spacing: 0.3px; } /* VIEWS / LIKE */ .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 i { font-size: 10px !important; } .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 i.video-thumb-info__views:before , .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 i.video-thumb-info__rating:before { font-size: 7px ; } .user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:hover .video-thumb-info i { font-size: 5px !important; } .user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:hover .video-thumb-info i.video-thumb-info__views:before , .user-page.user-videos-page.my-uploads-page .tab-favorite.current-tab .thumb-list.thumb-list--sidebar .thumb-list__item.video-thumb:hover .video-thumb-info i.video-thumb-info__rating:before { font-size: 4px ; } /* 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 { color: #fff; display: block; float: left; margin: 0px 10px 0 0 ; padding-left: 20px; position: relative; } .related .item:not(.story){ width: 8% !important; margin-left: 5px ; } /* 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: 1px solid #404040 !important; border-radius: 3px; box-shadow: 3px 3px 2px black; } .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: 1px solid #404040 !important; border-radius: 3px; box-shadow: 3px 3px 2px black; } /* 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 ; } /* LEFT PANEL - MAIN CATEGORIES */ 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 { border-bottom: 1px solid #dadada; margin-bottom: 3px ; padding-bottom: 5px ; position: relative; } .main-categories>ul li { height: 26px; } /* LEFT PANEL - CATEGORIES */ 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 { list-style: inside none none; margin: 0; padding: 0; height: 20px ; } aside .categories-list .all-categories ul li:hover { list-style: inside none none; margin: 0; padding: 0; height: 20px ; margin-bottom: -10px !important; } aside .categories-list .all-categories ul li a:hover { height: 20px !important; line-height: 20px ; margin-bottom: -10px !important; margin-top: 8px; padding: 0; background: #eaeaea; color: #e34449; } /* 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; color: #707070; overflow: hidden; } /* LEFT PANEL - ALL - HOVER TEST - === */ .user-content-section .side-column { float: none !important; position: absolute !important; display: inline-block !important; height: 100% !important; min-height: 840px !important; max-height: 840px !important; left: 20px ; padding-right: 3px ; top: -7px ; width: 287px ; border: 1px solid #404040 ; visibility: hidden !important; background: lime !important; } .user-content-section .side-column:hover { visibility: visible !important; z-index: 500000 !important; background: black !important; } .user-content-section .side-column:after { position: absolute ; display: inline-block ; width: 150px ; height: 20px ; left: -83px ; top: 70px ; border: 1px solid #404040 ; border: 1px solid red ; text-align: center ; background: #222 ; transform: rotate(90deg) ; z-index: 500000 ; visibility: visible ; } .user-content-section .side-column:after { content: "🔺 FAV's Panel 🔻 " ; } .user-page.favorites-page .side-column:after { content: "🔺 MY FAV's 🔻 " ; } .user-page.my-uploads-page .side-column:after { content: "🔺 MY Uploads 🔻 " ; } .user-page.user-videos-page.my-uploads-page .side-column:after { content: "🔺 User Videos 🔻 " ; } .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 ; } /* (new66) 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) - HOVER - === */ /* TOP LIST LINKS */ .user-page.favorites-page .favorites-side-switcher { height: 140px !important; width: 278px !important; margin-left: 4px ; margin-top: 2px ; border: 1px solid red !important; } .user-page.user-videos-page.my-uploads-page .side-column > ul > li:first-of-type { position: relative !important; display: inline-block !important ; height: 140px !important; width: 278px !important; margin-left: 4px ; margin-top: 5px !important; border: 1px solid aqua !important; } .user-page.user-videos-page.my-uploads-page .side-column > ul > li:first-of-type .submenu { position: relative !important; display: inline-block !important ; height: 655px !important; width: 275px !important; margin-left: 0px ; margin-top: 132px !important; overflow: visible !important; border: 1px solid tan !important; } .user-page.user-videos-page.my-uploads-page .side-column > ul > li:first-of-type .submenu:hover { position: relative !important; display: inline-block !important ; min-height: 765px !important; max-height: 765px !important; width: 275px !important; margin-left: 0px ; margin-top: 30px !important; overflow: hidden !important; overflow-y: auto !important; border: 1px solid green !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 { margin-left: 5px ; } .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; } .user-page.user-videos-page.my-uploads-page .side-column > ul > li:not(:first-of-type) { position: absolute !important; height: 20px !important; line-height: 20px !important; width: 270px !important; top: 40px !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; } .user-page.user-videos-page.my-uploads-page .side-column > ul > li:not(:first-of-type) + li { top: 70px !important; border: 1px solid blue !important; } .user-page.user-videos-page.my-uploads-page .side-column > ul > li:not(:first-of-type) a , .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:not(:hover) .active , .favorites-page .user-content-section .side-column ul.submenu.video-collections-list:not(:hover) .active { position: fixed !important; width: 265px !important; top: 199px !important; left: 32px !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 { border: 2px solid lime !important; } /* (new116) SHOW ALWAY THE ACTIVE COLLECTION IN TOP HEADER - MY COLL + USER COLLECTION */ /* .user-content-section .side-column:hover ul.favorites-side-switcher .videos.active a[href="https://xhamster.com/my/favorites/videos"] + .submenu.video-collections-list:hover li.active[data-source="videoSingle"] , */ /* .user-content-section .side-column:hover ul.favorites-side-switcher .videos.active a[href="https://xhamster.com/my/favorites/videos"] + .submenu.video-collections-list:not(:hover) li.active[data-source="videoSingle"] , */ /* .user-content-section .side-column:not(:hover) ul.favorites-side-switcher .videos.active a[href="https://xhamster.com/my/favorites/videos"] + .submenu.video-collections-list:not(:hover) li.active[data-source="videoSingle"] */ .user-page.user-videos-page.my-uploads-page .side-column:not(:hover) ul.submenu:not(:hover) li.active , .favorites-page .side-column:not(:hover) .favorites-side-switcher .active ul.submenu.video-collections-list:not(:hover) li.active { position: fixed !important; width: 265px !important; top: 32px !important; left: 170px !important; visibility: visible !important; opacity: 1 !important; z-index: 0 !important; border: 2px dashed tomato !important; } /* COUNTER COLL - === */ /* USERS COLL + MY (each)*/ .user-page.user-videos-page.my-uploads-page .side-column 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; } /* USERS COLL - ITEMS COUNTER */ .user-page.user-videos-page.my-uploads-page .side-column ul.submenu li:not(:first-of-type):before{ counter-increment: myIndex ; content: counter(myIndex, decimal-leading-zero) ; font-size: 10px ; text-align: center ; width: 15px ; z-index: 10 ; color: red ; background: gold ; } /* MY COLL - ITEMS COUNTER */ .favorites-page body:first-of-type .side-column .favorites-side-switcher .active ul.submenu.video-collections-list li:not(:first-of-type):before{ counter-increment: myIndex ; content: counter(myIndex, decimal-leading-zero) ; font-size: 10px ; text-align: center ; width: 15px ; z-index: 10 ; color: red ; background: gold ; } /* MY COLL / USER COLL - TOTAL :not(:hover) */ .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: 150px ; min-width: 17px ; height: 15px ; line-height: 15px ; left: 1140px ; top: 35px ; border-radius: 10px ; box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ; font-size: 10px ; text-align: center ; color: white ; background: red ; visibility: hidden ; z-index: 500000 ; } .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 ; } /* AV LIST - RETURN */ .favorites-page .user-content-section .side-column ul.submenu.video-collections-list { position: absolute !important; display: inline-block !important; max-height: 645px !important; min-height: 645px !important; min-width: 264px !important; max-width: 264px !important; margin: 0 !important; top: 185px !important; left: 10px !important; padding : 0px 10px 10px 10px !important; overflow: hidden !important; overflow-y: hidden !important; z-index: 50 !important; background: #222 !important; transition: height ease 0s ,top ease 0s , width ease 0s , z-index ease 0s !important; transition-delay: 0.5s !important; } /* MY FAV COLL LIST / USER FAV COLL LIST - START */ .user-page.user-videos-page.my-uploads-page .side-column>ul .submenu:hover , .favorites-page .user-content-section .side-column ul.submenu.video-collections-list:hover { position: absolute !important; display: inline-block !important; max-height: 815px !important; min-height: 815px !important; min-width: 1875px !important; max-width: 1875px !important; top: 0px !important; left: -3px !important; margin: 0px !important; padding : 10px !important; overflow: hidden !important; overflow-y: auto !important; z-index: 500000 !important; background: black !important; transition: width ease 0s , height ease 0s , z-index ease 0s !important; transition-delay: 0.1s !important; } /* LI ITEM RETURN */ .user-page.user-videos-page.my-uploads-page .side-column>ul .submenu 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; border: 1px solid #404040; box-shadow: 3px 3px 2px black ; background: #222 !important; transition: height ease 0s , width ease 0s ,z-index ease 0s !important; transition-delay: 0s !important; } /* COLLECTION LI ITEM START */ .user-page.user-videos-page.my-uploads-page .side-column>ul .submenu 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: 248px !important; height: 24px !important; line-height: 24px !important; margin-left: -3px !important; margin-right: 5px !important; margin-bottom: 5px !important; border-radius: 3px !important; border: 1px solid #404040; box-shadow: 3px 3px 2px black ; background: #222 !important; transition: height ease 0s , width ease 0s , z-index ease 0s !important; transition-delay: 0s !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 { margin-left: 10px !important; margin-right: 5px !important; transition: height ease 0s , width ease 0s , z-index ease 0s !important; transition-delay: 0s !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: 200px !important; max-width: 200px !important; font-size: 12px !important; border: 1px solid gray !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 { color: #707070; display: inline-block; height: 24px !important; line-height: 20px !important; vertical-align: middle; } /* (new65) 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 ; } .user-page.user-photos-page.my-uploads-page main .width-wrap , .user-page.my-uploads-page main .width-wrap { width: 1899px !important; top: 0px !important; padding-left: 0 !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-top: 0px !important; padding: 10px 0 0 ; background: #222 !important; } .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: 30px !important; } .user-page.user-blog-page.my-uploads-page .user-content-section .content-column { display: inline-block !important; min-width: 100% !important; min-width: 1900px !important; margin-top: -4px !important; margin-left: 0px !important; } .user-page.user-blog-page.my-uploads-page .user-content-section .content-column .xh-tabs.stories-section { position: absolute !important; display: inline-block !important; min-width: 100% !important; min-width: 1870px !important; margin-top: -2px !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: 25px ; text-align: center; } .pager-section .pager-container ul { position: relative; display: inline-block; height: 25px ; line-height: 21px ; 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 .mixed-section.videos.related.related-container .thumb-list.thumb-list--related + .pager-section { position: absolute !important; display: inline-block !important; width: 480px !important; height: 25px !important; line-height: 15px !important; top: 480px !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 .mixed-section.videos.related.related-container .thumb-list.thumb-list--related + .pager-section { width: 455px !important; height: 50px !important; line-height: 40px !important; top: 30px !important; right: 645px !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 .mixed-section.videos.related.related-container .thumb-list.thumb-list--related + .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 .mixed-section.videos.related.related-container .thumb-list.thumb-list--related + .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: 7px !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 CATEGORIES */ .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; } /* 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: 85px; left: 444px; padding: 0 !important; } /* VIDEO PLAYER */ .video-page .player-container { position: relative !important; width: 34.5% ; height: 501px ; margin-left: 45px; margin-top: 20px; background: #000; z-index: 1 !important; } .video-page .player-ads2--sponsor-message + .player-container{ position: relative !important; width: 34.5% ; height: 501px ; margin-left: 45px; margin-top: 20px; background: #000; z-index: 1 !important; } .video-page .player-ads2--sponsor-message + .player-container:hover{ z-index: 8 !important; } /* PLAYER - LARGE VIDEO MODE - === */ .video-page--large-mode .player-container { position: absolute !important; display: inline-block !important; width: 100% !important; height: 569px !important; z-index: 5000000 !important; } .video-page--large-mode .player-container #player-container.player-container__player.xplayer.xplayer-large-mode { position: absolute !important; display: inline-block !important; height: 569px ; width: 100%; overflow: visible ; } #player-container.player-container__player.xplayer.xplayer-large-mode video { position: absolute !important; display: inline-block !important; height: 523px !important; opacity: 1 !important; visibility: visible !important; } /* VIDEO PLAYER - INFOS */ /* (new117) VIDEO PLAYER - NORMAL + LARGE MODE RELATED - CONTAINER */ /* ALL - VIDEO - HD / etc.. ICONS - === */ .video-thumb .thumb-image-container__icon , .video-thumb .thumb-image-container__icon--hd { width: 15px !important; height: 8px !important; line-height: 3px !important; opacity: 0.5 !important; /* z-index: 0 !important; */ } .video-thumb .thumb-image-container__icon::before { font-size: 5px ; } /* ALL? - PB - SPRITE IMAGE ROTATOR ANIMATION - IF DISBBED we See The POSTER IMAGE - === */ .thumb-image-container__video { display: inline-block !important; } .thumb-image-container__sprite { display: inline-block !important; } .thumb-list--related .thumb-image-container:not(:hover) .thumb-image-container__sprite { display: inline-block !important; transform: translate(0px, 0px) scale(1) !important; animation: 6s steps(10) 0s normal none infinite running spriteAnimationLargeRelated !important; width:2353.33333333px !important; overflow: hidden !important; } /* VIDEO PAGE - === */ .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list--related .video-thumb:hover .video-thumb-info { position: relative !important; display: inline-block !important; float: none !important; width: 287px !important; height: 49px !important; top: -1px !important; padding: 7px 5px 0 5px !important; font-size: 15px !important; background: black !important; border-radius: 0 0 3px 3px !important; border: 1px solid gray !important; } .video-page:not(.video-page--large-mode) .mixed-section.related.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; width: 246px !important; min-height: 30px !important; line-height: 9px !important; margin-left: -4px !important; top: 7px !important; padding: 2px 5px 0px 5px !important; font-size: 11px !important; letter-spacing: 0.05em !important; } .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list--related .video-thumb:hover .video-thumb-info i { display: inline-block !important; top: -42px !important; left: 130px; font-size: 9px !important; } .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list--related .video-thumb:hover .video-thumb-info i:before { display: inline-block ; top: 0px ; font-size: 7px ; } .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list--related .video-thumb , .video-page.video-page--large-mode .mixed-section.related.related-container .thumb-list--related .video-thumb { position: relative !important; width: 15.1% !important; min-width: 255px !important; height: 257px !important; margin-left: 5px !important; margin-right: -95px !important; margin-bottom: -100px !important; top: -50px !important; border-radius: 5px !important; border: 1px solid gray !important; transform: scale(0.60) !important; } .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list--related .video-thumb { position: relative !important; width: 18.1% !important; min-width: 253px !important; height: 217px !important; margin-left: -12px !important; margin-right: -32px !important; margin-bottom: -40px !important; top: -20px !important; transform: scale(0.80) !important; } .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list--related .video-thumb:hover { position: relative !important; width: 17.1% !important; min-width: 253px !important; max-height: 233px !important; margin-left: 48px !important; margin-bottom: -40px !important; top: -20px !important; transform: scale(0.80) !important; } .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list--related .video-thumb__image-container.thumb-image-container , .video-page.video-page--large-mode .mixed-section.related.related-container .thumb-list--related .video-thumb__image-container.thumb-image-container { width: 248px !important; height: 100% !important; min-height: 177px !important; max-height: 177px !important; left: 0px !important; top: 4px !important; } .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list--related .video-thumb .video-thumb-info , .video-page.video-page--large-mode .mixed-section.related.related-container .thumb-list--related .video-thumb .video-thumb-info { width: 100% !important; min-width: 232px !important; height: 67px !important; margin-left: -2px !important; padding: 0px !important; } .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list--related .video-thumb .video-thumb-info { min-width: 250px !important; max-width: 250px !important; height: 27px !important; padding: 0px !important; } .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list--related .video-thumb .video-thumb-info .video-thumb-info__name , .video-page.video-page--large-mode .mixed-section.related.related-container .thumb-list--related .video-thumb .video-thumb-info .video-thumb-info__name { display: inline-block !important; width: 100%; width: 249px !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.related.related-container .thumb-list--related .video-thumb .video-thumb-info .video-thumb-info__name { display: inline-block !important; line-height: 10px !important; min-height: 27px !important; max-height: 27px !important; margin-bottom: 0px !important; padding: 1px 2px 0px 2px !important; font-size: 13px !important; } .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list--related .video-thumb:hover , .video-page.video-page--large-mode .mixed-section.related.related-container .thumb-list--related .video-thumb:hover { height: 265px !important; min-width: 252px !important; max-width: 252px !important; margin-bottom: -120px !important; margin-right: -92px !important; transform: scale(1.2) !important; z-index: 500000 !important; background: black !important; } .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__image , .video-page.video-page--large-mode .mixed-section.related.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__image { min-width: 246px !important; max-width: 246px !important; } /* VIDEO PAGE - RELATED THUMBNAIL - NORMAL - DURATION - === */ .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__duration , .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list--related .video-thumb .thumb-image-container__duration { position: absolute; height: 15px !important; line-height: 15px !important; left: 0; bottom: 0; padding: 1px 5px !important; color: #fff; font-size: 11px; letter-spacing: 0.9px; background: rgba(0, 0, 0, 0.37) !important; } .video-page:not(.video-page--large-mode) .mixed-section.related.related-container .thumb-list--related .video-thumb:hover .thumb-image-container__duration { position: fixed; display: inline-block !important; float: none !important; height: 10px !important; line-height: 10px !important; left: 8px ; bottom: 38px !important; color: #fff; font-size: 9px !important; letter-spacing: 0.9px; } /* VIDEO LARGE - THUMBNAIL - ==== */ .video-page.video-page--large-mode .mixed-section.related.related-container .thumb-list--related .video-thumb { min-width: 174px !important; max-width: 174px !important; height: 195px !important; margin-left: -14px !important; margin-right: -18px !important; margin-bottom: -37px !important; top: -19px !important; transform: scale(0.80) !important; } .video-page.video-page--large-mode .mixed-section.related.related-container .thumb-list--related .video-thumb .video-thumb__image-container.thumb-image-container { width: 160px !important; height: 100% !important; min-height: 147px !important; max-height: 147px !important; left: -4px !important; top: 4px !important; } .video-page.video-page--large-mode .mixed-section.related.related-container .thumb-list--related .video-thumb:hover .video-thumb__image-container.thumb-image-container { width: 220px !important; height: 100% !important; min-height: 147px !important; max-height: 147px !important; left: -4px !important; top: 4px !important; } .video-page.video-page--large-mode .mixed-section.related.related-container .thumb-list--related .video-thumb .video-thumb-info { min-width: 160px !important; max-width: 160px !important; height: 37px !important; padding: 0px !important; } .video-page.video-page--large-mode .mixed-section.related.related-container .thumb-list--related .video-thumb:hover .video-thumb-info { min-width: 220px !important; max-width: 220px !important; height: 27px !important; margin-top: 14px !important; padding: 0px !important; } .video-page.video-page--large-mode .mixed-section.related.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.related.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.related.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.related.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.related.related-container .thumb-list--related .video-thumb:nth-child(12):hover , .video-page.video-page--large-mode .mixed-section.related.related-container .thumb-list--related .video-thumb:nth-child(6):hover { transform: scale(1) translate(-28px, -32px) !important; } .video-page.video-page--large-mode .mixed-section.related.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: 41px !important; color: #fff; font-size: 9px !important; letter-spacing: 0.9px; } .video-page.video-page--large-mode .mixed-section.related.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.related.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 ; color: white !important; background: rgba(0, 0, 0, 0.37) !important; z-index: 1000; } .video-page:not(.video-page--large-mode) .mixed-section.related.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.related.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.related.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: 1px solid #404040 !important; border-radius: 100% 0 0 100% !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: 1px solid #404040 !important; border-radius: 0 100% 100% 0 !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: 1px solid red !important; border-right: 8px solid red !important; border-radius: 100% 0 0 100% !important; transition: all ease 0.7s !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: 1px solid red !important; border-left: 8px solid red !important; border-radius: 0 100% 100% 0 !important; transition: all ease 0.7s !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 ; } /* (new62) USER PROFILE */ .user-page .main-wrap > main { height: 853px !important; margin-top: 0 ; top: 5px ; padding-top: 0px !important; border-top: 1px solid #404040 ; } .user-page.user-restricted .main-wrap > main .user-page .main-wrap > main { top: 57px ; } .user-page main .width-wrap { height: 853px !important; top: 0px ; padding: 0px !important; } /* (new60) USER PROFILE - RIGHT PANEL */ .user-page article .left-side { width: 660px !important; height: 844px !important; margin-top: 8px !important; } .user-page article .right-column { position: absolute !important; display: inline-block !important; width: 1055px !important; right: 10px !important; top: 0px !important; padding-left: 5px; } .user-page article .right-column .column-block .heading-container { height: 27px !important; padding-top: 0px; padding-bottom: 0 !important; margin-bottom: 0px; } .user-page .xh-tabbed .xh-tabset { display: block; position: relative; height: 25px !important; } .user-page .xh-tabbed .xh-tabset > .button:first-child, .xh-tabbed .xh-tabset > a:first-child, .xh-tabbed .xh-tabset > button:first-child { margin-left: 0; margin-right: -5px !important; height: 25px !important; line-height: 25px !important; } .user-page .xh-tabbed .xh-tabset > .button, .user-page .xh-tabbed .xh-tabset > a, .user-page .xh-tabbed .xh-tabset > button { position: relative; display: inline-block; height: 33px ; line-height: 33px ; margin-top: -5px !important; margin-right: -5px !important; padding: 0; text-transform: uppercase; transition: color 0.15s ease 0s; } .user-page .column-block.xh-tabbed .heading-container h4 .xh-tabset button { font-size: 14px; height: 17px; line-height: 24px; padding-bottom: 20px; padding-top: 0px; } .user-page article .right-column .column-block .content-container { width: 100% !important; padding: 6px ; } /* 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 { background: #202020 none repeat scroll 0 0; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); font-size: 14px; margin-bottom: -24px !important; position: relative; } .user-page article .column-block.xh-tabbed { height: 192px !important; margin-bottom: 4px !important; padding: 5px !important; overflow: hidden !important; } /* USER PROFILE - INTRO - === */ .user-page article .right-column .intro-block.column-block.xh-tabbed { position: absolute !important; display: inline-block !important; height: 300px !important; width: 173px !important; left: -189px !important; top: 234px !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: 250px !important; max-height: 240px !important; width: 153px !important; left: -2px !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; } /* (new57) USER - SHOW BUTTON - ALL */ .user-page .right-column .xh-tabbed .mixed-section>div:last-of-type a , .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: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; outline: 1px solid violet !important; } /* (new57) 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; outline: 1px solid violet !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.model:hover, .user-page article .column-block .item.video:hover { height: 100% !important; min-height: 130px !important; max-height: 130px !important; border-radius: 5px !important; z-index: 500000 !important; background: black !important; transform: scale(1.4) !important; } .user-page article .column-block .item.gallery { width: 14.6% !important; margin-bottom: 10px; padding: 0 5px; margin-right: 5px; margin-left: 9px; } .user-page article .column-block .item.video:hover .info-container { height: 28px !important; margin-top: 0; } .user-page article .column-block .item.video:hover .name span { display: inline-block !important; min-width: 90px !important; max-width: 90px !important; line-height: 8px !important; margin-top: 7px !important; font-size: 7px !important; } .user-page .right-column .favorite-videos-block.column-block.xh-tabbed .mixed-list.xh-tabs .item.video:hover .info { top: 106px !important; transform: scale(0.6) !important; } /* (new66) 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: 850px !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 { border: 1px solid #dadada; border-radius: 3px; cursor: pointer; height: 50px; text-align: center; transition: background-color 0.15s ease 0s; } .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; color: red !important; font-size: 14px; letter-spacing: 0.9px; text-transform: uppercase; transition: color 0.15s ease 0s; } .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; } /* (new66) USER PROFILE - ABOUT - HOVER - === */ .user-page article .left-side .column .center-column { display: block; float: left; margin-left: 20px; width: 610px; height: 844px !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: -33px !important; left: 700px !important; padding: 0px 0 0 22px !important; border-radius: 5px !important; overflow: hidden !important; z-index: 100 !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 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: 590px !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: 850px !important; max-height: 850px !important; min-width: 1850px !important; left: 20px !important; top: -38px !important; z-index: 500; background: black !important; } /* (new62) 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; } /* (new62) ME */ .user-page article .main-info-block .about-me-block-container.info-block.editable-block:hover { top: -60px !important; } /* === */ .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; overflow: hidden; column-width: 573px !important; column-gap: 50px !important; column-rule: 5px solid red; /* background: red !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; } /* (new111) 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:not(:hover) .text > br { display: inline-block !important; float: left !important; clear: none !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin-bottom: -3px !important; } .user-page article .left-side .column .center-column .about-me-block:not(:hover) .text img { position: relative !important; display: inline-block !important; float: none !important; clear: both !important; min-height: 5px !important; width: 100% !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 50% 50% !important; background-size: contain !important; text-align: left !important; } /* USER PROFILE - CENTER PANEL (DETAIL) - Move */ .introduction-block.no-intro { height: 47px ; } /* (new66) USER PROFILE - COMMENTS - == .user-page .main-info-block.column-block + .column-block === */ .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: 173px !important; height: 20px; left: 660px !important; top: 4px !important; margin-bottom: 0 ; overflow: hidden; } .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 ; background: aqua !important; } .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; background: aqua !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 / CATEGORIES / PORNSTAR / STORY-BLOG / MY UPLOADS ==== */ .user-page.my-uploads-page .stories-block .pager-section , .category-page .pager-section , .user-page.friends-page .pager-section , .user-page.favorites-page .pager-section { position: absolute !important; display: inline-block !important; height: 30px; line-height: 12px !important; width: 500px !important; top: -7px !important; right: 300px !important; letter-spacing: 0; transform: scale(0.7) ; background: transparent !important; } .user-page.favorites-page .pager-section { width: 550px !important; right: 50px !important; margin-top: 0 !important; top: -32px !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 , .user-page.favorites-page .pager-section .pager-container { height: 35px; width: 100% !important; text-align: center; } .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 , .category-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: 25px; top: 7px ; margin: 0 auto; padding: 0; } /* (new116) PAGER - CATEGORY PAGE */ .category-page .pager-section { width: 800px !important; left: 680px !important; margin-bottom: 0 !important; margin-top: 0 !important; top: -30px !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 ; } /* (new48) 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; color: gold !important; outline: 1px solid red; overflow: hidden; } .news-page .news-filter .filters-info { position: relative !important; display: inline-block !important; width: 300px ; height: 20px; left: -350px !important; top: 5px !important; overflow: hidden; } /* ==== NEWS FLEX ==== */ /* NEWS - AVATARS */ /* 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; } /* (new66) 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; } .width-wrap>main>article { height: 877px !important; margin-right: 0 ; padding-right: 0 ; } /* flex-wrap */ .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; } .news-page article{ z-index: 1; } .news-page .news-section .news-list .news-row { display: flex; flex-grow: 1 !important; flex-basis: 50% !important; max-height: 400px; 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: 367px !important; min-height: 100px !important; max-height: 100px !important; top: -25px !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; top: 30px !important; left: 0 !important; margin-left: 0px !important; transform: scale(0.5) !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; } /* 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; } .notifications-page .notifications-list .notifications-row .event .user-info .event-name { display: inline-block !important; width: 117px !important; margin-left: -36px !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 .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; /* background: red !important; */ } .notifications-page .notifications-list .notifications-row .event .user-info .event-text.with-margin { position: absolute !important; display: inline-block !important; width: 210px !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 */ /* .event-content .result-container */ .notifications-page .notifications-list .notifications-row .event.invite .user-info .event-content { position: absolute !important; display: inline-block !important; width: 200px !important; height: 28px !important; line-height: 28px !important; top: 30px !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: 200px; left: 160px ; margin-top: -8px ; 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 { /* position: absolute !important; */ display: inline-block !important; height: 15px !important; width: 13px !important; margin-top: 18px !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 { /* position: absolute !important; */ display: inline-block !important; height: auto !important; /* top: -2px !important; */ /* left: 165px !important; */ left: 105px !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:not(:hover) ~ .event-content > a img:hover, .notifications-page .notifications-list .notifications-row .event.comment-photo.comment .user-info .event-name:not(:hover) ~ .event-content > a img:hover , */ .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; /* background: tan !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 ... */ /* (new66) NOTIFICATIONS - REPLY */ /* .notifications-page .my-comment[eid="32"], */ .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: 0 !important; */ top: 0px !important; height: 99px !important; margin-top: 0px !important; overflow: hidden !important; overflow-x: hidden !important; /* overflow-y: auto !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; /* top: 21px !important; */ /* top: 131px !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; /* background: tan !important; */ } .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 ==== */ /* (new114) 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; } /* (new116) */ .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 { color: tomato !important; } .categories-container__item[href^="https://xhamster.com/amateurs/"]:visited , .categories-container__item[href^="https://xhamster.com/celebrities/"]:visited , .categories-container__item[href^="https://xhamster.com/pornstars/"]:visited , .categories-container__item[href^="/pornstars/"]:visited { color: gold !important; background: green !important; } .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; } /* END ==== XHAM WideScreen New Design - Without ADD COLLECTION ==== */ /* ============================================================================= */ /* AAA ==== END ==== PART 1 ===== =============================================== */ /* ============================================================================= */ }
Raw Text
-
FamilyXXX - Teen Latina Stepsister Gets The Dick She Needs (Maya Farrell)
8 min ago
-
Untitled
9 min ago
-
My boss wants me to do a better job so he can just fuck me on his desk like a whore
37 min ago
-
SG Mechanical AC Installation
49 min ago
-
get real data
56 min ago
-
(ANAL) - O MELHOR CU DO BRASIL, É DA SUZY SILVA!
1 hour ago
-
dsgasdasfgfsa
1 hour ago
-
What Oem Keto Gummies Experts Don't Want You To Know
1 hour ago
-
Quick Books Customers Support
1 hour ago
-
LETSDOEIT - Alina Lopez And Gia Milana Share A Cock And Get Cum All Over Their Asses
1 hour ago