Пользователь
- Регистрация
- 13 Ноя 2024
- Сообщения
- 109
- Автор темы
- #1
Extra Less:
.tc-cus-previewContainer {
display: flex;
width: 100%
}
@media (max-width:900px) {
.tc-cus-previewContainer {
flex-flow: column-reverse wrap
}
}
.tc-cus-previewContainer .previewInputs {
flex: 3 1 auto
}
.tc-cus-previewContainer .preview .contentRow {
padding: 7.5px 15px 15px
}
.tc-cus-previewContainer .preview .styles {
max-height: 150px;
overflow: auto;
scrollbar-width: thin
}
.tc-cus-previewContainer .preview .styles--collapsible {
display: none
}
.tc-cus-previewContainer .preview .styles--collapsible.is-active {
display: block
}
.tc-cus-previewContainer .preview .styles .style {
padding: 10px 24px
}
.tc-cus-previewContainer .preview .styles .style:hover {
background: #402427;
cursor: pointer
}
.tc-cus-previewContainer .preview .styles .style:hover .style-delete {
float: right;
color: inherit;
font-size: 16px;
line-height: 1;
height: 1em;
box-sizing: content-box;
padding: 0 0 5px 5px;
opacity: .5;
-webkit-transition: opacity .1s ease;
transition: opacity .1s ease;
cursor: pointer
}
.tc-cus-previewContainer .preview .styles .style:hover .style-delete:before {
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f00d";
width: .75em;
display: inline-block;
text-align: center
}
.tc-cus-previewContainer .preview .styles .style:hover .style-delete:hover {
text-decoration: none;
opacity: 1
}
.tc-cus-previewContainer .userBannerPreview {
white-space: nowrap
}
.tc-cus-previewContainer .bannerTextInput {
width: auto;
max-width: 100%
}
.userBanner.tc-cus-banner-hidden {
display: none
}
.username .tc-cus-username-224 {
color: #c83569;
text-shadow: #c83569 .5px .5px 10px;
font-weight: 500
}
.userBanner.tc-cus-banner-224 {
background: linear-gradient(to right, #bc3961, #be4232);
background-position: -2px 0;
background-size: calc(102%) 100%;
box-shadow: #bc3961 0px 0px 5px, #be4232 0px 0px 10px
}
.userBanner.tc-cus-banner-224::before {
content: "\f7ea";
font-family: 'Font Awesome 5 Pro'
}
.username .tc-cus-username-414 {
color: #82898F;
text-shadow: #777 1px 1px 5px
}
.userBanner.tc-cus-banner-414 {
background: linear-gradient(90deg, #000, #400)
}
.userBanner.tc-cus-banner-414::before {
content: "\f4b6";
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
padding: 1px 4px 0px 4px;
min-width: 20px
}
.username .tc-cus-username-73584 {
color: #edb6b2;
text-shadow: #edb6b2 .5px .5px 10px;
font-weight: 500
}
.userBanner.tc-cus-banner-73584 {
background: #edb6b2;
background-position: -2px 0;
background-size: calc(102%) 100%;
box-shadow: #edb6b2 0px 0px 5px
}
.userBanner.tc-cus-banner-73584::before {
content: "\f266";
font-family: 'Font Awesome 5 Brands'
}
.username .tc-cus-username-88929 {
color: #9a99b0;
text-shadow: #9a99d5 .1px .1px 5px;
font-weight: 500
}
.userBanner.tc-cus-banner-88929 {
background: linear-gradient(to right, #9a99b0, #9a99d5);
background-position: -1px 0;
background-size: calc(101%) 100%;
box-shadow: #9a99d5 0px 0px 5px, #9a99b0 0px 0px 2px
}
.userBanner.tc-cus-banner-88929::before {
content: "\f4b6";
font-family: 'Font Awesome 5 Pro'
}
.username .tc-cus-username-138831 {
color: #0070ff;
text-shadow: #0070ff 1px 1px 5px;
font-weight: 500
}
.userBanner.tc-cus-banner-138831 {
background-color: #0070ff;
box-shadow: 0px 0px 5px #0070ff
}
.userBanner.tc-cus-banner-138831::before {
content: "\f4b6";
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
padding: 1px 4px 0px 4px;
min-width: 20px
}
@media (max-width:900px) and (max-width:900px) {
.p-pageWrapper .p-body-header,
.p-pageWrapper .breadcrumb,
.notices {
margin-left: -10px;
margin-right: -10px;
border-radius: 0;
border-left: none;
border-right: none
}
}
::-webkit-scrollbar {
width: 4px
}
::-webkit-scrollbar-thumb {
background: #ed4352
}
::-webkit-scrollbar-track {
background-color: #424242
}
.actionBar {
border: none
}
.js-xfSmilieMenuBody .menu-scroller .menu-row:nth-child(2) .emojiList li:first-child {
display: none
}
.sub-forums {
margin-bottom: 0px;
min-height: 95px;
align-items: baseline !important;
font-size: 15px !important;
background-image: url(/styles/images/categoryLogo.png) !important;
background-repeat: no-repeat !important;
background-color: #291719 !important
}
.uix_socialMedia .fa-instagram {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent
}
.uix_socialMedia .fa-tiktok {
color: #111111;
filter: drop-shadow(2px 0px 0px #fd3e3e) drop-shadow(-2px -2px 0px #4de8f4)
}
.structItem.is-unread {
background: #1e1112
}
.structItem.is-unread:hover {
background: #402427
}
.wstaff {
margin: 8px 0 0 3px
}
.thThreads__userExtra--toggle .thThreads__userExtra--trigger,
.notice.notice--primary .uix_noticeIcon,
.sidePanel__tabs a {
background: none
}
.structItem-status--locked::before {
color: #f2930d
}
.structItem-status--sticky::before {
color: #eb2e4a
}
.structItem-status--poll::before,
.structItem-status--watched::before,
.structItem-status--redirect::before {
color: #ccc
}
.structItem.is-unread.is-mod-selected {
background: #3e2e30
}
.ug,
.userTitle {
font-weight: 600
}
.message-avatar-offline {
position: absolute;
left: 50%;
margin-left: -0.615em;
bottom: -0.5em
}
.message-avatar-offline:before {
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f2bd";
width: .969em;
text-align: center;
line-height: 1;
font-weight: bold;
color: #b90000;
border: #291719 solid 2px;
background: ;
border-color: ;
background: #291719;
border-color: #291719;
border-radius: 50%;
display: inline-block
}
.iconpicker i {
color: #000
}
.label {
padding: 1px .35em 2px;
vertical-align: middle
}
.label.far,
.label.fal,
.label.fas,
.label.fab,
.label.fad {
font-family: inherit;
font-weight: 600;
position: relative;
text-indent: 1.2em
}
.label.far:before,
.label.fal:before,
.label.fas:before {
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: -1px
}
.label.fab:before {
font-family: 'Font Awesome 5 Brands';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.label.fad:before,
.label.fad:after {
font-family: 'Font Awesome 5 Duotone';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.label.fad:after {
opacity: 0.45
}
.label:before,
.label:after {
position: absolute;
left: -0.9em
}
[data-container-key='node-4'] .actionBar-action--report,
[data-container-key='node-12'] .actionBar-action--report,
[data-container-key='node-479'] .actionBar-action--report,
[data-container-key='node-480'] .actionBar-action--report,
[data-container-key='node-481'] .actionBar-action--report,
[data-container-key='node-482'] .actionBar-action--report,
[data-container-key='node-483'] .actionBar-action--report,
[data-container-key='node-484'] .actionBar-action--report,
[data-container-key='node-485'] .actionBar-action--report,
[data-container-key='node-486'] .actionBar-action--report,
[data-container-key='node-591'] .actionBar-action--report,
[data-container-key='node-592'] .actionBar-action--report,
[data-container-key='node-593'] .actionBar-action--report {
display: none
}
[data-container-key='node-4'] .actionBar-action--reaction {
display: none
}
[data-container-key='node-113'] .message-threadStarterPost .actionBar-action--report,
[data-container-key='node-114'] .message-threadStarterPost .actionBar-action--report,
[data-container-key='node-888'] .message-threadStarterPost .actionBar-action--report,
[data-container-key='node-731'] .message-threadStarterPost .actionBar-action--report,
[data-container-key='node-732'] .message-threadStarterPost .actionBar-action--report,
[data-container-key='node-329'] .message-threadStarterPost .actionBar-action--report {
display: none
}
#pairs {
display: inline-flex !important
}
.message.message--quickReply .message-cell--user {
display: none
}
.message.message--quickReply .message-cell.message-cell--main {
padding-left: 10px
}
.stickyprofilepost {
border-left: 3px solid #ca0000 !important
}
.p-pageWrapper .p-body-header .pageContent,
.p-pageWrapper .breadcrumb {
background: #291719;
padding: 10px
}
.p-pageWrapper .breadcrumb {
border-top: 1px solid rgba(255, 255, 255, 0.12)
}
.p-pageWrapper .p-body-header .p-title,
.p-pageWrapper .p-body-header .p-description,
.p-breadcrumbs {
padding-left: 5px
}
.p-pageWrapper .p-body-header,
.notices {
margin-bottom: -21px
}
.p-pageWrapper .breadcrumb {
margin-bottom: 20px
}
.tabs--standalone {
background: #291719
}
.js-emoji .smilie {
max-width: 90px
}
.node-body:not(.js-nodeMain),
.structItem--thread {
transition: padding-left .3s ease
}
.node-body:not(.js-nodeMain):hover,
.structItem--thread:hover {
border-left: 3px solid #ff2a4a;
padding-left: 10px
}
.userBanner {
position: relative;
padding: 1px 5px 1px 32px
}
.message-userBanner.userBanner {
margin-bottom: 10px;
margin-top: 5px
}
.userBanner.group-banner-9 {
box-shadow: 0px 0px 5px #008000;
color: white;
background-color: green
}
.userBanner.group-banner-9::before {
content: '\f505'
}
.userBanner.group-banner-27 {
box-shadow: 0px 0px 5px #dcdcdc;
color: black;
background-color: #dcdcdc
}
.userBanner.group-banner-27::before {
content: '\f6a4'
}
.userBanner.group-banner-2 {
box-shadow: 0px 0px 5px #909090;
color: white;
background-color: #909090
}
.userBanner.group-banner-2::before {
content: '\f007'
}
.userBanner.group-banner-3 {
box-shadow: 0px 0px 5px #f00;
color: white;
background-color: red
}
.userBanner.group-banner-3::before {
content: '\f508'
}
.userBanner.group-banner-12 {
box-shadow: 0px 0px 5px #abcdef;
color: black;
background-color: #abcdef
}
.userBanner.group-banner-12::before {
content: '\f7ea'
}
.userBanner.group-banner-4 {
box-shadow: 0px 0px 5px #0a0;
color: white;
background-color: #00aa00
}
.userBanner.group-banner-4::before {
content: '\f2bd'
}
.userBanner.group-banner-7 {
box-shadow: 0px 0px 5px #f19300;
background-color: #f19300
}
.userBanner.group-banner-7::before {
content: '\f2bd'
}
.userBanner.group-banner-8 {
box-shadow: 0px 0px 5px #fc6;
color: black;
background-color: #ffcc66
}
.userBanner.group-banner-8::before {
content: '\f059'
}
.userBanner.group-banner-15 {
box-shadow: 0px 0px 5px #8287c1;
color: white;
background-color: #8287c1
}
.userBanner.group-banner-15::before {
content: '\f0ad'
}
.userBanner.group-banner-32 {
box-shadow: 0px 0px 5px #8287c1;
color: white;
background-color: #8287c1
}
.userBanner.group-banner-32::before {
content: '\f87a'
}
.userBanner.group-banner-35 {
box-shadow: 0px 0px 5px #4a4a4a;
color: white;
background-color: #4a4a4a
}
.userBanner.group-banner-35::before {
content: '\f05e'
}
.userBanner:before {
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -1px;
bottom: -1px;
left: -1px;
padding: 2px 4px 0px 4px;
min-width: 20px;
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.p-navEl-link:before {
padding-right: 5px !important
}
.menu-content.js-visitorMenuBody .menu-linkRow {
padding: 6px 5px 6px 12px
}
.menu-content.js-visitorMenuBody a.menu-linkRow:before {
font-family: 'Font Awesome 5 Pro';
font-size: inherit;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 0.7em;
color: #9b9898
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='whats-new/news-feed']:before {
content: "\f09e";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='search/member']:before {
content: "\f086";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/reactions']:before {
content: "\f164";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/delete']:before {
content: "\f2ed";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/alerts']:before {
content: "\f0f3";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/account-details']:before {
content: "\f4fe";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/security']:before {
content: "\f3ed";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/privacy']:before {
content: "\f023";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/preferences']:before {
content: "\f085";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/signature']:before {
content: "\f5b7";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='premium/']:before {
content: "\f521";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/macros/active/']:before {
content: "\f00b";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/connected-accounts']:before {
content: "\f63d";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/following']:before {
content: "\f234";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='account/ignored']:before {
content: "\f503";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.menu-content.js-visitorMenuBody a.menu-linkRow[href*='logout']:before {
content: "\f08b";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.p-navEl-link[data-nav-id='premium']:before {
content: "\f521";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.p-navEl-link[data-nav-id='mainSite']:before {
content: "\f0ac";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.p-navEl-link[data-nav-id='wiki']:before {
font-family: 'Font Awesome 5 Brands' !important;
content: "\f266";
width: 1.28571429em;
display: inline-block;
text-align: center
}
#nowonline:before {
content: "\f012";
width: 1.28571429em;
display: inline-block;
text-align: center
}
@media (max-width:650px) {
.pairs--views:before {
content: ' \f06e' !important
}
}
.yourserver:before {
content: '\f0ac'
}
.yourname:before {
content: '\f2bd'
}
.p-navEl-link span {
position: relative
}
.p-navEl-link span::after {
background-color: #ff2a4a;
content: "";
height: 2px;
width: 0%;
position: absolute;
left: 0;
bottom: -7px;
transition: width .3s ease-in-out
}
.p-navEl-link:hover span::after {
width: 100%
}
.p-navEl.is-selected span::after {
display: none
}