SaveText.Ru

IEZEKIEL
  1. body {
  2.     background: white;
  3. }
  4. .l-page {
  5.     background: transparent;
  6.     clear: both;
  7.     margin: 0 auto;
  8.     padding: 15px 10px 0 10px;
  9.     position: relative;
  10.     z-index: 1;
  11. }
  12.  
  13. .x1000 .l-page, .x1200 .l-page {
  14.     max-width: 900px;
  15. }
  16. @font-face {
  17.   font-family: Satisfy;
  18.   src: url('https://dl.dropboxusercontent.com/s/fbdsbjkbx5yg3ea/Satisfy-Regular.ttf');
  19. }
  20. .p-profiles .profile-head .c-brief header h1 {
  21.     font-family: 'Satisfy';
  22.     padding: 0px;
  23.     margin-left: 15px;
  24. }
  25. header.head h1 {
  26.     font-family: 'Satisfy';
  27.     color: #ecbd2f;
  28. }
  29. .b-comment>.inner .name-date .name {
  30.     padding: 5px;
  31.     font-size: 17px;
  32.     letter-spacing: 1px;
  33.     color: #edc13b;
  34.     cursor: pointer;
  35.     font-weight: 600;
  36. }
  37. header.head h1, header.head h2 {
  38.     color: #ecbd2f;
  39. }
  40. .p-profiles .profile-head .c-brief header h1.aliases:after {
  41.     font-family: shikimori;
  42.     content: "aaa";
  43.     color: transparent;
  44.     background: url(https://i.ibb.co/qMsJPgP/Pics-Art-06-01-08-35-26.png);
  45.     background-size: contain;
  46.     background-repeat: no-repeat;
  47.     cursor: pointer;
  48.     font-size: 25px;
  49.     margin-left: 8px;
  50. }
  51. .p-profiles .profile-head .c-brief header .notice {
  52.     font-size: 11px;
  53.     letter-spacing: 0.5px;
  54.     line-height: 17px;
  55.     clear: left;
  56.     margin-top: 0;
  57. }
  58. .p-profiles .profile-head .c-brief header .notice a {
  59.     background: url(https://www.pngrepo.com/png/242523/180/vk-vk.png);
  60.     background-size: contain;
  61.     background-repeat: no-repeat;
  62.     margin-right: -43px;
  63.     font-size: 20px;
  64.     color: transparent;
  65.     cursor: pointer;
  66.     padding: 0;
  67. }
  68. .p-profiles .profile-head .c-brief header .notice a:hover {
  69.     color: transparent;
  70.     background: url(https://www.pngrepo.com/png/242523/180/vk-vk.png);
  71.     background-size: contain;
  72.     background-repeat: no-repeat;
  73.     filter: contrast(0.5);
  74.     transition: .25s ease;
  75. }
  76. .p-profiles .profile-head .c-brief header .notice a:active {
  77.     color: transparent;
  78.     background: url(https://www.pngrepo.com/png/242523/180/vk-vk.png);
  79.     background-size: contain;
  80.     background-repeat: no-repeat;
  81.     filter: contrast(0.5);
  82.     transition: .25s ease;
  83. }
  84. .profile-actions > a:before, .b-collection-filters .mylist-block .item-sign:before, .b-db_entry .c-actions .b-tooltipped:before, .b-image .delete:before, .b-image .confirm:before, .b-image .cancel:before, .b-image .mobile-edit:before, .b-user_rate .rate-show .rate-number .item-add:before, .b-video_player .cc-player_controls .c-control .icon:before, .p-animes_collection-index .pagination .link:before, .p-recommendations-index .pagination .link:before, .b-clubs-menu .club-actions .b-tooltipped:before, .p-dialogs .misc-links > a:before, .p-messages .mass-actions .action a:before, .b-stats_bar .compatibility a[href$='=similar']:before, .b-stats_bar .compatibility .text:first-child:before, .p-user_rates-index .list-lines tr.edit-form .remove:before, .p-user_rates-index .list-posters .user_rate .edit-user_rate:before, .l-top_menu .to-mobile-forum:before, .l-top_menu .menu-userbox #sign_in:before, .l-top_menu .menu-items .submenu-toggler:before, #toast-container > .toast-error:before, .tooltip-inner .close:before, .b-ban .spoiler.collapse:before, .b-log_entry .spoiler.collapse:before, .b-collection-filters .b-block_list li:before, .b-collection_search .field .clear:before, .b-comments .comments-collapser:before, .b-height_shortener .expand:before, .b-rate .stars:before, .b-review_votes:before, .b-catalog_entry.planned .image-decor:before, .b-catalog_entry.watching .image-decor:before, .b-catalog_entry.completed .image-decor:before, .b-catalog_entry.rewatching .image-decor:before, .b-catalog_entry.on_hold .image-decor:before, .b-catalog_entry.dropped .image-decor:before, .b-shiki_editor footer .about-bb_codes:before, .b-status-line .section.created_at time:before, .b-status-line .section.changed_at time:before, .b-status-line .section.additional .collection-size:before, .b-status-line .section.additional .comments:before, .b-status-line .section.additional .b-review_votes:before, .b-topic .footer-vote .star:before, .b-topic .footer-vote .vote-group .vote:before, .p-profiles .profile-head .c-brief header h1.aliases:before, .p-user_history-index .history-page .history-interval p .destroy:before, .p-animes .item-new-review:before, .p-mangas .item-new-review:before, .b-subposter-action.edit-alt:before, .b-subposter-action.broadcast:before, .b-subposter-action.upload:before, .b-subposter-action.invite:before, .b-subposter-action.leave:before, .b-spoiler .content .before:before, .b-spoiler .content .after:before, .b-to-top .arrow:before, .b-lang_trigger:before {
  85.     display: block;
  86.     width: 1em !important;
  87.     font-size: 19px !important;
  88.     font-weight: 400 !important;
  89.     line-height: 1 !important;
  90.     letter-spacing: normal;
  91. }
  92. .b-feedback>.marker-positioner>.marker-text, .b-feedback>.hover-activator, .headline>a:before, .midheadline>a:before, .subheadline>a:before, .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a, .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility span.link-replacement {
  93.     display: none;
  94. }
  95. .p-profiles .profile-head .c-history {
  96.     float: none;
  97.     margin-bottom: 15px;
  98.     margin-left: auto;
  99.     margin-right: auto;
  100.     margin-top: 5px;
  101.     position: relative;
  102.     width: 100%;
  103. }
  104. .b-tooltipped.dotted {
  105.     border-bottom: none;
  106.     cursor: default;
  107.     display: inline-block;
  108.     line-height: 1.1;
  109. }
  110. .b-stats_bar .stat_names .stat_name:after {
  111.     color: #9da2a8;
  112.     content: '';
  113.     display: inline-block;
  114.     font-weight: normal;
  115.     padding: 0 7px;
  116. }
  117. .p-profiles .profile-head .c-info .c-lists-info {
  118.     background: white;
  119.     border-radius: 3px;
  120.     padding: 15px;
  121.     text-align: center;
  122. }
  123. .b-stats_bar a.title {
  124.     color: #176093;
  125.     cursor: pointer;
  126.     font-size: 12px;
  127.     text-transform: uppercase;
  128.     padding-bottom: 10px;
  129.     letter-spacing: 0.5px;
  130. }
  131. .b-stats_bar .stat_names .stat_name {
  132.     display: inline-block;
  133.     padding-top: 4px;
  134.     margin-left: 5px;
  135.     text-transform: uppercase;
  136.     font-size: 9px;
  137. }
  138. .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.anime:after {
  139.     content: '';
  140.     display: block;
  141.     margin: 12px 20px 10px 20px;
  142.     border-top: 1px solid #dadfe5;
  143. }
  144. .p-profiles .profile-head .c-history.x3 {
  145.     margin-bottom: 10px;
  146. }
  147. .p-profiles .profile-head .c-history {
  148.     float: none;
  149.     margin-bottom: 10px;
  150.     margin-left: auto;
  151.     margin-right: auto;
  152.     margin-top: 5px;
  153.     position: relative;
  154.     width: 100%;
  155.     background: white;
  156.     padding: 5px 2rem 5px 2rem;
  157.     border-radius: 3px;
  158. }
  159. .p-profiles .profile-head .c-history .entry img {
  160.     float: unset;
  161.     margin: 0;
  162.     max-height: 52px;
  163.     max-width: 37px;
  164. }
  165. .p-profiles .profile-head .c-history .entry:first-child {
  166.     border: none;
  167.     margin-top: -5px;
  168.     padding-top: 0;
  169. }
  170. .p-profiles .profile-head .c-history .entry {
  171.     display: inline-block;
  172.     width: 33%;
  173.     border-top: none;
  174.     border-left: 2px solid white;
  175.     padding: 0px 10px 0px 10px;
  176.     margin-bottom: 4px;
  177.     text-align: center;
  178. }
  179. .p-profiles .profile-head .c-info .c-additionals {
  180.     margin-bottom: 10px;
  181.     background: white;
  182.     border-radius: 3px;
  183.     text-align: center;
  184.     margin-top: 10px;
  185.     padding: 10px;
  186. }
  187. .p-profiles .profile-head .c-info .c-additionals b {
  188.     color: #333;
  189.     padding-right: 5px;
  190.     text-transform: uppercase;
  191.     font-size: 12px;
  192.     letter-spacing: 0.5px;
  193.     font-weight: 700;
  194. }
  195. .p-profiles .profile-head .c-info .c-additionals div a {
  196.     color: #176093;
  197.     cursor: pointer;
  198.     letter-spacing: 0.5px;
  199.     font-size: 11px;
  200. }
  201. .p-profiles .profile-head .c-history .entry .title {
  202.     overflow: hidden;
  203.     text-overflow: ellipsis;
  204.     white-space: nowrap;
  205.     display: block;
  206.     font-size: 14px;
  207.     font-weight: bold;
  208.     line-height: 19px;
  209.     margin-bottom: 2px;
  210.     letter-spacing: 0.5px;
  211.     text-transform: uppercase;
  212.     font-size: 11px;
  213.     font-weight: 700;
  214. }
  215. .cc-2>.c-column:nth-child(2n+1) {
  216.     clear: left;
  217.     background: white;
  218.     border-radius: 3px;
  219.     padding: 15px 15px 25px 15px;
  220. }
  221. .cc-2>.c-column {
  222.     margin-bottom: 10px;
  223.     line-height: 1.65;
  224.     position: relative;
  225.     float: left;
  226.     margin-right: 4%;
  227.     position: relative;
  228.     width: 100%;
  229. }
  230. .p-profiles-show .lifetime .title .value {
  231.     font-size: 10px;
  232.     color: #c2c2c2;
  233.     letter-spacing: 0.5px;
  234.     padding-bottom: 6px;
  235.     float: inherit;
  236.     margin-top: 4px;
  237.     text-transform: lowercase;
  238. }
  239. .p-profiles-show .lifetime .title {
  240.     line-height: 1.65;
  241.     width: 100%;
  242.     text-align: center;
  243.     text-transform: uppercase;
  244.     font-size: 12px;
  245.     letter-spacing: 0.5px;
  246. }
  247. .p-profiles-show .lifetime .bar {
  248.     height: 6px;
  249.     line-height: 5px;
  250. }
  251. .p-profiles-show .lifetime .cuts .cut {
  252.     background: transparent;
  253. }
  254. .cc-2a>.c-column:nth-child(2n+1), .cc-2a>.c-column:last-child {
  255.     clear: none;
  256.     background: white;
  257.     border-radius: 3px;
  258.     min-height: 10rem;
  259.     padding: 2px 2rem 5px 2rem;
  260. }
  261. .headline, .midheadline, .subheadline {
  262.     background: transparent;
  263.     border-bottom: 1px solid #d8dde4;
  264.     border-left: none;
  265.     font-size: 15px;
  266.     font-weight: 700;
  267.     -webkit-font-smoothing: antialiased;
  268.     font-family: var(--font-alt);
  269.     letter-spacing: 0.5px;
  270.     line-height: 30px;
  271.     margin-bottom: 10px;
  272.     padding: 2px 0 2px 0;
  273.     margin: 0px 20px 15px 20px;
  274.     text-transform: uppercase;
  275.     transition: color 0.2s ease;
  276.     padding-left: 20px;
  277.     border-radius: 3px;
  278. }
  279. .p-profiles-show .profile-content .about.block {
  280.     display: block;
  281.     position: inherit;
  282.     float: none;
  283.     background: white;
  284.     border-radius: 3px;
  285.     padding: 0px 2rem 5px 2rem;
  286. }
  287. .p-profiles-show .profile-content .block:last-child {
  288.     padding: 2px 2rem 20px 2rem;
  289.     background: #fff;
  290.     border-radius: 3px;
  291. }
  292. .b-comment {
  293.     overflow: hidden;
  294.     padding-top: 5px;
  295.     border-top: none;
  296.     margin-bottom: 15px;
  297. }
  298. .block {
  299.     margin-bottom: 10px;
  300.     line-height: 1.65;
  301.     position: relative;
  302. }
  303. .m30 {
  304.     margin-bottom: 0px !important;
  305. }
  306. .b-comment>.inner header img {
  307.     margin: 1px 10px 7px 0;
  308.     width: 50px;
  309. }
  310. .subheadline-buttons {
  311.     position: absolute;
  312.     right: 3px;
  313.     margin-top: 5px;
  314.     margin-right: 1.5rem;
  315. }
  316. .b-options-floated {
  317.     background: white;
  318.     padding: 11px;
  319.     margin-right: -10px;
  320. }
  321. .headline>a, .midheadline>a, .subheadline>a {
  322.     overflow: hidden;
  323.     text-overflow: ellipsis;
  324.     white-space: nowrap;
  325.     color: #333;
  326.     cursor: pointer;
  327.     display: block;
  328.     text-decoration: none;
  329.     padding-right: 20px;
  330. }
  331. .headline>a:hover, .midheadline>a:hover, .subheadline>a:hover {
  332.     text-decoration: none;
  333.     color: #edbf35;
  334.     -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  335.     transition: background-color 0.3s ease, color 0.3s ease;
  336. }
  337. .headline>a:active, .midheadline>a:active, .subheadline>a:active {
  338.     text-decoration: none;
  339.     color: #edbf35;
  340.     -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  341.     transition: background-color 0.3s ease, color 0.3s ease;
  342. }
  343. .p-profiles .profile-head .c-history .entry .misc {
  344.     overflow: hidden;
  345.     text-overflow: ellipsis;
  346.     white-space: nowrap;
  347.     color: #7b8084 !important;
  348.     display: block;
  349.     font-size: 10px;
  350.     letter-spacing: 0.5px;
  351.     line-height: 19px;
  352. }
  353. a, .p-profiles .profile-head .c-info .c-additionals div a {
  354.     color: #333;
  355.     text-decoration: none;
  356. }
  357. a:hover,.p-profiles .profile-head .c-info .c-additionals div a:hover {
  358.     color: #edbf35;
  359.     text-decoration: none;
  360.     -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  361.     transition: background-color 0.3s ease, color 0.3s ease;
  362. }
  363. a:active, .p-profiles .profile-head .c-info .c-additionals div a:active {
  364.     color: #edbf35;
  365.     -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  366.     transition: background-color 0.3s ease, color 0.3s ease;
  367.     text-decoration: none;
  368. }
  369. .b-stats_bar.anime .bar .first {
  370.     background: #efc136;
  371. }
  372. .b-stats_bar.anime .bar .second {
  373.     background: #f6d15d;
  374. }
  375. .b-stats_bar .bar .third {
  376.     background: #e0e0e0;
  377. }
  378. .b-stats_bar.manga .bar .first {
  379.     background: #867124;
  380. }
  381. .b-stats_bar.manga .bar .second {
  382.     background: #a8914d;
  383. }
  384. .b-stats_bar a.title, .b-stats_bar .stat_names .stat_name a {
  385.     color: #333;
  386. }
  387. .b-stats_bar a.title:hover, .b-stats_bar .stat_names .stat_name a:hover {
  388.     color: #edbf35;
  389.     text-decoration: none;
  390.     -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  391.     transition: background-color 0.3s ease, color 0.3s ease;
  392. }
  393. .b-stats_bar a.title:active, .b-stats_bar .stat_names .stat_name a:active {
  394.     color: #edbf35;
  395.     text-decoration: none;
  396.     -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  397.     transition: background-color 0.3s ease, color 0.3s ease;
  398. }
  399.  
  400.  
  401.  
  402.  
  403.  
  404.  
  405. .c-lists-info .b-stats_bar.anime .bar > div.second:before, .c-lists-info .b-stats_bar.anime .bar > div.second:after, .c-lists-info .b-stats_bar.anime .stat_names .stat_name a[href*="planned"]:before, .c-lists-info .b-stats_bar.anime .stat_names .stat_name a[href*="watching"]:before, .c-lists-info .b-stats_bar.anime .stat_names .stat_name a[href*="on_hold"]:before {
  406.     border-color: transparent;
  407.     background-color: #f6d15d;
  408. }
  409. .c-lists-info .b-stats_bar.manga .bar > div.second:before, .c-lists-info .b-stats_bar.manga .bar > div.second:after, .c-lists-info .b-stats_bar.manga .stat_names .stat_name a[href*="planned"]:before, .c-lists-info .b-stats_bar.manga .stat_names .stat_name a[href*="watching"]:before, .c-lists-info .b-stats_bar.manga .stat_names .stat_name a[href*="on_hold"]:before {
  410.     border-color: transparent;
  411.     background-color: #a8914d;
  412. }
  413. .c-lists-info .b-stats_bar.manga .bar > div.first:before, .c-lists-info .b-stats_bar.manga .bar > div.first:after, .c-lists-info .b-stats_bar.manga .stat_names .stat_name a[href*="completed"]:before {
  414.     border-color: transparent;
  415.     background-color: #867124;
  416. }
  417. .c-lists-info .b-stats_bar.anime .bar > div.first:before, .c-lists-info .b-stats_bar.anime .bar > div.first:after, .c-lists-info .b-stats_bar.anime .stat_names .stat_name a[href*="completed"]:before {
  418.     border-color: transparent;
  419.     background-color: #efc136;
  420. }
  421. .c-lists-info .b-stats_bar .stat_names .stat_name a:before {
  422.     content: "";
  423.     display: inline-block;
  424.     width: 4px;
  425.     height: 4px;
  426.     background: #e0e0e0;
  427.     margin-right: 5px;
  428.     margin-bottom: 1px;
  429.     vertical-align: middle;
  430.     border: 1px solid #ddd;
  431. }
  432. .b-stats_bar .stat_names .stat_name a {
  433.     color: #333;
  434.     cursor: pointer;
  435. }
  436. .b-stats_bar .stat_names .stat_name .size:before, .p-user_rates-index .l-content .b-options-floated span:before {
  437.     content: '-';
  438.     padding-right: 3px;
  439.     padding-left: 0px;
  440.     float: left;
  441. }
  442. .b-stats_bar .stat_names .stat_name .size:before, .b-stats_bar .stat_names .stat_name .size:after {
  443.     color: #333333;
  444.     font-weight: normal;
  445. }
  446. .b-stats_bar .stat_names .stat_name .size:after {
  447.     content: '';
  448.     padding-left: 1px;
  449.     float: right;
  450. }
  451. .b-stats_bar.lifetime .bar .first {
  452.     background: #efc136;
  453. }
  454. .p-profiles-show .lifetime .title {
  455.     line-height: 1.65;
  456.     width: 100%;
  457.     color: #333;
  458. }
  459. .p-profiles-show .profile-content .activity .title {
  460.     color: #333;
  461.     border-top: 1px solid #dadfe5;
  462.     padding: 10px 0 10px 0;
  463.     font-weight: bold;
  464.     margin-left: 2rem;
  465.     margin-right: 2rem;
  466.     margin-bottom: 5px;
  467.     text-align: center;
  468.     text-transform: uppercase;
  469.     font-size: 12px;
  470.     letter-spacing: 0.5px;
  471. }
  472. .bar.vertical .line .bar-container .bar {
  473.     bottom: 0;
  474.     position: absolute;
  475.     width: 60%;
  476. }
  477. .bar.simple .bar.s0, .bar.simple .bar.s1, .bar.simple .bar.s2, .bar.simple .bar.s3 {
  478.     background: #867124;
  479. }
  480. .bar.simple .bar:hover.s0, .bar.simple .bar.s1:hover, .bar.simple .bar.s2:hover, .bar.simple .bar.s3:hover {
  481.     background: #6f5d1d;
  482.     -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  483.     transition: background-color 0.3s ease, color 0.3s ease;
  484. }
  485. .b-comment>.inner .name-date .name:hover, .b-comment>.inner .name-date .name:active, .b-link:hover, .b-link:active {
  486.     text-decoration: none;
  487.     color: #f3c636;
  488.     -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  489.     transition: background-color 0.3s ease, color 0.3s ease;
  490. }
  491. .b-link {
  492.     color: #efc136;
  493.     cursor: pointer;
  494.     padding: 3px;
  495.     font-weight: 600;
  496.     letter-spacing: 0.5px;
  497. }
  498. .buttons .item-delete:hover, .buttons .item-edit:hover, .buttons .item-reply:hover {
  499.     color: #cfa021;
  500.     -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  501.     transition: background-color 0.3s ease, color 0.3s ease;
  502. }
  503. .b-form input[type=submit] {
  504.     background-color: #867124;
  505.     border: 0;
  506.     clear: right;
  507.     color: #fff;
  508.     cursor: pointer;
  509.     display: inline-block;
  510.     font-size: 13px;
  511.     line-height: 23px;
  512.     padding: 0 10px;
  513.     -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  514.     transition: background-color 0.3s ease, color 0.3s ease;
  515.     -webkit-user-select: none;
  516.     -moz-user-select: none;
  517.     -ms-user-select: none;
  518.     user-select: none;
  519. }
  520. .b-button {
  521.     background-color: #867124;
  522.     border: 0;
  523.     clear: right;
  524.     color: #fff;
  525.     cursor: pointer;
  526.     display: inline-block;
  527.     font-size: 13px;
  528.     line-height: 23px;
  529.     padding: 0 10px;
  530.     -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  531.     transition: background-color 0.3s ease, color 0.3s ease;
  532.     -webkit-user-select: none;
  533.     -moz-user-select: none;
  534.     -ms-user-select: none;
  535.     user-select: none;
  536. }
  537. .profile-actions .mail, .profile-actions .settings, .profile-actions .ban, .profile-actions .talk, .profile-actions .ignore-add, .profile-actions .fav-add, .profile-actions .fav-remove, .profile-actions .fav-remove:hover, .profile-actions .ignore-remove:hover, .profile-actions .fav-remove:active, .profile-actions .ignore-remove:active {
  538.     cursor: pointer;
  539.     color: #a8914d;
  540. }
  541. .profile-actions .fav-remove, .profile-actions .ignore-remove, .profile-actions .mail:hover, .profile-actions .settings:hover, .profile-actions .ban:hover, .profile-actions .talk:hover, .profile-actions .ignore-add:hover, .profile-actions .fav-add:hover, .profile-actions .mail:active, .profile-actions .settings:active, .profile-actions .ban:active, .profile-actions .talk:active, .profile-actions .ignore-add:active, .profile-actions .fav-add:active {
  542.     color: #efc136;
  543. }
  544.  
  545.  
  546.  
  547.  
  548.  
  549. .b-options-floated a, .b-options-floated .link {
  550.     color: #dadfe5;
  551.     cursor: pointer;
  552.     cursor: pointer;
  553.     display: inline;
  554.     white-space: nowrap;
  555. }
  556. .b-options-floated a:hover, .b-options-floated .link:hover, .b-options-floated a:active, .b-options-floated .link:active {
  557.     color: #ecbd2f;
  558. }
  559. .p-user_history-index .history-page .history-interval p a {
  560.     color: #efbd2f;
  561.     text-decoration: none;
  562.     letter-spacing: 0.5px;
  563.     font-weight: bold;
  564. }
  565. .p-user_history-index .history-page .history-interval p a:hover, .p-user_history-index .history-page .history-interval p a:active {
  566.     color: #cfa021;
  567.     text-decoration: none;
  568. }
  569. .b-breadcrumbs>span:after {
  570.     content: '--';
  571.     color: #acb1b4;
  572.     padding: 0 5px;
  573. }
  574. header.head h1 a.back:after, header.head h2 a.back:after {
  575.     content: attr(data-text);
  576.     font-size: 9px;
  577.     position: absolute;
  578.     font-family: monospace;
  579. }
  580. header.head h1 a.back, header.head h2 a.back {
  581.     color: #acb1b4;
  582.     display: inline-block;
  583.     font-size: 24px;
  584.     margin-left: -5px;
  585.     position: relative;
  586.     width: 40px;
  587. }
  588. header.head h1 a.back:hover, header.head h2 a.back:hover {
  589.     color: #4e5257;
  590.     border: none;
  591.     text-decoration: none;
  592. }
  593. header.head a.misc:active, header.head a.edit:active {
  594.     color: #6f6f6f;
  595. }
  596. header.head a.misc:hover, header.head a.edit:hover {
  597.     color: #6f6f6f;
  598. }
  599. header.head a.misc, header.head a.edit {
  600.     color: #b9b9b9;
  601.     cursor: pointer;
  602. }
  603. .b-options-floated.mobile-desktop a {
  604.     color: #b9b9b9;
  605.     font-weight: normal;
  606.     font-size: 8px;
  607.     letter-spacing: 0.5px;
  608.     text-transform: uppercase;
  609. }
  610. .b-options-floated.mobile-desktop a:active {
  611.     color: #efc136;
  612.     text-decoration: none;
  613. }
  614. .b-options-floated.mobile-desktop a:hover {
  615.     color: #efc136;
  616.     text-decoration: none;
  617. }
  618. .b-options-floated.mobile-desktop a {
  619.     color: #b9b9b9;
  620.     font-weight: normal;
  621.     font-size: 8px;
  622.     letter-spacing: 0.5px;
  623.     text-transform: uppercase;
  624. }
  625. .b-options-floated a:after, .b-options-floated .link:after {
  626.     color: #9da2a8;
  627.     content: '';
  628.     display: inline-block;
  629.     font-weight: normal;
  630.     padding: 0 7px;
  631. }
  632. .p-user_rates-index .l-content .b-options-floated span:after {
  633.     content: '';
  634.     padding-left: 1px;
  635.     float: right;
  636. }
  637. .b-options-floated.mobile-desktop a.selected {
  638.     color: #867124;
  639.     font-weight: bold;
  640. }
  641. .b-list_switchers .switcher.posters.selected, .b-list_switchers .switcher.lines:active, .b-list_switchers .switcher.lines.selected, .b-list_switchers .switcher.posters:active {
  642.     color: #efc136;
  643. }
  644. .b-options-floated .action:active {
  645.     color: #867124;
  646. }
  647. .b-options-floated .action:hover {
  648.     color: #867124;
  649. }
  650. .b-options-floated .action {
  651.     color: #c8c8c8;
  652.     cursor: pointer;
  653.     border-bottom: none;
  654.     display: inline-block;
  655.     line-height: 1;
  656.     -webkit-user-select: none;
  657.     -moz-user-select: none;
  658.     -ms-user-select: none;
  659.     user-select: none;
  660.     cursor: pointer;
  661.     -webkit-transition: color 0.2s ease;
  662.     transition: color 0.2s ease;
  663. }
  664. .b-catalog_entry .cover:hover .title {
  665.     color: #867124;
  666.     text-decoration: none;
  667. }
  668. .b-catalog_entry .cover .title:hover {
  669.     color: #867124;
  670. }
  671. .b-catalog_entry .cover .title, .p-user_rates-index .list-lines tr .name a {
  672.     overflow: hidden;
  673.     text-overflow: ellipsis;
  674.     white-space: nowrap;
  675.     color: #efc136;
  676.     letter-spacing: 0.5px;
  677.     cursor: pointer;
  678.     display: block;
  679.     font-weight: bold;
  680.     line-height: 1.65;
  681.     margin-top: 0px;
  682. }
  683. .p-user_rates-index .list-lines tr .name a:hover {
  684.     text-decoration: none;
  685.     color: #867124;
  686. }
  687. .p-user_rates-index .list-lines tr .name a:active {
  688.     text-decoration: none;
  689.     color: #867124;
  690. }
  691. .b-spoiler label {
  692.     color: #cbc8c8;
  693.     cursor: pointer;
  694.     border-bottom-style: none;
  695.     border-bottom-width: 1px;
  696.     font-size: 12px;
  697.     letter-spacing: 0.5px;
  698. }
  699. .b-spoiler label:hover, .b-spoiler label:active {
  700.     color: #f0c136;
  701. }
  702. .tooltip-arrow {
  703.     background: none;
  704.     -webkit-background-size: 22px 26px;
  705.     background-size: 22px 26px;
  706.     height: 26px;
  707.     position: absolute;
  708.     right: 100%;
  709.     top: 40px;
  710.     width: 22px;
  711.     z-index: 10;
  712. }
  713. .b-form input[type=submit]:hover, .b-form input[type=submit]:active, .b-button:hover, .b-button:active {
  714.     background-color: #6f5d1f;
  715. }
  716. .b-catalog_entry-tooltip .inner a.name {
  717.     color: #efc136;
  718.     cursor: pointer;
  719.     font-size: 13px;
  720.     font-weight: bold;
  721.     line-height: 20px;
  722.     margin-bottom: 5px;
  723. }
  724. .b-catalog_entry-tooltip .inner a.name:hover, .b-catalog_entry-tooltip .inner a.name:active {
  725.     color: #ffffff;
  726.     background: #efc136;
  727.     text-decoration: none;
  728.     border-bottom: none;
  729. }
  730. .b-catalog_entry-tooltip .inner a.name {
  731.     color: #efc136;
  732.     cursor: pointer;
  733.     font-size: 13px;
  734.     font-weight: bold;
  735.     line-height: 20px;
  736.     margin-bottom: 5px;
  737.     padding: 3px;
  738. }
  739. .b-tag[href] {
  740.     border-bottom-color: transparent;
  741.     cursor: pointer;
  742. }
  743. .b-tag[href]:active {
  744.     background-color: #867124;
  745. }
  746. .b-tag[href].active, .b-tag[href]:hover {
  747.     background-color: #867124;
  748.     border-bottom-color: transparent;
  749.     color: #fff;
  750.     margin-left: 0;
  751.     margin-right: 6px;
  752.     padding-left: 3px;
  753.     padding-right: 3px;
  754.     text-decoration: none;
  755. }
  756. .b-options-floated.mobile-desktop a.selected:hover {
  757.     color: #efc136;
  758. }
  759. .b-options-floated .selected.always-active:hover {
  760.     color: #efc136;
  761. }
  762. .p-user_rates-index .stat-categories .category {
  763.     color: #867124;
  764.     cursor: pointer;
  765.     float: left;
  766.     height: 21px;
  767.     line-height: 5px;
  768.     margin: 0 0 0 2px;
  769.     padding: 1px 5px;
  770. }
  771. .p-user_rates-index .stat-categories .category:hover {
  772.     text-decoration: none;
  773.     color: #645419;
  774. }
  775. .l-top_menu-v2 {
  776.     background: #84754b;
  777.     color: #fff;
  778.     height: 46px;
  779.     position: relative;
  780.     z-index: 10;
  781.     -webkit-box-align: center;
  782.     -ms-flex-align: center;
  783.     align-items: center;
  784.     display: -webkit-box;
  785.     display: -ms-flexbox;
  786.     display: flex;
  787. }
  788. .l-top_menu-v2 .menu-dropdown>span {
  789.     overflow: hidden;
  790.     text-overflow: ellipsis;
  791.     white-space: nowrap;
  792.     background: #84754b;
  793. }
  794. .l-top_menu-v2 .menu-dropdown.active>span, .l-top_menu-v2 .menu-dropdown>span a:hover {
  795.     overflow: hidden;
  796.     text-overflow: ellipsis;
  797.     white-space: nowrap;
  798.     background: #796b43;
  799. }
  800. .l-top_menu-v2 .submenu {
  801.     background: #796b43;
  802.     border-bottom: 1px solid #796b43;
  803.     border-left: 1px solid #796b43;
  804.     border-right: 1px solid #796b43;
  805.     display: none;
  806.     font-family: Open Sans, Helvetica Neue, Arial, Verdana, sans-serif;
  807.     font-family: var(--font-alt);
  808.     overflow: hidden;
  809.     position: absolute;
  810.     width: 100%;
  811.     top: -999px;
  812.     left: 0;
  813. }
  814. .l-top_menu-v2 .menu-icon:hover, .l-top_menu-v2 .menu-icon:active, .l-top_menu-v2 .menu-icon.contest:hover, .l-top_menu-v2 .menu-icon.contest:active, .l-top_menu-v2 .menu-icon.forum:hover, .l-top_menu-v2 .menu-icon.forum:active {
  815.     -webkit-transition: background 0.2s ease;
  816.     transition: background 0.2s ease;
  817.     background-color: #796b43;
  818. }
  819. .l-top_menu-v2.is-search-focus .global-search .search-marker {
  820.     color: #796b43;
  821. }
  822. .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 {
  823.     background: #84754b;
  824. }
  825. .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 .b-db_entry-variant-list_item.active, .l-top_menu-v2 .global-search .search-results .b-db_entry-variant-list_item:focus, .l-top_menu-v2 .global-search .search-results .search-mode.active, .l-top_menu-v2 .global-search .search-results .search-mode:focus {
  826.     background: linear-gradient(270deg, rgba(185, 177, 154, 0.46) 0%, rgba(185, 177, 154, 0) 100%),rgba(231, 229, 221, 0);
  827.     border-top-color: transparent;
  828. }
  829. .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 {
  830.     -webkit-transition: border-top 0.2s ease, background 0.2s ease;
  831.     transition: border-top 0.2s ease, background 0.2s ease;
  832.     border-top: none;
  833.     margin-bottom: 0;
  834. }
  835. .l-top_menu-v2 .global-search .search-results .search-mode:hover {
  836.     background: -webkit-gradient(linear, right top, left top, from(rgba(43,138,204,0.1)), to(rgba(43,138,204,0))),rgba(43,138,204,0.01);
  837.     background: -webkit-linear-gradient(right, rgba(43,138,204,0.1) 0%, rgba(43,138,204,0) 100%),rgba(43,138,204,0.01);
  838.     background: linear-gradient(270deg, rgba(222, 219, 208, 0.48) 0%, rgba(223, 220, 209, 0) 100%),rgba(43,138,204,0.01);
  839. }
  840. ::-webkit-scrollbar {
  841.     width: 6px;
  842.     height: 6px;
  843. }
  844. ::-webkit-scrollbar-button {
  845.     background: #867124;
  846.     background-repeat: no-repeat;
  847.     width: 0px;
  848.     height: 0px;
  849. }
  850. ::-webkit-scrollbar-corner {
  851.     background-repeat: no-repeat;
  852. }
  853. ::-webkit-scrollbar-thumb {
  854.     -webkit-border-radius: 0px;
  855.     background-color: #867124;
  856. }
  857. ::-webkit-scrollbar-track {
  858.     background-color: #ddd;
  859. }
  860. ::selection {
  861.     background: #867124;
  862.     color: white;
  863. }
  864. .p-profiles-show .about a {
  865.     color: #ffc714;
  866.     font-weight: 700;
  867.     cursor: pointer;
  868.     padding-left: 30px;
  869. }
  870. .p-profiles-show .about a:hover, .p-profiles-show .about a:active {
  871.     text-decoration: none;
  872.     color: #ffc714;
  873. }
  874.  
  875. .b-anime_status_tag.released {
  876.     background-color: transparent;
  877.     border: 1px solid #3f903f;
  878.     color: #3f903f;
  879.     border-radius: 3px;
  880.     cursor: default;
  881.     display: inline-block;
  882.     font-size: 12px;
  883.     font-family: Open Sans, Helvetica Neue, Arial, Verdana, sans-serif;
  884.     letter-spacing: -0.13px;
  885.     font-family: var(--font-alt);
  886.     letter-spacing: var(--font-alt-text-letter-spacing);
  887.     line-height: 1.4;
  888.     padding: 0 5px;
  889.     text-align: center;
  890. }
  891. .b-add_to_list .trigger .text:hover, .b-add_to_list .option .text:hover {
  892.     text-decoration: none;
  893. }
  894. .b-add_to_list.planned .trigger, .b-add_to_list.planned .option {
  895.     background: #ffffff;
  896.     border-color: #176093;
  897.     color: #176093;
  898. }
  899. .b-add_to_list .trigger-arrow, .b-add_to_list.planned .trigger-arrow:hover {
  900.     cursor: pointer;
  901.     color: #ffffff;
  902.     float: right;
  903. }
  904. .b-add_to_list .trigger .text:hover, .b-add_to_list .option .text:hover {
  905.     text-decoration: none;
  906.     background: linear-gradient(100deg, white, #6b6b6b1f, #5b5b5b1f, #6161612e, #5d5d5d1f, white);
  907. }
  908. .b-add_to_list.watching .trigger, .b-add_to_list.watching .option {
  909.     background: #ffffff;
  910.     border-color: #176093;
  911.     color: #176093;
  912. }
  913. .b-add_to_list.rewatching .trigger, .b-add_to_list.rewatching .option {
  914.     background: #ffffff;
  915.     border-color: #176093;
  916.     color: #176093;
  917. }
  918. .b-add_to_list.completed .trigger, .b-add_to_list.completed .option {
  919.     background: #ffffff;
  920.     border-color: #419541;
  921.     color: #419541;
  922. }
  923. .b-add_to_list.on_hold .trigger, .b-add_to_list.on_hold .option {
  924.     background: #ffffff;
  925.     border-color: #7b8084;
  926.     color: #7b8084;
  927. }
  928. .b-add_to_list.dropped .trigger, .b-add_to_list.dropped .option {
  929.     background: #ffffff;
  930.     border-color: #FC575E;
  931.     color: #FC575E;
  932. }
  933.  
  934. @media (min-width: 1680px) {
  935. .p-profiles .profile-head .c-brief .avatar {
  936.     background: url(https://sun1-16.userapi.com/UkRniQTtOMXOH35cEPxGq9nYcnJvPk6q5vraqA/mMjyX5Y4J7Y.jpg);
  937.     background-size: cover;
  938.     background-position: center;
  939.     float: unset;
  940.     max-width: 30rem;
  941.     width: 22rem;
  942.     height: 33rem;
  943.     margin: -6.5rem 0 0 -25rem;
  944.     position: fixed;
  945.     border: 10px solid white;
  946.     border-radius: 3px;
  947. }
  948. img[title="uxuxuxu"] {
  949.   visibility: hidden;
  950. }
  951. .p-profiles .profile-head .c-brief .avatar .profile-actions {
  952.     margin-top: 21.6rem;
  953.     text-align: center;
  954.     padding-top: 4px;
  955.     background: white;
  956.     padding-bottom: 5px;
  957.     border-bottom: 1px solid #dadada;
  958.     margin-left: 4rem;
  959.     margin-right: 4rem;
  960. }
  961. .p-profiles .profile-head .c-brief header {
  962.     overflow: hidden;
  963.     margin: 28rem 5rem 0 -20.5rem;
  964.     white-space: nowrap;
  965.     position: fixed;
  966.     background: white;
  967.     width: 11%;
  968.     height: 7%;
  969.     text-align: center;
  970.     border-bottom: 1px solid #dadada;
  971.    }
  972.  
  973.  
  974. .yapidoras {
  975.   position: fixed;
  976.   text-transform: uppercase;
  977.   text-decoration: none;
  978.   top: 200px; /* Отступ сверху */
  979.   width: 150px; /* Ширина */
  980.   height: 50px; /* Высота */
  981.   right: -90px; /* Прячет кнопку (должно торчать 60px (150 - 60 = -90) */
  982.   text-align: right; /* "лепит" текст на правый бок */
  983.   padding: .8rem 1.2rem;
  984.   background: url(https://www.pngrepo.com/png/242523/180/vk-vk.png) no-repeat 5px center / 24%;
  985.     background-color: #fff;
  986.     border: 1px solid #e0e0e0;
  987.     border-width: 1px 0 1px 1px;
  988.     border-radius: 5px 0 0 5px;
  989.     z-index: 20;
  990.     transition: 1s ease;
  991. }
  992. .yapidoras:hover {
  993.   right: 0;
  994.   text-decoration: none;
  995.   filter: saturate(0.5);
  996. }  
  997.  
  998. .axaxaxa {
  999.   position: fixed;
  1000.   text-transform: uppercase;
  1001.   text-decoration: none;
  1002.   top: 260px; /* Отступ сверху */
  1003.   width: 150px; /* Ширина */
  1004.   height: 50px; /* Высота */
  1005.   right: -90px; /* Прячет кнопку (должно торчать 60px (150 - 60 = -90) */
  1006.   text-align: right; /* "лепит" текст на правый бок */
  1007.   padding: .8rem 1.2rem;
  1008.   background: url(https://sun1-93.userapi.com/cx-UcyyrkF9mPHjtp2yAjBEfk2kFABBpPFveKA/dQT32gfGEJE.jpg) no-repeat 5px center / 24%;
  1009.     background-color: #fff;
  1010.     border: 1px solid #e0e0e0;
  1011.     border-width: 1px 0 1px 1px;
  1012.     border-radius: 5px 0 0 5px;
  1013.     z-index: 20;
  1014.     transition: 1s ease;
  1015. }
  1016.  
  1017. .axaxaxa:hover {
  1018.   right: 0;
  1019.   text-decoration: none;
  1020.   filter: saturate(0.5);
  1021. }  
  1022. .p-profiles-show .cc-friends .b-user .avatar > img:hover, .b-club .logo:hover {
  1023.     box-shadow: 0 0 0 2px #efc136;
  1024.     filter: none;
  1025.     transform: none;
  1026. }
  1027. .p-profiles-show .cc-friends .b-user .avatar > img, .b-club .logo {
  1028.     box-shadow: 0 0 0 0;
  1029.     filter: opacity(0.3) blur(1px);
  1030.     transform: scale(1.3);
  1031.     transition: .5s ease;
  1032. }
  1033. .b-user.avatar img, .b-user.named_avatar img, .b-user.avatar_fixed_margin img, .b-club .logo {
  1034.     border-radius: 100%;
  1035.     margin-bottom: 10px;
  1036. }
  1037. .b-user.avatar img, .b-user.named_avatar img, .b-user.avatar_fixed_margin img, .b-club .logo {
  1038.     display: block;
  1039.     line-height: 0;
  1040.     margin: 0 auto;
  1041.     max-width: 100%;
  1042. }
  1043.  
  1044.  
  1045. }
  1046.  
  1047.  
  1048.  
  1049. @media (min-width: 770px) and (max-width: 1679px) {
  1050. .p-profiles .profile-head .c-brief .avatar {
  1051.     background: url(https://sun1-16.userapi.com/UkRniQTtOMXOH35cEPxGq9nYcnJvPk6q5vraqA/mMjyX5Y4J7Y.jpg);
  1052.     background-size: cover;
  1053.     background-position: center;
  1054.     float: unset;
  1055.     max-width: 30rem;
  1056.     width: 22rem;
  1057.     height: 33rem;
  1058.     margin: auto;
  1059.     border: 10px solid white;
  1060.     border-radius: 3px;
  1061. }
  1062. img[title="alwayshero"] {
  1063.   visibility: hidden;
  1064. }
  1065. .p-profiles .profile-head .c-brief .avatar .profile-actions {
  1066.     margin-top: 21.6rem;
  1067.     text-align: center;
  1068.     padding-top: 4px;
  1069.     background: white;
  1070.     padding-bottom: 5px;
  1071.     border-bottom: 1px solid #dadada;
  1072.     margin-left: 4rem;
  1073.     margin-right: 4rem;
  1074. }
  1075. .p-profiles .profile-head .c-brief header {
  1076.     overflow: hidden;
  1077.     margin: auto;
  1078.     margin-top: 20px;
  1079.     white-space: nowrap;
  1080.     background: white;
  1081.     width: 24%;
  1082.     height: 7%;
  1083.     text-align: center;
  1084.     border-bottom: 1px solid #dadada;
  1085. }
  1086. .p-profiles .profile-head .c-history {
  1087.     float: none;
  1088.     margin-bottom: 10px;
  1089.     margin-left: auto;
  1090.     margin-right: auto;
  1091.     margin-top: 53rem;
  1092.     position: absolute;
  1093.     width: 100%;
  1094.     z-index: 1;
  1095.     background: white;
  1096.     padding: 5px 2rem 5px 2rem;
  1097.     border-radius: 3px;
  1098. }
  1099. .p-profiles-show .profile-content {
  1100.     overflow: hidden;
  1101.     margin-top: 11rem;
  1102. }
  1103.  
  1104. .yapidoras {
  1105.   position: fixed;
  1106.   text-transform: uppercase;
  1107.   text-decoration: none;
  1108.   top: 200px; /* Отступ сверху */
  1109.   width: 150px; /* Ширина */
  1110.   height: 50px; /* Высота */
  1111.   right: -90px; /* Прячет кнопку (должно торчать 60px (150 - 60 = -90) */
  1112.   text-align: right; /* "лепит" текст на правый бок */
  1113.   padding: .8rem 1.2rem;
  1114.   background: url(https://www.pngrepo.com/png/242523/180/vk-vk.png) no-repeat 5px center / 24%;
  1115.     background-color: #fff;
  1116.     border: 1px solid #e0e0e0;
  1117.     border-width: 1px 0 1px 1px;
  1118.     border-radius: 5px 0 0 5px;
  1119.     z-index: 20;
  1120.     transition: 1s ease;
  1121. }
  1122. .yapidoras:hover {
  1123.   right: 0;
  1124.   text-decoration: none;
  1125.   filter: saturate(0.5);
  1126. }  
  1127.  
  1128. .axaxaxa {
  1129.   position: fixed;
  1130.   text-transform: uppercase;
  1131.   text-decoration: none;
  1132.   top: 260px; /* Отступ сверху */
  1133.   width: 150px; /* Ширина */
  1134.   height: 50px; /* Высота */
  1135.   right: -90px; /* Прячет кнопку (должно торчать 60px (150 - 60 = -90) */
  1136.   text-align: right; /* "лепит" текст на правый бок */
  1137.   padding: .8rem 1.2rem;
  1138.   background: url(https://sun1-93.userapi.com/cx-UcyyrkF9mPHjtp2yAjBEfk2kFABBpPFveKA/dQT32gfGEJE.jpg) no-repeat 5px center / 24%;
  1139.     background-color: #fff;
  1140.     border: 1px solid #e0e0e0;
  1141.     border-width: 1px 0 1px 1px;
  1142.     border-radius: 5px 0 0 5px;
  1143.     z-index: 20;
  1144.     transition: 1s ease;
  1145. }
  1146.  
  1147. .axaxaxa:hover {
  1148.   right: 0;
  1149.   text-decoration: none;
  1150.   filter: saturate(0.5);
  1151. }  
  1152. .p-profiles-show .cc-friends .b-user .avatar > img:hover, .b-club .logo:hover {
  1153.     box-shadow: 0 0 0 2px #efc136;
  1154.     filter: none;
  1155.     transform: none;
  1156. }
  1157. .p-profiles-show .cc-friends .b-user .avatar > img, .b-club .logo {
  1158.     box-shadow: 0 0 0 0;
  1159.     filter: opacity(0.3) blur(1px);
  1160.     transform: scale(1.3);
  1161.     transition: .5s ease;
  1162. }
  1163. .b-user.avatar img, .b-user.named_avatar img, .b-user.avatar_fixed_margin img, .b-club .logo {
  1164.     border-radius: 100%;
  1165.     margin-bottom: 10px;
  1166. }
  1167. .b-user.avatar img, .b-user.named_avatar img, .b-user.avatar_fixed_margin img, .b-club .logo {
  1168.     display: block;
  1169.     line-height: 0;
  1170.     margin: 0 auto;
  1171.     max-width: 100%;
  1172. }
  1173.  
  1174.  
  1175.  
  1176.  
  1177. }
  1178.  
  1179.  
  1180. @media (min-width: 300px) and (max-width: 769px) {
  1181. .p-profiles .profile-head .c-brief .avatar {
  1182.     background: url(https://sun1-16.userapi.com/UkRniQTtOMXOH35cEPxGq9nYcnJvPk6q5vraqA/mMjyX5Y4J7Y.jpg);
  1183.     background-size: cover;
  1184.     background-position: center;
  1185.     float: unset;
  1186.     max-width: 30rem;
  1187.     width: 18rem;
  1188.     height: 26rem;
  1189.     margin: auto;
  1190.     border-radius: 3px;
  1191. }
  1192. img[title="alwayshero"] {
  1193.   visibility: hidden;
  1194. }
  1195. .p-profiles .profile-head .c-brief header {
  1196.     overflow: hidden;
  1197.     margin: auto;
  1198.     margin-top: 33px;
  1199.     white-space: nowrap;
  1200.     background: white;
  1201.     width: 55%;
  1202.     height: 7%;
  1203.     text-align: center;
  1204.     border-bottom: 1px solid #dadada;
  1205.     border-top: 1px solid #dadada;
  1206. }
  1207. .p-profiles .profile-head .c-brief .avatar .profile-actions {
  1208.     margin-top: 21rem;
  1209.     text-align: center;
  1210.     display: block;
  1211.     padding-top: 4px;
  1212.     padding-bottom: 2px;
  1213.     margin-left: auto;
  1214. }
  1215. .p-profiles .profile-head .c-mobile-actions {
  1216.     display: none;
  1217. }
  1218. .p-profiles .profile-head .c-info .c-lists-info {
  1219.     background: white;
  1220.     border-radius: 3px;
  1221.     padding: 25px 5px 15px 5px;
  1222.     text-align: center;
  1223. }
  1224.  .c-lists-info .b-stats_bar .stat_names .stat_name a:before {
  1225.     content: "";
  1226.     display: inline-block;
  1227.     width: 2px;
  1228.     height: 2px;
  1229.     background: #e0e0e0;
  1230.     margin-right: 5px;
  1231.     margin-bottom: 2px;
  1232.     vertical-align: middle;
  1233.     border: 1px solid #ddd;
  1234. }
  1235. .p-profiles .profile-head .c-info .c-additionals {
  1236.     margin-bottom: 10px;
  1237.     background: white;
  1238.     border-radius: 3px;
  1239.     text-align: center;
  1240.     margin-top: -15px;
  1241.     padding: 0;
  1242. }
  1243. .headline, .midheadline, .subheadline {
  1244.     background: transparent;
  1245.     border-bottom: 1px solid #d8dde4;
  1246.     border-left: none;
  1247.     font-size: 13px;
  1248.     font-weight: 700;
  1249.     -webkit-font-smoothing: antialiased;
  1250.     letter-spacing: 0.5px;
  1251.     line-height: 30px;
  1252.     margin-bottom: 10px;
  1253.     padding: 2px 0 2px 0;
  1254.     margin: -15px 0 15px 0;
  1255.     text-transform: uppercase;
  1256.     transition: color 0.2s ease;
  1257.     padding-left: 20px;
  1258. }
  1259. .p-profiles-show .profile-content .about.block {
  1260.     display: block;
  1261.     position: inherit;
  1262.     float: none;
  1263.     background: white;
  1264.     border-radius: 3px;
  1265.     padding: 0px 1rem 5px 1rem;
  1266. }
  1267. .p-profiles-show .profile-content .block:last-child {
  1268.     padding: 20px 1rem 20px 1rem;
  1269.     background: #fff;
  1270. }
  1271. .subheadline-buttons {
  1272.     position: absolute;
  1273.     right: 0;
  1274.     margin-top: -10px;
  1275.     margin-right: 0;
  1276. }
  1277.  
  1278.  
  1279. .yapidoras {
  1280.     position: absolute;
  1281.     text-transform: uppercase;
  1282.     text-decoration: none;
  1283.     top: 15px;
  1284.     width: 120px;
  1285.     height: 30px;
  1286.     right: 0px;
  1287.     text-align: center;
  1288.     padding: 4px 0px 0 0px;
  1289.     background: url(https://www.pngrepo.com/png/242523/180/vk-vk.png) no-repeat 5px center / 16%;
  1290.     background-color: #fff;
  1291.     border: 1px solid #e0e0e0;
  1292.     border-width: 1px 0 1px 1px;
  1293.     border-radius: 5px 0 0 5px;
  1294.     z-index: 20;
  1295. }
  1296. .axaxaxa {
  1297.     position: absolute;
  1298.     text-transform: uppercase;
  1299.     text-decoration: none;
  1300.     top: 50px;
  1301.     width: 120px;
  1302.     height: 30px;
  1303.     right: 0px;
  1304.     text-align: center;
  1305.     padding: 4px 0px 0 0px;
  1306.     background: url(https://sun1-93.userapi.com/cx-UcyyrkF9mPHjtp2yAjBEfk2kFABBpPFveKA/dQT32gfGEJE.jpg) no-repeat 5px center / 16%;
  1307.     background-color: #fff;
  1308.     border: 1px solid #e0e0e0;
  1309.     border-width: 1px 0 1px 1px;
  1310.     border-radius: 5px 0 0 5px;
  1311.     z-index: 20;
  1312. }
  1313.  
  1314.  
  1315. }
  1316.  
  1317.  
  1318.  
  1319.  
  1320.  
  1321.  
  1322.  
  1323.  
  1324.  
  1325.  
  1326.  
  1327.  

Share with your friends:

Print