Skip to content

Instantly share code, notes, and snippets.

@makesomelayouts

makesomelayouts/shikimori.css

Created November 24, 2024 14:58
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save makesomelayouts/63da522424a8ab8c38c41065f9bf40ba to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save makesomelayouts/63da522424a8ab8c38c41065f9bf40ba to your computer and use it in GitHub Desktop.
Download ZIP
Kinda dirty cringe code, but working
Raw
shikimori.css
.p-profiles header.head .misc:after {
content: "なんでもない";
}
.cc-favourites {
display: flex;
flex-flow: row wrap;
gap: 20px;
}
.p-profiles header.head .misc {
font-size: 0px;
}
/* Обложка */
/*
.p-profiles-show .profile-head:before {
content: "";
display: block;
border-radius: 50px;
height: 100dvh;
background: url('https://w.wallhaven.cc/full/nr/wallhaven-nrropm.jpg');
background-size: cover;
margin: -15px;
margin-bottom: 5px;
scale: 1;
transition: .4s scale;
}
*/
/*.p-profiles-show .profile-head:hover:before {
background: url("https://sun9-66.userapi.com/impg/gVfR2Jsrm_NZBQzkEOJTSP9YpIrMvrWy2Cgm9A/ByhJlRCrPkI.jpg?size=2560x1950&quality=96&sign=c39759d143bbfce59a72a8657bf4eb1b&type=album");
background-size: cover;
scale: .8;
border-radius: 45px;
}*/
/* Бади чан */
body {
/*background: url('https://media.tenor.com/gX0UQ5tHFMkAAAAC/amegakuren.gif');*/
/* background: url('https://w.wallhaven.cc/full/4o/wallhaven-4oy92m.jpg'); */
background: url('https://w.wallhaven.cc/full/6o/wallhaven-6og6vx.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
padding-bottom: 80em;
overflow-x: hidden;
}
.headline, .midheadline, .subheadline {
border: 1px solid snow;
border-radius: 13px;
box-shadow: none;
background: rgba(var(--block-color), 0.6);
transition: 0.3s ease, -webkit-0 .3s ease, width 0s, margin 0s, padding 0s, font-size 0s, height 0s, top 0s, left 0s, line-height 0s, min-height 0s;
font-size: 14px;
color: rgba(var(--dark-color), 1);
height: 28px;
padding: 0 14px 0;
display: flex;
line-height: 1.5;
justify-content: flex-start;
align-items: center;
text-align: left;
position: relative;
overflow: visible;
}
.l-page {
color: snow;
background: #000000a0;
border-radius: 50px;
padding: 26px;
}
.b-reviews_navigation .navigation-node.is-active {
background: #e8ebef30;
}
.b-reviews_navigation .navigation-node-positive {
background-color: #eff9e612;
border-color: lightgreen;
}
.b-reviews_navigation .navigation-node-positive:hover {
background-color: #eff9e612 !important;
border-color: lightgreen !important;
}
.b-reviews_navigation .navigation-node-neutral {
color: #7aaebd;
background-color: #f6fcfd12;
border-color: lightblue;
}
.b-reviews_navigation .navigation-node-neutral:hover {
color: #7aaebd !important;
background-color: #f6fcfd12 !important;
border-color: lightblue !important;
}
.b-reviews_navigation .navigation-node-negative {
color: #bd857a;
background-color: #fff1f212;
border-color: lightcoral;
}
.b-reviews_navigation .navigation-node-negative:hover {
color: #bd857a !important;
background-color: #fff1f212 !important;
border-color: lightcoral !important;
}
.b-reviews_navigation .navigation-node-all {
color: #123;
background-color: #e8ebef12;
border-color: lightgray;
}
h1, p, b {
color: snow !important;
}
span {
color: #c3c3c3;
}
a {
color: #aaa !important;
transition: .4s;
text-decoration: none !important;
}
a:hover {
color: #fff !important;
text-decoration: none !important;
}
.p-profiles-show .achievements .header .title, .b-tag, .b-db_entry-variant-list_item>.info .line .key, .b-show_more {
color: #aaa;
}
.b-entry-info .line .value {
color: #FF6;
display: inline;
}
.text span, .score-value, .b-rate .score-notice {
color: var(--link-color);
}
.bar.horizontal .line .x_label {
color: #c3c3c3;
}
.b-tag {
color: snow;
border-bottom: 0px;
}
.b-db_entry-variant-list_item {
border-top: 1px solid #fafafa;
}
.b-anime_status_tag.episode, .b-anime_status_tag.studio, .b-anime_status_tag.review {
background-color: #E8ECF2;
border: 0px;
color: #123 !important;
cursor: default;
display: inline-block;
font-family: var(--font-alt);
font-size: 12px;
letter-spacing: var(--font-alt-text-letter-spacing);
line-height: 1.4;
padding: 3px 10px;
text-align: center;
transition: .4s;
}
.b-anime_status_tag.episode, .b-anime_status_tag.studio:hover, .b-anime_status_tag.review {
color: #123 !important;
}
@media only screen and (min-width: 1024px) {
a {
color: #aaa;
transition: .4s;
text-decoration: none !important;
}
}
.b-catalog_entry .cover .misc span {
color: cornflowerblue;
}
.block li {
color: #aaa;
}
header.head .notice {
color: #aaa;
}
.b-status-line .section.main .comments:before {
color: #aaa;
}
.b-review-topic.is-review_review_author_details>.inner .review-details .b-status-line {
color: cornflowerblue;
}
.b-status-line .section.created_at time:before {
color: cornflowerblue;
}
.b-comments .comments-loader, .b-comments .comments-hider, .b-comments .comments-expander {
background: #00000012;
color: snow;
transition: .4s;
}
.b-comments .comments-loader:hover, .b-comments .comments-hider, .b-comments .comments-expander {
color: snow;
background: #99999912;
}
.b-shiki_editor .body .editor textarea {
background-color: #252525;
border: 1px solid #fdfdfd80;
color: snow;
}
.buttons * {
color: #fdfdfdc7 !important;
}
.l-footer .copyright {
color: #4697de;
}
.b-review-topic.is-review_review_author_details>.inner .review-info .user-rate-label {
color: #aaa;
}
.b-review-topic.is-review_review_author_details>.inner .review-info .neutral {
color: cornflowerblue;
}
.b-footer_vote {
border: 1px solid gray;
background-color: #00000012;
color: snow;
}
.b-footer_vote .vote-group .vote {
color: floralwhite;
}
.b-footer_vote .vote-group .vote span {
color: floralwhite;
}
.tooltip-inner {
color: snow;
border: 1px solid #999999;
background: rgba(0, 0, 0, .96);
}
.b-catalog_entry-tooltip .inner .line .key {
color: #aaa;
}
.tooltip-arrow {
background: none;
}
.p-profiles .profile-head .c-brief .avatar img {
border-radius: 95px;
}
.tooltip-inner .close {
color: snow;
background: rgba(0, 0, 0, .96);
}
.b-comment {
/* border-top: 1px solid #ddd; */
border: none;
}
.b-tooltipped.dotted {
border: none;
}
.b-news_wall-topic .title {
color: #fff;
}
.p-dashboards-show .v2 .my-list {
background: midnightblue;
}
.p-dashboards-show .v2 .my-list .label span {
color: white;
}
.b-user_rate-history .status-counter .status {
color: white;
}
.b-user_rate-history .status-counter .counter {
color: yellow;
}
.p-dashboards-show .v2 .my-list {
border: 0;
border-radius: 4px;
}
.p-dashboards-show .v2 .fc-user-sections .tag-link.anime-tag,
.p-dashboards-show .v2 .fc-user-sections .tag-link.manga-tag,
.p-dashboards-show .v2 .fc-user-sections .tag-link.ranobe-tag {
color: white !important;
background-color: dodgerblue;
border: 0;
}
.p-dashboards-show .v2 .fc-user-sections .tag-link.anime-tag:hover,
.p-dashboards-show .v2 .fc-user-sections .tag-link.manga-tag:hover,
.p-dashboards-show .v2 .fc-user-sections .tag-link.ranobe-tag:hover {
background-color: cornflowerblue;
}
.b-link_button.dark {
background-color: dodgerblue;
border: 0;
color: white !important;
}
.b-link_button.dark:hover {
background-color: cornflowerblue;
}
.subheadline-buttons {
position: absolute;
top: 0;right: 0;
margin-top: 0px;
z-index: 2;
border-radius: 13px;
}
.p-dashboards-show .v2 .create-topic {
margin: 0;
}
header.head h1 a.back:before, header.head h2 a.back:before {
color: inherit;
}
.b-feedback {
display: none;
}
.b-form input[type=submit] {
padding: 4px 18px;
background-color: cornflowerblue;
border-radius: 30px;
}
.b-form input[type=submit]:hover {
background-color: dodgerblue;
}
.p-profiles-show.x1200 .profile-content .c-left:nth-child(2n+1) {
/* clear: left; */
display: flex;
align-items: start;
justify-content: center;
gap: 1rem;
}
.p-profiles-show .lifetime {
margin-bottom: 0px;
line-height: 1.65;
position: relative;
width: 50%;
order: 2;
}
.p-profiles-show .profile-content .activity:last-child {
margin-bottom: 0;
width: 50%;
}
.p-profiles-show.x1200 .profile-content .c-left {
width: 100%;
}
.b-stats_bar .title,
.p-profiles-show .lifetime .times .time.checked,
.bar.vertical .line .x_label {
color: darkgray;
}
.p-profiles-show .profile-content .activity .title {
color: darkgray;
margin: 0;
}
.bar.simple .bar.s0,
.bar.simple .bar.s1,
.bar.simple .bar.s2,
.bar.simple .bar.s3 {
background: cornflowerblue;
}
.bar.vertical .line {
border-right: 0;
}
.profile-actions *:before {
color: cornflowerblue;
}
.subheadline>a {
width: 100%;
transition: .3s ease-in-out;
}
.subheadline>a:hover .subheadline>a:before {
color: cornflowerblue;
}
/* Списки аниме и манги */
.p-profiles-show .b-stats_bar .bar {
border-radius: 50px; /* Округлить границы */
line-height: 0px; /* Убрать дефолтное значение */
height: auto; /* Убрать дефолтное значение */
}
.b-input select {
background: transparent;
}
.p-profiles-show.x1200 .profile-content .c-right:last-child {
margin-right: 0;
width: 100%;
display: flex;
flex-flow: column wrap;
align-items: center;
justify-content: center;
}
.p-profiles-show .profile-content .c-right .cc-2a {
margin-bottom: 30px;
line-height: 1.65;
position: relative;
width: 100%;
}
.p-profiles-show.x1200 .profile-content .c-right>.block:last-child, .p-profiles-show.x1200 .profile-content .c-right>.subcontent:last-child {
margin-bottom: 0;
width: 100%;
}
.b-clubs.one-line .b-club {
float: none;
margin-right: 0;
position: relative;
width: auto;
}
.b-user.avatar img, .b-user.named_avatar img, .b-user.avatar_fixed_margin img {
margin: 0;
margin-left: 10px;
border-radius: 22px;
}
.p-profiles-show .cc-friends .b-user {
margin-right: 1%;
width: auto;}
.headline>a:before, .midheadline>a:before, .subheadline>a:before {
color: darkgray;}
.headline>a:hover, .midheadline>a:hover, .subheadline>a:hover {
border-bottom-color: cornflowerblue;
}
.p-profiles-show .achievements .header .size {
color: yellow !important;}
.b-spoiler_block>span {
font-size: 13px;
line-height: 23px;
padding: 4px 11px;
padding-left: 10px;
background-color: cornflowerblue;
border: 0;
display: inline-flex;
align-items: center;
/* justify-content: center; */
scale: 1;
border-radius: 8px;transition: .3s ease-in-out;
}
.b-spoiler_block>span:after {
font-family: shikimori;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-feature-settings: 'liga';
font-feature-settings: 'liga';
text-transform: none;
letter-spacing: normal;
content: "";
font-size: 17px;
font-weight: bold;
font-style: normal;
padding-left: 0px;
margin-left: 26px;
margin-top: 4px;}
.b-spoiler_block>div {
background: #303030;
border-radius: 8px;
border: 1px solid black;
border-radius: 8px;
margin-top: 20px;}
.p-user_rates-index .list-lines .selectable{ border-radius: 8px;}
.p-user_rates-index .list-lines .selectable:hover {
background-color: maroon;
}
.b-comments-notifier {
background: cornflowerblue;
border-radius: 30px;
color: snow;
padding: 0px;
right: 2px;
transition: .3s ease-in-out;
}
.b-comments-notifier:hover {
background: dodgerblue;
}
.collapsed {
background: transparent;
color: cornflowerblue;
border-radius: 4px;
padding: 5px 10px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
border: 1px solid cornflowerblue;
padding: 5px 4px;
}
.collapsed:hover{
color: snow;
border: 1px solid cornflowerblue;
background: cornflowerblue;}
.b-achievement .c-about .percent, .b-achievement .about .percent {
color: yellow;
}
.b-quote {
background: rgba(0, 0, 0, .3);
border: 2px dashed cornflowerblue;
color: snow;
font-style: normal;
margin: 5px 0 5px 5px;
overflow: hidden;
padding: 5px 10px;
}
.b-height_shortener .shade {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .2), cornflowerblue);
width: 0;
}
.b-comment .b-height_shortener .expand {
margin-left: 58px;
border: 2px solid cornflowerblue;
padding-left: 10px;
padding-block: 8px;
display: flex;
align-items: center;
justify-content: center;
transition: .3s ease-in-out;
}
.b-height_shortener .expand {
color: cornflowerblue;}
.b-height_shortener .expand:hover {color: dodgerblue;
border: 2px solid yellow}
.b-height_shortener .expand:after {
content: '↑';
display: inline-block;
margin-left: 6px;
font-size: 19px;
}
.b-height_shortener .expand span {
border-bottom: 1px dashed var(--link-border-color);
display: inline-block;
color: cornflowerblue;
}
.b-link {
color: yellow !important;}
.b-link:hover {
color: orange !important;}
.b-shiki_editor .body .editor textarea {
background-color: rgba(0, 0, 0, 0.6);
border: 2px dashed darkorange;
color: snow;
transition: .3s ease-in-out;
}
.b-shiki_editor .body .editor textarea:focus, .b-shiki_editor .body .editor textarea:hover {
border: 2px dashed yellow;
}
.b-button {
color: snow;
padding: 4px 18px;
border-radius: 30px;
background: cornflowerblue;
}
.b-button:hover {
background: dodgerblue;}
.headline>a, .midheadline>a, .subheadline>a {width: 100%;}
.b-anime_status_tag.other, .b-anime_status_tag.misc-data, .b-anime_status_tag.unpublished-collection {
background-color: darkslategrey;
border: 1px solid darkslategrey;
border-radius: 8px;
color: #fff;
padding: 2px 7px;
}
.b-news_wall-topic .status-line .comments {
line-height: 18px;
color: snow;}
.b-news_line-topic .status-line .comments {
color: snow;}
.b-anime_status_tag.critique, .b-anime_status_tag.contest, .b-anime_status_tag.collection, .b-anime_status_tag.article {
color: white;
padding: 2px 7px;
border-radius: 8px;
}
.b-anime_status_tag.collection {
background-color: #197120;
border: 1px solid #197120;
}
.b-news_line-topic:hover .title span {
color: snow;
text-decoration: underline;
}
h2, h3, h4 {
color: snow;
}
.b-catalog_entry-tooltip .inner .additional-images .link .title {
color: snow;
}
.b-tag[href] {
border-bottom-color: #2b8acc;
cursor: pointer;
transition: .3s ease-in-out;
}
.b-tag.active[href], .b-tag[href]:hover {
padding: 2px 6px;
border-radius: 8px;
background-color: cornflowerblue;
}
.b-anime_status_tag.ongoing {
background-color: dodgerblue;
border: 1px solid dodgerblue;
border-radius: 8px
}
.b-add_to_list.watching .trigger, .b-add_to_list.watching .option {
color: forestgreen;}
.b-add_to_list .trigger-arrow {
color: cornflowerblue;
}
.trigger .text span, .score-value, .b-rate .score-notice {
color: snow;
}
.b-add_to_list .trigger {
background: rgba(0, 0, 0, .4);
}
.b-add_to_list.watching .trigger {
background: black;
border-color: forestgreen;
color: forestgreen;
}
.b-add_to_list.watching .option{background: black;
border-color: black;}
.b-add_to_list .edit {
display: none;
opacity: 0;
visibility: hidden;
}
.status-name::after {color: snow;}
.trigger {
padding: 0 5px;
padding-left: 10px !important;
}
.b-add_to_list.completed .trigger, .b-add_to_list.completed .option {
background: rgba(0, 0, 0, .4);
border-color: cornflowerblue;
color: snow;
}
.b-add_to_list .trigger-arrow:hover {
color: cornflowerblue;
}
.b-anime_status_tag.released {
border-radius: 8px;}
.l-top_menu-v2 {
background: transparent;
margin: 12px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.l-top_menu-v2 .global-search {
margin-right: 0;
height: 100%;
}
.l-top_menu-v2 .global-search .search-marker, .l-top_menu-v2 .global-search .clear {
font-size: 20px;
height: 31px;
line-height: 31px;
position: absolute;
text-align: center;
top: 7px;}
.l-top_menu-v2 .global-search input {
height: 100%;
}
.l-top_menu-v2 .global-search .search-results .nothing_found, .l-top_menu-v2 .global-search .search-results .search-mode {
color: snow;
background: black;
border-radius: 8px;
}
/* todo */
.b-ajax {display:none;}
.l-top_menu-v2 .global-search .search-results {
background-color: black;
margin-top: 12px;
border-radius: 8px;
}
.l-top_menu-v2.is-search-focus .global-search .search-marker {
color: cornflowerblue;}
.l-top_menu-v2 .logo-container {
margin-right: 12px;
}
.l-top_menu-v2 .menu-dropdown.main {
margin-right: 0;
}
.menu-logo > .logo-container > .logo {display:none;}
.l-top_menu-v2 .logo-container {
background: black;
border-radius: 999px;
transition: .3s ease-in-out;
}
.l-top_menu-v2 .logo-container:hover {
rotate: -4deg;
scale: 1.15;
}
.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 {
background: cornflowerblue;
}
.l-top_menu-v2 .logo-container .glyph {
margin-right: 5px;
margin-left: 7px;
width: 26px;
}
.l-top_menu-v2 .global-search .search-results:after, .l-top_menu-v2 .global-search .search-results:before {
background: transparent;
}
.l-top_menu-v2 .menu-dropdown>span, .l-top_menu-v2 .menu-dropdown.active>span {
background: black;
border-radius: 8px;
}
.l-top_menu-v2 .submenu {
margin-top: 8px;
background: black;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-radius: 8px;}
.l-top_menu-v2 .submenu>a:hover {background: cornflowerblue;color:snow;}
.l-top_menu-v2 .menu-icon{background: black;border-radius:8px;}
.l-top_menu-v2 .menu-icon:hover{background: cornflowerblue;color:snow;}
.l-top_menu-v2 .global-search input {
background: black;
color: snow;
border-radius: 8px;
}
/* todo */
.l-top_menu-v2 .global-search {
color: snow;
width: 32%;}
.l-top_menu-v2 .menu-dropdown>span a:hover {background: cornflowerblue;}
.l-top_menu-v2 .menu-dropdown.profile {
margin-left: 0;
}
.b-user.avatar img, .b-user.named_avatar img, .b-user.avatar_fixed_margin img {
width: 44px;
}
.p-profiles-show .cc-favourites .c-column {
margin-right: 0;
}
.b-catalog_entry .cover .image-decor img {
width: 100%;
border-radius: 8px;
}
#cutted_covers_1 .image-cutter {
border-radius: 8px;
}
.p-profiles .profile-head .c-history .entry {
border: 0;
}
.p-profiles .profile-head .c-history .entry .title {margin:0;}
.p-profiles .profile-head .c-history .entry .title,
.p-profiles .profile-head .c-history .entry .misc {
}
.p-profiles .profile-head .c-history .entry .misc.date {
color: cadetblue !important;
}
.p-profiles .profile-head .c-history .entry .misc {
line-height: 11px;
}
.entry a time.misc.date {margin-top:15px;}
.l-top_menu-v2 .menu-dropdown.profile>span img {
border-radius: 40px;
border: 2px dashed snow;
height: 34px;
}
.p-profiles-show .profile-content .c-right .cc-2a {
order: 2;
display: flex;
width: 100%;
margin-top: 20px;
}
.p-profiles-show.x1200 .profile-content .c-left:nth-child(2n+1) {
display: none;}
.p-profiles-show.x1200 .profile-content .c-right .cc-2a>.c-column:last-child {width: auto;margin-left:auto;}
.p-profiles-show.x1200 .profile-content .c-right .cc-2a>.c-column:nth-child(2n+1) {
width: 100%;
}
.p-profiles-show.x1200 .profile-content .c-right .cc-2a>.c-column
{margin-right: 20px;}
.b-clubs {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.c-column.c-right .cc-2a.m30 {display:none;}
.profile-content {display:flex;flex-direction:column;}
.p-profiles-show .profile-content .c-right .cc-2a {
order: 2;
}
.p-profiles-show.x1200 .profile-content .c-right>.block:last-child, .p-profiles-show.x1200 .profile-content .c-right>.subcontent:last-child {
order: 1;
}
.profile-content .cc-2.block {order:2;}
.profile-content .block.achievements {order:3;}
.profile-content .about.block {order: 1;}
.profile-content .block:last-child {order: 6;}
@media screen and (max-width: 1023px) {
body {
background: url(https://camo-v3.shikimori.one/e774b6c…?url=https%3A%2F%2Fw.wallhaven.cc%2Ffull%2F4o%2Fwallhaven-4oy92m.jpg) !important;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;}
}
.b-club .name {
color: burlywood;}
.b-club .info .number {
color: chartreuse;}
.b-user16 a span {margin-left: 5px;}
.b-user16 img {padding-right: 0px;}
.b-club .info.author .b-user16 img {
margin-top: 1px;
border-radius: 8px;}
.b-shiki_editor footer .unpreview:not(.link), .b-shiki_editor footer .cancel, .b-shiki_editor footer .hide {
color: yellow;}
.b-shiki_editor footer .unpreview:not(.link):hover, .b-shiki_editor footer .cancel:hover, .b-shiki_editor footer .hide:hover {
color: yellow;}
.b-add_to_list.on_hold .trigger {
background: black;
border-color: yellow;
}
.b-add_to_list.on_hold .option,
.b-add_to_list.planned .option, .b-add_to_list.dropped .option {background: black;border-color: black;}
.b-add_to_list.dropped .trigger {
background: black;
border-color: red;
}
.b-add_to_list.planned .trigger {
background: black;
border-color: cornflowerblue;
}
option {background:black;}
b-user_rate .rate-show .note {
color: snow;
}
.block li {
color: snow;
}
.b-user_rate .rate-show .note {
border-radius: 8px;
padding: 10px;
color: snow;
margin-top: 5px;
border: 2px solid snow;
margin-top: 20px;
}
.b-list_switchers .switcher.lines.selected {
color: yellow;
}
.b-list_switchers .switcher.lines:before, .b-list_switchers .switcher.lines:after {
font-size: 23px;
}
.b-list_switchers .switcher.posters:before, .b-list_switchers .switcher.posters:after {
font-size: 23px;
}
.b-list_switchers .switcher.posters,
.b-list_switchers .switcher.lines {
color: ghostwhite;
}
.b-list_switchers {margin:-68px;}
.b-list_switchers .switcher.posters.selected {
color: yellow;
}
.b-list_switchers .switcher.lines {display:inline-block;}
.b-list_switchers .switcher.posters:hover,
.b-list_switchers .switcher.lines:hover {color: yellow;}
.p-user_rates-index .l-menu .avatar img {
max-width: 100%;
border-radius: 110px;
}
.b-spoiler label {
color: yellow;
border-bottom-style: none;cursor:pointer;transition:.3s ease-in-out;}
.b-spoiler label:hover {color: yellow;border-bottom: 1px solid yellow;}
.p-animes-show .other-names, .p-animes-show .more-info, .p-mangas-show .other-names, .p-mangas-show .more-info, .p-ranobe-show .other-names, .p-ranobe-show .more-info {
background: black;
color: black;
border: 1px solid cornflowerblue;
}
.p-animes-show .other-names:hover, .p-animes-show .more-info:hover, .p-mangas-show .other-names:hover, .p-mangas-show .more-info:hover, .p-ranobe-show .other-names:hover, .p-ranobe-show .more-info:hover {
border-color: yellow;
} .p-animes-show .other-names:hover, .p-animes-show .more-info:hover, .p-mangas-show .other-names:hover, .p-mangas-show .more-info:hover, .p-ranobe-show .other-names:hover, .p-ranobe-show .more-info:hover {
background-color: black;
color: black;
}
header.head h1, header.head h2 {
color: snow;}
.b-animes-menu .menu-topics-block .entry .name {
color: yellow;}
.b-show_more-more .hide-more {
color: chartreuse;}
.b-animes-menu .total-rates {
color: cornflowerblue;}
.p-user_rates-index .l-content .order-control {color: snow;}
.b-options-floated .action {color: yellow;}
.p-user_rates-index .list-groups .summary.lines {color: lightcoral;}
.p-user_rates-index .list-lines .selectable:hover {
background-color: rgba(0, 0, 0, .5);
}
.p-user_rates-index .list-lines tr td .rate-text div {color: white;}
.p-user_rates-index .list-lines tr.edit-form form {
background: rgba(0, 0, 0, .5);
border-bottom: 2px solid cornflowerblue;
border-top: 2px solid cornflowerblue;}
.p-user_rates-index .list-lines tr.edit-form .b-input.text textarea {
width: 100%;
background: rgba(0, 0, 0, .6);
color: cornflowerblue;
}
.b-collection_search .field input {
border: 1px solid cornflowerblue;
background: transparent;
color: snow;
}
.b-comment>.inner .name-date a.name .normal {
color: currentColor;}
.b-club .logo {border-radius: 50px;}
.b-club.c-colum.detailed {
border: 1px solid snow;
padding: 10px 15px;
border-radius: 75px;
}
.b-quote-v2 {
background-color: transparent;;
border: 1px solid cornflowerblue;
border-left: 4px solid cornflowerblue;
padding-left: 14px
}
.b-quote-v2 .quoteable:before {
color: cornflowerblue;
}
.p-user_rates-index .list-groups .summary.posters {
border: 1px solid black;
background-color: cornflowerblue;}
.p-user_rates-index .list-groups .summary.posters.list {
display: block;
margin-bottom: 0px;}
.b-block_list li.selected {background: cornflowerblue;color: snow;}
.b-modal .inner { background: darkseagreen;
color: black;border-radius: 16px;}
.b-modal * * * { color: black !important;}
.l-top_menu-v2 .icon-avatar img {
border-radius: 30px;
width: 30px;
height: 30px;
}
/* Че то накачал сюда: */
/* More compact sorting of episode notifications */
@import url(https://css-club.web.app/css/compact_news--flex.css);
/* Display dates in history */
@import url(https://raw.githubusercontent.com/kaurkaur/Shikimori/master/CSS/HistoryDates.css);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment