For a large screen (1920x1080) ONLY...
More info in one glance = less scrolling
AnalVids WideScreen + Compact v.5 by janvier56
Details
Authorjanvier56
LicenseNo License
CategoryAnalVids, adult, widescreen, wide screen
Created
Updated
Code size46 kB
Code checksuma2add992
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Reorganize the interface in many place:
Better use of the space and less scrolling.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name AnalVids WideScreen + Compact v.5
@namespace https://www.analvids.com
@version 5.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.5 (new5) - DEV HERE CHROME ==== */
/* 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;
}
/* (new4) HOME - RECOMMENDED */
.section.mb-30.mb-sm-40.pt-lg-25#recommended {
display: inline-block !important;
width: 100% !important;
height: 90vh !important;
margin: 0vh 0 0 0 !important;
padding: 5px !important;
border: 1px solid #f83600 !important;
}
.section.mb-30.mb-sm-40.pt-lg-25#recommended .section_title.mb-20 + .__pagination__items.row.row-cols-1 {
display: inline-block !important;
width: 80% !important;
height: 80vh !important;
margin: -2vh 0 0 0 !important;
padding: 5px !important;
border: 1px solid #f83600 !important;
}
.section.mb-30.mb-sm-40.pt-lg-25#recommended .section_title.mb-20 + .__pagination__items.row.row-cols-1 .col.d-flex {
float: left !important;
min-width: 235px !important;
max-width: 235px !important;
height: 22vh !important;
margin: 0 5px 5px 5px !important;
border: 1px solid #f83600 !important;
}
.section.mb-30.mb-sm-40.pt-lg-25#recommended .pagination {
position: fixed !important;
width: 400px !important;
top: 8vh !important;
right: 0px !important;
padding: 0 !important;
z-index: 500 !important;
border: 1px solid #f83600 !important;
}
/* (new4) HOME - RECOMMENDED + ARCHIVES */
.section.mb-30.mb-sm-40.pt-lg-25#recommended ~.archive {
position: fixed !important;
display: inline-block !important;
width: 80% !important;
height: 0vh !important;
margin: 0vh 0 0 0 !important;
bottom: -0.2vh !important;
padding: 0px !important;
border: 1px solid #f83600 !important;
}
.section.mb-30.mb-sm-40.pt-lg-25#recommended ~.archive strong {
position: fixed !important;
display: inline-block !important;
margin: -2vh 0 0 0 !important;
left: 0 !important;
border-radius: 0 5px 0 0 !important;
background: #f83600 !important;
}
/* HOVER */
.section.mb-30.mb-sm-40.pt-lg-25#recommended ~.archive:hover {
position: fixed !important;
display: inline-block !important;
width: 80% !important;
height: auto !important;
margin: 0vh 0 0 0 !important;
bottom: 0 !important;
padding: 5px !important;
border: 1px solid #f83600 !important;
}
/* NOTHING FOUND */
.block-404 {
padding: 0 0 0 0 !important;
text-align: center;
border-bottom: 1px solid #f83600 !important;
}
.block-404__404 {
margin: 0 0 0 0 !important;
font-size: 20px;
color: #f83600;
}
.block-404 .mb-50 {
margin-bottom: 0px !important;
}
.section.mb-30.mb-sm-40.processing-container .container-fluid .__pagination__items.row.row-cols-1 .container.w-100:has(.block-404) .row .col.d-flex {
min-width: 250px !important;
max-width: 250px !important;
height: 22vh !important;
border: 1px solid aqua !important;
}
.container:has(.block-404) {
display: inline-block !important;
width: 100% !important;
min-width: 80% !important;
max-width: 80% !important;
margin: 0 0 0 0 !important;
border: 1px solid #f83600 !important;
}
.container:has(.block-404) ~ .section.mb-30.mb-sm-40 .container-fluid {
display: inline-block !important;
width: 80% !important;
height: 28vh !important;
margin: 2vh 0 0 0 !important;
padding: 5px !important;
border: 1px solid #f83600 !important;
}
.container:has(.block-404) ~ .section.mb-30.mb-sm-40 .container-fluid .__pagination__items.row.row-cols-1 {
display: inline-block !important;
height: 100%:!important;
min-height: 25vh !important;
max-height: 25vh !important;
margin: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
/*border: 1px solid green !important; */
}
.container:has(.block-404) ~ .section.mb-30.mb-sm-40 .container-fluid .__pagination__items.row.row-cols-1 .col.d-flex {
float: left !important;
min-width: 235px !important;
max-width: 235px !important;
height: 22vh !important;
margin: 0 5px 0 5px !important;
border: 1px solid aqua !important;
}
/* 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;
}
/* COR FLOAT - 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;
}
/* COR FLOAT */
.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 -...