For Sets: Show directly thumbnails of Actress
Tính đến
// ==UserScript==
// @name IndeXXX - Sets: Show directly thumbnails of Actress - v.1
// @description For Sets: Show directly thumbnails of Actress
// @author janvier57
// @namespace https://greasyfork.org/users/7434
// @include https://www.indexxx.com/*
// @match https://www.indexxx.com//*
// @version 1.0
// @license unlicense
// @grant none
// ==/UserScript==
// GOOD 1
// $( ".bio-list>li> a[data-img^='https://static.thenude.com/models/']" ).each(function() {
$( ".modelLink.item[data-modelphoto^='https://img.indexxx.com/images/models/']" ).each(function() {
var attr = $(this).attr('data-modelphoto');
if (typeof attr !== typeof undefined && attr !== false) {
// 'url('+attr+')' should be "url("+attr+")"
$(this).css('background-image' , 'url("'+attr+'")' );
}
})
// add CSS
$('head').append(`
<style type='text/css'>
/* === x- IndeXX - SETs - Show directly thumbnails of Actress - TEST 1 ==== */
.pset.card.text-center.border-0.smaller.mb-3.mb-md-0 {
position: relative;
float: left;
height: auto !important;
height: 262px !important;;
line-height: 15px;
width: 150px;
min-width: 190px;
top: 0;
margin: 0 19px 4px 0;
padding-top: 3px;
border-radius: 5px;
text-align: center;
background: #333 !important;
border: 1px solid gray;
}
.pset .photoSection > div {
height: 181px !important;
width: 169px !important;
margin-left: -3px !important;
overflow: hidden !important;
}
.pset ul {
display: inline-block !important;
max-height: 20px !important;
min-height: 20px !important;
width: 188px !important;
top: 0px !important;
left: 0 !important;
overflow-x: hidden;
background: #333 !important;
}
.pset:hover .models.card-link ul ,
.pset .models.card-link:hover ul ,
.pset .models.card-link ul:hover {
display: inline-block !important;
max-height: 140px !important;
min-height: 30px !important;
width: 188px !important;
top: 2px !important;
left: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.models.card-link {
position: absolute !important;
display: inline-block !important;
max-height: 20px !important;
min-height: 20px !important;
width: 188px !important;
margin-left: 1px;
bottom: 0 !important;
left: 0 !important;
padding: 0px 0 0px 0 !important;
overflow: hidden !important;
border: 1px solid red !important;
}
.pset:hover .models.card-link ,
.models.card-link:hover {
display: inline-block;
height: auto !important;
max-height: 200px !important;
min-height: 30px !important;
left: 0 !important;
margin: 0 !important;
padding-bottom: 30px !important;
overflow: hidden !important;
/* overflow-y: auto !important; */
transition: all 0.4s ease 0s;
color: gray;
background: #222 !important;
}
.pset ul .modelLink.item:not([style="color: red;"]) {
display: inline-block !important;
min-height: 70px !important;
max-height: 70px !important;
line-height: 15px !important;
width: 85px !important;
margin: 0 0px 0 0 !important;
padding: 0px 0 0px 0 !important;
vertical-align: bottom !important;
background-size : contain !important;
background-repeat : no-repeat !important;
background-position: center 18px !important;
visibility: visible !important;
opacity: 1 !important;
color: gold !important;
background-color: #111 !important;
border: 1px solid red !important;
}
.pset:hover ul .models.card-link a.modelLink.item:not([style="color: red;"]) ,
.pset ul .models.card-link:hover a.modelLink.item:not([style="color: red;"]) {
display: inline-block !important;
min-height: 70px !important;
max-height: 70px !important;
width: 80px !important;
vertical-align: top !important;
background-size : contain !important;
background-repeat : no-repeat !important;
background-position: center 25px !important;
visibility: visible !important;
opacity: 1 !important;
color: gold !important;
background-color: transparent !important;
}
/* === END === */
}
</style>
`)
console.log('IndeXXX: CSS added')