API tools faq
paste
Advertisement
Guest User

shikistyle ver. 0.85

a guest
Apr 16th, 2020
238
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 13.42 KB | None | 0 0
raw download clone embed print report
  1. :root {
  2.     --txt-clr: rgb(0, 255, 0);
  3.     --main-clr: rgb(52, 52, 52);
  4.     --sub-clr: rgb(82, 82, 82);
  5.     --font-main: Consolas;
  6.     --font-alt: Consolas;
  7.     --font-alt-text-letter-spacing: normal;
  8. }
  9. .l-page {
  10.     background-color: var(--main-clr);
  11.     color: var(--txt-clr);
  12. }
  13. .b-tooltipped.dotted{
  14.     border-bottom-color: var(--txt-clr);
  15. }
  16. .tooltip-inner, .b-catalog_entry-tooltip .inner .line .key{
  17.     background: var(--main-clr);
  18.     color: var(--txt-clr);
  19. }
  20. .b-tag[href]{
  21.     border-bottom-color: var(--txt-clr);
  22. }
  23. .tooltip-inner .close{
  24.     color: var(--sub-clr);
  25.     background: var(--txt-color) !important;
  26. }
  27. .b-add_to_list.completed .trigger, .b-add_to_list.completed .option{
  28.     background: var(--sub-clr);
  29.     border-color: var(--sub-clr);
  30. }
  31. b, .b-catalog_entry-tooltip .inner .rating, .b-catalog_entry-tooltip .inner .rating .text{
  32.     color: var(--txt-clr) !important;
  33. }
  34.  
  35. .b-to-top .slide::before{
  36.     background: var(--sub-clr);
  37. }
  38. .b-to-top .arrow{
  39.     display: none;
  40. }
  41. .subheadline{
  42.     background: var(--sub-clr);
  43.     border-left: 5px solid var(--txt-clr);
  44.     color: var(--txt-color);
  45. }
  46. .subheadline > a::before{
  47.     color: var(--txt-clr) !important;
  48. }
  49. a{
  50.     color: var(--txt-clr) !important;
  51. }
  52. .b-ajax:before {
  53.     background: rgba(242, 242, 242, 0.75);
  54. }
  55.  
  56. @media screen and (min-width: 1050px) {
  57. /*top menu code beginning*/
  58.     .l-top_menu-v2 .submenu {
  59.         background: var(--main-clr);
  60.         border-bottom: 1px solid var(--sub-clr);
  61.         border-left: 1px solid var(--sub-clr);
  62.         border-right: 1px solid var(--sub-clr);
  63.         color: var(--txt-clr);
  64.     }
  65.     .l-top_menu-v2 .submenu>a {
  66.         height: 30px;
  67.         line-height: 30px;
  68.         font-size: 12px;
  69.     }
  70.     .l-top_menu-v2 .submenu>a:hover {
  71.         background: var(--main-clr);
  72.         color: var(--txt-clr);
  73.     }
  74.     .l-top_menu-v2 {
  75.         position: sticky;
  76.         top: 0;
  77.         background: var(--main-clr);
  78.         height: 30px;
  79.         padding-left: 0px;
  80.         padding-right: 0px;
  81.     }
  82.     .l-top_menu-v2 .logo-container{
  83.         margin-right: 0px;
  84.         height: 30px;
  85.         padding-left: 0px;
  86.         padding-right: 0px;
  87.         border-bottom: 1px solid var(--sub-clr);
  88.     }
  89.     .l-top_menu-v2 .logo-container .logo{
  90.         background-image: url(https://moe.shikimori.one/system/user_images/original/271757/782567.jpg);
  91.         height: 29px;
  92.         width: 30px;
  93.     }
  94.     .l-top_menu-v2 .logo-container .glyph{
  95.         display: none;
  96.     }
  97.     .l-top_menu-v2 .menu-dropdown.main{
  98.         margin-right: 0px;
  99.     }
  100.     .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{
  101.         color: var(--txt-clr);
  102.     }
  103.     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{
  104.         border-top: 1px solid var(--sub-clr);
  105.     }
  106.     a.icon-ranobe, a.icon-users, a.icon-calendar{
  107.         border-bottom: 1px solid var(--sub-clr);
  108.     }
  109.     .l-top_menu-v2 .menu-dropdown.main{
  110.         background: var(--main-clr);
  111.     }
  112.     .l-top_menu-v2 .menu-dropdown.main > span{
  113.         height: 30px;
  114.         background: var(--main-clr);
  115.         border-left: 1px solid var(--sub-clr);
  116.         border-right: 1px solid var(--sub-clr);
  117.         border-bottom: 1px solid var(--sub-clr);
  118.     }
  119.     .l-top_menu-v2 .menu-dropdown.main > span span{
  120.         font-size: 12px;
  121.         color: var(--txt-clr);
  122.     }
  123.     .l-top_menu-v2 .menu-dropdown.main .submenu-triangle:after {
  124.         display: none;
  125.     }
  126.     .l-top_menu-v2 .global-search {
  127.         height: 30px;
  128.         margin-right: 0px;
  129.     }
  130.     .l-top_menu-v2 .global-search .search-marker{
  131.         display: none;
  132.     }
  133.     .l-top_menu-v2 .global-search .hotkey-marker{
  134.         display: none;
  135.     }
  136.     .l-top_menu-v2 .global-search input {
  137.         background: var(--main-clr);
  138.         border-radius: 0px;
  139.         padding: 0 10px;
  140.         color: var(--txt-clr);
  141.         height: 30px;
  142.         border-bottom: 1px solid var(--sub-clr);
  143.         font-family: Consolas;
  144.     }
  145.     .l-top_menu-v2 .global-search input:focus {
  146.         background: var(--main-clr);
  147.     }
  148.     .l-top_menu-v2 .global-search input::placeholder {
  149.         color: rgba(0, 255, 0, 0.7);
  150.         font-family: Consolas;
  151.     }
  152.     .l-top_menu-v2 .global-search .search-results {
  153.         background: var(--main-clr);
  154.         position: static;
  155.     }
  156.     .l-top_menu-v2 .global-search .search-results .b-link{
  157.         color: rgba(0, 255, 0, 0.7);
  158.     }
  159.     .l-top_menu-v2 .global-search .search-results .b-tag{
  160.         color: rgba(0, 255, 0, 0.5);
  161.         cursor: inherit;
  162.     }
  163.     .b-db_entry-variant-list_item>.info .line .key{
  164.         color: rgba(0, 255, 0, 0.5);
  165.     }
  166.     .l-top_menu-v2 .global-search .search-results .search-mode:hover{
  167.         background: var(--main-clr);
  168.         cursor: default !important;
  169.     }
  170.     /*active search result*/
  171.     .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{
  172.         background: var(--main-clr);
  173.         border-top-color: var(--sub-clr);
  174.         cursor: default !important;
  175.     }
  176.     /*active search result link*/
  177.     .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{
  178.         color: var(--txt-clr);
  179.         text-decoration: underline;
  180.         text-decoration-style: solid;
  181.     }
  182.     /*active search mode marker*/
  183.     .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{
  184.         visibility: hidden;
  185.     }
  186.     /*inactive search mode marker when hover*/
  187.     .l-top_menu-v2 .global-search .search-results .search-mode:hover:before{
  188.         visibility: hidden;
  189.     }
  190.     /*active search mode highlight*/
  191.     .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 {
  192.         background: var(--main-clr);
  193.         border-top-color: var(--sub-clr);
  194.         color: var(--txt-clr);
  195.     }
  196.     /*lines above (above) and under (below) active search mode (border-top-color)*/
  197.     .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 {
  198.         border-top-color: var(--sub-clr);
  199.     }
  200.     /*inactive search modes*/
  201.     .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 {
  202.         border-top-color: var(--sub-clr);
  203.         color: rgba(0, 255, 0, 0.7);
  204.     }
  205.     .l-top_menu-v2 .global-search .search-results .nothing_found:before {
  206.         background: transparent;
  207.     }
  208.     .l-top_menu-v2 .global-search .clear{
  209.         color: var(--txt-clr);
  210.     }
  211.     .l-top_menu-v2 .global-search .clear:hover{
  212.         color: var(--txt-clr);
  213.     }
  214.     .l-top_menu-v2 .menu-icon{
  215.         height: 30px;
  216.         color: var(--txt-clr);
  217.         cursor: default !important;
  218.         margin-right: 0px;
  219.         border-left: 1px solid var(--sub-clr);
  220.         border-bottom: 1px solid var(--sub-clr);
  221.     }
  222.     .l-top_menu-v2 .menu-icon.mail{
  223.         border-left: 1px solid var(--sub-clr);
  224.     }
  225.     .l-top_menu-v2 .menu-icon.mail:before {
  226.         height: 30px;
  227.         position: relative;
  228.         bottom: 7px;
  229.     }
  230.     .l-top_menu-v2 .menu-icon.mail:after {
  231.         background: var(--txt-clr);
  232.     }
  233.     .l-top_menu-v2 .menu-icon:hover{
  234.         background: var(--main-clr);
  235.     }
  236.     .l-top_menu-v2 .menu-icon.forum:before {
  237.         font-size: 18px;
  238.         line-height: 30px;
  239.     }
  240.     .l-top_menu-v2 .menu-dropdown.profile > span{
  241.         height: 30px;
  242.         background: var(--main-clr);
  243.         border-left: 1px solid var(--sub-clr);
  244.         border-bottom: 1px solid var(--sub-clr);
  245.     }
  246.     .l-top_menu-v2 .menu-dropdown.profile > span :hover{
  247.         background: var(--main-clr);
  248.         cursor: default !important;
  249.     }
  250.     .l-top_menu-v2 .menu-dropdown.profile > span span{
  251.         font-size: 12px;
  252.         color: var(--txt-clr);
  253.         position: relative;
  254.     }
  255.     .l-top_menu-v2 .menu-dropdown.profile > span img {
  256.         height: 20px;
  257.         pointer-events: none;
  258.         position: relative;
  259.     }
  260.     .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{
  261.         color: var(--txt-clr);
  262.     }
  263.     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{
  264.         border-top: 1px solid var(--sub-clr);
  265.     }
  266.     a.icon-settings {
  267.         border-bottom: 1px solid var(--sub-clr);
  268.     }
  269.     .l-top_menu-v2 .submenu>a.icon-mail span.unread span:not(:last-child):after{
  270.         background: var(--txt-clr);
  271.     }
  272.     .l-top_menu-v2 .menu-dropdown.profile .submenu-triangle:after {
  273.         display: none;
  274.     }
  275. /*top menu code ending*/
  276.  
  277. /*profile MP appearance code*/
  278.   /*.l-page .profile-head .c-info .c-lists-info .b-stats_bar .bar{
  279.         display: none;
  280.   }*/
  281.  
  282.     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{
  283.         color: var(--txt-clr) !important}
  284.     .p-profiles .profile-head .c-history .entry, .b-comment{
  285.         border-top: 1px dashed var(--sub-clr);
  286.     }
  287.     .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{
  288.         color: var(--txt-clr);
  289.     }
  290.     .b-stats_bar .bar .first{
  291.         background: var(--txt-clr) !important;
  292.         color: var(--txt-clr) !important;
  293.     }
  294.     .b-stats_bar .bar .second{
  295.         background: var(--sub-clr) !important;
  296.         color: var(--sub-clr) !important;
  297.     }
  298.     .b-stats_bar .bar .third{
  299.         background: var(--main-clr) !important;
  300.         color: var(--main-clr) !important;
  301.     }
  302.     .p-profiles-show .lifetime{
  303.         display: none;
  304.     }
  305.     .b-stats_bar .stat_names .stat_name .size{
  306.         display: none;
  307.     }
  308.     .p-profiles-show .profile-content .graph{
  309.         height: 200px;
  310.     }
  311.     .bar.simple .bar{
  312.         background: var(--sub-clr) !important;
  313.     }
  314.     .bar.vertical .line .bar-container .value{
  315.         color: var(--txt-clr);
  316.     }
  317.   .b-height_shortener .shade{
  318.         background-image: linear-gradient(to bottom, rgba(52, 52, 52, 0), var(--main-clr));
  319.   }
  320. /*profile MP appearance code ending*/
  321.  
  322. /*list appearance code*/
  323.     .p-user_rates-index .list-lines tr .index, .bar.horizontal .line .bar-container .value, .p-user_rates-index .list-groups .summary.lines.list{
  324.         display: none;
  325.     }
  326.     .bar.horizontal .line .x_label{
  327.         color: var(--text-clr);
  328.     }
  329.     .p-user_rates-index .l-content .b-options-floated span{
  330.         color: var(--main-clr);
  331.         border-bottom: none;
  332.     }
  333.     .p-user_rates-index .l-content .b-options-floated span:before, .p-user_rates-index .l-content .b-options-floated span:after{
  334.         display: none;
  335.     }
  336.     .collapsed{
  337.         background: var(--main-clr);
  338.         color: var(--txt-clr);
  339.         border-color: var(--sub-clr);
  340.      }
  341.   .collapsed:hover{
  342.         background: var(--sub-clr);
  343.         color: var(--txt-clr);
  344.         border-color: var(--sub-clr);
  345.   }
  346. /*list appearance code*/
  347. }
  348.  
  349. * {
  350.   font-family: Consolas !important;
  351. }
  352.  
  353. .b-feedback {
  354.     visibility: hidden;
  355. }
  356.  
  357.  
  358. /* AUTO=body_background */ body {
  359.     background: var(--main-clr);
  360. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!