Skip to content

BabePedia WideScreen Compact v.1 by janvier56

Screenshot of BabePedia WideScreen Compact v.1
Write a review Install Get Stylus

Details

Authorjanvier56

Licenseunlicense

Categorybabepedia, adult, information, compact

Created

Updated

Size12 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

  • Less scrolling: organize elements to watch them without (or less) scrolling:
  • Optimized thumbnails (take all the place possible in the windows
  • Less adds too..

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.1
@namespace   babepedia.com"
@version     1.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.1  ==== */

/* 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;
}

/* 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;
}

/* 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: 120px !important;
    line-height: 120px !important;
    width: 100% !important;
    min-width: 18.8% !important;
    max-width: 18.8% !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 ==== */
}

/* START == URL-PREF = GALLERIES */
@-moz-document url-prefix("https://www.babepedia.com/gallery/") {
.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 */
}
 
/* START == URL-PREF = GALLERIES - THUMB with NAMES - ALL - HOME / SEARCH / MOST VIEW / TOP 100 */
@-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/") {
.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: 0 3px 4px 3px !important;
    text-align: center;
/* border: none  !important; */
}
#thumbs > .thumbshot:not(.menuthumb) img:not(.listarrow) {
    height: 160px !important;
    max-width: 120px;
    min-width: 120px;
    width: 100%;
    object-fit: contain;
}
.thumbtext {
    position: relative;
    display: inline-block !important;
    height: 2vh !important;
    line-height: 16px;
    width: 100%;
    max-width: 95.8% !important;
    min-width: 95.8% !important;
    top: -11.5vh !important;
    vertical-align: middle;
/* background-color: gold  !important; */
}
/* END == URL-PREF = GALLERIES - THUMB with NAMES - HOME / MOST VIEW / TOP 100 */
}

/* START == URL-PREF = GALLERIES - THUMB with NAMES - HOME */
@-moz-document  url("https://www.babepedia.com/") {
#thumbs.thumbsblock {
/* background: green !important; */
/* border: 1px solid aqua !important; */
}
#thumbs.thumbsblock .thumbshot:not(.menuthumb) {
    float: left;
    height: 248px !important;
    max-width: 9.4% !important;
    min-width: 9.4% !important;
    margin: 0 3px 4px 3px !important;
}
.thumbshot:not(.menuthumb), 
#morelikethumbs.thumbsblock > .thumbshot:not(.menuthumb), 
#thumbs > .thumbshot:not(.menuthumb) {
    height: 208px !important;
    line-height: 120px;
    max-width: 9.4% !important;
    min-width: 9.4% !important;
/* border: 1px solid green !important; */
}

#thumbs > .thumbshot:not(.menuthumb) img:not(.listarrow) {
    height: 160px !important;
    max-width: 120px;
    min-width: 120px;
    object-fit: contain;
    width: 100%;
}
.thumbtext {
    height: 8.7vh !important;
    line-height: 15px !important;
    max-width: 95.8% !important;
    min-width: 95.8% !important;
    top: -7.6vh !important;
/* background-color: gold  !important; */
}
/* END == URL-PREF = GALLERIES - THUMB with NAMES - HOME */
}


/* START == URL-PREF = GA...

Reviews

No reviews yet.