NameThatPornStar / NameThatPorn - Widescreen Dark and Gray v.4 by janvier56

/* ==UserStyle==
@name           NameThatPornStar / NameThatPorn - Widescreen Dark and Gray v.4
@namespace      namethatpornstar.com
@version        4.0.0
@author        janvier56
@description   Compact Wide And Dark and Gray theme for large screen (1920x1080) ONLY...
@homepage      https://greasyfork.org/fr/users/7434-janvier56

@include       https://namethatporn.com/*
@include       https://namethatpornstar.com/*


@license       unlicense
==/UserStyle== */

@-moz-document domain("namethatporn.com"), domain("namethatpornstar.com") {

/* ==== X NameThatPornStar / NameThatPorn - Widescreen Dark and Gray v.4 - TEST FRESH ==== */


/* SUPP */
.a_bbf_w ,
.id_answer> .item_img_container + br ,
.id_answer>a>br ,
.bms_slider_div ,
.row.helper ,
.navbar > div:first-child ,

.a_br ,
#fab_blacko ,
.container.footer ,
.comment--deleted  ,
#smb ,
.item.part_a ,
#item_share ,
#pinnu_blacko ,
#site_message_man {
display: none !important;
}



.item {
    border-radius: 3px !important;
    border: 1px solid gray !important;
}
.item_title  {
    padding: 5px !important;
    line-height: 15px !important; 
    font-size: 15px !important; 
    background: #333 !important;
    color: gray !important; 
}
.item_info ,
.item_answer {
    padding: 5px !important;
    background: #333 !important;
    color: gray !important; 
}
.ia_text b {
    color: peru !important; 
}
.item_featured ,
.item_solved {
    transform: scale(0.5) !important;
    transform-origin: top right !important;
}


#item_detail_wrapper ,
#sidebar {
    background: #222 !important;
    border-right: 1px solid gray !important; 
}

#nsw_f_d_desc ,
.sdbrsts_dta ,
.lc_para,
.id_answer ,
.ida_confirm_usernames  ,
.ud_unme ,
#id_description,
#unsolved_title, 
#related_title, 
#sites_title {
    color: gray !important;
}

html {
    overflow-y: scroll;
    height: 100% !important;
}
body {
    position: relative;
    right: 0;
    width: 100%;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
/*     padding-top: 70px; */
padding-top: 0px !important;
    font-size: 13px;
    overflow-y: scroll;
    color: gray !important;
    background-color: #222 !important;
}

/* (new3) TOP ALERT */
h3[style^="text-align: center; color: red;"]  {
  position: absolute;
  width: 170px !important;
  top: 55px;
  padding: 5px;
color: red;
background: gold !important;
}


/* (new2) TOP HEADER - === */
.navbar__bottomrow .container .row > div:first-of-type {
    position: absolute !important;
    left: 0 !important;
    transform: scale(0.7);
    transform-origin: center left !important;
}
.navbar__bottomrow .container .row > div:last-of-type {
    position: absolute !important;
    width: 400px !important;
    right: 0px !important;
}
.tabs {
  position: fixed;
  height: 30px !important;
  width: 50% !important;
  top: 5px !important;
left: 20% !important;
  transition: top 300ms ease 0s;
  z-index: 1000 !important;
background: #333 !important;

}
.tabs::after {
  background-color: #333;
  content: "";
  height: 2px;
  margin-top: 10px;
  position: absolute;
  width: 100%;
}
#tabs.tabs .tab {
  float: right;
  height: 20px !important;
  line-height: 20px !important;
  margin-right: 5px;
  padding-left: 13px;
  padding-right: 13px;
  position: relative;
  top: 9px !important;
  transition: opacity 200ms ease 0s;
}
#tabs.tabs .container  {
  height: 30px !important;
  width: 100% !important;
  margin-top: 0 !important;
}
.tabs .container .userinfo .username {
  float: left !important;
  margin-right: 21px !important;
}
.tabs .container .userinfo .points {
  float: right !important;
  color: gold !important;
}

.mainmenu {
  position: fixed;
  width: 100%;
  right: 0;
  top: 0;
  padding-bottom: 14px;
  padding-top: 0;
  transition: box-shadow 0s ease 0s, all 400ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
  z-index: 50000 !important;
}
.mainmenu--open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0%);
background-color: black !important;

}



/* (new2) ARROWS VOTE UP DOWN - PB CHROME - === */
.comment__confirm__button--votedown .icon {
    background-image: url("https://namethatpornstar.com/img/icons-comment.png") !important;
    background-position: -16px center !important;
    background-repeat: no-repeat;
    background-size: 64px 10px;
    display: block;
    height: 10px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    right: 0;
    top: 7px;
    width: 16px;
}
.comment__confirm__button--voteup .icon {
    background-image: url("https://namethatpornstar.com/img/icons-comment.png") !important;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 64px 10px !important;
    display: block;
    height: 10px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    right: 0;
    top: 6px;
    width: 16px;
}
.comment__confirm__button--votedown:hover:not(.comment__confirm__button--selected) .icon {
    background-position: -48px center !important;
}

/* (new2) SEARCH CATEGORIE - TITLE - === */
.category {
position: fixed !important;
    display: inline-block !important;
    height: 37px;
    line-height: 37px !important;
/*     width: 1091px; */
    width: 50% !important;
    left: 20% !important;
    top: 2px !important;
    text-align: left !important;
    background-color: #292929 !important;
    border-bottom: 1px solid red !important;
z-index: 2000 !important;
}
.category .container {
  width: 100%;
}

.category .container h1 ,
.category .container {
    display: inline-block !important;
    height: 37px;
    line-height: 37px !important;
}
.category .container .row {
  height: 37px !important;
}


.category + #content.content.search{
    margin-top: 42px !important;
border-top: 1px solid red !important;
}

.allcontent.allcontent--comments {
    margin-top: 49px !important;
border: 1px dotted red !important;
}
.allcontent--comments .allrequests {
    float: left;
    width: calc(100% - 228px);
border: 1px solid red !important;
}
.top__background {
    background-color: #292929 !important;
    overflow: hidden;
    width: 100%;
}
.maintitle h1, 
.category h1 ,
.maintitle h1 a, 
.category h1 a {
    color: peru !important;
}

/* (new2) FORUM - === */
#item_detail_wrapper {
    width: 75% !important;
margin-right: 20px !important;
padding: 0 !important;
background: #111 !important;
}
/* QUESTION */
#item_detail_wrapper #item_question  {
    float:left !important;
clear: none !important;
    width: 48.9% !important;
height: 200vh !important;
    padding: 5px !important;
background-color: #111 !important;
border: 1px solid red !important;
}

/* NOT LOGGED - NEED */
#id_ready_to_comment_but_first_login {
    display: none !important;
}

/*  ANSWER ITEMS */
.id_answer_wrapper {
/* display: inline-block !important; */
/* float: none !important; */
float: left !important;
clear: none !important;
display: inline-block !important;
height: auto !important;
    width: 48.9% !important;
/* margin-left : 20px !important; */
/*     padding: 0 20px; */
    padding: 5px !important;
overflow: hidden !important;
/*     border-bottom: 2px solid #ededed; */
border: 1px dotted aqua !important;
}
.id_answer:not([itemprop="text"]) {
display: inline-block !important;
vertical-align: bottom !important;
height: auto !important;
    line-height: 15px !important;
/* margin-left : 20px !important; */
    padding: 0  !important;
text-align: left !important;
    overflow-wrap: break-word !important;
overflow: hidden !important;
overflow-y: auto !important;
}

/* .id_answer b  , */
.id_answer>a:not(.name_syntax){
position: relative !important;
display: inline-block !important;
/* float: left !important; */
    line-height: 15px !important;
width: 100% !important;
min-width: 550px !important;
max-width: 550px !important;
left: -15px !important;
margin: 5px 20px 0px 20px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
/* outline: 1px solid violet !important; */
}



.id_answer a.name_syntax {
padding: 0 5px !important;
    color: gold !important;
background: #111 !important;
}

.ntpref_container{
    max-width: 400px !important;
}


.ntpref_wrapper {
    margin-bottom: 3px !important;
}

#id_media_wrapper .item_img {
    max-height: 35vh !important;
    vertical-align: bottom;
}
.id_answer .item_img {
    max-height: 250px !important;
    max-width: 500px !important;
}

/* IMAGE GALLERIE -  picture source */

.id_answer .item_img_container {
/* display: inline-block !important; */
float: left !important;
clear: right !important;
    width: 183px !important;
min-height: 140px !important;
max-height: 140px !important;
margin-right: 2px !important;
margin-left: 5px !important;
/* top: 95px !important; */
    padding: 5px 2px !important;
/* overflow: hidden !important; */
text-align: center !important;
color: gold ;
background: #111 ;
}
.id_answer .item_img {
height: 140px !important;
    width: 170px !important;
object-fit: contain !important;
}

/* #correct_answer .id_answer .item_img_container:only-of-type {
float: left !important;
clear: right !important;
    width: 100% !important;
    min-width: 595px !important;
    max-width: 595px !important;
min-height: 140px !important;
max-height: 140px !important;
margin-right: 2px !important;
margin-left: 5px !important;
    padding: 5px 2px !important;
text-align: center !important;
color: gold ;
background: blue !important;
border: 1px solid yellow !important;
} */


/* #correct_answer .id_answer .i...