- Янв
- 91
- 10
Пользователь
extra less:
.block-header a {
color: inherit;
box-shadow: 0px 3px 0px 0px #4080ff;
text-decoration: none;
height: 30px;
display: flex;
width: max-content
}
.bbCodeBlock.bbCodeBlock--spoiler {
background: #4080ff0d;
border-color: #4080ff
}
.bbWrapper .bbCodeBlock--unfurl {
background: #252a35;
color: #FFF;
border-color: #4080ff;
border-left-width: 1px;
border-left-style: solid
}
.fixedMessageBar {
color: #FFF;
background: #4080ff;
border-top: 0px solid #4080ff;
border-bottom: 0px solid #d9d9d9;
padding: 10px;
display: none;
opacity: 0;
-webkit-transition: all .25s ease,-xf-opacity .25s ease;
transition: all .25s ease,-xf-opacity .25s ease;
overflow-y: hidden;
height: 0;
-webkit-transition-property: all,-xf-height;
transition-property: all,-xf-height
}
.notices .notice.notice--primary {
background: #1a1f2a;
color: #e0e6f0;
border-style: dashed;
border-color: #4080ff
}
.bbCodeBlock .bbCodeBlock-expandLink {
background: transparent;
border-radius: 9px;
backdrop-filter: blur(1px)
}
.block-row.block-row--separated+.block-row {
border-top: 1px solid #252a35
}
.structItemContainer .structItem .structItem-iconContainer .structItem-secondaryIcon {
right: -1px;
bottom: -1px;
width: 18px;
height: 18px;
display: none;
font-size: 11px;
border: 1px solid #4080ff;
border-radius: 6px
}
.kz-messages-section {
position: relative;
background: #1a1f2a;
border-radius: 0.75rem;
border: 0px solid #292a2b;
overflow: hidden
}
.kz-message-quickreply {
padding: 1.25rem;
background: #161b24;
margin-bottom: 0rem
}
.kz-message-header {
position: sticky;
display: flex;
gap: 1rem;
width: 100%;
top: 0;
left: 0;
padding: 1rem 1.25rem;
border-radius: 12px 12px 0 0;
background-color: #1a1f2a;
backdrop-filter: blur(12px);
z-index: 1
}
.menu-linkRow {
display: flex;
align-items: center;
gap: 0.75rem
}
.kz-conversation:hover .kz-conversation-action-button {
opacity: 1
}
.kz-conversation-action-button:not(.is-menuOpen) {
opacity: 0
}
[type=reset],[type=submit],button,html [type=button] {
-webkit-appearance: button
}
::-webkit-scrollbar {
width: 0.75rem
}
::-webkit-scrollbar {
width: 0.75rem
}
::-webkit-scrollbar-thumb {
background: #FFF;
border-radius: 10px;
border: 4px solid #1a1f2a
}
::-webkit-scrollbar-thumb {
background: #4080ff;
border-radius: 10px;
border: 4px solid #1a1f2a
}
::-webkit-scrollbar-track {
background: #1a1f2a
}
.reaction.reaction--imageHidden.reaction--1 i:before {
content: "\f164";
width: 1em;
display: inline-block;
font-size: 0px;
text-align: center
}
.tooltip--reaction .tooltip-content {
color: #e0e6f0;
background: #1a1f2a;
padding: 5px;
border: 1px solid #1f2531;
border-radius: 33px
}
.message-userExtras dl {
font-weight: 500;
background: #1f2532;
padding: 7px;
border-radius: 4px;
margin: .265rem 0
}
::-webkit-scrollbar-track {
background: #1a1f2a
}
.kz-conversation-action-button {
padding: 6px;
border-radius: 999px;
background: transparent;
transition: opacity .25s ease
}
.kz-messagess-wrapper {
position: relative;
max-height: 500px;
overflow-y: scroll;
margin-bottom: 1.25rem;
padding-top: 4rem
}
.kz-message-participants-wrapper {
display: flex;
align-items: center
}
.kz-message-participants .participant-item {
border: 2px solid #000;
background: #39393f;
box-sizing: content-box;
transition: transform .25s ease
}
.kz-message-participants>*:not(:last-child) {
margin-right: -12px
}
.kz-message-participants .participant-item:hover {
transform: translateY(-4px);
z-index: 1
}
.kz-message-total-participants {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
color: #FFF;
font-size: 14px;
line-height: 20px;
padding: 0;
border-radius: 999px;
background: #101116 !important
}
.kz-message-data {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
font-size: 1.125rem;
font-weight: unset
}
.kz-message-participants-list>span:not(:last-of-type):after {
content: ', ';
margin-right: 0.125rem
}
.kz-message-invite {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
color: #26bb74;
border-radius: 999px;
background: #123720 !important
}
.kz-message-circle-spacer {
width: 4px;
height: 4px;
border-radius: 999px;
background: #39393F;
margin: 0 .75rem
}
.kz-message-last-reply {
display: flex;
align-items: center;
gap: 0.25rem;
font-size: 14px;
line-height: 20px
}
.kz-message-header-main {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem;
flex: 1
}
.kz-menu-header {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 1.125rem;
font-weight: 400;
margin: 0;
padding: .5rem 1rem
}
.kz-menu-participant {
display: flex;
align-items: center;
gap: 0.5rem;
padding: .5rem 1rem
}
.kz-menu-participant>div {
display: grid
}
.kz-conversation {
display: grid;
gap: 0.5rem;
margin-bottom: 2rem;
padding: 0 1.25rem
}
.kz-conversation-align-right .kz-conversation-main {
flex-direction: row-reverse
}
.kz-conversation-align-right .kz-conversation-message-wrapper {
flex-direction: row-reverse
}
.kz-conversation-align-right .kz-conversation-data-wrapper {
justify-content: end;
display: flex
}
.kz-conversation-align-right .kz-conversation-data {
margin-left: 0;
margin-right: 61px
}
.kz-conversation-main {
display: flex;
align-items: end;
gap: 1rem
}
.kz-conversation-message-wrapper {
display: flex;
align-items: center;
gap: 1rem
}
.message-signature {
margin-top: 15px;
font-size: 12px;
color: #e0e6f0;
border-top: 1px solid #252a35;
padding-top: 6px;
border-top-style: solid
}
.blockLink.is-selected {
color: #4080ff;
background: #1a1f2a;
border-left: solid;
padding-left: 10px
}
.kz-conversation-message {
color: #FFF;
max-width: 720px;
padding: .75rem 1rem;
border-radius: 1.5rem 1.5rem 1.5rem .25rem;
background: #252a35
}
.kz-conversation-message.receiver {
background: #4080ff30;
border-radius: 1.5rem 1.5rem .25rem 1.5rem
}
.kz-conversation-message .js-selectToQuoteEnd {
height: 0;
font-size: 0;
overflow: hidden
}
.menu.menu--structural.menu--right {
border-top-right-radius: 8px
}
.menu--structural.menu--right .menu-content {
border-top-right-radius: 8px
}
.kz-conversation-action-button {
padding: 6px;
border-radius: 999px;
background: transparent;
transition: opacity .25s ease
}
.kz-conversation-action-button:not(.is-menuOpen) {
opacity: 0
}
.kz-conversation:hover .kz-conversation-action-button {
opacity: 1
}
.conversation-status.unread {
color: #6B7280
}
.conversation-status.read {
color: #26bb74
}
.kz-conversation-data {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 12px;
margin-left: 61px
}
.kz-conversation-data-item {
display: flex;
align-items: center;
gap: 0.25rem
}
.kz-conversation-new {
display: flex;
font-size: 11px;
color: #26bb74;
font-weight: 500;
line-height: 12px;
letter-spacing: 0.01rem;
padding: .25rem .5rem;
border-radius: 0.25rem;
background: #4a99de
}
.lottery-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px
}
.ticket-item {
display: grid;
grid-template-rows: 1fr auto;
overflow: hidden
}
.ticket-header {
position: relative;
display: grid;
gap: 1.25rem;
padding: 1.25rem;
border-radius: .75rem .75rem 0 0;
background: #101116
}
.ticket-header:after {
position: absolute;
content: '';
width: 20px;
height: 20px;
bottom: -10px;
left: -10px;
border-radius: 999px;
background: #000;
z-index: 1
}
.ticket-header:before {
position: absolute;
content: '';
width: 20px;
height: 20px;
bottom: -10px;
right: -10px;
border-radius: 999px;
background: #000;
z-index: 1
}
.ticket-title {
color: #FFF;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.75rem;
margin: 0
}
.ticket-header .bbWrapper {
margin-top: 0.25rem
}
.ticket-data {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, auto));
gap: 1.5rem;
margin-top: auto
}
.ticket-data-item {
display: grid;
gap: 0.25rem
}
.ticket-data-item>p {
display: flex;
align-items: center;
gap: 0.25rem;
color: #6B7280;
font-size: 1rem;
line-height: 1.25rem
}
.ticket-data-item>h5 {
color: #FFF;
font-size: 1rem;
font-weight: 500;
line-height: 1.5rem;
margin: 0
}
.ticket-footer {
position: relative;
display: flex;
justify-content: center;
padding: 1.25rem;
border-radius: 0 0 .75rem .75rem;
background: #101116
}
[data-template="conversation_view"] .fr-box:not(.is-focused) .fr-element.fr-view,[data-template="conversation_view"] .fr-box:not(.is-focused) .fr-element.fr-view,[data-template="tlg_thread_view"] .fr-box:not(.is-focused) .fr-element.fr-view {
min-height: auto !important
}
[data-template="conversation_view"] .fr-box:not(.is-focused) .fr-element.fr-view,[data-template="conversation_view"] .fr-box:not(.is-focused) .fr-element.fr-view,[data-template="tlg_thread_view"] .fr-box:not(.is-focused) .fr-element.fr-view,[data-template="thread_view_type_suggestion"] .fr-box:not(.is-focused) .fr-element.fr-view,[data-template="thread_view_type_question"] .fr-box:not(.is-focused) .fr-element.fr-view,[data-template="thread_view_type_poll"] .fr-box:not(.is-focused) .fr-element.fr-view,[data-template="thread_view_type_article"] .fr-box:not(.is-focused) .fr-element.fr-view {
min-height: auto !important
}
[data-template="conversation_view"] .fr-box.fr-basic .fr-element,[data-template="conversation_view"] .fr-box.fr-basic .fr-element,[data-template="tlg_thread_view"] .fr-box.fr-basic .fr-element {
padding: 10px
}
[data-template="conversation_view"] .fr-box.fr-basic .fr-element,[data-template="conversation_view"] .fr-box.fr-basic .fr-element,[data-template="tlg_thread_view"] .fr-box.fr-basic .fr-element,[data-template="thread_view_type_suggestion"] .fr-box.fr-basic .fr-element,[data-template="thread_view_type_question"] .fr-box.fr-basic .fr-element,[data-template="thread_view_type_poll"] .fr-box.fr-basic .fr-element,[data-template="thread_view_type_article"] .fr-box.fr-basic .fr-element {
padding: 10px
}
[data-template="conversation_view"] .fr-box.fr-basic .fr-element {
padding-top: 10px
}
[data-template="conversation_view"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top,[data-template="conversation_view"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top,[data-template="tlg_thread_view"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top {
height: 0;
overflow: hidden
}
[data-template="conversation_view"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top,[data-template="conversation_view"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top,[data-template="tlg_thread_view"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top,[data-template="thread_view_type_suggestion"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top,[data-template="thread_view_type_question"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top,[data-template="thread_view_type_poll"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top,[data-template="thread_view_type_article"] .fr-box:not(.is-focused):not(.is-preview) .fr-toolbar.fr-top {
height: 0;
overflow: hidden
}
[data-template="conversation_view"] .p-body-content .fr-box.fr-basic .fr-toolbar.fr-top {
padding: 2px
}
[data-template="conversation_view"] .fr-box.is-focused .fr-element.fr-view,[data-template="conversation_view"] .fr-box.is-focused .fr-element.fr-view,[data-template="tlg_thread_view"] .fr-box.is-focused .fr-element.fr-view,[data-template="thread_view_type_suggestion"] .fr-box.is-focused .fr-element.fr-view,[data-template="thread_view_type_question"] .fr-box.is-focused .fr-element.fr-view,[data-template="thread_view_type_poll"] .fr-box.is-focused .fr-element.fr-view,[data-template="thread_view_type_article"] .fr-box.is-focused .fr-element.fr-view {
max-height: 487px
}
[data-template="conversation_view"] .fr-box.fr-basic .fr-element,[data-template="conversation_view"] .fr-box.fr-basic .fr-element,[data-template="tlg_thread_view"] .fr-box.fr-basic .fr-element {
padding: 10px
}
[data-template="conversation_view"] .fr-box .fr-toolbar.fr-top,[data-template="conversation_view"] .fr-box .fr-toolbar.fr-top,[data-template="tlg_thread_view"] .fr-box .fr-toolbar.fr-top,[data-template="thread_view_type_suggestion"] .fr-box .fr-toolbar.fr-top,[data-template="thread_view_type_question"] .fr-box .fr-toolbar.fr-top,[data-template="thread_view_type_poll"] .fr-box .fr-toolbar.fr-top,[data-template="thread_view_type_article"] .fr-box .fr-toolbar.fr-top {
background: transparent !important
}
[data-template="conversation_view"] .message.message--quickReply .message-cell--user {
flex: unset;
margin-right: 15px;
padding-right: 0;
background: transparent
}
[data-template="conversation_view"] .fr-toolbar.fr-top {
top: 0;
border-bottom: 0;
border-radius: 12px 12px 0 0;
-moz-border-radius: 12px 12px 0 0;
-webkit-border-radius: 12px 12px 0 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box
}
[data-template="conversation_view"] .fr-box.fr-basic,[data-template="conversation_view"] .fr-box.fr-basic,[data-template="tlg_thread_view"] .fr-box.fr-basic {
display: flex;
flex-direction: column-reverse;
border-radius: 12px;
padding: 0 !important;
background: #1a1f2a !important;
height: fit-content;
min-width: 90%;
transition: box-shadow .25s ease
}
[data-template="conversation_view"] .bbWrapper>:first-child {
margin-top: 0
}
[data-template="conversation_view"] .fr-toolbar,.fr-popup,.fr-modal {
z-index: 3
}
[data-template="conversation_view"] .fr-box.fr-basic .fr-element {
font-family: 'Inter',sans-serif;
color: #a4a6a8;
font-size: 14px;
line-height: 1.4;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow-x: auto;
min-height: 60px;
text-align: left
}
[data-template="conversation_view"] .message--quickReply .message-cell.message-cell--main,[data-template="conversation_view"] .message--quickReply .message-cell.message-cell--main,[data-template="tlg_thread_view"] .message--quickReply .message-cell.message-cell--main {
padding: 0 !important
}
[data-template="conversation_view"] .message--quickReply .message-cell.message-cell--main,[data-template="conversation_view"] .message--quickReply .message-cell.message-cell--main,[data-template="tlg_thread_view"] .message--quickReply .message-cell.message-cell--main,[data-template="thread_view_type_suggestion"] .message--quickReply .message-cell.message-cell--main,[data-template="thread_view_type_question"] .message--quickReply .message-cell.message-cell--main,[data-template="thread_view_type_poll"] .message--quickReply .message-cell.message-cell--main,[data-template="thread_view_type_article"] .message--quickReply .message-cell.message-cell--main {
padding: 0 !important
}
[data-template="conversation_view"] .message-cell.message-cell--main {
padding: 0
}
[data-template="conversation_view"] .message-cell.message-cell--main {
padding: 0
}
[data-template="conversation_view"] .block--messages .message-inner .message-cell {
border-radius: 0
}
[data-template="conversation_view"] .message-cell.message-cell--main {
padding: 1.25rem
}
[data-template="conversation_view"] .message-cell.message-cell--main {
flex: 1 1 auto;
width: 100%;
min-width: 0
}
[data-template="conversation_view"] .message-cell {
display: block;
vertical-align: top;
padding: 15px
}
[data-template="conversation_view"] .fr-view.fr-element-scroll-visible {
overflow-x: visible !important
}
[data-template="conversation_view"] .fr-element {
background: transparent;
position: relative;
z-index: 2;
-webkit-user-select: auto
}
[data-template="conversation_view"] .fr-element,.fr-element:focus {
outline: 0 solid transparent
}
[data-template="conversation_view"] .block--messages .message-inner:last-of-type .message-cell:first-child {
border-bottom-left-radius: 11px
}
[data-template="conversation_view"] .block--messages .message-inner:first-of-type .message-cell:first-child {
border-top-left-radius: 11px
}
[data-template="conversation_view"] .message--quickReply .message-cell.message-cell--user,[data-template="conversation_view"] .message--quickReply .message-cell.message-cell--user,[data-template="tlg_thread_view"] .message--quickReply .message-cell.message-cell--user {
padding: 0 !important;
flex-shrink: 0
}
.structItem.is-unread .structItem-title a:not(.labelLink):after {
content: "Новое";
font-size: 11px;
color: #4080ff;
background: #4080ff2e;
border-radius: 9px;
padding-top: 3px;
padding-right: 6px;
padding-bottom: 3px;
padding-left: 6px;
text-transform: uppercase;
margin-left: 6px
}
.username[data-user-id="3"] [class^="username"] {
color: #69c;
font-weight: 400;
text-shadow: 0px 0px 5px #69c
}
.kz-message-participants {
display: none
}
[data-template="conversation_view"] .message--quickReply .message-cell.message-cell--user,[data-template="conversation_view"] .message--quickReply .message-cell.message-cell--user,[data-template="tlg_thread_view"] .message--quickReply .message-cell.message-cell--user,[data-template="thread_view_type_suggestion"] .message--quickReply .message-cell.message-cell--user,[data-template="thread_view_type_question"] .message--quickReply .message-cell.message-cell--user,[data-template="thread_view_type_poll"] .message--quickReply .message-cell.message-cell--user,[data-template="thread_view_type_article"] .message--quickReply .message-cell.message-cell--user {
padding: 0 !important;
flex-shrink: 0
}
[data-template="conversation_view"] .message-cell.message-cell--user,.message-cell.message-cell--action {
position: relative;
background: #1a1f2a;
border-right: 0px solid #1a1f2a;
min-width: 0
}
[data-template="conversation_view"] .avatar.avatar--m {
width: 46px;
height: 46px;
font-size: 58px
}
[data-template="conversation_view"] .block--messages .message,.block--messages .block-row {
color: #e0e6f0;
background: transparent;
border-radius: 9px;
box-shadow: none
}
.ticket-footer:after {
content: '';
position: absolute;
width: 80%;
border-top: 1px dashed #292a2b;
top: 0
}
.ticket-footer .button {
min-width: 50%
}
.p-footer .p-footer-copyright {
text-align: right;
display: none;
margin-top: 0
}
a:hover {
color: #4080ff;
text-decoration: none
}
.fr-view blockquote {
color: #e0e6f0;
background: #1a1f2a;
border: 1px solid #4080ff;
border-radius: 9px;
font-weight: 500;
padding: 6px;
border-style: solid;
margin: .5em 0;
padding: 6px 10px;
font-size: 13px;
display: flow-root
}
.sharePage {
display: none
}
.node-icon i {
display: block;
width: 50px;
height: 50px;
line-height: 50px;
background: transparent;
color: #4080ff;
font-size: 25px;
border-radius: 6px
}
.userBanner.userBanner--staff {
background: #484d56;
border-color: #5f6672;
color: #fff;
background: #212428;
border-color: #383d44;
border-radius: 3px;
border-color: #212428
}
.vlad {
color: #fff;
background: #ff0000;
border-color: #ff0000;
border-radius: 3px
}
.razrabot4ik {
color: #fff;
background: #6699CC;
border-color: #6699CC;
border-radius: 3px
}
.rukovoditel {
color: #fff;
background: #ff0000;
border-color: #ff4500;
border-radius: 3px
}
.specialadm {
color: #fff;
background: #ff0000;
border-color: #ff0000;
border-radius: 3px
}
.zamvlada {
color: #fff;
background: #ff0000;
border-color: #ff4500;
border-radius: 3px
}
.komforum {
color: #000;
background: #ffca00;
border-color: #ffca00;
border-radius: 3px
}
.forumbot {
color: white;
background: linear-gradient(to right, #ff4500, #ff4500);
border-color: #ff4500;
border-radius: 3px
}
.techspec {
color: white;
background-color: #09bd72
}
.techspec3 {
font-size: 75%;
font-size: 11px;
font-weight: 400;
font-style: normal;
padding: 1px 10px;
padding: 1px 3px;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
display: inline-block
}
.techspec4 {
color: white;
background-color: #6C5CE7
}
.glavadm {
color: #fff;
background: #008000;
border-color: #008000;
border-radius: 3px
}
.zamga {
color: #fff;
background: #6DB36D;
border-color: #6DB36D;
border-radius: 3px
}
.stadmin {
color: #fff;
background: #4169e1;
border-color: #6d8ce8;
border-radius: 3px
}
.kurator {
color: #fff;
background: #9676f5;
border-color: #9676f5;
border-radius: 3px
}
.prmanager {
color: #fff;
background: #ff9800;
border-color: #ff9800;
border-radius: 3px
}
.techspec2 {
color: #fff;
background: #FF4F00;
border-color: #FF4F00;
border-radius: 3px
}
.stadmin {
color: #fff;
background: #6495ED;
border-color: #6495ED;
border-radius: 3px
}
.admin {
color: #fff;
background: #ffbf00;
border-color: #ffbf00;
border-radius: 3px
}
.stmoderator {
color: #fff;
background: #008000;
border-color: #00b300;
border-radius: 3px
}
.moderator {
color: #fff;
background: #ffcc66;
border-color: #ffcc66;
border-radius: 3px
}
.mlmoderator {
color: #fff;
background: #87ceeb;
border-color: #87ceeb;
border-radius: 3px
}
.leader {
color: black;
background: #7cc3e0;
border-color: #a5d6ea;
border-radius: 3px
}
.glavnisled {
color: #fff;
background: #004eff;
border-color: #004eff;
border-radius: 3px
}
.zamglavnisled {
color: #fff;
background: #004eff;
border-color: #004eff;
border-radius: 3px
}
.uspehuserr {
color: white;
background: #20B2AA;
border-color: #20B2AA;
border-radius: 3px
}
.legenduserr {
color: black;
background: #F0E68C;
border-color: #F0E68C;
border-radius: 3px
}
.userr {
color: black;
background: #C0C0C0;
border-color: #C0C0C0;
border-radius: 3px
}
.moscow {
color: #fff;
background: #ff2b3b;
border-color: #ff2b3b;
border-radius: 3px
}
.sbp {
color: #fff;
background: #11a6fa;
border-color: #11a6fa;
border-radius: 3px
}
.dedmoroz {
color: #fff;
background: #DC143C;
border-color: #DC143C;
border-radius: 3px
}
.ekb {
color: #fff;
background: #4f27de;
border-color: #4f27de;
border-radius: 3px
}
.prem {
color: #fff;
border-color: transparent;
border-radius: 3px;
background: linear-gradient(45deg, #ffa500, #ff4500, #ffd700, #ffa500);
background-size: 400% 400%;
animation: premRainbow 6s ease infinite
}
@keyframes premRainbow {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
.thBranding {
display: none
}
.p-footer-copyright {
font-size: 0px
}
.red {
color: white;
background: linear-gradient(to right, #f00, #900);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600
}
.green {
color: white;
background: linear-gradient(to right, #228b22, #008000);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600
}
.orange {
color: white;
background: linear-gradient(to right, #ffa500, #ff8c00);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600
}
.skyred {
color: white;
background: linear-gradient(to right, #f24666, #f24666);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600
}
.yellow {
color: white;
background: linear-gradient(to right, #ff0, #ffa500);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600
}
.block-container {
border: none;
box-shadow: none
}
.p-body-content .fr-box.fr-basic .fr-toolbar.fr-top .fr-btn-grp {
background: transparent;
padding: 2px 6px;
border: 0px solid #1a1f2a;
border-radius: 9px;
margin-right: 3px
}
.iconic>input+i:after {
opacity: 0.2;
color: #4080ff
}
.formButtonGroup {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
float: right;
margin-bottom: -5px
}
.button.button--link,a.button.button--link {
background: #252a35;
color: #e0e6f0;
border: 0px solid #252a35
}
.button.button--link,a.button.button--link:hover {
background: #252a35;
color: #e0e6f0;
border: 0px solid #252a35
}
.p-body-content .fr-box.fr-basic .fr-toolbar.fr-top {
background: #252a35;
padding: 6px;
border-bottom: 0px solid #1a1f2a
}
.p-navgroup-link.p-navgroup-link--conversations i:after {
content: "\f1d8";
width: 1em;
display: inline-block;
text-align: center
}
.p-navgroup-link.p-navgroup-link--alerts i:after {
content: "\f77f";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.button.button--primary,a.button.button--primary {
color: #FFF;
background: #252a35;
min-width: 80px
}
.memberHeader-mainContent {
position: relative;
display: block;
background: #1a1f2a4a
}
.actionBar-action::before {
font-weight: 900;
font-size: 0px;
margin-right: 3px
}
.formButtonGroup-extra {
order: 1;
margin-bottom: 5px;
margin-right: 5px
}
.actionBar-action.actionBar-action--delete:hover,.actionBar-action.actionBar-action--warn:hover {
background-color: transparent;
color: #FFF
}
.messageOwner-Indicator {
font-size: 90%;
display: none;
background: rgba(64,128,255,0.1);
color: #4080ff;
padding: 2px 6px 3px;
border-radius: 6px;
white-space: nowrap
}
.bbCodeBlock.bbCodeBlock--quote {
background: #1a1f2a;
border-color: #4080ff
}
.p-nav-list .p-navEl.is-selected::after {
content: '';
position: absolute;
top: 36px;
left: 17px;
width: 30px;
height: 3px;
background: #4080ff;
border-radius: 9px
}
@media (max-width: 480px) {
.pairJustifier {
display:flex;
flex-wrap: nowrap
}
}
.p-footer-copyright .fa-heart {
color: #4080ff
}
[data-template="member_notable"] .block-minorHeader:after {
clear: both;
display: block;
width: 10px;
height: 4px;
position: relative;
left: -20px;
top: -13px;
margin: -2px 0 0 0;
background: #4080ff
}
.p-footer-copyright {
font-size: 10px
}
.block.block--category .block-body {
background: transparent;
padding: 10px;
border-radius: 9px
}
.node-body {
display: table;
table-layout: fixed;
width: 100%;
background: linear-gradient(45deg, rgba(37,42,53,0.4), #1a1f2a);
border-radius: 10px;
padding: 10px;
margin-bottom: 6px;
border: 0px solid #262a2e
}
.node--forum.node--unread .node--newIndicator {
display: none
}
.blockLink:hover {
background: none;
color: #FFF
}
a.p-navgroup-link.p-navgroup-link--iconic.p-navgroup-link--search {
display: none
}
.menu.menu--structural.menu--left {
border-top-left-radius: 8px
}
.menu--structural.menu--left .menu-content {
border-top-left-radius: 8px
}
.menu {
display: none;
opacity: 0;
transform: scale3d(0, 0, 0);
transform-origin: top right;
-webkit-transition: all .25s ease,-xf-opacity .25s ease;
transition: all .25s ease,-xf-opacity .25s ease;
position: absolute;
z-index: 200;
margin: 8px 0 0;
min-width: 240px;
max-width: 320px;
border-radius: 9px;
box-shadow: none;
border: 2px solid #252a35
}
.blockLink:hover {
color: #e0e6f0;
background: #1a1f2a
}
.blockLink:hover {
background: #1a1f2a;
text-decoration: inherit
}
.avatar.avatar--xxs {
width: 29px;
height: 29px;
font-size: 14px
}
.block-minorHeader:after {
clear: both;
display: block;
width: 10px;
height: 4px;
position: relative;
left: -25px;
top: -13px;
margin: -2px 0 0 0;
background: #4080ff
}
.p-footer {
font-size: 13px;
background: #1a1f2a;
color: rgba(224,230,240,0.6)
}
.blockStatus {
background: #4080ff2e;
color: #4080ff;
border: none
}
.message .reactionsBar {
margin-top: 15px;
padding: 6px;
background: #1f2531;
border-radius: 88px;
border: none
}
.blockStatus .blockStatus-message::before {
width: 26px;
height: 26px;
line-height: 26px;
background: transparent;
color: #4080ff;
text-align: center;
border-radius: 6px;
margin-right: 3px
}
.block--messages .message,.block--messages .block-row {
color: #e0e6f0;
background: #1a1f2a;
border-radius: 9px;
box-shadow: none
}
.message-content.js-messageContent {
background: #161b24;
padding-left: 25px;
border-radius: 9px;
padding: 15px;
margin-top: 0px
}
.message-lastEdit {
margin-top: .5em;
color: #e3e3e3;
font-size: 11px;
text-align: right
}
.actionBar-action.actionBar-action--reply:hover,.actionBar-action.actionBar-action--history:hover {
background-color: transparent;
color: #FFF
}
.actionBar-action.actionBar-action--mq:hover,.actionBar-action.reaction:hover {
background-color: transparent;
color: #FFF
}
.actionBar-action.actionBar-action--edit:hover,.actionBar-action.actionBar-action--ip:hover {
background-color: transparent;
color: #FFF
}
.actionBar-action.actionBar-action--report:hover,.actionBar-action.actionBar-action--spam:hover {
background-color: transparent;
color: #FFF
}
.actionBar-action.actionBar-action--edit:hover,.actionBar-action.actionBar-action--ip:hover {
background-color: transparent;
color: #FFF
}
.actionBar-action.actionBar-action--delete:hover,.actionBar-action.actionBar-action--warn:hover {
background-color: transparent;
color: #FFF
}
.iconic>input+i:after {
opacity: 0.1
}
.button,a.button {
display: inline-block;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
-webkit-transition: background-color .125s ease,border-color .125s ease,color .125s ease;
transition: background-color .125s ease,border-color .125s ease,color .125s ease;
font-size: 13px;
border-radius: 9px;
padding-top: 12px;
padding-right: 20px;
padding-bottom: 12px;
padding-left: 20px;
font-weight: 500;
text-align: center;
border: none;
color: #FFF;
background: #252a35
}
.memberHeader-avatar .avatar img {
padding: 0px
}
.memberHeader--withBanner .memberHeader-main {
border-top-left-radius: 8px;
min-height: 250px;
border-top-right-radius: 8px
}
.memberHeader-avatar .avatar {
box-shadow: none
}
.block-tabHeader .tabs-tab:not(.is-readonly):hover {
background: transparent;
border-bottom: 2px solid #4080ff
}
.block-tabHeader .tabs-tab.is-active {
background: none;
color: #FFF;
border-color: #4080ff
}
.block-tabHeader .tabs-tab:hover {
color: #FFF;
background: rgba(26,31,42,0.1)
}
[data-template="member_view"] .pairJustifier .pairs.pairs--rows {
margin-right: 5px;
border: 1px solid #171b24;
border-radius: 10px;
background: #171b24;
padding: 6px;
width: 197px;
height: 45px;
margin-bottom: 5px
}
svg.siprise-icon {
margin-top: 10px
}
.p-header-logo.p-header-logo--image img {
vertical-align: bottom;
max-width: 50%;
max-height: 50%
}
a.button.button--icon.button--icon--bolt {
display: none
}
.block-minorHeader {
padding: 6px 10px;
margin: 0;
font-weight: 400;
text-decoration: none;
font-size: 17px;
color: #e0e6f0;
border-bottom: 1px solid #1a1f2a;
font-weight: 600;
padding: 10px 20px;
margin-bottom: 0px
}
[data-template="forum_list"] .p-body-header {
background: transparent;
padding: 15px;
border-radius: 9px;
box-shadow: none;
margin-bottom: 20px
}
.blockMessage p:last-child,.blockStatus p:last-child,.block-row p:last-child {
color: #4080ff;
margin-bottom: 0;
background: #4080ff1c;
padding: 10px;
border-radius: 8px;
margin-top: 5px
}
.p-body-sidebar .block-container {
padding: 5px
}
.node-extra {
width: auto;
padding: 10px;
text-align: center;
font-size: 0.9rem
}
svg {
fill: transparent
}
.node-stats .pairs.pairs--rows>dd {
font-size: 1.35em;
color: #4080ff
}
.node-extra-icon {
padding-right: 10px;
padding-left: 12px;
float: right
}
.node-extra-row {
overflow: hidden;
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
color: #e2e2e4
}
.node-title {
font-size: 16px
}
.button.button--link:hover,a.button.button--link:hover {
border-color: #252a35
}
.button.button--link:hover,a.button.button--link:hover,.button.button--link:active,a.button.button--link:active,.button.button--link:focus,a.button.button--link:focus {
text-decoration: none;
background: #252a35;
color: #e0e6f0
}
.fr-popup .fr-action-buttons button.fr-command {
display: inline-block;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
-webkit-transition: background-color .125s ease,border-color .125s ease,color .125s ease;
transition: background-color .125s ease,border-color .125s ease,color .125s ease;
font-size: 13px;
border-radius: 9px;
padding-top: 12px;
padding-right: 20px;
padding-bottom: 12px;
padding-left: 20px;
font-weight: 500;
text-align: center;
border: none;
color: #FFF;
background: rgba(31,37,49,0.1);
min-width: 80px;
border-color: rgba(41,49,65,0.1) rgba(21,25,33,0.1) rgba(21,25,33,0.1) rgba(41,49,65,0.1);
height: auto;
min-width: 0;
line-height: 1.4
}
.p-navgroup-link.badgeContainer {
opacity: .6;
position: relative;
background: transparent
}
.p-navgroup-link {
float: left;
background: transparent;
padding: 9px 12px;
border-radius: 6px;
margin: 0 6px
}
.glavadm2 {
color: #fff;
background: #008000;
border-color: #a50000;
font-size: 75%;
font-weight: 400;
font-style: normal;
padding: 1px 20px;
border: 1px solid transparent;
border-radius: 3px;
text-align: center;
display: inline-block
}
.username--style42,.username--style42 * {
background-image: linear-gradient(270deg, #d0001d, #afff74, #ff8ea7) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
animation: rainbowHueMaster 10s linear infinite !important
}
@keyframes rainbowHueMaster {
from {
filter: hue-rotate(0deg)
}
to {
filter: hue-rotate(360deg)
}
}
.bbCodeBlock.bbCodeBlock--quote,.bbCodeBlock--quote,blockquote,.bbCodeBlock-content {
background-color: #1a1f2a !important;
color: #e0e6f0 !important;
border-color: #4080ff !important
}
.bbCodeBlock--quote ul,.bbCodeBlock--quote li,.bbCodeBlock--quote span,.bbCodeBlock-content ul,.bbCodeBlock-content li {
background: transparent !important;
background-color: transparent !important;
color: #e0e6f0 !important
}
.bbCodeBlock-title {
background-color: #252a35 !important;
color: #4080ff !important;
border-bottom: 1px solid #4080ff !important
}
.tooltip--preview .tooltip-content,.tooltip--preview.previewTooltip {
overflow: hidden !important;
max-height: 240px !important
}
.tooltip--preview .structItem-previewBox {
overflow: hidden !important;
display: block !important
}
.tooltip--preview .bbWrapper {
display: block !important;
max-height: max-content !important
}
.tooltip--preview:hover .bbWrapper {
animation: scrollDownXF 18s linear forwards !important
}
@keyframes scrollDownXF {
0% {
transform: translateY(0)
}
100% {
transform: translateY(-90%)
}
}
.blockMessage--important {
background: #2b2d31 !important;
color: #dcddde !important;
border: 1px solid #40444b !important;
border-left: 4px solid #f0ad4e !important;
border-radius: 6px;
box-shadow: none
}
.blockMessage--important strong {
color: #f5c56b
}
.menu-linkRow {
transition: all .2s ease;
border-radius: 6px;
margin: 2px 6px
}
.menu-linkRow:hover {
background: #2f3540;
color: #fff;
transform: translateX(4px)
}
.menu-linkRow:active {
background: #3b82f6
}
.menu--pageJump .inputGroup {
display: flex;
align-items: stretch;
width: 100%
}
.menu--pageJump .inputNumber {
flex: 1 1 auto;
min-width: 0
}
.menu--pageJump .inputGroup>.inputGroup-text {
flex: 0 0 auto
}
.menu--pageJump .button {
white-space: nowrap
}