PornTeenGirl (New Design) WideScreen v.17 by janvier56

/* ==UserStyle==
@name           PornTeenGirl (New Design) WideScreen v.17
@namespace      example.com
@version        170.0.0
@description    For a Large Screen and a compact view
@author        janvier56
@homepage      https://greasyfork.org/fr/users/7434-janvier56
@license       unlicense
==/UserStyle== */

@-moz-document domain("pornteengirl.com") {

/* ==== X PornTteengirl (New Design) WideScreen- v.17 (new17)  ==== */

/* == http://www.pornteengirl.com/model-update/update-model.html ==== */

/* MEMO COLOR 
BLACK LINEAR:
background: rgba(0, 0, 0, 0.97) linear-gradient(to bottom, #343A4A, #10151b) repeat scroll 0 0 !important;

==== */

/* SUPP */

.cc-window.cc-banner ,
#message .highslide-cadre ,

.twitter-timeline ,
#witter-widget-0 {
    display: none !important;
}

/* (new4) FORUM */

.filter-wrapper label ,
.forum-title>a ,
.stat-block.permissions>h3 ,
.topic-title>a ,
.footer-copyright>a ,
.footer-row>a ,
.left-box.arrow-left>span ,
.stat-block.birthday-list>h3 ,
.stat-block.online-list>h3>a ,
li.header dt, li.header dd {
    text-shadow: none !important;
    color: peru!important;
}



/* ========== WideScreen =========== */
html {
    height: 100%;
    width: 100%;
    min-width: 245pt;
    scroll-behavior: smooth;
    overflow: hidden !important;
}


/* ZOOM TATTOS */
.highslide-active-anchor img {
    visibility: visible !important;
border: 1px dashed aqua !important;
}
.highslide-container{

    z-index: 50000 !important;
}



/* (new4) NEW DESIGN = THUMBNAILS */

/* MODELS LAST */
.list-container-modelsLast img {
    height: 82pt;
    object-fit: contain;
    padding: 2pt;
    width: 100%;
}

/* SCENE SECTION - CONTAINER */
#global > section + section:not(.twitter):not(.center-last-movies):not(:last-of-type) {
position: absolute !important;
    display: inline-block !important;
    float: none !important;
clear: none !important;
width: 38% !important;
    margin-right: 13vw !important;
    background: rgb(37, 124, 224) !important;
border: 1px dotted yellow !important;
}
#global > section + section:not(.twitter):not(.center-last-movies):not(:last-of-type) .postList{
    display: inline-block !important;
    height: 86vh !important;
    width: 100% !important;
    overflow: hidden !important;
overflow-y: auto !important;
background: rgba(0, 0, 0, 0.97) linear-gradient(to bottom, #343A4A, #10151b) repeat scroll 0 0 !important;
/* background: rgb(37, 124, 224) !important; */
}

/* LAST SCENES - LOADED - ZEBAR */
/* #global > section #scenesContainer.list-container.list-container-scenesLast {
    display: grid;
    grid-auto-rows: 170pt !important;
    grid-gap: 2pt;
    grid-template-columns: repeat(auto-fill, minmax(150pt, 1fr)) ;
    height: 86vh !important;
    padding: 2pt;
    overflow: hidden !important;
overflow-y: auto !important;
background: rgb(37, 124, 224) !important;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #445480, #4584cc) repeat scroll 0 0 !important;
background: red !important;
} */
#scenesContainer:nth-child(odd) {
    border-left: 3px solid yellow !important;
    border-right: 3px solid yellow !important;
    border-bottom: 3px solid yellow !important;
} 
#scenesContainer:nth-child(even) {
    border-left: 3px solid brown !important;
    border-right: 3px solid brown !important;
    border-bottom: 3px solid brown !important;
} 
section #scenesContainer.list-container.list-container-scenesLast > li {
    padding-bottom: 9vh !important;
    margin: 0 4px 4px 0 !important;
    border-radius: 5px !important;
background: #222 !important;
border: 1px solid #222 !important;
 border-bottom: 1px solid black !important;
 border-top: 1px solid #3c3c3c !important;
}

.list-container-scenesLast a > img {
    height: 95% !important;
    width: 100%;
    object-fit: contain !important;

    z-index: 1;
}

ul#scenesContainer.list-container.list-container-scenesLast .badges  {
    position: absolute !important;
    display: inline-block !important;
    height: 9vh;
top: 8vh !important;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 2pt;
    font-size: 10pt;
    pointer-events: none;
border-top: 1px solid red !important;
}
ul#scenesContainer.list-container.list-container-scenesLast .badges span.scene-models-list {
/*     position: absolute !important; */
    display: inline-block !important;
vertical-align: middle !important;
    width: 100% !important;
height: 6vh !important;
line-height: 15px !important;
bottom: 0vh !important;
    left: 0vw !important;
    padding: 2pt;
    border-radius: 0 !important;
    background-color: rgba(200, 200, 200, 0.8);
    background-color: rgb(56 56 56 / 80%) !important;
/* border-bottom: 1px solid yellow !important; */
}

ul#scenesContainer.list-container.list-container-scenesLast .badges span.scene-models-list > ul {
    position: absolute !important;
    display: inline-block !important;
    width: 100vw !important;
    max-width: 100% !important;
    height: auto !important;
/*     max-height: 6vh !important; */
    line-height: 20px !important;
    left: 0vw !important;
/* top: -20vh !important; */
    padding: 0 3pt;
    border-radius: 2pt;
color: gray !important;
visibility: visible !important;
    box-shadow: 0 0 6pt 1pt rgba(0, 0, 0, 0.7);
background: rgba(0, 0, 0, 0.97) linear-gradient(to bottom, #343a4a, #10151b) !important;
background: #00000057 !important;
}
#scenesContainer.list-container.list-container-scenesLast .badges span.scene-models-list:hover > ul {
visibility: visible !important;
background: rgba(0, 0, 0, 0.97) linear-gradient(to bottom, #343a4a, #10151b) !important;
background: red !important;
}
#scenesContainer.list-container.list-container-scenesLast .badges span.scene-models-list > ul li {
position: relative !important;
display: inline-block !important;
/* float: left !important; */
    width: auto !important;
    height: 20px !important;
margin: 1px 0 1px 0 !important;
    padding: 0px 2px !important;
background: rgba(0, 0, 0, 0.97) linear-gradient(to bottom, #343a4a, #10151b) !important;
}

ul#scenesContainer.list-container.list-container-scenesLast >  li >  a.hoverableScreenshot{
    height: 157px !important;
    margin-top: 24px !important;
}
ul#scenesContainer .badges  li   > .screenshot {
    color: white !important;
    text-decoration: none;
}
/* HOME */
/* LAST GAL ADDED / SCENES LAST */
#global > section.center-last-galleries ul#scenesContainer.list-container-scenesLast {
    display: grid;
    grid-auto-rows: 170pt;
    grid-gap: 2pt;
    grid-template-columns: repeat(auto-fill, minmax(150pt, 1fr)) ;
    height: 100% !important;
    min-height: 85vh !important;
    max-height: 85vh !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    padding: 2pt 10pt 0 10pt !important;
/* background: red !important; */
}
/* LAST DVD ADDED */
#global > section.center-last-movies {
    float: left !important;
    width: 62% !important;
    min-height: 41vh !important;
    max-height: 41vh !important;
    overflow: hidden !important;
}
#global > section.center-last-movies ul#moviesContainer.list-container-moviesLast {
    display: inline-block !important;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 2pt;
/* background: red !important; */
}
/* ul#moviesContainer.list-container.list-container-moviesLast {
    grid-template-columns: repeat(auto-fill, minmax(70pt, 1fr)) !important;
} */
#global > section.center-last-movies ul#moviesContainer.list-container-moviesLast li {
    display: inline-block !important;
    flex: unset !important;
    width: 11vw !important;
    margin: 0 2px 5px 0 !important;
    text-align: center !important;
    background-color: #222 !important;
border: 1px solid red !important;
}
.list-container-moviesLast a {
    display: inline-block !important;
    flex-flow: unset !important;
    width: 100% !important;
    font-size: 100% !important;
    text-decoration: none;
    background-color: #222 !important;
}
.list-container-moviesLast img {
    height: 140px !important;
    width: 122px;
    padding: 0 !important;
    object-fit: contain !important;

}
.list-container-moviesLast span {
    display: inline-block !important;
    width: 100% !important;
    overflow: hidden;
    padding: 2pt 3pt;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* (new4) START  == GENERAL  === */

body {
display: inline-block !important;
    width: 100% !important;
    min-width: 100% !important;
height: 100% !important;
    margin: 0 auto;
    padding: 0 !important;
    background-color: #333 !important;
    background-image: none !important;
    background-position: left top;
    background-repeat: repeat-x;
}

#sticky-header {
text-shadow: 1pt 1pt 2pt rgba(0, 0, 0, 0.8);
color: #fff !important;
background: rgba(0, 0, 0, 0.97) linear-gradient(to bottom, #343a4a, #10151b) repeat scroll 0 0 !important;
}
section > header {
    padding: 2pt;
    font-size: 116%;
    text-align: center;
text-shadow: 1pt 1pt 2pt rgba(0, 0, 0, 0.8);
color: #fff !important;
background: rgba(0, 0, 0, 0.97) linear-gradient(to bottom, #343a4a, #10151b) repeat scroll 0 0 !important;
}
.leftside {

    border: 1px solid #b0c4de;
    border-radius: 6pt;
    box-shadow: 0 0 3pt rgba(120, 120, 120, 0.5);
    color: #ffffff;
    float: left;
    overflow: hidden;
    padding: 2pt;
    position: fixed;
    text-align: center;
    text-shadow: 1pt 1pt 2pt rgba(0, 0, 0, 0.8);
    top: 33pt;
    width: 250px;
background: rgba(0, 0, 0, 0.97) linear-gradient(to bottom, #343A4A, #10151b) repeat scroll 0 0 !important;

}

.leftlastmodels {
    display: inline-block !important;
    grid-gap: unset !important;
    grid-template-columns: unset !important;
    min-height: 83vh !impor...