AnalVids WideScreen + Compact v.3 by janvier56

/* ==UserStyle==

@name        AnalVids WideScreen + Compact v.3
@namespace   https://www.analvids.com
@version     3.00.0

@include       https://www.analvids.com/*
@author        janvier56
@description   AnalVids For a large screen (1920x1080) ONLY...
@homepage      https://greasyfork.org/fr/users/7434-janvier56
@license       unlicense

==/UserStyle== */

@-moz-document domain("analvids.com") {

/* ==== X- AnalVids WideScreen + Compact v.3 ==== */

/* SUPP */
.modal-backdrop.fade.show ,
.modal.fade.show ,
.menu__item-link[href="https://www.analvids.com/scene-request"] ,
.model-trophies ,
.user_state--guest .menu__right-side ,
.thumbnail-price ,
.container-fluid.main-container .scene-description + .clear ~ div.footer-spacer ,
.scene-description__additional-button ,
.watchpage-head .row + .row {
    display: none !important;
}
/* SUPP NAG */
body.__blur-thumbnails main {
    filter: unset !important;
}
.__blur-thumbnails.modal-open {
    overflow: visible !important;
    padding: 0 !important;
}

/* TOP STICKY */
.container-fluid.header {
    position: sticky!important;
    top: -60px !important;
    z-index: 5000!important;
}
.menu__item-link {
    border-right: 1px solid #000;
    color: white;
    display: block;
    font-size: 17px;
    font-weight: bold;
    line-height: 25px;
    overflow: hidden;
    padding: 2px 12px !important;
    text-align: center;
    text-decoration: none;
    text-overflow: clip;
    text-shadow: 0 -1px 0 #000000;
    text-transform: uppercase;
    white-space: nowrap;
}

/* SEARCH FORM */
.form-control {
    height: 22px !important;
    line-height: 1.42857;
    padding: 1px 12px !important;
color: silver !important;
background-color: #222 !important;
}
.container-fluid.header {
    box-sizing: border-box;
background-image: none  !important;
background-color: #222 !important;
}
#filter.opened {
    position: relative;
    display: block;
    padding: 5px 0 5px !important;
    background: rgba(0, 0, 0, 0) linear-gradient(0deg, #babcbc 0%, #dfe1e1 3%, #dfe1e1 97%, #babcbc 100%) repeat scroll 0 0;
}
#filter .filter-title, 
#filter .filter-block, 
#filter .filter-button, 
#filter .filter-saved {
    height: 22px !important;
    line-height: 1.42857;
    padding: 1px 12px !important;
    padding-left: 7px;
}
/* VIDEO PLAYER - TITLE */
.watchpage-head {
    position: fixed !important;
left: 5px !important;
    width: 39% !important;
    margin: 0 0 0 0 !important;
padding: 3px !important;
background: #333 !important;
}
.watchpage-head .row:first-child {
    margin: 0 0 0 0 !important;
}
.watchpage-head .row:first-child  .col-md-8.col-lg-9 {
width: 100% !important;
    margin: 0 0 0 0 !important;
}
.watchpage-head .row:first-child  .col-md-8.col-lg-9 +  .text-right {
    width: 100% !important;
}
.watchpage-head .row:first-child  .col-md-8.col-lg-9 +  .text-right .studio-director {
    display: inline-block;
    line-height: 15px !important;
}
.watchpage-head h1 {
    line-height: 16px !important;
    margin: 0;
    font-size: 16px !important;
    letter-spacing: -1px;
    text-align: justify;
}

/* VIDEO PLAYER */
.container-fluid.main-container .layer_background.user--authenticated.user--guest ,
.layer_background {
    position: fixed !important;
float: left !important;
clear: both  !important;
width: 39% !important;
height: 50vh !important;
top: 19vh !important;
left: 5px !important;
    margin: 0 0 0 0 !important;
    text-align: center;
    z-index: 1100;
background-color: #0f0f0f;
/* border: 1px solid aqua !important; */
}
#player {
height: 50vh !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* PLAYER - DESCRIPTION */
.scene-description {
    position: fixed !important;
display: inline-block !important;
float: left !important;
clear: none  !important;
width: 39% !important;
top: 68vh !important;
    left: 5px !important;
    margin: 0 0 0 0 !important;
    text-align: center;
    z-index: 1100;
background-color: #333 !important;
/* border: 1px solid aqua !important; */
}
.scene-description__social, 
.scene-description__icons {
width: 100% !important;
    margin: 0 0 0 0 !important;
}


.scene-description__row{
max-height: 10vh !important;
    margin-bottom: 5px;
overflow: hidden !important;
overflow-y: auto !important;
}

.scene-description__row:nth-child(odd){
background-color: #0f0f0f;
border-bottom: 1px solid red !important;
}
.scene-description__row:nth-child(even){
background-color: #222 !important;
border-bottom: 1px solid red !important;
}
.dl-horizontal dt {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: left !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px !important;
border-bottom: 1px dotted red !important;
}
.dl-horizontal dd {
    margin-left: 100px !important;
    text-align: left !important
}
/*  VIDEO PLAYER - RELATED */
/* .container-fluid.main-container #no_video_to_play + .clear , */
.container-fluid.main-container .scene-description + .clear{
    display: none !important;
}

.container-fluid.main-container .scene-description + .clear ~ div {
    position: relative;
display: inline-block !important;
float: right !important;
clear: both  !important;
width: 60% !important;
/* height: 80vh !important; */
top: 0vh !important;
    margin: 0 0 0 0 !important;
    text-align: center;
overflow: hidden !important;
    z-index: 1100;
background-color: #0f0f0f;
border: 1px solid red !important;
}

.navbar {
    position: relative;
    min-height: 20px !important;

    margin: 0 0 0 0 !important;
}
.footer-menu li a, 
.footer-menu li a:visited {
    line-height: 15px !important;
padding: 3px 20px !important;
    font-size: 15px !important;
    text-decoration: none;
}

/* PONSTAR INFOS - TXT INFOS / PLAYER - LEFT */
.section.mb-30.mb-sm-40.mb-lg-40 {
    width: 39% !important;
padding: 5px !important;
border: 1px solid yellow !important;
}

#related.section.mb-30.mb-sm-40.mb-lg-40  + .d-md-none + .section.mb-30.mb-sm-40 {
position: absolute!important;
    width: 41% !important;
height: 51.5vh !important;
top: 8vh !important;
right: 355px !important;
padding: 5px !important;
border: 1px dotted yellow !important;
}

/* PLAYER */
.watch {
    margin: 0 0 0 0 !important;
}
.watch__video.text-center {
    height: 45vh !important;
border: 1px solid violet !important;
}
.watch__video.text-center .plyr.plyr--full-ui.plyr--video.plyr--html5.plyr--fullscreen-enabled.plyr--paused.plyr--stopped.plyr__poster-enabled{
    height: 45vh !important;
border: 1px solid green !important;
}


/* (new2) PORNSTAR - INFOS - SCENE */
.section.mb-30.mb-sm-40.mb-lg-40 + .section.mb-30.mb-sm-40,
.section.mb-30.mb-sm-40.mb-lg-40  + .d-md-none + .section.mb-30.mb-sm-40 {
position: absolute!important;
    width: 41% !important;
/* height: 55.8vh !important; */
/* height: auto !important; */
max-height: 91.7vh !important;
top: 7.7vh !important;
right: 355px !important;
padding: 5px !important;
overflow: hidden !important;
border: 1px dotted yellow !important;
}
.section.mb-30.mb-sm-40 .container-fluid .__pagination__items.row.row-cols-1 {
    display: grid !important;
  grid-template-columns: fit-content(150px) fit-content(150px) fit-content(150px) fit-content(150px) fit-content(150px) fit-content(150px) fit-content(150px) fit-content(150px) fit-content(150px) fit-content(150px) !important;
/* border: 1px solid aqua  !important; */
}

#related {
position: absolute !important;
    width: 42% !important;
height: 91.5vh !important;
top: 8vh !important;
right: 355px !important;
margin: 0 !important;
padding: 5px !important;
overflow: hidden !important;
border: 1px dotted yellow !important;
}
/* (new2) */
#related .container-fluid ,
.section.mb-30.mb-sm-40.mb-lg-40 + .section.mb-30.mb-sm-40  .container-fluid ,
.d-md-none + .section.mb-30.mb-sm-40 .container-fluid  {
/*     width: 1920px; */
padding: 0px !important;
}
.d-md-none + .section.mb-30.mb-sm-40 .container-fluid h2 ,
.container-fluid h2 {
margin: 0 !important;
}
/* (new2) GOOD GRID */
.section.mb-30.mb-sm-40 .container-fluid .__pagination__items.row.row-cols-1{
    display: grid !important;
/*     grid-template-columns: fit-content(180px) fit-content(180px) fit-content(180px) fit-content(180px) fit-content(180px) !important; */
/* grid-template-columns: minmax(195px, 195px) minmax(195px, 195px)  minmax(195px, 195px) minmax(195px, 195px) !important;   */
/* GOOD GRID */
    grid-template-columns: 1fr 1fr 1fr 1fr  !important;
    grid-template-rows: auto auto auto !important;
    align-content: flex-start !important;
    height: 85.7vh !important;
    margin: 0 !important;
    overflow: hidden !important;
    overflow-y: auto !important;
/* border: 1px solid aqua  !important; */
}

.section.mb-30.mb-sm-40 .container-fluid .__pagination__items.row.row-cols-1 .col.d-flex {
    display: flex !important;
    flex: 0 0 auto;
    flex-direction: column !important;
    min-width: 190px !important;
    max-width: 190px !important;
height: 180px  !important;
margin: 0 5px 5px 0 !important;
padding: 5px  !important;
border-radius: 5px  !important;
border: 1px solid red  !important;
}
.card-scene__text {
max-height: 8.8vh !important;
line-height: 12px  !important;
    padding: 1px 2px !important;
    font-size: 12px !important;
    overflow: hidden;
    white-space: pre-line;
/* border-bottom: 1px dashed red  !important; */
}

/* PREVIEW */
.section.mb-30.mb-sm-40 .container-fluid .__pagination__items.row.row-cols-1:before {
content: "Preview Here" !important;position: fixed !important;
display: inline-block !important;
right: 10px !important;
left: unset !important;
top: 8vh !important;
  ...