Less scrolling: organize elements to watch them without (or less) scrolling
BabePedia WideScreen Compact v.3 by janvier56
Details
Authorjanvier56
Licenseunlicense
Categorybabepedia, adult, information, compact
Created
Updated
Size14 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name BabePedia WideScreen Compact v.3
@namespace babepedia.com"
@version 3.00.0
@include https://www.babepedia.com/*
@author janvier56
@description BabePedia: larger and compact
@homepage https://greasyfork.org/fr/users/7434-janvier56
@license unlicense
==/UserStyle== */
@-moz-document domain("babepedia.com") {
/* ==== X BabePedia WideScreen Compact v.3 ==== */
/* SUPP */
.thumbshot.thumb-hot::after {
display: none !important;
}
#content h2 {
padding: 2px 0 !important;
font-size: 17px !important;
color: #dc6600;
}
.separate:first-of-type {
float: left !important;
width: 48%;
clear: none !important;
border: 1px solid red !important;
}
.babebanner.separate{
display: none !important;
}
#babename {
font-size: 25px !important;
font-family: roboto slab,Verdana,sans-serif;
}
#bioarea h2#aka {
font-size: 17px !important;
}
#profselect {
padding-right: 5px !important;
}
#biography #bioarea {
/* display: inline-block !important; */
float: right!important;
width: 100% !important;
min-width: 51% !important;
max-width: 51% !important;
/* float: right !important; */
/* clear: none !important; */
/* border: 1px solid aqua !important; */
}
#biography #bioarea > div {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
/* float: right !important; */
/* clear: none !important; */
/* border: 1px solid red !important; */
}
.hint.label {
display: none !important;
}
#biography #bioarea > div:first-of-type {
display: inline-block !important;
width: 100% !important;
min-width: 95% !important;
max-width: 95% !important;
/* float: right !important; */
/* clear: none !important; */
/* border: 1px solid aqua !important; */
}
/* ALIAS LIST */
#biography #bioarea > #aliasinfo {
display: inline-block !important;
height: auto !important;
max-height: 11.5vh !important;
padding: 0px 5px 5px 5px !important;
margin: -5px 0 -5px 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
.separate.babebanner ~ .separate ,
.babebanner.separate + .separate + .separate ,
.babebanner.separate + .separate {
width: 51%;
float: right !important;
clear: none !important;
margin: 0 5px 0 5px !important;
border: 1px solid #f69444 !important;
}
.linkstable {
max-height: 14vh !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.linkstable table tbody tr {
display: table !important;
width: 100%!important;
min-width: 100%!important;
max-width: 100%!important;
overflow: hidden;
white-space: nowrap;
border: 1px solid red !important;
}
.linkstable table tbody tr.alt {
display: table !important;
width: 100%!important;
min-width: 100%!important;
max-width: 100%!important;
overflow: hidden;
white-space: nowrap;
/* border: 1px solid green !important; */
}
.linkstable table tbody td.secondcol {
height: 20px !important;
line-height: 20px !important;
overflow: hidden;
white-space: nowrap;
width: 100%;
min-width: 75%!important;
max-width: 75%!important;
text-overflow: ellipsis !important;
text-decoration: none !important;
}
.linkstable table tbody td.secondcol a {
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
overflow: hidden;
white-space: nowrap;
width: 100%;
min-width: 80%!important;
max-width: 80%!important;
text-overflow: ellipsis !important;
text-decoration: none !important;
}
#biolist>li {
display: block !important;
float: left !important;
clear: both !important;
width: 100% !important;
min-width: 60% !important;
max-width: 60% !important;
font-size: 11pt;
}
#biolist>li:nth-child(odd) {
background: #EA9A59 !important;
}
#biolist>li .label{
display: block !important;
float: left !important;
clear: both !important;
width: 100% !important;
min-width: 30% !important;
max-width: 30% !important;
font-size: 11pt;
}
/* (new2) BEST LINK INDICATOR */
.linkstable table tbody td.secondcol a[href^="http://www.adultempire.com/"]:before ,
.linkstable table tbody td.secondcol a[href^="https://www.pornstarempire.com"]:before ,
.linkstable table tbody td.secondcol a[href^="http://www.pornstarempire.com"]:before ,
.linkstable table tbody td.secondcol a[href^="https://www.thenude.com"]:before ,
.linkstable table tbody td.secondcol a[href^="https://boobpedia.com"]:before {
position: fixed !important;
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
top: 0vh !important;
overflow: hidden;
white-space: nowrap;
width: 100%;
min-width: 5%!important;
max-width: 5%!important;
text-overflow: ellipsis !important;
text-decoration: none !important;
text-align: center !important;
z-index: 5000 !important;
background: gold !important;
}
/* BOBPEDIA */
.linkstable table tbody td.secondcol a[href^="https://boobpedia.com"]:before {
content: "BobePedia " !important;
right: 0 !important;
color: white !important;
background: #ea9a59 !important;
}
/* The NUDE */
.linkstable table tbody td.secondcol a[href^="https://www.thenude.com"]:before {
content: "The Nude " !important;
right: 5.1% !important;
color: white !important;
background: #bf9060 !important;
}
/* PornStarEmpire */
.linkstable table tbody td.secondcol a[href^="https://www.pornstarempire.com"]:before ,
.linkstable table tbody td.secondcol a[href^="http://www.pornstarempire.com"]:before {
content: "PornStarEmpire" !important;
right: 10.1% !important;
color: white !important;
background: #027efd !important;
}
/* AdulteEmpire */
.linkstable table tbody td.secondcol a[href^="http://www.adultempire.com/"]:before {
content: "AdulteEmpire" !important;
right: 15.1% !important;
color: white !important;
background: #a60808 !important;
}
/* GALL USERS */
.gallery.useruploads{
display: inline-block !important;
height: auto;
max-height: 14vh !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.useruploads .thumbnail {
position: relative;
display: inline-block !important;
height: 124px !important;
line-height: 120px !important;
width: 100% !important;
min-width: 120px !important;
max-width: 120px !important;
margin: 0 1px 4px 0 !important;
text-align: center;
border: 1px solid #f69444 !important;
}
.useruploads .thumbnail img {
width: 100% !important;
min-width: 120px !important;
max-width: 120px !important;
height: 120px !important;
object-fit: contain !important;
}
/* (new3) GALL / MORE GALL */
.thumbsblock {
display: inline-block !important;
max-height: 13.5vh;
overflow-x: hidden;
overflow-y: auto;
}
.thumbshot:not(.menuthumb) ,
#morelikethumbs.thumbsblock > .thumbshot:not(.menuthumb) ,
#thumbs > .thumbshot:not(.menuthumb) {
float: left !important;
height: 140px !important;
line-height: 120px !important;
width: 100% !important;
min-width: 19.4% !important;
max-width: 19.4% !important;
margin: 0 1px 4px 0 !important;
text-align: center;
border: 1px solid #f69444 !important;
}
.thumbshot:not(.menuthumb) img:not(.listarrow) ,
#morelikethumbs.thumbsblock > .thumbshot:not(.menuthumb) img:not(.listarrow) ,
#thumbs > .thumbshot:not(.menuthumb) img:not(.listarrow) {
width: 100% !important;
min-width: 120px !important;
max-width: 120px !important;
height: 120px !important;
object-fit: contain !important;
}
.thumbshot.thumb-top::after {
display: none !important;
}
/* COMMENTS */
#leavecommenth2 + p ,
#leavecommenth2 {
display: none !important;
}
#babecomments{
max-height: 12vh !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* ==== END ==== */
}
@-moz-document url-prefix("https://www.babepedia.com/gallery/") {
/* START == URL-PREF = GALLERIES */
.separate:first-of-type {
float: left;
clear: none;
width: 100% !important;
border: 1px solid #f69444 !important;
}
/* .separate > #gallery */
.separate:first-of-type #gallery .img {
position: relative;
float: left;
height: 124px !important;
width: 7% !important;
line-height: 120px !important;
margin: 0 0 10px 5px;
overflow: hidden;
text-align: center;
background-color: #f4ebe6;
object-fit: contain !important;
border: 1px solid #f69444 !important;
}
.separate:first-of-type #gallery .img img {
display: inline-block !important;
height: 100% !important;
min-height: 120px !important;
max-height: 120px !important;
width: auto !important;
margin: 0 0 0px 0px !important;
overflow: hidden;
text-align: center;
background-color: #f4ebe6;
background-size: contain !important;
}
.separate:first-of-type #gallery >.one + center ,
#content h2 {
display: none !important;
}
/* END == URL-PREF = GALLERIES */
}
@-moz-document url-prefix("https://www.babepedia.com/top100"), url-prefix("https://www.babepedia.com/mostviewed100"), url-prefix("https://www.babepedia.com/search/"), url-prefix("https://www.babepedia.com/") {
/* START == URL-PREF = GALLERIES - THUMB with NAMES - ALL - HOME / SEARCH / MOST VIEW / TOP 100 */
.thumbsblock {
display: inline-block;
max-height: 100vh !important;
overflow-x: hidden;
overflow-y: auto;
}
#thumbs.thumbsblock .thumbshot:not(.menuthumb) {
float: left;
height: 190px !important;
line-height: 15px;
width: 100%;
max-width: 15.8% !important;
min-width: 15.8% !important;
margin: ...