/* User Custom Styles */ #profiles_show .b-feedback: { } #profiles_show .b-feedback:after { content: ""; display: inline-block; position: fixed; width: 210px; height: 215px; left: 2px; bottom: 10px; background: url("//i.imgur.com/bL4taT8.png") no-repeat; background-size: cover; z-index: 10; pointer-events: none; } #profiles_show .b-feedback:before { content: ""; display: inline-block; position: fixed; width: 150px; height: 215px; right: 2px; bottom: 182px; background: url("//i.imgur.com/0IlqhCW.png") no-repeat; background-size: cover; z-index: 10; pointer-events: none; } @media screen and (max-width: 1024px) { #profiles_show .b-feedback:after { display: none; } } @media screen and (max-width: 1024px) { #profiles_show .b-feedback:before { display: none; } } .p-profiles-show .profile-head:before { content: ""; display: block; height: 674px; background-size: cover; margin: -15px; margin-bottom: 5px; } #profiles_show[data-server_time *= "0+"] .profile-head::before, #profiles_show[data-server_time *= "1+"] .profile-head::before, #profiles_show[data-server_time *= "2+"] .profile-head::before { background-image: url("//i.imgur.com/re4OT61.jpeg"); } #profiles_show[data-server_time *= "3+"] .profile-head::before, #profiles_show[data-server_time *= "4+"] .profile-head::before, #profiles_show[data-server_time *= "5+"] .profile-head::before { background-image: url("//i.imgur.com/V789PRH.jpeg"); } #profiles_show[data-server_time *= "6+"] .profile-head::before, #profiles_show[data-server_time *= "7+"] .profile-head::before, #profiles_show[data-server_time *= "8+"] .profile-head::before { background-image: url("//i.imgur.com/BBul7kp.png"); } #profiles_show[data-server_time *= "9+"] .profile-head::before, #profiles_show[data-server_time *= "10+"] .profile-head::before, #profiles_show[data-server_time *= "11+"] .profile-head::before { background-image: url("//i.imgur.com/Z5zxjUH.png"); } #profiles_show[data-server_time *= "12+"] .profile-head::before, #profiles_show[data-server_time *= "13+"] .profile-head::before, #profiles_show[data-server_time *= "14+"] .profile-head::before, #profiles_show[data-server_time *= "15+"] .profile-head::before { background-image: url("//i.imgur.com/PoUZXx5.gif"); } #profiles_show[data-server_time *= "16+"] .profile-head::before, #profiles_show[data-server_time *= "17+"] .profile-head::before, #profiles_show[data-server_time *= "18+"] .profile-head::before, #profiles_show[data-server_time *= "19+"] .profile-head::before { background-image: url("//i.imgur.com/b4XBSjf.jpeg"); } .l-top_menu-v2 .logo-container .logo { width: 146px; height: 800px; max-height: 46px; background-image: url("//i.imgur.com/YME4Wph.png"); background-repeat: no-repeat; } .mychar { position: fixed; z-index: 10; pointer-events: none; left: 0; right: 0; bottom: 0; transform-origin: bottom right; font-size: 1em; } .mychar::before { content: ""; display: block; pointer-events: auto; float: right; width: 200px; height: 200px; background-repeat: no-repeat; background-position: right bottom; background-size: contain; background-image: url("//i.imgur.com/pYR9RGu.gif"); } @media screen and (max-width: 599px) { .mychar { left: -53.8462%; transform: scale(0.65); } .mychar .speech { transform: scale(1.5385); font-size: 0.85em; } } @media screen and (min-width: 600px) and (max-width: 1024px), screen and (max-width: 599px) and (min-height: 720px) { .mychar { left: -33.3333%; transform: scale(0.75); } .mychar .speech { transform: scale(1.3333); font-size: 0.85em; } } .mychar .speech { position: absolute; pointer-events: auto; min-width: 2.01em; min-height: 2.01em; max-width: 10em; padding: 0.38em 0.56em; border-radius: 0.47em; right: 210px; bottom: 98px; transform-origin: bottom right; line-height: 1.25em; text-align: center; color: #000; background: rgba(900,900,900,8.0); } .mychar .speech::before { content: ""; position: absolute; right: 0; top: 50%; bottom: 0.75em; width: 0; height: 0; margin: -0.62em -1.24em 0 0; border: 1.24em solid transparent; border-right: 0; border-bottom: 0; border-left-color: rgba(900,900,900,0.7); } .mychar .speech { animation-name: mychar-speech-in, mychar-speech-out; animation-fill-mode: both, forwards; animation-iteration-count: 1; animation-duration: 1.0s, 0.4s; animation-delay: 1.5s, 54.0s; } @keyframes mychar-speech-in { from { margin-right: -28px; opacity: 0; } to { margin-right: 0; opacity: 1; } } @keyframes mychar-speech-out { from { margin-right: 0; opacity: 1; } to { margin-right: -28px; opacity: 0; } } .mychar .speech div { position: absolute; visibility: hidden; animation-name: mychar-phrase; animation-timing-function: step-end; animation-iteration-count: 1; animation-duration: 12s; } @keyframes mychar-phrase { from { position: static; visibility: visible; } } .mychar .speech div:nth-of-type(1) { animation-delay: 3.0s; } .mychar .speech div:nth-of-type(2) { animation-delay: 16.0s; } .mychar .speech div:nth-of-type(3) { animation-delay: 28.0s; } .mychar .speech div:nth-of-type(4) { animation-delay: 40.0s; } .mychar { animation-name: mychar-pop-in, mychar-pop-out; animation-fill-mode: both, forwards; animation-iteration-count: 1; animation-timing-function: ease-in-out, ease-in-out; animation-delay: 0s, 54s; animation-duration: 3s, 3s; } @keyframes mychar-pop-in { from { bottom: -300px; visibility: hidden; } to { bottom: 0; } } @keyframes mychar-pop-out { to { bottom: -300px; visibility: hidden; } } @media screen and (max-width: 1024px) { .mychar { display: none; } } .p-profiles header.head .misc:before { content: "вне зоны доступа"; font-size: 11px; line-height: 12px; } .p-profiles header.head .misc { font-size: 0px; } @media screen and (max-width: 1024px) { #profiles_show .profile-head:before { display: none; } } body { background-attachment: fixed; background-size: cover; } body[data-server_time *= "T00"], body[data-server_time *= "T01"], body[data-server_time *= "T02"] { background-image: url("//i.imgur.com/LN3bDUe.png"); } body[data-server_time *= "T03"], body[data-server_time *= "T04"], body[data-server_time *= "T05"] { background-image: url("//i.imgur.com/D1ve3be.jpeg"); } body[data-server_time *= "T06"], body[data-server_time *= "T07"], body[data-server_time *= "T08"] { background-image: url("//i.imgur.com/D1ve3be.jpeg"); } body[data-server_time *= "T09"], body[data-server_time *= "T10"], body[data-server_time *= "T11"] { background-image: url("//i.imgur.com/ppIbm3l.jpeg"); } body[data-server_time *= "T12"], body[data-server_time *= "T13"], body[data-server_time *= "T14"] { background-image: url("//i.imgur.com/XZ2JNj6.png"); } body[data-server_time *= "T15"], body[data-server_time *= "T16"], body[data-server_time *= "T17"] { background-image: url("//i.imgur.com/XZ2JNj6.png"); } body[data-server_time *= "T18"], body[data-server_time *= "T19"], body[data-server_time *= "T20"] { background-image: url("//i.imgur.com/XZ2JNj6.png"); } body[data-server_time *= "T21"], body[data-server_time *= "T22"], body[data-server_time *= "T23"] { background-image: url("//i.imgur.com/LN3bDUe.png"); } .b-rate .stars.background { color: silver; } .b-rate .stars.score { color: orange; } .b-rate .stars.hover { color: black; } .b-rate .text-score { color: black; } .b-rate .score-notice { color: black; } .b-rate .text-score { color: black; } .l-page { background: rgba(150,150,150,0.2) !important; } .p-profiles .profile-head .c-brief header .notice { color: #fff; } .p-profiles .profile-head .c-brief header .notice a { color: skyblue; } .c-brief .profile-actions > a { color: #fff; } .b-stats_bar .title { color: #fff; } .b-stats_bar a.title { color: #fff; } .b-stats_bar .bar .first, .b-stats_bar .bar .second, .b-stats_bar .bar .third { color: #fff; } .b-stats_bar .stat_names .stat_name::after { color: #fff; } .p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a { color: #fff; } .p-profiles .profile-head .c-info .c-additionals b { color: #fff; } .p-profiles .profile-head .c-info .c-additionals div a { color: yellow; } .p-profiles .profile-head .c-info .c-additionals div::after { color: yellow; } .p-profiles .profile-head .c-history .entry .title { color: skyblue; } .p-profiles .profile-head .c-history .entry .misc { color: #fff !important; } .p-profiles .profile-head .c-history .entry .misc.date { color: silver !important; } .p-profiles-show .lifetime .times .time { color: #fff; } .p-profiles-show .lifetime .times .time.checked { color: #fff; } .p-profiles-show .lifetime .times .time.checked::before { color: green; } .p-profiles-show .profile-content .activity .title { color: #fff; } .bar.vertical .line .x_label { color: #fff; } .bar.vertical .line .bar-container .value { color: #fff; } .p-profiles-show .achievements .header .title { color: #fff; } .p-user_rates-index .list-lines .selectable:hover { background-color: #fff; } .p-user_rates-index .l-content .order-control { color: #fff; } .p-user_rates-index .list-lines tr .index { color: #fff; } .p-user_rates-index .list-lines tr .name a { color: #fff; } .p-user_rates-index .list-lines tr td .rate-text { color: #fff; } .p-user_rates-index .list-lines tr td .ongoing { color: #fff; } .p-user_rates-index .list-lines tr td .anons { color: #fff; } .p-user_rates-index .list-lines tr td .rewatches { color: #fff; } .p-user_rates-index .list-groups .summary.lines { color: #fff; } .p-profiles .profile-head .c-brief header h1 { color: yellow; } .p-profiles .profile-head .c-brief header .notice { color: #fff; } .b-stats_bar .stat_names .stat_name a { color: #fff; } .b-comment:before { color: #fff; } .b-link { color: silver; } .block { color: #fff; } .b-mention.bubbled-processed { color: yellow; } .inner { color: #fff; } .name-ru { color: #fff; } .name { color: #fff; }