Как изменить фон на шикимори

/*

 * Shikimori.org – CSS Theme

 * Author: grin3671

 * Some changes: temu

*/

body { background-image:

url(http://i.imgur.com/IniQYdH.jpg) /*site background*/

}

.p-profiles .profile-head .c-brief:before {

background-image: url(http://pp.vk.me/c631729/v631729648/333e0/O4ZItIYwTl0.jpg) /*profile header*/

}

:root {

—main-col:  #284dcc; /* 3 colors */

—main-col2: #0c267f;

—main-col3: #0f1d4c;

—link:      #284dcc; /*link*/

—link-hov:  #284dcc; /*link if hovers*/

—link-act:  #284dcc; /*link if pressed*/

—text:      #ddd;

—text-sec:  #999;

—bg:        #111;

—bg2:       #000;

}

::-moz-selection {

background: var(—main-col);

color: #FFFFFF

}

::selection {

background: var(—main-col);

color: #FFFFFF

}

/* Кнопка сохранения стиля всегда на виду, спасибо @morr! */

#submit_style {

position: fixed;

bottom: 0;

right: 40%;

margin: 40px;

z-index: 1000;

}

/* FONT COLLECTION */

/* NOTE: Если вы знаете как можно сократить этот код или использовать меньшее количество шрифтов при том же результате — напишите мне. */

/* Русские символы (cyrillic — 400) */

@font-face {

font-family: ‘Roboto’;

font-style: normal;

font-weight: 400;

  src: local(‘Roboto’), local(‘Roboto-Regular’), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format(‘woff2’);

unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

}

/* Английские символы (latin — 400) */

@font-face {

font-family: ‘Roboto’;

font-style: normal;

font-weight: 400;

  src: local(‘Roboto’), local(‘Roboto-Regular’), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format(‘woff2’);

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}

/* Русские символы (cyrillic — 500) */

@font-face {

font-family: ‘Roboto’;

font-style: normal;

font-weight: 500;

  src: local(‘Roboto Medium’), local(‘Roboto-Medium’), url(https://fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format(‘woff2’);

unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

}

/* Английские символы (latin — 500) */

@font-face {

font-family: ‘Roboto’;

font-style: normal;

font-weight: 500;

  src: local(‘Roboto Medium’), local(‘Roboto-Medium’), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format(‘woff2’);

unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}

*  {

font-family: ‘Consolas’, ‘Roboto’, ‘Noto’, ‘Arial’, sans-serif !important;

}

b,

strong,

.b-add_to_list .trigger,

.b-add_to_list .option,

.b-bb_codes-examples .name,

.b-catalog_entry-tooltip .inner a.name,

.b-catalog_entry-tooltip .inner .line .key,

.b-catalog_entry-tooltip .inner .additional-images .link .title,

.b-catalog_entry .cover .misc span.episode .number,

.b-catalog_entry .cover .title,

.b-club .name,

.b-db_entry-note .name-container .name,

.b-dialog>.inner header .name-date a.name,

.b-entry-info .line .value,

.b-link_button,

.b-message>.inner header .name-date a.name,

.b-table th,

.b-user.detailed .info .image-name .name,

.b-video_variant .episode-num,

.b-video .name,

.b-video .marker,

.bar.horizontal .line .x_label,

.contests .contest .title,

.mischeadline,

.l-menu .sticky-topics .topic .title,

.l-menu .contests .contest .title,

.l-menu .calendar .entry .title,

.l-menu .reviews .entry .title,

.l-menu .clubs .entry .title,

.l-footer .copyright,

.l-footer .links,

.link-with-input .link,

.p-anime_videos-index .c-anime_video_episodes .title,

.p-anime_videos-index .c-videos .title,

.p-contests .results .cc-result .c-rounds .label,

.p-dashboard .l-menu .ongoing .title,

.p-dashboard .l-menu .season .title,

.p-dashboards .user_list .list-type>.title,

.p-dashboards .user_list .history>.title,

.p-dashboards-show .c-content .options .option,

.p-profiles .profile-head .c-history .entry .title,

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .title,

.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility .rate,

.p-profiles-show .profile-content .activity .title,

.p-topics-create .b-shiki_editor .title,

.p-topics-edit .b-shiki_editor .title,

.p-topics-new .b-shiki_editor .title,

.p-topics-new .topic-type .type-name,

.p-topics-update .b-shiki_editor .title,

.p-user_rates-index .list-groups .summary .stat-value {

font-weight: 500 !important;

}

@media screen and (min-width: 1025px) {

.b-entry-info .line .value {

font-weight: 400 !important;

}

}

/* END of FONT COLLECTION */

/* MAIN BLOCKS */

html {

height: 100%;

}

body {

position: relative;

min-height: 100%;

background-color: var(—bg) !important;

color: var(—text);

font-size: 16px;

font-weight: 400;

line-height: 20px;

overflow-x: hidden;

}

.l-page {

position: static;

padding-top: 72px;

padding-right: 1rem;

padding-bottom: 4.5rem;

padding-left: 1rem;

background-color: inherit;

background-color: rgba(25,25,25,.95);

}

@media only screen and (max-width: 1025px) {

  body {

background-image: none;

}

}

@media only screen and (min-width: 1025px) {

  body {

/* Изображения грузятся только на лептопах и десктопах */

background-color: var(—bg) !important;

background-attachment: fixed;

background-position: 0 center;

background-repeat: no-repeat;

background-size: cover;

}

.l-page {

outline: none;

}

}

.l-footer {

position: absolute;

right: 0;

bottom: 0;

left: 0;

width: 100%;

max-width: 1200px;

padding: 0 1rem;

margin: auto;

}

.l-footer:before {

content: ‘Theme by Karatyshka’;

display: block;

float: left;

position: static;

left: auto;

bottom: auto;

width: auto;

height: auto;

background: none;

color: var(—text-sec);

font-size: 11px;

font-weight: 500;

}

.l-footer .links {

padding: 4px 0;

font: inherit;

font-size: 12px;

line-height: 16px;

text-align: center;

}

.l-footer .links a {

color: var(—text-sec);

}

.l-footer .links a:last-child {

margin: 0;

}

/* END of MAIN BLOCKS */

/* COLOR SETTINGS */

/* LINK COLOR */

a,

.b-spoiler label,

.b-spoiler .content .before,

.b-spoiler .content .after,

.b-js-link,

.subheadline .misc-link {

color: var(—link) !important;

}

a:hover,

.b-spoiler label:hover,

.b-spoiler .content:hover .before,

.b-spoiler .content:hover .after,

.b-js-link:hover,

.subheadline .misc-link:hover {

color: var(—link-hov) !important;

}

a:active,

.b-spoiler label:active,

.b-spoiler .content:active .before,

.b-spoiler .content:active .after,

.b-js-link:active,

.subheadline .misc-link:active {

color: var(—link-act) !important;

}

/* BLACK GREY WHITE */

.b-catalog_entry-tooltip .inner a.name,

.b-catalog_entry-tooltip .inner .line .value a,

.b-catalog_entry .cover .title,

.b-clubs-menu .block-list li:hover,

.b-clubs-menu .block-list li:hover a,

.b-clubs-menu .block-list li a:hover,

.b-comment>.inner header .name-date a.name,

.b-db_entry-note .name-container .name,

.b-dialog>.inner header .name-date a.name,

.b-entry-info .line .b-tag,

.b-height_shortener .expand,

.b-hot_topics .topic.subject,

.b-hot_topics .topic a,

.b-hot_topics .topic a:hover,

.b-message>.inner header .name-date a.name,

.b-modal .subheadline,

.b-link_button,

.b-link_button:hover,

.b-link_button:active,

.b-show_more:hover,

.b-show_more-more .hide-more:hover,

.b-stats_bar .stat_names .stat_name a,

.b-topic>.inner header .name-date a.name,

.b-video .marker,

.headline,

.p-dialogs .b-options-floated > a.selected,

.p-messages .b-options-floated > a.selected,

.p-profiles-edit .b-options-floated > a.selected,

.p-profiles .profile-head .c-history .entry .title,

.p-topics .l-menu .calendar .entry a,

.p-topics .l-menu .reviews .entry a,

.p-topics .l-menu .clubs .entry a,

.p-user_rates-index .l-content .order-control,

.p-user_rates-index .l-content .order-control:hover {

color: var(—text) !important;

}

.midheadline,

.p-topics header h1 a.reload {

color: var(—text) !important

}

.b-db_entry-note .name-container .note,

.b-stats_bar .title {

color: var(—text-sec);

}

.b-breadcrumbs a.b-link,

.p-profiles .profile-head .c-history .entry .misc {

color: var(—text-sec) !important;

}

.p-profiles .profile-head .c-history .entry .misc.date {

color: #9B9B9B !important;

}

.b-catalog_entry-tooltip .inner .line .value .tag:hover,

.b-entry-info .line .b-tag:hover {

color: var(—bg) !important;

}

.b-link_button {

background-color: var(—bg2);

}

.b-link_button:hover {

background-color: #050505;

}

.b-link_button:active {

background-color: #d9d9d9;

}

.b-contests-menu .results,

.b-link_button.dark {

color: #FFF !important;

}

/* PRIMARY COLOR */

input[type=submit],

.b-contests-menu .results,

.b-link_button.dark,

.btn-primary {

background-color: var(—main-col);

}

.b-main_search .input:after {

border-color: var(—main-col);

}

input[type=submit]:hover,

.b-contests-menu .results:hover,

.b-link_button.dark:hover {

background-color: var(—main-col2);

}

.headline > a,

.headline > a:hover,

.headline.linkheadline > a,

.midheadline > a,

.midheadline > a:hover,

.midheadline.linkheadline > a,

.subheadline > a,

.subheadline > a:hover,

.subheadline.linkheadline > a,

.b-form .cancel,

.b-shiki_editor footer .unpreview,

.b-shiki_editor footer .unpreview:not(.link):hover,

.b-shiki_editor footer .preview,

.b-stats_bar a.title {

color: var(—main-col) !important;

}

/* ACCENT COLOR */

.menu .unread-count,

.menu .contest {

background: var(—main-col);

color: #fff !important;

}

.menu .unread-count:hover,

.menu .contest:hover {

background: #FF4081 !important;

}

/* END of COLOR SETTINGS */

/* ВЫСОТА СТРОКИ */

.cc-2a>.c-column { line-height: inherit; }

/* ОБЩИЕ КЛАССЫ */

.p0, .m0, .m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8, /*.m10,*/ .m12, .m13, .m15, .m20, .m25, .m30, .m40, .m50 {

margin-bottom: 0 !important

}

hr {

margin: 8px 0;

}

.b-mention s {

color: inherit;

}

.b-image,

.b-video {

display: inline-block;

vertical-align: top;

margin: 8px 8px 0 0;

}

.b-image:last-child,

.b-video:last-child {

margin: 8px 0 0 0;

}

.b-image > img {

display: block;

}

.solid .b-image {

margin: 0;

}

.b-image .normalized_width {

display: initial;

}

.b-height_shortener {

padding-left: 56px;

cursor: s-resize;

}

.b-height_shortener .shade {

height: 2.5rem;

margin-top: -2.5rem;

background-image: linear-gradient(to bottom, rgba(242,242,242,0), var(—bg));

}

.b-height_shortener .expand {

font-size: .875rem;

}

.b-height_shortener:hover .expand {

color: var(—text);

}

.collapsed {

margin-bottom: 8px;

background-color: var(—bg2);

border-color: #e0e0e0;

border-radius: 2px;

}

.collapsed:hover {

background-color: #e0e0e0;

border-color: var(—bg);

}

.collapsed:active {

background-color: var(—bg);

border-color: #d4d4d4;

}

.b-show_more,

.b-show_more-more .hide-more {

display: inline-block;

padding: 0 .5rem;

margin: .25rem 0;

border-radius: 10px;

color: var(—text);

font-size: .875rem;

font-weight: 500;

}

.b-show_more:hover,

.b-show_more-more .hide-more:hover {

background-color: var(—bg2);

}

.b-source {

margin-top: 8px;

margin-bottom: 16px;

}

.b-sponsors_block_3 {

min-height: 314px;

padding: 1rem;

background-color: #f7f3db;

}

.b-sponsors_block_3:before {

content: ‘Реклама:’;

display: block;

margin-bottom: .5rem;

color: #ab9f59;

font-size: .75rem;

font-weight: 500;

line-height: 1rem;

}

.b-spoiler label {

font-size: inherit;

letter-spacing: initial;

}

.b-spoiler .content .before,

.b-spoiler .content .after {

font-size: inherit;

letter-spacing: initial;

}

.b-nothing_here {

margin-left: 0;

font-size: .875rem;

}

header.head h1,

header.head h2 {

font-family: inherit;

}

header.head .notice {

margin: 8px 0;

font-size: 14px;

line-height: 20px;

}

header.head h1 + .notice,

header.head h2 + .notice {

margin-top: -8px;

}

.tipsy {

padding: 14px;

font-size: .875rem;

}

.tipsy-arrow {

display: none;

}

.tipsy-inner {

padding: 6px 16px;

background-color: #565656;

border-radius: 2px;

color: var(—bg2);

text-align: left;

box-shadow: none;

}

input {

font-family: inherit;

font-size: inherit;

}

.b-contests-menu .results,

.b-link_button,

input[type=submit] {

padding: 0 1rem;

margin-right: .5rem;

border-radius: 2px;

font-family: ‘Roboto’, sans-serif;

font-size: .875rem;

font-weight: 500;

line-height: 2rem;

text-align: center;

text-decoration: none !important;

text-transform: uppercase;

}

input[type=submit]:last-child {

margin-right: 0;

}

input[type=submit]:hover {

box-shadow: 0 2px 4px 2px rgba(0,0,0,.24);

}

.b-contests-menu .results {

float: none;

display: block;

margin: .5rem 0;

}

.b-link_button {

margin-bottom: 8px;

}

.b-link_button.maxi {

padding: 0;

font-size: 1rem;

line-height: 2.5rem;

}

.b-contests-menu .results,

.b-forums > .b-link_button.maxi,

.b-link_button.create-topic { margin-right: 0; }

.b-input input,

.b-input textarea {

padding: 8px 16px;

line-height: 20px;

}

select {

height: 32px;

padding: 2px 8px;

background-color: var(—bg);

border-color: var(—bg);

font-size: 14px;

line-height: 32px;

}

.buttons {

font-family: inherit;

font-size: inherit;

font-weight: 500;

}

.btn {

border-radius: 2px;

line-height: 2rem;

}

.l-page .menu-toggler { top: 64px; z-index: 9; }

.history-interval,

.mischeadline,

.b-input,

.prgrph,

.spoiler-prgrph,

.review-votes_count {

margin-bottom: 8px !important;

}

.block {

line-height: 20px;

}

.text {

margin-left: 0 !important;

}

.b-breadcrumbs {

margin: 0;

color: var(—text-sec);

line-height: 1rem;

}

.block-list li,

.block-list-alt li {

line-height: 20px;

margin: 2px -8px;

padding: 0 8px;

}

.b-comments-notifier {

top: 0 !important;

width: 32px;

height: 32px;

margin-top: 64px;

border-radius: 2px;

line-height: 32px;

}

.b-user.named_avatar .name {margin: auto;}

/**

 * TOPMENU

 * Изменение верхнего меню сайта. ————————————————————

 * Меню закреплено и увеличено.

 */

/* Настройка цветов в меню */

.l-top_menu {

background-color: &;

color: #f2f2f2;

text-transform: uppercase;

}

.l-top_menu .menu-items>.entry>a,

.l-top_menu .menu-items>.entry.sign_out,

.l-top_menu .submenu>.entry,

.l-top_menu .submenu>.entry:active,

.l-top_menu .menu-items>.entry:active {

color: inherit !important;

}

/* END of Настройка цветов в меню */

/* NOTE: Что это за элемент? */

.to-top-fix {

background: none;

border: 0;

}

.l-top_menu {

position: fixed;

top: 0;

width: 100%;

height: auto;

background-color: var(—bg2);

background-image: none;

border: none;

box-shadow: 0 2px 8px 2px rgba(0,0,0,.24);

overflow: visible;

}

.l-top_menu {

padding: 4px 0;

}

/* NOTE: Максимальное разрешение SONY Xperia Z Ultra: 960x540px */

@media screen and (min-width: 480px) and (max-height: 540px) and (orientation: landscape) {

.l-top_menu {

padding: 0;

}

.l-page {

padding-top: 64px;

}

}

/* На планшетах и далее, высота меню равна 56px */

@media screen and (min-width: 961px) and (orientation: landscape) {

.l-top_menu {

padding: 4px 0;

}

}

/* MENUTOP > LOGO */

.l-top_menu .inner > a:first-child {

display: inline-block;

vertical-align: top;

margin: 0 0 0 32px;

}

.l-top_menu .inner .logo {

float: initial;

position: static;

width: auto;

height: auto;

padding: .8125rem 1rem;

margin: 0;

background: none;

}

.l-top_menu .inner .logo:before {

content: ‘Главная’;

display: block;

color: #fff;

font-size: 16px;

font-weight: 500;

line-height: 22px;

}

@media only screen and (min-width: 320px) {

.p-profiles .profile-head .c-brief {

background: var(—bg2);

}

.l-top_menu .inner .logo:before {

content: ‘Shikimori’;

font-size: 20px;

text-transform: uppercase;

}

}

@media only screen and (min-width: 480px) {

.l-top_menu .inner .logo:before {

content: ‘Shikimori’;

font-size: 20px;

text-transform: uppercase;

}

}

.l-top_menu .to-mobile-forum {

display: inline-block;

vertical-align: top;

position: static;

left: 138px;

width: 40px;

height: 40px;

padding: 8px;

margin: 4px !important;

color: var(—bg) !important;

}

.l-top_menu .to-mobile-forum:before {

width: 1.5rem;

line-height: 1.5rem;

text-align: center;

font-size: 24px;

}

.l-top_menu  .mobile-menu-toggler,

.l-top_menu  .mobile-search-toggler {

position: absolute;

top: 0;

z-index: 10; /* TODO: убрать, потестить */

}

.l-top_menu  .mobile-menu-toggler { left: 0; }

.l-top_menu  .mobile-search-toggler { right: 56px; }

/* Перерисовываем меню сайта под Material */

.l-top_menu .mobile-menu-toggler.active {

position: fixed;

top: 0;

left: 0;

width: 100% !important;

height: 100% !important;

margin: 0 !important;

background-color: var(—bg2);

z-index: 12;

opacity: .48;

}

.l-top_menu .menu-items {

position: absolute;

top: 0;

width: calc(100% — 56px);

max-width: 320px;

height: calc(100vh + 16px);

padding: 8px 0;

margin: -8px 0;

background-color: #fff;

color: var(—bg2);

overflow-y: auto;

z-index: 13;

}

.l-top_menu .menu-items>.entry>a {

color: var(—text) !important;

}

/* ECPEREMENTAL > ANIMATED MOBILE MENU */

.l-top_menu .menu-items {

display: block;

transform: translate(-100%, 0);

transition: 240ms ease-out;

}

.l-top_menu .menu-items.active {

transform: translate(0, 0);

}

/* END of ECPEREMENTAL */

@media only screen and (min-width: 320px) {

.l-top_menu .inner > a:first-child {

margin: 0 0 0 40px;

}

}

@media only screen and (min-width: 360px) {

.l-top_menu .inner > a:first-child {

margin: 0 0 0 48px;

}

}

@media only screen and (min-width: 1025px) {

.l-top_menu .inner > a:first-child {

margin: 0;

}

}

@media only screen and (min-width: 1025px) {

.l-top_menu .to-mobile-forum {

display: none;

}

.l-top_menu .menu-items {

display: inline-block;

vertical-align: top;

position: static;

width: auto;

max-width: 100%;

height: auto;

padding: 0;

margin: 0;

margin-left: 0;

background-color: initial;

color: inherit;

overflow: initial;

overflow-y: visible;

transform: translate(0, 0);

}

.l-top_menu .menu-items>.entry>a {

color: inherit !important;

}

.b-main_search.hovered .popup {

height: 272px;

}

.l-top_menu .menu-items>.entry.calendar>a,

.l-top_menu .menu-items>.entry.info>a {

padding: 0.9375rem;

}

.l-top_menu .menu-items>.entry.calendar>a:before,

.l-top_menu .menu-items>.entry.info>a:before {

display: block !important;

}

.l-top_menu .menu-items>.entry.calendar>a:after,

.l-top_menu .menu-items>.entry.info>a:after {

display: none;

}

}

.l-top_menu .menu-items>.entry {

display: block;

padding: 0;

border: 0;

color: var(—text);

line-height: inherit;

}

.l-top_menu .menu-items>.entry.selected,

.l-top_menu .menu-items>.entry:hover {

background-color: transparent;

}

.l-top_menu .menu-items>.entry>a,

.l-top_menu .menu-items>.entry.sign_out {

padding: 1rem;

margin: 0;

font-size: inherit;

line-height: 1rem;

}

/* Текст вместо иконок в верхнем меню */

.l-top_menu .menu-items>.entry.calendar>a,

.l-top_menu .menu-items>.entry.info>a {

padding: 1rem;

margin: 0;

line-height: 1rem;

}

.l-top_menu .menu-items>.entry.calendar>a:before,

.l-top_menu .menu-items>.entry.info>a:before {

display: none !important;

}

.l-top_menu .menu-items>.entry.calendar>a:after {

content: ‘Календарь онгоингов’;

}

.l-top_menu .menu-items>.entry.info>a:after {

content: ‘Информация’;

}

@media only screen and (min-width: 1025px) {

.l-top_menu .menu-items>.entry.calendar>a,

.l-top_menu .menu-items>.entry.info>a {

padding: 0.9375rem;

}

.l-top_menu .menu-items>.entry.calendar>a:before,

.l-top_menu .menu-items>.entry.info>a:before {

display: block !important;

}

.l-top_menu .menu-items>.entry.calendar>a:after,

.l-top_menu .menu-items>.entry.info>a:after {

display: none;

}

}

/* END of Текст вместо иконок в верхнем меню */

.l-top_menu .submenu,

.b-main_search ul.popup {

border: 0;

}

.l-top_menu .submenu>.entry {

height: 2rem;

padding: .5rem 1rem;

border: 0;

font-size: .875rem;

line-height: 1rem;

}

.l-top_menu .submenu>.entry:first-child,

.b-main_search ul.popup li:first-child {

margin-top: 1rem;

}

.l-top_menu .submenu>.entry:last-child,

.b-main_search ul.popup li:last-child {

margin-bottom: .5rem;

}

.l-top_menu .menu-items .submenu-toggler {

right: 0;

width: 48px;

height: 48px;

padding: .75rem;

margin: 0;

color: var(—text-sec);

z-index: 10;

}

.l-top_menu .menu-items .submenu-toggler:before {

width: 24px;

line-height: 24px;

}

@media screen and (min-width: 1025px) {

.l-top_menu .menu-items .submenu-toggler,

.l-top_menu .inner .sign_out { display: none; }

.l-top_menu .menu-items>.entry {

color: inherit; /* var(—bg) */

}

}

@media screen and (max-width: 1024px) {

.l-top_menu .submenu {

padding-left: 32px;

}

}

/* TOPMENU | SEARCH */

.l-top_menu .menu-search {

padding: 8px 0;

}

@media screen and (min-width: 1025px) {

.l-top_menu .menu-search {

padding: 0;

}

.l-top_menu .menu-search>.entry {

width: 234px;

padding: 8px 0 !important;

}

}

.b-main_search {

padding-right: 8px !important;

padding-left: 8px !important;

}

.b-main_search .input {

position: relative;

width: auto;

height: 2rem;

padding: 0;

margin: 0;

background: #fff;

border-radius: 2px;

}

.b-main_search.hovered .popup {

border: 0;

font-size: .875rem;

}

.b-main_search ul.popup li {

width: auto;

height: 2rem;

padding: .5rem 1rem;

border: 0;

font-family: inherit;

font-size: .875rem;

line-height: 20px;

}

.b-main_search .input input {

width: 100%;

padding: 0 1rem;

font-family: inherit;

font-size: 1rem;

line-height: 2rem;

}

.b-main_search .input input.ac_loading {

width: 100%;

padding: 0 1rem;

}

.b-main_search ul.popup {

width: inherit;

}

/* END of SEARCH */

/* TOPMENU | SEARCHRESULT */

.ac_results.menu-suggest,

.completable-block.menu-suggest {

border: 0;

box-shadow: 0 2px 8px 2px rgba(0,0,0,.24);

}

.ac_results,

.completable-block {

font-size: .75rem;

}

.ac_results li {

padding: 0 .5rem;

border: none;

line-height: 2rem;

}

.b-main_search ul.popup,

.b-main_search.hovered .popup {

margin: 0;

}

.ac_results.menu-suggest,

.completable-block.menu-suggest {

margin-top: -17px;

margin-left: 6px;

}

/* END of SEARCHRESULT */

/* TOPMENU | USERBOX */

.l-top_menu .menu-userbox {

position: absolute;

top: 0;

right: 0;

}

.l-top_menu .menu-userbox>.entry {

position: relative;

height: 48px;

padding: 0 !important;

margin: 0 .5rem 0 1rem !important;

cursor: default;

}

.entry.userbox > .avatar {

display: inline-block;

vertical-align: top;

width: 32px;

height: 32px;

margin: 8px;

border-radius: 0;

}

.entry.userbox > .avatar > img {

height: inherit;

}

.userbox>a .graphics-arrow-down { display: none; }

@media screen and (max-width: 1024px) {

.userbox img.avatar,

.menu .unread-count { margin-top: 0; }

}

.menu .unread-count {

position: absolute;

top: -8px;

right: -8px;

width: 22px;

height: 22px;

margin: 4px;

border-radius: 50%;

line-height: 22px;

}

@media screen and (min-width: 1025px) {

.l-top_menu .menu-userbox {

position: relative;

}

}

/* END of USERBOX */

/* TOPMENU | ICON */

.l-top_menu .menu-mobile .search,

.l-top_menu .menu-mobile .menu,

.l-top_menu .menu-mobile #sign_in,

.l-top_menu .menu-userbox .search,

.l-top_menu .menu-userbox .menu,

.l-top_menu .menu-userbox #sign_in {

width: 40px;

height: 40px;

padding: 8px;

margin: 4px;

margin-left: 4px !important;

}

.l-top_menu .menu-userbox #sign_in {

margin: -10px 4px;

}

/* END of ICON */

/* ************** */

/* END of TOPMENU */ ———————————————————————————————————-

/* ************** */

/**

 * PAGINATION

 *

 */

/* Делаем пагинацию более удобной */

.p-animes_collection-index .pagination,

.p-mangas_collection-index .pagination,

.p-recommendations-index .pagination,

.p-userlist_comparer-show .pagination {

margin: 8px 0;

color: inherit;

font-size: 14px;

font-weight: 500;

line-height: 32px;

}

/* Добавляем разной ерунды */

.p-animes_collection-index .pagination > *,

.p-mangas_collection-index .pagination > *,

.p-recommendations-index .pagination > *,

.p-userlist_comparer-show .pagination > * {

vertical-align: top;

}

.p-animes_collection-index .pagination .link,

.p-mangas_collection-index .pagination .link,

.p-recommendations-index .pagination .link,

.p-userlist_comparer-show .pagination .link {

width: 40px;

height: 40px;

padding: 8px;

margin: -4px 8px;

border-radius: 2px;

color: var(—text-sec) !important;

font-size: 0;

}

.p-animes_collection-index .pagination .link.disabled,

.p-mangas_collection-index .pagination .link.disabled,

.p-recommendations-index .pagination .link.disabled,

.p-userlist_comparer-show .pagination .link.disabled {

color: #9B9B9B !important;

}

.p-animes_collection-index .pagination .link:first-child,

.p-mangas_collection-index .pagination .link:first-child,

.p-recommendations-index .pagination .link:first-child,

.p-userlist_comparer-show .pagination .link:first-child {

margin-left: 0;

}

.p-animes_collection-index .pagination .link:last-child,

.p-mangas_collection-index .pagination .link:last-child,

.p-recommendations-index .pagination .link:last-child,

.p-userlist_comparer-show .pagination .link:last-child {

margin-right: 0;

}

.p-animes_collection-index .pagination .link:hover,

.p-mangas_collection-index .pagination .link:hover,

.p-recommendations-index .pagination .link:hover,

.p-userlist_comparer-show .pagination .link:hover {

background-color: var(—bg);

color: var(—text) !important

text-decoration: none;

}

.p-animes_collection-index .pagination .link.disabled:hover,

.p-mangas_collection-index .pagination .link.disabled:hover,

.p-recommendations-index .pagination .link.disabled:hover,

.p-userlist_comparer-show .pagination .link.disabled:hover {

background-color: transparent;

color: #9B9B9B !important;

}

.p-animes_collection-index .pagination .link:before,

.p-mangas_collection-index .pagination .link:before,

.p-recommendations-index .pagination .link:before,

.p-userlist_comparer-show .pagination .link:before {

display: block;

width: 24px !important;

font-family: ‘Material Icons’ !important;

font-size: 24px !important;

font-weight: 400 !important;

line-height: 1 !important;

text-transform: none;

letter-spacing: normal;

word-wrap: normal;

white-space: nowrap;

direction: ltr;

/* Support for all WebKit browsers. */

  -webkit-font-smoothing: antialiased;

/* Support for Safari and Chrome. */

text-rendering: optimizeLegibility;

/* Support for Firefox. */

  -moz-osx-font-smoothing: grayscale;

/* Support for IE. */

font-feature-settings: ‘liga’;

}

.p-animes_collection-index .pagination .link.link-prev:before,

.p-mangas_collection-index .pagination .link.link-prev:before,

.p-recommendations-index .pagination .link.link-prev:before,

.p-userlist_comparer-show .pagination .link.link-prev:before {

content: ‘chevron_left’;

}

.p-animes_collection-index .pagination .link.link-next:before,

.p-mangas_collection-index .pagination .link.link-next:before,

.p-recommendations-index .pagination .link.link-next:before,

.p-userlist_comparer-show .pagination .link.link-next:before {

content: ‘chevron_right’;

}

/**

 * SUBHEADER

 * Изменение подзаголовков разделов и ссылок в них.

 */

.headline {

padding: 8px 0;

margin: 8px 0;

background: none;

border: 0;

font-size: 24px;

font-weight: 400;

line-height: 32px;

text-transform: capitalize;

}

.mischeadline,

.c-my_list .title,

.subheadline,

.midheadline,

.b-stats_bar .title,

.profile-content .activity .title,

.lifetime .title {

padding: 16px 0;

margin-bottom: 0;

background-color: transparent;

border: 0;

font-size: .875rem;

font-weight: 500;

line-height: 1rem;

text-transform: uppercase;

overflow: initial;

}

.midheadline > a,

.subheadline > a {

vertical-align: top;

margin: -.5rem -1rem;

}

.midheadline > a,

.subheadline > a,

.b-form .cancel,

.b-shiki_editor footer .unpreview,

.b-shiki_editor footer .preview {

display: inline-block;

padding: 0 1rem;

background-color: transparent;

border-radius: .125rem;

font-size: .875rem;

font-weight: 500;

line-height: 2rem !important;

text-transform: uppercase;

}

.headline>a:before,

.midheadline > a:before,

.subheadline > a:before {

right: 0;

left: 0;

text-align: right;

}

.headline.linkheadline > a,

.linkheadline.midheadline > a,

.linkheadline.subheadline > a {

text-decoration: none;

}

.subheadline .misc-link {

float: right;

}

.subheadline-input {

padding: 5px 8px;

margin-top: 8px !important;

border-radius: 2px !important;

font-size: 14px;