API tools faq
paste
Guest User

shikistyle ver. 1.01

a guest
Jun 30th, 2020
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 18.61 KB | None | 0 0
raw download clone embed print report
  1. :root {
  2.   --txt-clr: rgb(0, 255, 0);
  3.     --txt-clr-trsp: rgba(0, 255, 0, 0.5);
  4.   --main-clr: rgb(41, 41, 41); /*525252 before*/
  5.   --sub-clr: rgb(82, 82, 82);
  6.     --font-main: Consolas;
  7.     --font-alt: Consolas;
  8.   --font-alt-text-letter-spacing: normal;
  9. }
  10.  
  11. @media screen and (min-width: 1050px) {
  12.   .l-page {
  13.     background-color: var(--main-clr);
  14.     color: var(--txt-clr);
  15.   }
  16.   .comments-loader, .comments-loader:hover, .comments-hider, .comments-hider:hover{
  17.     background-color: var(--sub-clr) !important;
  18.     color: var(--txt-clr) !important;
  19.     border-color: var(--sub-clr) !important;
  20.   }
  21.   .hash{
  22.     color: var(--txt-clr) !important;
  23.   }
  24.   .b-spoiler .content:hover .before, .b-spoiler .content:hover .after, .b-spoiler .content .before, .b-spoiler .content .after{
  25.     color: var(--txt-clr);
  26.   }
  27.   .b-spoiler .content .inner, .b-spoiler .content .inner-prgrph{
  28.     border-bottom-color: var(--txt-clr);
  29.   }
  30.   .b-spoiler label, .b-spoiler label:hover{
  31.     color: var(--txt-clr) !important;
  32.   }
  33.   .b-shiki_editor footer input[type="submit"], .b-shiki_editor footer .preview{
  34.     background-color: var(--sub-clr) !important;
  35.     color: var(--txt-clr) !important;
  36.   }
  37.   .b-shiki_editor footer .unpreview{
  38.     background-color: var(--main-clr) !important;
  39.     color: var(--txt-clr) !important;
  40.   }
  41.   .b-shiki_editor footer .unpreview:not(.link), .b-shiki_editor footer .unpreview:not(.link):hover{
  42.     border-bottom-color: var(--txt-clr);
  43.   }
  44.   .b-shiki_editor .links .link-value, .b-shiki_editor .images .link-value, .b-shiki_editor .quotes .link-value, .b-shiki_editor .upload .link-value, .b-shiki_editor .body .editor textarea{
  45.     color: var(--txt-clr);
  46.     background-color: var(--sub-clr);
  47.     border-color: var(--sub-clr);
  48.   }
  49.   .b-shiki_editor .links .link-value::placeholder, .b-shiki_editor .images .link-value::placeholder, .b-shiki_editor .quotes .link-value::placeholder, .b-shiki_editor .upload .link-value::placeholder, .b-shiki_editor .body .editor textarea::placeholder{
  50.     color: var(--txt-clr-trsp);
  51.   }
  52.   .b-shiki_editor .links .link-value:focus, .b-shiki_editor .images .link-value:focus, .b-shiki_editor .quotes .link-value:focus, .b-shiki_editor .upload .link-value:focus, .b-shiki_editor .body .editor textarea:focus{
  53.     border-color: var(--txt-clr);
  54.   }
  55.   .b-button.ok{
  56.     background-color: var(--sub-clr);
  57.     color: var(--txt-clr);
  58.   }
  59.   .buttons span::before, .buttons label::before{
  60.     color: var(--txt-clr);
  61.   }
  62.  
  63.   .b-quote{
  64.     color: var(--txt-clr);
  65.     background: var(--sub-clr);
  66.     border-color: var(--main-clr);
  67.   }
  68.   .b-quote .quoteable::before{
  69.     color: var(--txt-clr)
  70.   }
  71.   .b-db_entry > .c-about .contest_winners .medal::before{
  72.     color: var(--txt-clr-trsp);
  73.   }
  74.   .b-tag{
  75.     color: var(--txt-clr) !important;
  76.     border-bottom-color: var(--txt-clr) !important;
  77.   }
  78.   .b-anime_status_tag.studio[href], .b-anime_status_tag.studio[href]:hover{
  79.     background-color: var(--sub-clr);
  80.     border-color: var(--sub-clr);
  81.   }
  82.   .b-db_entry-variant-list_item{
  83.     border-top-color: var(--sub-clr) !important;
  84.   }
  85.   .b-show_more, .b-show_more:hover, .b-show_more-more .hide-more, .b-show_more-more .hide-more:hover{
  86.     color: var(--txt-clr);
  87.   }
  88.   .tipsy-inner, .tooltip-inner{
  89.     background-color: var(--main-clr) !important;
  90.     border: 1px solid var(--sub-clr);
  91.     color: var(--txt-clr) !important;
  92.     box-shadow: none !important;
  93.     -webkit-border-radius: 0px;
  94.   }
  95.   .tipsy-arrow-w, .tooltip-arrow{
  96.     visibility: hidden;
  97.   }
  98.   .total-rates{
  99.     color: var(--txt-clr) !important;
  100.   }
  101.   .b-separator.inline, .b-separator{
  102.     color: var(--txt-clr-trsp);
  103.   }
  104.   .time{
  105.     color: var(--txt-clr) !important;
  106.   }
  107.   .menu-topics-block .entry .name, .menu-topics-block .entry .name:hover{
  108.     color: var(--txt-clr) !important;
  109.   }
  110.   .midheadline .count::before, .midheadline .count::after, .subheadline .count::before, .subheadline .count::after, .b-db_entry > .c-about .additional-links .line-container > a::after{
  111.     color: var(--txt-clr) !important;
  112.   }  
  113.   .title, .title:hover{
  114.     color: var(--txt-clr) !important;
  115.     text-decoration-color: var(--txt-clr) !important;
  116.   }
  117.   .trigger-arrow, .trigger-arrow:hover, .plus, .plus:hover, .item-add, .item-add:hover{
  118.     color: var(--txt-clr) !important;
  119.     text-decoration-color: var(--txt-clr) !important;
  120.   }
  121.   .b-tooltipped.dotted{
  122.     border-bottom-color: var(--txt-clr) !important;
  123.   }
  124.   .b-tag[href]{
  125.     border-bottom: none;
  126.   }
  127.   .total-score{
  128.     color: var(--txt-clr) !important;
  129.   }
  130.   .b-lang_trigger span, .b-lang_trigger span:hover, .b-lang_trigger span::before, .b-lang_trigger span::after{
  131.     color: var(--txt-clr);
  132.   }
  133.   .other-names, .other-names:hover, .trigger, .option{
  134.     border-color: var(--sub-clr) !important;
  135.     color: var(--txt-clr) !important;
  136.     background: var(--sub-clr) !important;
  137.   }
  138.   .b-tag[href].active, .b-tag[href]:hover{
  139.     background: var(--main-clr) !important;
  140.     text-decoration: underline !important;
  141.   }
  142.   .key, .value, .text-score, .score-notice{
  143.     background: var(--main-clr) !important;
  144.     color: var(--txt-clr) !important;
  145.   }
  146.   b, .text, .rating, .b-nothing_here, p.score-source, p.score-counter, .text-score, .score-notice{
  147.     color: var(--txt-clr) !important;
  148.   }
  149.   .tooltip-inner .close{
  150.     color: var(--txt-clr);
  151.     background: none;
  152.   }
  153.   .b-add_to_list.completed .trigger, .b-add_to_list.completed .option{
  154.     background: var(--sub-clr);
  155.     border-color: var(--sub-clr);
  156.   }  
  157.   .b-to-top .slide::before{
  158.     background: var(--sub-clr);
  159.   }
  160.   .b-to-top .arrow{
  161.     display: none;
  162.   }
  163.   .subheadline{
  164.     background: var(--sub-clr);
  165.     border-left: 5px solid var(--txt-clr);
  166.     color: var(--txt-color);
  167.   }
  168.   .subheadline > a::before{
  169.     color: var(--txt-clr) !important;
  170.   }
  171.   a{
  172.     color: var(--txt-clr) !important;
  173.     text-decoration: underline !important;
  174.     text-decoration-style: dotted !important;
  175.   }
  176.   .b-ajax:before {
  177.     background: rgba(242, 242, 242, 0.75);
  178.   }
  179.  
  180. /*top menu code beginning*/
  181.   .l-top_menu-v2 .submenu {
  182.       background: var(--main-clr);
  183.       border-bottom: 1px solid var(--sub-clr);
  184.     border-left: 1px solid var(--sub-clr);
  185.     border-right: 1px solid var(--sub-clr);
  186.       color: var(--txt-clr);
  187.   }
  188.   .l-top_menu-v2 .submenu>a {
  189.       height: 30px;
  190.       line-height: 30px;
  191.       font-size: 12px;
  192.       text-decoration: none !important;
  193.   }
  194.   .l-top_menu-v2 .submenu>a:hover {
  195.       background: var(--main-clr);
  196.       color: var(--txt-clr);
  197.   }
  198.     .l-top_menu-v2 {
  199.       position: sticky;
  200.       top: 0;
  201.       background: var(--main-clr);
  202.       height: 30px;
  203.       padding-left: 0px;
  204.       padding-right: 0px;
  205.   }
  206.   .l-top_menu-v2 .logo-container{
  207.       margin-right: 0px;
  208.       height: 30px;
  209.       padding-left: 0px;
  210.       padding-right: 0px;
  211.       border-bottom: 1px solid var(--sub-clr);
  212.   }
  213.   .l-top_menu-v2 .logo-container .logo{
  214.       background-image: url(https://dere.shikimori.one/system/user_images/original/271757/1113059.jpg);
  215.       height: 29px;
  216.       width: 30px;
  217.   }
  218.   .l-top_menu-v2 .logo-container .glyph{
  219.       display: none;
  220.   }
  221.   .l-top_menu-v2 .menu-dropdown.main{
  222.       margin-right: 0px;
  223.   }
  224.   .l-top_menu-v2 .icon-profile:before, .l-top_menu-v2 .icon-anime:before, .l-top_menu-v2 .icon-manga:before, .l-top_menu-v2 .icon-ranobe:before, .l-top_menu-v2 .icon-forum:before, .l-top_menu-v2 .icon-clubs:before, .l-top_menu-v2 .icon-collections:before, .l-top_menu-v2 .icon-reviews:before, .l-top_menu-v2 .icon-users:before, .l-top_menu-v2 .icon-contests:before, .l-top_menu-v2 .icon-calendar:before, .l-top_menu-v2 .icon-info:before, .l-top_menu-v2 .icon-socials:before, .l-top_menu-v2 .icon-moderation:before, .l-top_menu-v2 .icon-home:before, .l-top_menu-v2 .icon-play:before, .l-top_menu-v2 .icon-characters:before, .l-top_menu-v2 .icon-people:before, .l-top_menu-v2 .icon-characters:before{
  225.       color: var(--txt-clr);
  226.   }
  227.   a.icon-anime, a.icon-manga, a.icon-ranobe, a.icon-forum, a.icon-clubs, a.icon-collections, a.icon-reviews, a.icon-users, a.icon-contests, a.icon-calendar, a.icon-info, a.icon-socials, a.icon-moderation, a.icon-characters, a.icon-ranobe, a.icon-users, a.icon-calendar{
  228.       border-top: 1px solid var(--sub-clr);
  229.   }
  230.   .l-top_menu-v2 .menu-dropdown.main{
  231.       background: var(--main-clr);
  232.   }
  233.     .l-top_menu-v2 .menu-dropdown.main > span{
  234.       height: 30px;
  235.       background: var(--main-clr);
  236.       border-left: 1px solid var(--sub-clr);
  237.       border-right: 1px solid var(--sub-clr);
  238.       border-bottom: 1px solid var(--sub-clr);
  239.     }
  240.     .l-top_menu-v2 .menu-dropdown.main > span span{
  241.       font-size: 12px;
  242.       color: var(--txt-clr);
  243.     }
  244.   .l-top_menu-v2 .menu-dropdown.main .submenu-triangle:after {
  245.       display: none;
  246.   }
  247.     .l-top_menu-v2 .global-search {
  248.       height: 30px;
  249.       margin-right: 0px;
  250.   }
  251.   .l-top_menu-v2 .global-search .search-marker{
  252.         display: none;
  253.     }
  254.     .l-top_menu-v2 .global-search .hotkey-marker{
  255.         display: none;
  256.     }
  257.   .l-top_menu-v2 .global-search input {
  258.       background: var(--main-clr);
  259.       border-radius: 0px;
  260.         padding: 0 10px;
  261.         color: var(--txt-clr);
  262.         height: 30px;
  263.       border-bottom: 1px solid var(--sub-clr);
  264.       font-family: Consolas;
  265.   }
  266.   .l-top_menu-v2 .global-search input:focus {
  267.       background: var(--main-clr);
  268.   }
  269.   .l-top_menu-v2 .global-search input::placeholder {
  270.       color: rgba(0, 255, 0, 0.7);
  271.       font-family: Consolas;
  272.   }
  273.   .l-top_menu-v2 .global-search .search-results {
  274.       background: var(--main-clr);
  275.       position: static;
  276.     }
  277.   .l-top_menu-v2 .global-search .search-results .b-link{
  278.       color: rgba(0, 255, 0, 0.7);
  279.   }
  280.   .l-top_menu-v2 .global-search .search-results .b-tag{
  281.     color: rgba(0, 255, 0, 0.5);
  282.     cursor: inherit;
  283.   }
  284.     .l-top_menu-v2 .global-search .search-results .search-mode:hover{
  285.       background: var(--main-clr);
  286.       cursor: default !important;
  287.   }
  288.   /*active search result*/
  289.   .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item.active, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:focus{
  290.       background: var(--main-clr);
  291.       border-top-color: var(--sub-clr);
  292.       cursor: default !important;
  293.   }
  294.   /*active search result link*/
  295.   .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item.active .b-link, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:focus .b-link{
  296.       color: var(--txt-clr);
  297.       text-decoration: underline;
  298.       text-decoration-style: solid;
  299.   }
  300.   /*active search mode marker*/
  301.   .l-top_menu-v2 .global-search .search-results .nothing_found.active:before, .l-top_menu-v2 .global-search .search-results .nothing_found:focus:before, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item.active:before, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:focus:before, .l-top_menu-v2 .global-search .search-results .search-mode.active:before, .l-top_menu-v2 .global-search .search-results .search-mode:focus:before{
  302.     visibility: hidden;
  303.   }
  304.   /*inactive search mode marker when hover*/
  305.   .l-top_menu-v2 .global-search .search-results .search-mode:hover:before{
  306.       visibility: hidden;
  307.   }
  308.   /*active search mode highlight*/
  309.   .l-top_menu-v2 .global-search .search-results .nothing_found.active, .l-top_menu-v2 .global-search .search-results .nothing_found:focus, .l-top_menu-v2 .global-search .search-results .search-mode.active, .l-top_menu-v2 .global-search .search-results .search-mode:focus {
  310.       background: var(--main-clr);
  311.       border-top-color: var(--sub-clr);
  312.       color: var(--txt-clr);
  313.   }
  314.   /*lines above (above) and under (below) active search mode (border-top-color)*/
  315.   .l-top_menu-v2 .global-search .search-results .nothing_found.active+.b-db_entry-variant-list_item, .l-top_menu-v2 .global-search .search-results .nothing_found.active+.search-mode, .l-top_menu-v2 .global-search .search-results .nothing_found:focus+.b-db_entry-variant-list_item, .l-top_menu-v2 .global-search .search-results .nothing_found:focus+.search-mode, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item.active+.b-db_entry-variant-list_item, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item.active+.search-mode, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:focus+.b-db_entry-variant-list_item, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:focus+.search-mode, .l-top_menu-v2 .global-search .search-results .search-mode.active+.b-db_entry-variant-list_item, .l-top_menu-v2 .global-search .search-results .search-mode.active+.search-mode, .l-top_menu-v2 .global-search .search-results .search-mode:focus+.b-db_entry-variant-list_item, .l-top_menu-v2 .global-search .search-results .search-mode:focus+.search-mode {
  316.       border-top-color: var(--sub-clr);
  317.   }
  318.   /*inactive search modes*/
  319.   .l-top_menu-v2 .global-search .search-results .nothing_found, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item, .l-top_menu-v2 .global-search .search-results .search-mode {
  320.       border-top-color: var(--sub-clr);
  321.       color: rgba(0, 255, 0, 0.7);
  322.   }
  323.   .l-top_menu-v2 .global-search .search-results .nothing_found:before {
  324.       background: transparent;
  325.   }
  326.   .l-top_menu-v2 .global-search .clear{
  327.       color: var(--txt-clr);
  328.   }
  329.   .l-top_menu-v2 .global-search .clear:hover{
  330.       color: var(--txt-clr);
  331.   }
  332.   .l-top_menu-v2 .menu-icon{
  333.       height: 30px;
  334.       color: var(--txt-clr);
  335.       text-decoration: none !important;
  336.       cursor: default !important;
  337.       margin-right: 0px;
  338.       border-left: 1px solid var(--sub-clr);
  339.       border-bottom: 1px solid var(--sub-clr);
  340.   }
  341.     .l-top_menu-v2 .menu-icon.mail{
  342.       border-left: 1px solid var(--sub-clr);
  343.     }
  344.     .l-top_menu-v2 .menu-icon.mail:before {
  345.     height: 30px;
  346.       position: relative;
  347.       bottom: 7px;
  348.     }
  349.   .l-top_menu-v2 .menu-icon.mail:after {
  350.       background: var(--txt-clr);
  351.   }
  352.     .l-top_menu-v2 .menu-icon:hover{
  353.       background: var(--main-clr);
  354.     }
  355.   .l-top_menu-v2 .menu-icon.forum:before {
  356.       font-size: 18px;
  357.       line-height: 30px;
  358.   }
  359.   .l-top_menu-v2 .menu-dropdown.profile > span{
  360.       height: 30px;
  361.       background: var(--main-clr);
  362.       border-left: 1px solid var(--sub-clr);
  363.       border-bottom: 1px solid var(--sub-clr);
  364.   }
  365.     .l-top_menu-v2 .menu-dropdown.profile > span :hover{
  366.       background: var(--main-clr);
  367.       cursor: default !important;
  368.     }
  369.     .l-top_menu-v2 .menu-dropdown.profile > span span{
  370.       font-size: 12px;
  371.       color: var(--txt-clr);
  372.       position: relative;
  373.     }
  374.   .l-top_menu-v2 .menu-dropdown > span a{
  375.       text-decoration: none !important;
  376.   }
  377.   .l-top_menu-v2 .menu-dropdown.profile > span img {
  378.       height: 20px;
  379.       pointer-events: none;
  380.         position: relative;
  381.   }
  382.   .l-top_menu-v2 .submenu>a, .l-top_menu-v2 .icon-anime_list:before, .l-top_menu-v2 .icon-manga_list:before, .l-top_menu-v2 .icon-mail:before, .l-top_menu-v2 .submenu>a.icon-mail span.unread span, .l-top_menu-v2 .icon-achievements:before, .l-top_menu-v2 .icon-settings:before, .l-top_menu-v2 .icon-site_rules:before, .l-top_menu-v2 .icon-faq:before, .l-top_menu-v2 .icon-sign_out:before{
  383.       color: var(--txt-clr);
  384.       text-decoration: none !important;
  385.   }
  386.   a.icon-anime_list, a.icon-manga_list, a.icon-mail, a.icon-achievements, a.icon-settings, a.icon-site_rules, a.icon-faq, a.icon-sign_out{
  387.       border-top: 1px solid var(--sub-clr);
  388.   }
  389.   a.icon-settings {
  390.       border-bottom: 1px solid var(--sub-clr);
  391.   }
  392.   .l-top_menu-v2 .submenu>a.icon-mail span.unread span:not(:last-child):after{
  393.       background: var(--txt-clr);
  394.   }
  395.   .l-top_menu-v2 .menu-dropdown.profile .submenu-triangle:after {
  396.       display: none;
  397.   }
  398. /*top menu code ending*/
  399.  
  400. /*profile MP appearance code*/
  401.   /*.l-page .profile-head .c-info .c-lists-info .b-stats_bar .bar{
  402.     display: none;
  403.   }*/
  404.  
  405.   header.head h1, header.head h2, header.head .notice, .p-profiles .profile-head .c-history .entry .misc, .p-profiles .profile-head .c-history .entry .misc.date, .p-profiles-show .profile-content .activity .title, .p-profiles-show .achievements .header .title,  .b-height_shortener .expand, .b-height_shortener .expand:hover, .b-height_shortener .expand:hover span, .b-height_shortener .expand span{
  406.     color: var(--txt-clr) !important;
  407.     border-bottom-color: inherit !important;
  408.   }
  409.   .p-profiles .profile-head .c-history .entry, .b-comment{
  410.       border-top: 1px dashed var(--sub-clr);
  411.     }
  412.     .p-profiles .profile-head .c-brief header .notice span::after, .b-breadcrumbs > span::after, .b-stats_bar .stat_names .stat_name::after, .p-profiles .profile-head .c-info .c-additionals div::after{
  413.         color: var(--txt-clr);
  414.     }
  415.   .b-stats_bar .bar .first{
  416.     background: var(--txt-clr) !important;
  417.       color: var(--txt-clr) !important;
  418.   }
  419.   .b-stats_bar .bar .second{
  420.     background: var(--sub-clr) !important;
  421.       color: var(--sub-clr) !important;
  422.   }
  423.   .b-stats_bar .bar .third{
  424.       background: var(--main-clr) !important;
  425.       color: var(--main-clr) !important;
  426.   }
  427.   .p-profiles-show .lifetime{
  428.     display: none;
  429.   }
  430.   .b-stats_bar .stat_names .stat_name .size{
  431.     display: none;
  432.   }
  433.     .p-profiles-show .profile-content .graph{
  434.     height: 200px;
  435.     }
  436.     .bar.simple .bar{
  437.       background: var(--sub-clr) !important;
  438.     }
  439.     .bar.vertical .line .bar-container .value{
  440.       color: var(--txt-clr);
  441.     }
  442.   .b-height_shortener .shade{
  443.       background-image: linear-gradient(to bottom, rgba(52, 52, 52, 0), var(--main-clr));
  444.   }
  445. /*profile MP appearance code ending*/
  446.  
  447. /*list appearance code*/
  448.     .p-user_rates-index .list-lines tr .index, .bar.horizontal .line .bar-container .value, .p-user_rates-index .list-groups .summary.lines.list{
  449.     display: none;
  450.     }
  451.     .bar.horizontal .line .x_label{
  452.       color: var(--txt-clr);
  453.     }
  454.     .p-user_rates-index .l-content .b-options-floated span{
  455.       color: var(--main-clr);
  456.         border-bottom: none;
  457.     }
  458.     .p-user_rates-index .l-content .b-options-floated span:before, .p-user_rates-index .l-content .b-options-floated span:after{
  459.       display: none;
  460.     }
  461.     .collapsed{
  462.       background: var(--main-clr);
  463.         color: var(--txt-clr);
  464.         border-color: var(--sub-clr);
  465.    }
  466.   .collapsed:hover{
  467.       background: var(--sub-clr);
  468.         color: var(--txt-clr);
  469.         border-color: var(--sub-clr);
  470.   }
  471. /*list appearance code*/
  472.  
  473.  
  474.   * { font-family: Consolas !important; }
  475.  
  476.   .b-feedback { visibility: hidden; }
  477.  
  478.   body { background: var(--main-clr); }
  479. }
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!