BANG! For a large screen (1920x1080) ONLY...
More info in one glance = less scrolling
BANG! Widescreen v.9 by janvier56
Details
Authorjanvier56
LicenseNo License
CategoryBang!, adult, widescreen, wide screen
Created
Updated
Size55 kB
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 BANG! Widescreen v.9
@namespace bang.com
@version 9.00.0
@include https://www.bang.com/*
@author janvier56
@description BANG! For a large screen (1920x1080) ONLY...
@homepage https://greasyfork.org/fr/users/7434-janvier56
@license unlicense
==/UserStyle== */
@-moz-document domain("bang.com") {
/* ==== X- BANG! Widescreen v.9 ==== */
/* SUPP */
.w-full.bg-gradient.fixed ,
[data-controller="age-check"] ,
.w-full.bg-gradient.fixed.bottom-0[data-promotion-join-text-value="join now"] ,
#download-watch ,
.search_container .scroll-by.flex.justify-between ,
.search_container .hidden.fixed.top-10.pb-10 + main.flex-1.w-full.mt-4.relative .scroll-by.flex.justify-between.flex-col {
display: none !important;
margin-top: -5vh !important;
transition: unset !important;
background: transparent !important;
border-top: 1px solid red !important;
}
.backdrop-blur-md,
.backdrop-blur-sm ,
footer,
#footer_deals ,
.pointer-events-none.snickerbar.w-full.z-top.fixed ,
.w-full.bg-gradient.fixed.top-0.h-10 {
display: none !important;
}
.fixed.hide-scroll-bar{
top: 0;
}
/* (new6) VIDEO RESULTS H1 + COUNT */
.hidden.fixed[data-search-sidebar-target="sidebar"] + main {
display: inline-block !important;
max-width: 24% !important;
margin: 0 0 0 -73px !important;
background: #111!important;
border: 1px solid red !important;
}
.hidden.fixed[data-search-sidebar-target="sidebar"] + main h2 ,
.hidden.fixed[data-search-sidebar-target="sidebar"] + main h1{
float: left !important;
width: auto!important;
height: 1vh !important;
line-height: 1vh !important;
padding: 0 !important;
font-size: 11px !important;
text-align: left !important;
}
.hidden.fixed[data-search-sidebar-target="sidebar"] + main #resultsCount ,
.hidden.fixed[data-search-sidebar-target="sidebar"] + main h1 + p#resultsCount{
float: left !important;
width: auto !important;
height: 1vh !important;
line-height: 1vh !important;
padding: 0 !important;
font-size: 11px !important;
text-align: right !important;
border-left: 1px solid red !important;
}
/* (new6) SEARCH - FILTER TAGS */
.search_container[data-controller="search-sidebar"] .scroll-by.flex.justify-between {
position: fixed !important;
display: inline-block !important;
width: 18.8% !important;
height: 4vh !important;
top: 7vh !important;
left: 51% !important;
margin: 0 !important;
overflow: hidden !important;
transition: unset !important;
border-radius: 5px !important;
z-index: 50000000000 !important;
border: 1px solid red !important;
}
/* HOVER */
.search_container[data-controller="search-sidebar"] .scroll-by.flex.justify-between:hover {
position: fixed !important;
display: block !important;
flex: unset !important;
width: 20.8% !important;
height: auto !important;
min-height: 4vh !important;
top: 7vh !important;
left: 51% !important;
margin: 0 0 0 0 !important;
overflow: visible !important;
transition: unset !important;
z-index: 50000000000 !important;
backdrop-filter: blur(0px) !important;
background: #222 !important;
border: 1px solid red !important;
}
.search_container[data-controller="search-sidebar"] .scroll-by.flex.justify-between .flex-1 {
position: absolute !important;
display: inline-block !important;
float: none !important;
width: 60% !important;
height: 3.8vh !important;
line-height: 0vh !important;
top: 0 !important;
left: 0 !important;
white-space: pre !important;
overflow: hidden !important;
/*background: green !important; */
/*border: 1px solid red !important;*/
}
/* HOVER */
.search_container[data-controller="search-sidebar"] .scroll-by.flex.justify-between:hover .flex-1 {
position: absolute !important;
display: inline-block !important;
float: none !important;
width: 60% !important;
height: auto !important;
line-height: 0vh !important;
top: 0 !important;
left: 0 !important;
white-space: pre !important;
overflow: hidden !important;
background: #111!important;
/*border: 1px solid red !important;*/
}
.search_container[data-controller="search-sidebar"] .scroll-by.flex.justify-between .flex-1 .flex.h-full.items-center {
display: inline-block !important;
float: left !important;
width: 100% !important;
min-height: 3.8vh !important;
padding: 0 5px !important;
border-radius: 5px !important;
white-space: initial !important;
overflow: hidden !important;
/*background:red !important;*/
/*border: 1px solid gold !important;*/
}
/* HOVER */
.search_container[data-controller="search-sidebar"] .scroll-by.flex.justify-between:hover .flex-1 .flex.h-full.items-center {
display: inline-block !important;
float: left !important;
width: 100% !important;
height: auto !important;
min-height: 3.8vh !important;
padding: 0 5px !important;
border-radius: 5px !important;
white-space: none !important;
overflow: hidden !important;
/*background:red !important;*/
/*border: 1px solid tan !important;*/
}
.search_container[data-controller="search-sidebar"] .scroll-by.flex.justify-between .flex-none.flex.items-center.justify-end {
float: right !important;
height: 2vh !important;
}
.search_container[data-controller="search-sidebar"] .scroll-by.flex.justify-between .flex-none.flex.items-center.justify-end .search_sort_dropdown.relative button {
position: fixed !important;
width: auto!important;
height: 4vh !important;
top: 0 !important;
right: 0 !important;
z-index: 500000 !important;
background:#333 !important;
border: 1px solid red !important;
}
/* (new5) */
.search_container[data-controller="search-sidebar"] .scroll-by.flex.justify-between .flex-1 .flex.h-full.items-center a {
display: inline-block !important;
width: auto !important;
height: 2.7vh !important;
margin: 0vh 5px 2px 0px !important;
padding: 0 3px !important;
border-radius: 5px !important;
background: #111 !important;
border: 1px solid aqua !important;
}
.search_container[data-controller="search-sidebar"] .scroll-by.flex.justify-between .flex-1 .flex.h-full.items-center a span {
position: relative !important;
display: inline-block !important;
height: 2vh !important;
line-height: 2vh !important;
margin: 0.3vh 0 0 0px !important;
}
.search_container[data-controller="search-sidebar"] .scroll-by.flex.justify-between .flex-1 .flex.h-full.items-center a svg {
position: relative !important;
display: inline-block !important;
height: 2vh !important;
line-height: 2vh !important;
margin: -1.1vh 0 0 0px !important;
}
/* BACKGROUND LINEAR */
.search_container[data-controller="search-sidebar"] .scroll-by.flex.justify-between .after\:md\:w-56:after {
width: 5.2rem !important;
opacity: 0.5 !important;
}
.search_container[data-controller="search-sidebar"] .scroll-by.flex.justify-between:hover .after\:md\:w-56:after {
width: 5.2rem !important;
background-image: none !important;
}
/* CARROUSEL TOP */
.swiper.swiper-horizontal.home-carousel {
display: block;
height: 15vh !important;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding: 0;
position: relative;
z-index: 1;
}
.swiper-slide.w-full.swiper-slide-active {
display: block;
height: 15vh !important;
width: 33.3% !important;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding: 0;
position: relative;
z-index: 1;
}
.swiper-slide.w-full:not(.swiper-slide-active) {
display: block;
height: 15vh !important;
width: 33.3% !important;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding: 0;
position: relative;
z-index: 1;
}
/* SEARCH */
nav.flex.static{
max-width: 100% !important;
}
nav.flex.static .menu-item{
margin: 0 10px 0 0 !important;
}
.search_container .scroll-by.flex.justify-between{
top: 0vh !important;
}
.search_container .lg\:grid-cols-6 {
/* grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)) !important; */
/* grid-template-columns: fit-content(130px) fit-content(130px) fit-content(130px) fit-content(130px) fit-content(130px) fit-content(130px) fit-content(130px) fit-content(130px) fit-content(130px) fit-content(130px) !important; */
grid-template-columns: fit-content(160px) fit-content(160px) fit-content(160px) fit-content(160px) fit-content(130px) fit-content(160px) fit-content(160px) fit-content(160px) fit-content(160px) fit-content(160px) !important;
padding: 5px !important;
gap: 5px !important;
border: 1px solid red !important;
}
.search_container .lg\:grid-cols-6 .relative.scale {
min-height: 194px !important;
max-height: 194px !important;
margin: 0 5px 0px 0 !important;
border-radius: 5px;
}
.search_container .lg\:grid-cols-6 .relative.scale .scrollup.group span.font-semibold {
margin: 5px 0 5px 0 !important;
}
.search_container .relative.rounded-xl.px-4.scale {
margin: 0 5px 5px 0 !important;
padding: 2px !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
.flex-none.flex.items-center.justify-end .search_sort_dropdown:hover #sort-by.hidden ,
.flex-none.flex.items-center.justify-end:hover .search_sort_dropdown #sort-by.hidden ,
.search_sort_dropdown #sort-by.hidden:hover ,
.search_sort_dropdown:hover #sort-by.hidden {
display: inline-block !important;
top: 1.4vh !important;
left: -110px !important;
border-top: 1px solid red !important;
}
/* VISITED */
a {
color: peru !important;
}
a:visited {
color: tomato !important;
}
/* (new2) SIDEBAR - PORNSTAR INFOS */
.search_container .hidden.fixed.top-10.pb-10 ,
.hidden.fixed[data-search-sidebar-target="sidebar"]{
position: fixed !important;
display: inline-block !important;
hei...