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