API tools faq
paste
Zero_G

DLsite Dark Style

Zero_G
Oct 26th, 2020 (edited)
265
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.74 KB | None | 0 0
raw download clone embed print report
  1. /*@-moz-document domain("dlsite.com")*/
  2. @-moz-document url-prefix("https://www.dlsite.com")
  3. {
  4.   :root
  5.   {
  6.     --fg: #c5c8c6;
  7.     --bg: #282a2e;
  8.     --bg-darker: #181a1b;
  9.     --bg-dark: #1d1f21;
  10.     --border: #373b41;
  11.     --blue: #81a2be;
  12.     --red: #cc6666;
  13.     --green: #52c196;
  14.     --purple: #AC7BBA;
  15.     --yellow: #CBCA77;
  16.     --cyan: #4CB3BC;
  17.   }
  18.  
  19.  /* --- Custom --- */
  20.   .check > p,
  21.   .check > p > span,
  22.   .check > p > span > label{
  23.     border-radius: 25px;
  24.     background: var(--bg-darker) !important;
  25.   }
  26.  
  27.   .coupon_text{
  28.     background:black !important;
  29.     border-color: black !important;
  30.   }
  31.  
  32.   .frame_double_list .clearfix > dt > p > span{
  33.     border-radius: 25px;
  34.     background: var(--bg-darker) !important;
  35.     padding-left: 10px;
  36.   }
  37.  
  38.   .popularity_reviewer.gold{
  39.     color: black !important;
  40.   }
  41.  
  42.   .carousel_right.disable,
  43.   .carousel_left.disable,
  44.   .carousel_right,
  45.   .carousel_left
  46.   {
  47.     background: none !important;
  48.   }
  49.  
  50.   .work_series,
  51.   .recommend_list,
  52.   .more_load,
  53.   .slide_title
  54.   {
  55.     background: var(--bg-darker) !important;
  56.   }
  57.  
  58.   #search_result_img_box,
  59.   #search_result_list
  60.   {
  61.     background: var(--bg) !important;
  62.     border: var(--border) !important;
  63.   }
  64.  
  65.   .footer_floor_nav,
  66.   .floor_list,
  67.   .title_01,
  68.   select,
  69.   select option
  70.   {
  71.     background: var(--bg-dark) !important;
  72.   }
  73.  
  74.   ._version_up > .odd
  75.   {
  76.     background: var(--bg-dark) !important;
  77.     border: 1px solid var(--border) !important;
  78.   }
  79.  
  80.   ._version_up > .even,
  81.   .light_popover_inner
  82.   {
  83.     background: var(--bg) !important;
  84.     border: 1px solid var(--border) !important;
  85.   }
  86.  
  87.   .l-eisysGroupHeader.type-dlsite,
  88.   .search_result_img_box_inner.for_pc,
  89.   .search_result_img_box_inner.for_android,
  90.   .search_result_img_box_inner.type_exclusive_01.for_android,
  91.   .swiper-slide,
  92.   #_touch_link,
  93.   #work_touch_only,
  94.   .floorTab-item.type-ebook,
  95.   .floorTab-item.type-com,
  96.   .floorTab-item.type-nijiyome,
  97.   .list_content_text_item,
  98.   .rank1-10,
  99.   .rank11-20,
  100.   .rank21-30
  101.   {
  102.     background: var(--bg-dark) !important;
  103.     border-color: var(--border) !important;
  104.   }
  105.  
  106.   #search_button,
  107.   .globalSearchSelect
  108.   {
  109.     border: 1px solid var(--border);
  110.   }
  111.  
  112.   .btn_trial{
  113.     background: var(--bg-dark) !important;
  114.     color: var(--fg) !important;
  115.   }
  116.  
  117.   .link_cien_box > .body > p,
  118.   .link_cien_box > .body > p > span
  119.   {
  120.     color:white!important;
  121.   }
  122.  
  123.   .floorTab-item.type-doujin.is-active > h1 > a
  124.   {
  125.     background: black !important;
  126.     color: var(--fg) !important;
  127.   }
  128.  
  129.   .floorTab-item.type-doujin.is-active::after
  130.   {
  131.     background: black !important;
  132.   }
  133.  
  134.   .work_edition_linklist_item
  135.   {
  136.     background: var(--bg-dark) !important;
  137.     border-color: var(--border) !important;
  138.   }
  139.  
  140.   .work_edition_linklist_item.current
  141.   {
  142.     border-color: #f57b01 !important;
  143.   }
  144.  
  145.   /* Custom Catergory Tags */
  146.  
  147.   .work_category.type_MDC,.work_category.type_MNG,.work_category.type_SCM,.work_category.type_comic
  148.   {
  149.     background:#636b5c;
  150.       color: #b0c999 !important;
  151.   }
  152.  
  153.   .work_category.type_GSH,.work_category.type_ICG,.work_category.type_IN2,.work_category.type_INV,.work_category.type_IST,.work_category.type_magazine
  154.   {
  155.     background:#475969;
  156.     color: #b2c6d9 !important;
  157.     }
  158.        
  159. .work_category.type_ACN,.work_category.type_ADV,.work_category.type_DNV,.work_category.type_ETC,.work_category.type_GAE,.work_category.type_MOV,.work_category.type_PZL,.work_category.type_QIZ,.work_category.type_RPG,.work_category.type_SLN,.work_category.type_STG,.work_category.type_TBL,.work_category.type_TYP,.work_category.type_oneshot,.work_category.type_short
  160.   {
  161.       background:#645b6b;
  162.     color: #c2b0d1 !important;
  163.   }
  164.  
  165.   .work_category.type_MUS,.work_category.type_SOU
  166.   {
  167.       background:#473f29;
  168.     color: #c9c0ab !important;
  169.     }
  170.  
  171.   .work_category.type_AMT,.work_category.type_ET3,.work_category.type_ET4,.work_category.type_IMT,.work_category.type_KSV,.work_category.type_NR2,.work_category.type_NRE,.work_category.type_TOL
  172.   {
  173.       background:#4f4f4f;
  174.     color: #c4c4c4 !important;
  175.     }
  176.  
  177.   /* --- Generic --- */
  178.   html,
  179.  #container,
  180.  input:hover
  181.   {
  182.     background: var(--bg) !important;
  183.   }
  184.  
  185.   *,
  186.  span.gray
  187.   {
  188.     color: var(--fg) !important;
  189.   }
  190.  
  191.   a,
  192.  h1,
  193.  h2,
  194.  h3
  195.   {
  196.     color: var(--blue) !important;
  197.   }
  198.  
  199.   a:hover
  200.   {
  201.     color: var(--red) !important;
  202.   }
  203.  
  204.   button,
  205.  
  206.  /*ul,*/
  207.  /*li,*/
  208.  /*li a,*/
  209.  input,
  210.  thead > tr,
  211.  thead > tr > th
  212.   {
  213.     background: var(--bg-dark) !important;
  214.     border-color: var(--border) !important;
  215.   }
  216.  
  217.   button:hover,
  218.  li:hover,
  219.  li > a:hover
  220.   {
  221.     background-color: var(--border) !important;
  222.   }
  223.  
  224.  /* --- Specific --- */
  225.  /* Front page */
  226.   #index2_main,
  227.  .floor_link li
  228.   {
  229.     background-color: var(--bg) !important;
  230.   }
  231.  
  232.   #index2_header,
  233.  #index2_footer div,
  234.  .on,
  235.  .pc_link a
  236.   {
  237.     background-color: var(--bg-dark) !important;
  238.     color: var(--fg) !important;
  239.     border-color: var(--border) !important;
  240.   }
  241.  
  242.   .tab_pc,
  243.  .floor_tab,
  244.  .globalSearch
  245.   {
  246.     border-color: var(--border) !important;
  247.   }
  248.  
  249.  /* Maniax */
  250.   .headerCore-main,
  251.  .floorTab-item,
  252.  .link_genre_top,
  253.  .rank_color td,
  254.  h1#work_name > a,
  255.  .tab a:hover,
  256.  .weekday,
  257.  .ranking_top_worklist_item,
  258.  .tab a,
  259.  #default_tab_160,
  260.  .work_spec_list dd,
  261.  .suggest-head,
  262.  .suggest-more,
  263.  table.border_b,
  264.  .search_condition_box,
  265.  .search_condition,
  266.  .status_select_box,
  267.  .rating_popup > *,
  268.  .rating_popup table th,
  269.  .rating_popup table td,
  270.  .rating_meter,
  271.  .bg_trans,
  272.  .l-content,
  273.  ._cart_item:hover td,
  274.  /*.work_series,*/
  275.  body
  276.   {
  277.     background: var(--bg) !important;
  278.     border-color: var(--border) !important;
  279.   }
  280.  
  281.   h1,
  282.  /*h2,*/
  283.  h3,
  284.  h4,
  285.  .headerCore,
  286.  .headerCore-main,
  287.  .footer_section,
  288.  #copyright,
  289.  .globalGuide *,
  290.  li.is-active a,
  291.  .floorNavLink div a,
  292.  .floorTab-item.is-active::after,
  293.  .globalSearchSelect-lable,
  294.  .work_push_subheading,
  295.  .push_thumb,
  296.  /*.list_head h4,*/
  297.  .left_module h3,
  298.  .left_module > *,
  299.  .right_module > *,
  300.  /*.work_category,*/
  301.  .search_tag a,
  302.  .more_work_box,
  303.  .type_exclusive,
  304.  .work_genre span,
  305.  .display_filter span,
  306.  .type_sale,
  307.  .slider_controller,
  308.  #work_buy_box_wrapper *,
  309.  .add_follow *,
  310.  #default_tab_120,
  311.  .tab.on a,
  312.  .holiday,
  313.  .saturday,
  314.  .left_month_btn,
  315.  .right_month_btn,
  316.  .day,
  317.  .review_content td,
  318.  .guide_text,
  319.  .announce_text,
  320.  .more_right,
  321.  .ranking_top_worklist_item:nth-child(even) .rank,
  322.  .ranking_header,
  323.  .ranking_footer *,
  324.  .search_condition th,
  325.  .save_search_condition_button,
  326.  .research_button,
  327.  .search_more p,
  328.  #footer_nijiyome_banner,
  329.  .eng_lead_message a,
  330.  .work_operation_btn,
  331.  .work_ncol,
  332.  .review_title,
  333.  .btn_ver_up a,
  334.  #work_buy_box_wrapper,
  335.  .link_dl_ch *,
  336.  .dc_work_group,
  337.  .dc_work_group_header a:hover,
  338.  .work_sample_inner,
  339.  .select,
  340.  .main_modify_box_end,
  341.  .main_modify_box_end *,
  342.  .table_inframe_box,
  343.  .table_inframe_box_inner *,
  344.  .work_request,
  345.  .selectlg_container *,
  346.  .slider_body,
  347.  .slider_popup,
  348.  .slider_popup_mainbox,
  349.  li.__reserved::after,
  350.  .work_spec_list dt,
  351.  #work_win_only,
  352.  .detailedSearch,
  353.  .detailedSearch a,
  354.  ._scroll_position,
  355.  .genre_heading,
  356.  .search_pager,
  357.  .extend_search,
  358.  #search_hint,
  359.  #search_hint *,
  360.  .floorSubNav,
  361.  .headerCore-mainInner,
  362.  #work_protect,
  363.  .globalSearchSelect-lable::before,
  364.  .btn_wrap a,
  365.  .header_guide_btn,
  366.  .selectbox_inner,
  367.  .loading::before,
  368.  .left_module_content,
  369.  .work_thumb,
  370.  .same_work td,
  371.  .matome_content,
  372.  .content_item,
  373.  .review_btn a,
  374.  .matome_btn a,
  375.  .reviewer_recommend,
  376.  /*.l-header,*/
  377.  .footerBox,
  378.  .mainBox-body,
  379.  .contentLoginRegist-item,
  380.  .contentLoginRegist-item p,
  381.  .contentBox,
  382.  .btn,
  383.  .main_liquid_box,
  384.  .main_liquid_box div,
  385.  .headerFloorGuide a,
  386.  .heading,
  387.  #in_right div,
  388.  #in_right dl,
  389.  .icon_lead_01,
  390.  .emoney_text,
  391.  #cart_work_list .item_name th,
  392.  .complete.right_last,
  393.  .btn_default,
  394. .to_search_details a,
  395. .genre_work_push::before,
  396. .genre_work_push::after,
  397. .message_attention,
  398. .sub_title,
  399. .page_no,
  400. .btn_release
  401.   {
  402.     background: var(--bg-dark) !important;
  403.     color: var(--fg) !important;
  404.     border-color: var(--border) !important;
  405.     outline-color: var(--border) !important;
  406.   }
  407.  
  408.  
  409.  /* - Header - */
  410.   .headerNav-item > a:hover,
  411.  .floorNavLink-item > a:hover
  412.   {
  413.     background-color: var(--border) !important;
  414.   }
  415.  
  416.   .globalSearch,
  417.  .detailedSearch,
  418.  .detailedSearch a
  419.   {
  420.     box-shadow: none !important;
  421.   }
  422.  
  423.   /*.title_01,*/
  424.  .title_01_br,
  425.  .base_title_br,
  426.  .base_title,
  427.  .base_title h1,
  428.  .work_price_wrap::after,
  429.  .refine_work_list,
  430.  #maker_list_header,
  431.  .page_no ul
  432.   {
  433.     background: none !important;
  434.   }
  435.  
  436.   .push_prev,
  437.  .push_next
  438.   {
  439.     background-color: var(--bg-dark) !important;
  440.   }
  441.  
  442.   .daynow a,
  443.  .exist a:hover
  444.   {
  445.     background-color: var(--blue) !important;
  446.   }
  447.  
  448.  /* - Side panels - */
  449.   div.right_module > h3,
  450.  .right_module .icon_text,
  451.  #left .list_sale_ul,
  452.  .right_announce p.announce_text
  453.   {
  454.     background: var(--bg-dark) !important;
  455.   }
  456.  
  457.   .link_list_item,
  458. .search_condition td
  459.   {
  460.     border-color: var(--border) !important;
  461.   }
  462.  
  463.  /* - Works - */
  464.   .n_worklist::before,
  465.  .n_worklist_item,
  466.  .work_spec *,
  467.  .work_spec_list *,
  468.  p.track_text,
  469.  .work_tracklist_list,
  470.  .n_worklist td,
  471.  .btn_post::after,
  472.  #price_total
  473.   {
  474.     border-color: var(--border) !important;
  475.   }
  476.  
  477.   .btn_cart,
  478.  .btn_favorite
  479.   {
  480.     background: var(--bg-dark) !important;
  481.   }
  482.  
  483.   .btn_post,
  484.  a.btn_post i
  485.   {
  486.     color: var(--blue) !important;
  487.     text-shadow: none !important;
  488.   }
  489.  
  490.   .purchased
  491.   {
  492.     border-color: var(--red) !important;
  493.   }
  494.  
  495.  /* Info */
  496.   .work_price,
  497.  .work_price *,
  498.  .type_sale,
  499.  .reviewer_recommend
  500.   {
  501.     color: var(--red) !important;
  502.   }
  503.  
  504.   .work_point
  505.   {
  506.     color: var(--green) !important;
  507.   }
  508.  
  509.  /* Categories */
  510.   .type_SOU a,
  511.  .type_free
  512.   {
  513.     color: var(--green) !important;
  514.   }
  515.  
  516.   .type_SLN a
  517.   {
  518.     color: var(--purple) !important;
  519.   }
  520.  
  521.   .type_MNG a
  522.   {
  523.     color: var(--yellow) !important;
  524.   }
  525.  
  526.   .type_RPG a
  527.   {
  528.     color: var(--cyan) !important;
  529.   }
  530.  
  531.  /* Tags */
  532.   span.icon_R15,
  533.  span.icon_GEN
  534.   {
  535.     color: var(--green) !important;
  536.   }
  537.  
  538.   span.icon_ADL
  539.   {
  540.     color: var(--red) !important;
  541.   }
  542.  
  543.   .search_tag a:hover
  544.   {
  545.     background-color: var(--border) !important;
  546.   }
  547.  
  548.  /* - Ranking - */
  549.   .ranking_top_container *,
  550.  .ranking_option_wrap::before
  551.   {
  552.     border-color: var(--border) !important;
  553.     box-shadow: none;
  554.   }
  555.  
  556.   .ranking_option_tab_item.selected > a::before
  557.   {
  558.     border-color: var(--blue) !important;
  559.   }
  560.  
  561.   .genre_push_next::before
  562.   {
  563.     box-shadow: -3px 3px 0 var(--fg) inset;
  564.   }
  565.  
  566.   .genre_push_prev::before
  567.   {
  568.     box-shadow: 3px -3px 0 var(--fg) inset;
  569.   }
  570. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!