Skip to content

NameThatPorn.com by darkthemenator

Write a review Install Get Stylus

Details

Authordarkthemenator

LicenseJust use

Categoryporn

Created

Updated

Size33 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

True Dark theme low contrast

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         NameThatPorn.com
@version      20240804.08.46
@namespace    https://userstyles.world/user/darkthemenator
@description  True Dark theme low contrast
@author       darkthemenator
@license      Just use
==/UserStyle== */

@-moz-document domain("namethatporn.com") {
a:hover, span.fakelink:hover, span.fl:hover {
    color: #666 !important;
}
.item {
    margin: 0 0 10px 10px;
    width: 215px;
    float: left;
    /*NOVO*/
    box-shadow: 0px 1px 8px #141414;
}

.item_title {
		background: #171717;
		color: #ed145b;
		font-weight: 400 !important;
		font-size: 16px;
		line-height: 24px;
		padding: 15px 5px 15px 15px;
		display: block;
}

.item_info, .item_answer {
    background: #171717;
    padding: 15px;
    border-top: 1px solid #111;
    /*NOVO*/
    color: #4d4d4d !important;
}

#breadcrumbs .crumb i {
    color: #333;
    font-weight: 100;
    font-size: 14px;
}

.item_date, .item_views, .item_favs, .item_comments {
    display: inline-block;
    color: #4d4d4d;
    font-size: 13px !important;
}


#content_top_level {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #222;
}

body {
    height: 100%;
    background: #111 !important;
}

#sidebar {
    position: absolute;
    float: left;
    width: 260px;
    background: #111;
}

#logo {
    display: table-cell;
    width: 260px;
    background: #111 url(/assets/imgs/logo.svg) center no-repeat;
    background-size: 195px;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
}

#logo:hover {
    background-color: #171717;
}

.sbitm_ttl, .sbitm_nfo {
    background: #1a1a1a;
    padding: 10px;
}
.sbitm_nfo {
    border-top: 1px solid #171717;
    padding: 10px;
}

.sbitm_nfo_d, .sbitm_nfo_v, .sbitm_nfo_c {
    vertical-align: top;
    display: inline-block;
    color: #333;
    font-size: 11px;
    padding-right: 5px;
}

.sdbr_ftr {
    margin-top: 20px;
    padding: 10px 0 10px;
    text-align: center;
    background: #111;
    color: #444;
    font-size: 13px;
    line-height: 22px;
}

.lc_image {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    border: 3px solid #000;
}

.lc_para {
    float: left;
    padding: 0 10px;
    width: 160px;
    word-wrap: break-word;
    font-size: 11px !important;
    line-height: 18px;
    margin-top: -3px;
    color: #444 !important;
}

.lc_author {
    color: #555 !important;
}

.sdbrmi.actv {
    color: #bfbfbf;
    border: solid 1px #ed145b;
    border-radius: 3px;
    padding-left: 10px;
    margin-left: -10px;
}
.sdbrsts_lbl {
    display: inline-block;
    font-size: 16px;
    color: #41464d;
    padding: 5px 0 5px;
}

.tp15_cnt {
    float: right;
    color: #777;
    font-weight: 600;
}

.tp15_itm {
    color: #999;
    list-style-type: decimal;
}

#natsela {
    padding: 7px 10px;
    cursor: pointer;
    background: #171717;
    border: 2px solid #1a1a1a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #666;
}

#natsel.opnd #natsela {
    background: #222;
    border: 2px solid #222;
}

#natselo {
    width: 226px;
    position: absolute;
    display: none;
    border: 2px solid #222 !important;
    border-top: 2px solid #222 !important;
    margin-top: -2px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

#natseld {
    float: right;
    margin: -3px 5px 0 0;
    color: #666 !important;
}

#natselo>li {
    padding: 7px 10px;
    color: #666;
    border-top: 1px solid #111;
    background: #222;
    cursor: pointer;
}

#natselo>li.actv {
    color: #ed145b;
}
#natselo>li.actv>i {
    color: #ed145b;
}

#natsela>i {
    /* color: #ed145b; */
    font-weight: 700;
    margin-right: 10px;
}

#natselo .sw {
    padding: 10px !important;
    background: #222 !important;
    cursor: default !important;
}

#natsels:disabled {
    background: #333;
    cursor: default;
}

#hsf_wrap {
    display: table-cell;
    vertical-align: middle;
    background: #111;
    padding-left: 16px;
}

#natselo {
    width: 226px;
    position: absolute;
    display: none;
    border: 2px solid #ececec;
    border-top: none;
    margin-top: -2px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

#hcnp_wrap {
    display: table-cell;
    vertical-align: middle;
    background: #111;
    padding: 0 15px;
    text-align: right;
    width: 123px;
}

#loggedin_box_new {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    width: 228px;
    height: 68px;
    padding: 0 16px;
    color: #fff !important;
    background: #111;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
}

#h_cnp:hover, #h_cnp:active {
    background: #8dc63f;
    color: #fff;
}
#h_cnp {
    display: inline-block;
    padding: 20px 15px;
    background: #171717;
    color: #555;
    border-radius: 5px;
    text-transform: uppercase;
    cursor: pointer;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
}

#hsf_sbmt {
    width: 58px;
    height: 58px;
    color: #333;
    font-size: 20px;
}


#hsf_cont:hover #hsf_sbmt {
    color: #666;
}

#hsf_cont:hover input::placeholder {
    color: #555;
}

#hsf_cont {
    background: #171717;
    border-radius: 5px;
}

input::placeholder {
  color: #444;
}

#smi_wrp {
    display: block;
    min-width: 500px;
    border-top: 2px solid #222;
    text-align: center;
    padding: 20px 0;
    margin-top: 15px;
}

#smi_wrp a.cur {
    background: #ed145b !important;
    color: #111 !important;
}

.item_solved {
    background: #111;
}
.item_solved, .item_thread, .item_featured, .item_hot {
    font-weight: 600;
    color: #555;
    padding: 5px 10px;
    margin-bottom: -30px;
    float: right;
    position: relative;
}
.ia_author, .ia_author {
    font-style: italic;
    color: #444;
    font-size: inherit;
}

.ia_text {
    color: #777;
    line-height: 18px;
    font-size: inherit;
    padding-bottom: 5px;
}

#item_share .item_shareicon {
    display: inline-block;
    background: #141414;
    text-align: center;
    padding: 5px;
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    cursor: pointer;
    color: #666;
}

#id_media_wrapper {
    display: block;
    overflow-x: hidden;
    text-align: center;
    background: #141414;
}

#id_title_wrapper {
    background: #141414;
    border-bottom: 2px solid #171717;
    padding: 12px 20px;
}

#id_auth_acts_dets {
    background: #141414;
    border-bottom: 2px solid #171717;
    padding: 12px 20px;
}

#id_resources_wrapper {
    background: #141414;
    border-bottom: 2px solid #171717;
    padding: 20px;
}

#idaf {
    background: #141414;
    border-bottom: 2px solid #171717;
}

.id_answer_wrapper {
    background: #141414;
    border-bottom: 2px solid #171717;
    padding: 20px;
}

.id_tag {
    display: inline-block;
    margin: 0 5px 5px 0;
    font-weight: 600;
    color: #555;
    border: 2px solid #555;
    border-radius: 3px;
    padding: 5px 5px 4px;
    cursor: pointer;
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
}

#id_item_details div {
    float: left;
    color: #555;
    margin-right: 10px;
}

#post_rating button {
    display: inline-block;
    background: #222;
    margin-left: 5px;
    font-weight: 600;
    color: #333;
    border: 2px solid #333;
    border-radius: 3px;
    padding: 3px 5px 3px !important;
    cursor: pointer;
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
}

#post_rating button i {
    margin-right: 5px;
    color: #555;
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
}

#post_rating button:hover i{
    color: #777;
}

#post_rating button:hover {
    border-color: #555;
}

#id_res_links .res_link {
    display: block;
    float: left;
    margin-left: 5px;
    font-weight: 600;
    color: #555;
    border: 2px solid #333;
    border-radius: 3px;
    padding: 5px 5px 4px;
    cursor: pointer;
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
}

#id_res_links .res_link:hover {
    color: #ee145b !important;
    border-color: #ee145b;
}

#id_surl_input input[type=text] {
    cursor: pointer;
    background: none;
    color: #444;
    font-weight: 600;
    width: 70px;
    border-radius: 3px !important;
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
}

#id_surl_input:hover input[type=text] {
    color: #ee145b !important;
}

#idaf_c_t_w {
    border: 2px solid #222;
    margin-bottom: -2px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: none;
    background: #222;
    color: #333 !important;
}

#idaf_c_f_a+label, #idaf_c_f_c+label {
    display: inline-block;
    padding: 6px 0;
    text-transform: uppercase;
    color: #444;
    font-size: 10px;
    font-weight: 700;
    width: calc(50% - 2.5px);
    text-align: center;
    cursor: pointer;
}

#idaf_c...

Reviews

No reviews yet.