NameThatPornStar / NameThatPorn Widescreen Dark and Gray v.2

NameThatPornStar on large screen (1920x1080)Y...

Version au 21/06/2021. Voir la dernière version.

/* ==UserStyle==

@name        NameThatPornStar / NameThatPorn Widescreen Dark and Gray v.2
@namespace   namethatpornstar.com
@version     2.0.0

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



@author        janvier56
@description   NameThatPornStar on large screen (1920x1080)Y...
@homepage      https://greasyfork.org/fr/users/7434-janvier56
@license       unlicense

==/UserStyle== */



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



/* ==== X NameThatPornStar / NameThatPorn Widescreen Dark and Gray v.2   ==== */


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

/* BACKGROUND / COLOR - TEXT - ALL */
.tabs ,
.item_title ,
.item ,
#sidebar ,
.id_answer_wrapper ,
#id_ready_to_comment, 
#id_ready_to_comment_but_first_login ,
#correct_answer ,
#id_resources_wrapper ,
#id_auth_acts_dets ,
#id_title_wrapper ,
#item_detail_wrapper ,
#item_detail_wrapper #item_question {
    background: #222 !important;
    color: white !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;
}

/* (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: 35% !important;
}
#item_detail_wrapper #item_question  {
    width: 100% !important;
}

#item_detail_side {
    float: left;
    max-width: 50% !important;
    padding: 0 0 0 15px;
}
#item_detail_side #other_unsolved, 
#item_detail_side #related_items, 
#item_detail_side #sites_items {
    overflow: hidden;
    width: 100% !important;
}



/* (new2) WIDE */
.sp-separator + #content ,
.sp-separator + #content.content.search ,
.searchform + #content.content.search {
/* display: inline-block !important; */
/*     height: auto!important; */
/*      max-height: 100% !important; */
/*     max-height: 1500px !important; */
/*     min-height: 1500px !important; */
    min-width: 98% !important;
    max-width: 98% !important;
margin-bottom: 0px !important;
    padding: 5px !important;
border: 1px dotted red !important;
}

#top_wrapper {
    display: inline-block !important;
    width: 100%;
    height: 19px !important;
    z-index: 9999999;
}
#top_row {
    display: inline-block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 20px !important;
    max-height: 20px !important;
}
#logo {
    display: inline-block !important;
    height: 100% !important;
    min-height: 20px !important;
    max-height: 20px !important;
    width: 160px !important;
/*     padding: 0 20px !important; */
/* transform: scale(0.8) !important; */
/* background-position: left top !important; */
	background-size: contain !important;
}
#logo_star {
    color: #ffffff;
    left: 100px;
    position: absolute;
    top: 0px !important;
    margin: 4px 0 0 5px !important;
}
#action_box {
    display: inline-block !important;
    width: 1448px !important;
    height: 100% !important;
    min-height: 20px !important;
    max-height: 20px !important;
    vertical-align: middle;
    margin-top: -13px !important;
    padding: 0 20px;
    background: #393d43;
}
#submit_box_wrapper {
    display: inline-block !important;
    width: 100%;
    max-height: 15px !important;
    line-height: 15px !important;
    border: 2px solid #3f4349;
    border-radius: 5px;
}
#submit_box_row {
    display: inline-block !important;
    max-height: 15px !important;
    line-height: 15px !important;
    width: 1448px !important;
}
#submit_box_field{
    display: inline-block !important;
    max-height: 15px !important;
    line-height: 15px !important;
    vertical-align: middle;
    padding: 0 20px;
}
input#submit_field ,
#submit_field {
    display: inline-block !important;
    width: 1400px !important;
    max-height: 15px !important;
    line-height: 15px !important;
    padding: 0px 0 !important;
    color: #949698;
    font-size: 15px;
    background: transparent none repeat scroll 0 0;
}
#content2>form>label ,
.searchform__tabs__content .tabs__content__form>label {
position: absolute !important;
display: inline-block !important;
/* float: left !important; */
/*     top: 0 !important; */
left: 15px !important;
}

#login_box_ssl {
    display: inline-block !important;
    height: 20px !important;
    width: 260px;
    vertical-align: middle;
    margin-top: -13px !important;
    color: #fff;
    text-align: center;
    transition-duration: 0.5s;
    background: #ee145b;
}

/* CONTENT */
.allcontent {
  margin-top: 47px !important;
}



#content_box {
    margin-top: -41px !important;
}
#content.content.content--tabs ,
#content:not(.content--latest) {
/*     display: inline-block !important; */
    min-width: 99% !important;
/*     height: 100% !important; */
/*     min-height: 1650px !important; */
/*     max-height: 100% !important; */
    padding: 5px 19px !important;
border: 1px solid red !important;
border-top: 1px solid green !important;
}

#content .column.size-1of9 {
    float: left;
    width: 11.111%;
    height: 100% !important;
/*     max-height: 1600px !important; */
/* background: red !important; */
}


#content.content--latest {
border: 1px solid red !important;
/* border-top: 1px solid green !important; */
}
#sidebar + #content{
    margin: 0 0 0 260px !important;
}
#content[itemprop="mainContentOfPage"]  {
    min-width: 1622px !important;
    max-width: 1622px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    overflow: hidden;/* 
background: blue !important; */
/* outline: 1px solid violet !important; */
}

#content[itemprop="mainContentOfPage"] #items_wrapper  {
    max-width: 100% !important;
    overflow: hidden;
/* background: red !important; */
/* outline: 1px solid violet !important; */
}

#content.content.content--tabs {
    min-width: 100% !important;
    margin: 40px 0 0 0  !important;
}
#sp-separator-2  + #content.content.content--tabs {
    margin: 0  !important;
}

.content.content--tabs .activity #H2-3 {
    color: peru !important;
    left: 35% !important;
    position: absolute !important;
    top: 100px !important;
    width: 25% !important;
    z-index: 500;
font-size: 17px !important;
}
.sp-separator + #content.content.content--tabs .container.activity .title  h2 {
    color: peru !important;
    left: 35% !important;
    position: absolute !important;
    top: -20px !important;
    width: 25% !important;
    z-index: 500;
font-size: 17px !important;
}
.content.content--tabs .container.activity #H2-3 {
    top: -20px !important;
}


/* .size-1of9 {
    width: 100% !important;
}
 */
#nsw {
    display: inline-block !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 auto;
    max-width: 100% !important;
    min-width: 100% !important;
color: gray !important;
background: #222 !important;
}
#content_top_level {
    height: 23px;
/* margin-bottom: 87px; */
    border-bottom: 2px solid #e2e2e2;
    padding-bottom: 20px;
}

#nsw>form {
position: relative !important;
    display: inline-block !important;
    max-width: 100% !important;
/*     min-width: 100% !important; */
    height: 38px !important;
    left: 0px !important;
    margin-bottom: 5px !important;
    top: -30px !important;
margin-top: -21px !important;
    padding: 0px 20px !important;
text-align: center !important;
border: 1px solid red !important;
}
#nsw_f {
    display: inline-block !important;
min-width: 598px !important;
    max-width: 598px !important;
    height: 30px !important;
    margin-left: 0px !important;
/*     margin-bottom: 55px !important; */
margin-top: 2px !important;
padding: 0 20px !important;
}
#nsw_f .dt {
display: inline-block !important;
    width: 100% !important;
min-width: 778px !important;
    max-width: 778px !important;
    height: 100% !important;
    min-height: 30px !important;
    max-height:30px !important;
    margin-left: -196px !important;
    margin-top: 2px !important;
}
#nsw_f .dr {
display: inline-block !important;
/* float: left !important; */
/* clear: both !important; */
    width: 100% !important;
/*     min-width: 1300px !important; */
    max-width: 1300px !important;
    height: 100% !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 !important;
}


#nsw_f_inpt_w  {
/*     display: inline-block !important; */
    width: 100% !important;
min-width: 730px !important;
    max-width: 730px !important;
    height: 100% !important;
    min-height: 25px !important;
    max-height: 25px !important;
    padding: 0 !important;
}
#nsw_f_inpt {
/*     display: inline-block !important; */
    width: 100% !important;
min-width: 700px !important;
    max-width: 700px !important;
    height: 100% !important;
    min-height: 25px !important;
    max-height: 25px !important;
    padding: 0 !important;
}

#nsw_f_sbmt_w {
/*     display: inline-block !important; */
float: right !important;
    height: 100% !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin-top: -29px !important;
    padding: 0 !important;
}
input#nsw_f_sbmt {
/*     display: inline-block !important; */
    height: 100% !important;
    min-height: 30px !important;
    max-height: 30px !important;
    padding: 0 !important;
}

#nsw_tls {
    margin-bottom: 19px !important;
    margin-top: -37px !important;
    color: #c2c2c2;
    padding: 0 20px 20px;
}
#nsw_r {
    height: 737px !important;
    padding: 0 5px 5px;
}

.nsw_r_w {
    display: inline-block;
    height: 245px !important;
    width: 157px !important;
    margin-top: -34px !important;
    margin-right: 5px !important;
    margin-bottom: 40px !important;
    overflow: hidden;
    outline: 1px solid violet;
}

#nsw .nsw_r_w .dt {
    display: inline-block !important;
    height: 245px !important;
    width: 157px !important;

}
#nsw .nsw_r_w .dt .dr {
    display: inline-block !important;
    height: 245px !important;
    width: 157px !important;
text-align:  left !important;
}

.nsw_r_thmb_w.dc {
    display: inline-block !important;
    width: 157px !important;
    vertical-align: middle;
text-align:  center !important;
}
.nsw_r_rb.dc {
/*     display: inline-block; */
    vertical-align: middle;
    float: right !important;
    height: 50px !important;
    line-height: 15px;
    width: 150px !important;
    margin-top: 1px;
    padding: 0 !important;


}
.nsw_r_tit {
/*     display: inline-block; */
    float: left !important;
    width: 150px !important;
    line-height: 12px !important;
    color: #ed145b;
    font-size: 10px;
    font-weight: 300;
}
.nsw_r_det {
/*     display: inline-block; */
    float: right !important;
    line-height: 12px !important;
}

.nsw_r_desc {
    color: #393d43;
position: relative !important;
display: inline-block !important;
/*     float: left !important; */
height: 95px !important;
    line-height: 13px !important;
    width: 157px !important;
    margin-left: -5px !important;
/* margin-top: 50px !important; */
bottom: 0px !important;
font-size: 12px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new2) FORUM SERACH - === */
#hsf_wrap {
    float: right !important;
    height: 100% !important;
    min-height: 20px !important;
    max-height: 20px !important;
    width: 30% !important;
    margin-top: 0px;
    margin-right: 300px !important;
    padding-left: 0px !important;
    vertical-align: middle;
    background: #393d43 none repeat scroll 0 0;
}
#hsf_sbmt,
#hsf_cont .dr div ,
#hsf_cont .dr ,
#hsf_cont {
    display: inline-block !important;
    height: 100% !important;
    min-height: 20px !important;
    max-height: 20px !important;
    line-height: 20px !important;
    vertical-align: top !important;
}
#hsf_wrap #hsf_fld {
    width: 100%;
    height: 100% !important;
    min-height: 20px !important;
    max-height: 20px !important;
    line-height: 12px !important;
    padding: 0;
    font-size: 12px;
color: white !important;
}
#hsf_cont .dr {
    width: 100% !important;
}
#hsf_fld_wrp {
    width: 88% !important;
}

/* LOGIN BOX */
#top_row #loggedin_box_new {
    position: absolute;
    display: inline-block;
    height: 20px;
    width: 228px;
    right: 20px !important;
    padding: 0 16px;
    transition-duration: 0.5s;
    vertical-align: middle;
    overflow: hidden !important;
color: peru !important;
background: #3d4147 ;
}
#loggedin_box_new:hover {
    position: absolute;
    display: inline-block;
    height: auto !important;
    width: 228px;
    left: 260px !important;
    padding: 0 16px;
    transition-duration: 0.5s;
    vertical-align: middle;
    overflow: hidden !important;
color: peru !important;
background: #3d4147 ;
}
#loggedin_box_new_avatar {
    height: 20px ;
    width: 20px ;
}
#event_dropper_wrapper {
    top: 19px !important;
}
/* FORUM - NEW POST BUTTON */
#hcnp_wrap {
    float: right !important;
    height: 100% !important;
    min-height: 20px !important;
    max-height: 20px !important;
    width: 10% !important;
    margin-top: 0px;
    padding-left: 0px !important;
    vertical-align: middle;
    background: #393d43 none repeat scroll 0 0;
}
#h_cnp {
    padding: 0px 15px !important;
}

/* POSTS */

/* POST - TITLE */
.thread .maincolumn__title {
    font-size: 19px;
    letter-spacing: -1px;
    margin-top: -10px;
color: violet !important;
    text-align: center;
    text-transform: capitalize !important;
    font-family: "Roboto",sans-serif !important;
}
/* POPUP */
.thread__container.thread__container--open  .content.thread.content--thread  .maincolumn__title {
    width: 888px !important;
    font-size: 19px;
    letter-spacing: -1px;
    margin-top: -10px;
color: violet !important;
    text-align: left !important;
    text-transform: capitalize !important;
    font-family: "Roboto",sans-serif !important;
}

/* POST - AUTHOR */
.thread .maincolumn__author {
    color: #777;
    margin-bottom: 8px;
    margin-top: 16px;
}

/* POST - COMMENT */

.thread__container--open .wrapper {
background: #222 !important;
}
#thread__content.content.thread.content--thread {
    overflow: visible !important;
background: #222 !important;
}

.comment:first-child {
    margin-top: 5px;
}
.comment {
    margin-bottom: 5px;
    padding: 2px 3px 3px 2px !important;
    background-color: #111 !important;
}

#item_content_box {
    margin: 0 auto;
    width: 100% !important;
}

#item_content_box #item_detail_side {
    float: left;
    padding: 0 0 0 5px;
    min-width: 1045px !important;
}
#other_unsolved_wrapper {
/*   overflow: hidden; */
  width: 929px !important;
}

#other_unsolved_items {
  overflow: hidden;
  width: 929px;
}

#item_detail_wrapper #idanr {
    width: 556px;
    padding: 20px 0;
color: gold ;
background: black ;
}


/* POST - LINK/ FLAG ICON */
.thread .maincolumn__photo__nav__button--flag, 
.thread .maincolumn__photo__nav__button--link {
    position: absolute;
    left: -60px !important; 
    top: -56px;
transform: scale(0.7) !important;
z-index: 5000 !important;
}

/* POST - COMMENT CONFIRM */
.comment__confirm {
/*     position: absolute; */
position: relative !important;
  width: 99% !important;
    height: 30px !important;
    line-height: 30px !important;
    margin-left: 0px !important; 
/*     top: 6px; */
margin-bottom: 0px !important;
bottom: 0px !important;
    padding: 2px !important;
background: #111 !important;
/* border: 1px solid red !important; */
}
/* .comment--correct .comment__confirm__button--thanks {
    display: inline-block;
    width: 64px;
} */
.comment__confirm__button--thanks {
    display: inline-block;
    width: 64px;
    line-height: 19px !important;
    height: 15px !important;
    margin-top: -2px !important;
    font-size: 15px !important;
}

/* POST - COMMENT PREVIEW */
.comment__previews>a:before {
content: " > (" attr(href)")" ;
    display: inline-block;
  width: 740px !important;
    color: #337ab7;
}
.comment__previews>a:visited:before {
content: " > (" attr(href)")" ;
    display: inline-block;
  width: 740px !important;
color: tomato ;
}
/* POPUP */
.thread__container.thread__container--open  .content.thread.content--thread .comment__previews>a:before {
content: " > (" attr(href)")" ;
    display: inline-block;
  width: 570px !important;
    color: #337ab7;
}
.comment__previews>a:visited:before {
content: " > (" attr(href)")" ;
    display: inline-block;
  width: 570px !important;
color: tomato ;
}

/* LINKS  */

.postbit a .postbit__img{
    border: 2px solid gray !important;
}
.postbit a:visited .postbit__img{
    border: 2px solid red !important;
}
.comment__info {
    display: inline-block !important;
float: none !important;
width: 100% !important;
margin-top: 15px !important;
border-top: 1px dashed gray !important;
}
.comment__info a {
    display: inline-block !important;
float: none !important;
width: 100% !important;
    text-decoration: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: peru;
}
.comment__text a:not(.pornstar) {
    display: inline-block !important;

width: 100% !important;
    min-width: 50px !important;
    max-width: 740px !important;
    text-decoration: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: peru;
}
/* POPUP */
.thread__container.thread__container--open  .content.thread.content--thread .comment__text>a:not(.pornstar) {
display: inline-block !important;

width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    text-decoration: none !important;
    white-space: pre-wrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    color: peru;
/* background: red !important; */
}

.comment__text a:not(.pornstar):visited {
    color: tomato !important;
}

/* POPUP INFOS */
#thread__container.thread__container.thread__container--open  .thread__container__close + #thread__wrapper #thread__content.content.thread.content--thread .container > .row {
    display: inline-block !important;
    margin-left: -15px;
    margin-right: -15px;
}
/*MAIN */
#thread__container.thread__container.thread__container--open  .thread__container__close + #thread__wrapper #thread__content.content.thread.content--thread .container > .row  .maincolumn {
    width: 99.667%;
padding: 5px !important;
border: 1px solid gray !important;
}
/* PHOT */
#thread__container.thread__container.thread__container--open .thread__container__close + #thread__wrapper #thread__content.content.thread.content--thread .container > .row .maincolumn .maincolumn__photo {
    position: relative;
    display: inline-block !important;
float: left !important;
    width: 50% !important;
min-height: 500px !important;
max-height: 500px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
padding: 5px !important;
overflow: hidden !important;
border: 1px solid gray !important;
}
#thread__container.thread__container.thread__container--open .thread__container__close + #thread__wrapper #thread__content.content.thread.content--thread .container > .row .maincolumn  .maincolumn__photo__wrapper ,
.thread .maincolumn__photo__wrapper {
    width: auto;
min-height: 450px !important;
max-height: 450px !important;
}

.thread .maincolumn__photo__notice {
    background-color: #111;
    color: gold !important;
}
.thread .maincolumn__photo__notice a {
    color: tomato !important;
}


#thread__container.thread__container.thread__container--open .thread__container__close + #thread__wrapper #thread__content.content.thread.content--thread .container > .row .maincolumn .maincolumn__photo img ,
.row .maincolumn .maincolumn__photo img  {
    display: inline-block !important;
    width: auto;
min-height: 450px !important;
max-height: 450px !important;
object-fit: contain !important;
}

#thread__container.thread__container.thread__container--open .thread .maincolumn__photo__nav__button--flag, 
#thread__container.thread__container.thread__container--open .thread .maincolumn__photo__nav__button--link {
    left: 0px !important;
    position: absolute;
    top: 0px !important;
    transform: scale(0.7);
    z-index: 5000;
}
#thread__container.thread__container.thread__container--open .thread__container__close + #thread__wrapper #thread__content.content.thread.content--thread .container > .row .maincolumn .maincolumn__photo__nav ,
.thread .maincolumn__photo__nav {
    background-color: #111 !important;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
}
/* COMM */
#thread__container.thread__container.thread__container--open  .thread__container__close + #thread__wrapper #thread__content.content.thread.content--thread .container > .row #allcomments {
    position: relative;
    display: inline-block !important;
float: none !important;
    width: 50% !important;
min-height: 500px !important;
max-height: 500px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: -2px !important;
padding: 5px !important;
overflow: hidden !important;
overflow-y: auto!important;
border: 1px solid gray !important;
}
.makecomment {
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    margin-bottom: 14px;

    text-align: left;
    padding: 5px;
    background-color: #333 !important;
}
.makecomment textarea {
    border-color: #abadb3 #dbdfe6 currentcolor #e2e3ea;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    font-size: 15px;
    width: 100%;
    background-color: #222 !important;
}
.makecomment__button {
    display: block;
    height: 24px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    position: relative;
    width: 120px;
}
.makecomment__button .button, .makecomment__button .button__pink, .makecomment__button .button__red, .makecomment__button .button__gray {
    border: 0 none;
    height: 24px;
    line-height: 24px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 120px;
}

.makecomment .previews {
    background-color: #111 !important;
    border-color: #c4c5ca #dbdfe6 #e3e9ef #e2e3ea;
    border-style: dashed solid solid;
    border-width: 1px;
    min-height: 24px;
    padding: 0 14px 14px;
    position: relative;
    top: 0;
}

.makecomment__button .text {
    color: #fff;
    display: block;
    font-family: bignoodle;
    font-size: 20px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 5px !important;
    transition: all 0s ease 0s, all 200ms ease 0s, all 0s ease 0s;
    width: 100%;
    z-index: 10;
}
.button, .button__gray, 
.button__red, .button__pink {
    border-radius: 3px;
    box-shadow: 3px 3px 0 black !important;
    font-family: bignoodle;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    transition: all 0s ease 0s, all 200ms ease 0s, all 0s ease 0s;
}
/* (new2) PAGINATION */
.pagination__button:hover:not(.pagination__button--selected) {
    background-color: #ff00ec;
    color: #fff;
}
.pagination__button--selected {
    background-color: #661460 !important;
    box-shadow: 0 1px 2px transparent inset;
    cursor: default;
    pointer-events: none;
}

/* 


/* ==== END ==== */
}