- Фев
- 7
- 0
Пользователь
Кто может слить extra.less этого форума, помогите пожалуйста. Мне необходимы эти баннеры и префиксы
И этого форума
By registering with us, you'll be able to discuss, share and private message with other members of our community.
SignUp Now!@charset "UTF-8"; /********* public:node_list.less ********/
.block.block--category .block-container {
background: rgba(26,31,42,0.75);
padding: 6px
}
.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-icon {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 50px;
padding: 10px 0
}
.node-icon i {
display: block;
width: 50px;
height: 50px;
line-height: 50px;
background: transparent;
color: #4080ff;
font-size: 25px;
border-radius: 6px
}
.node--unread .node-icon i {
background-color: #4080ff;
color: #fefefe
}
.node-icon i: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
}
.node--category .node-icon i:before {
content: "\f086";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.node--forum .node-icon i.fa-comments:before {
content: "\f4b6";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.node--search .node-icon i::before {
content: "\f002";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.node--page .node-icon i:before {
content: "\f15c";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.node--link .node-icon i:before {
content: "\f0c1";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.node-img {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 60px;
padding: 10px 0 10px 10px
}
.node-img i {
display: block;
width: 50px;
height: 50px;
background: #1a1f2a;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 6px
}
.node-main {
display: table-cell;
vertical-align: middle;
padding: 10px
}
.node-stats {
display: table-cell;
width: 150px;
vertical-align: middle;
text-align: center;
padding: 10px 0
}
.node-stats>dl.pairs.pairs--rows {
width: 50%;
float: left;
margin: 0;
padding: 0 3px
}
.node-stats>dl.pairs.pairs--rows:first-child {
padding-left: 0
}
.node-stats>dl.pairs.pairs--rows:last-child {
padding-right: 0
}
.node-stats.node-stats--single {
width: 100px
}
.node-stats.node-stats--single>dl.pairs.pairs--rows {
width: 100%;
float: none
}
.node-stats.node-stats--triple {
width: 240px
}
.node-stats.node-stats--triple>dl.pairs.pairs--rows {
width: 33.333%
}
@media (max-width: 1000px) {
.node-stats {
display:none
}
}
.node-extra {
display: table-cell;
vertical-align: middle;
width: auto;
padding: 10px;
font-size: 0.9rem;
text-align: center
}
.node-extra-row {
overflow: hidden;
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
color: #a1a5b7
}
.node-extra-icon {
padding-right: 10px;
padding-left: 12px;
float: right
}
.node-extra-icon .avatar {
width: 36px;
height: 36px;
font-size: 22px
}
.node-title {
margin: 0;
padding: 0;
font-size: 16px;
font-weight: 400
}
.node--unread .node-title {
font-weight: 700
}
.node-description {
font-size: 13px;
color: #e0e6f0
}
.has-js:not(.has-touchevents) .node-description.node-description--tooltip {
display: none
}
.node-meta {
font-size: 13px
}
.node-statsMeta {
display: none
}
@media (max-width: 1000px) {
.node-statsMeta {
display:inline
}
}
.node-bonus {
font-size: 13px;
color: #a1a5b7;
text-align: right
}
.node-subNodesFlat {
font-size: 13px;
margin-top: .3em
}
.node-subNodesFlat .node-subNodesLabel {
display: none
}
.node-subNodeMenu {
display: inline
}
.node-subNodeMenu .menuTrigger {
color: #a1a5b7
}
@media (max-width: 990px) {
.node-main {
display:block;
width: auto
}
.node--link .node-main,.node--page .node-main {
display: table-cell
}
.node-extra {
display: block;
width: auto;
margin-top: -4px;
padding-top: 0;
text-align: unset
}
.node-extra-row {
display: inline-block;
vertical-align: top;
max-width: 100%
}
.node-extra-icon {
display: none
}
.node-description,.node-stats,.node-subNodesFlat {
display: none
}
}
@media (max-width: 480px) {
.node-subNodeMenu {
display:none
}
}
.subNodeLink:before,.subNodeLink .subNodeLink-icon {
display: inline-block;
width: 1.28571429em;
margin-right: .3em;
text-decoration: none;
text-align: center;
color: #4080ff
}
.subNodeLink: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
}
.subNodeLink:hover:before:before,.subNodeLink:hover:before .subNodeLink-icon {
text-decoration: none
}
.subNodeLink.subNodeLink--unread {
font-weight: 700
}
.subNodeLink.subNodeLink--unread:before,.subNodeLink.subNodeLink--unread .subNodeLink-icon {
color: #ba449a
}
.subNodeLink.subNodeLink--category:before {
content: "\f086";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.subNodeLink.subNodeLink--page:before {
content: "\f15c";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.subNodeLink.subNodeLink--link:before {
content: "\f0c1";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.subNodeLink.subNodeLink--search::before {
content: "\f002";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.node-subNodeFlatList {
list-style: none;
margin: 0;
padding: 0
}
.node-subNodeFlatList:before,.node-subNodeFlatList:after {
content: " ";
display: table
}
.node-subNodeFlatList:after {
clear: both
}
.node-subNodeFlatList>li {
display: inline-block;
margin-right: 1em
}
.node-subNodeFlatList>li:last-child {
margin-right: 0
}
.node-subNodeFlatList ol,.node-subNodeFlatList ul,.node-subNodeFlatList .node-subNodes {
display: none
}
.subNodeMenu {
list-style: none;
margin: 0;
padding: 0
}
.subNodeMenu ol,.subNodeMenu ul {
list-style: none;
margin: 0;
padding: 0
}
.subNodeMenu .subNodeLink {
display: block;
padding: 6px 10px;
color: #e0e6f0;
text-decoration: none;
cursor: pointer;
border-radius: 9px
}
.subNodeMenu .subNodeLink:hover {
color: #e0e6f0;
text-decoration: none;
background: rgba(64,128,255,0.08)
}
.subNodeMenu li li .subNodeLink {
padding-left: 1.5em
}
.subNodeMenu li li li .subNodeLink {
padding-left: 3em
}
.subNodeMenu li li li li .subNodeLink {
padding-left: 4.5em
}
.subNodeMenu li li li li li .subNodeLink {
padding-left: 6em
}
.subNodeMenu li li li li li li .subNodeLink {
padding-left: 7.5em
}
/********* public:share_controls.less ********/
.shareButtons:before,.shareButtons:after {
content: " ";
display: table
}
.shareButtons:after {
clear: both
}
.shareButtons--iconic .shareButtons-buttons {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(35px, 1fr))
}
.shareButtons-label {
float: left;
margin-right: 3px;
color: #a1a5b7;
min-height: 35px;
line-height: 35px
}
.shareButtons-button {
float: left;
margin-right: 3px;
padding: 6px;
color: #a1a5b7;
font-size: 20px;
line-height: 20px;
white-space: nowrap;
min-width: 35px;
border-radius: 2px;
background-color: transparent;
-webkit-transition: all .25s ease;
transition: all .25s ease
}
.shareButtons-button:last-of-type {
margin-right: 0
}
.shareButtons-button:hover {
text-decoration: none;
color: white
}
.shareButtons-button>i {
display: inline-block;
vertical-align: middle;
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
}
.shareButtons-button.shareButtons-button--brand>i {
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
}
.shareButtons-button>span {
font-weight: 400;
font-size: 15px
}
.shareButtons--iconic .shareButtons-button {
text-align: center
}
.shareButtons--iconic .shareButtons-button>i {
min-width: 20px
}
.shareButtons--iconic .shareButtons-button>span {
position: absolute;
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
clip: rect(0 0 0 0);
overflow: hidden
}
.shareButtons-button.shareButtons-button--facebook:hover {
background-color: #3B5998
}
.shareButtons-button.shareButtons-button--facebook>i:before {
content: "\f39e";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.shareButtons-button.shareButtons-button--twitter:hover {
background-color: #1DA1F3
}
.shareButtons-button.shareButtons-button--twitter>i:before {
content: "\f099";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.shareButtons-button.shareButtons-button--pinterest:hover {
background-color: #bd081c
}
.shareButtons-button.shareButtons-button--pinterest>i:before {
content: "\f231";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.shareButtons-button.shareButtons-button--tumblr:hover {
background-color: #35465c
}
.shareButtons-button.shareButtons-button--tumblr>i:before {
content: "\f173";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.shareButtons-button.shareButtons-button--reddit:hover {
background-color: #FF4500
}
.shareButtons-button.shareButtons-button--reddit>i:before {
content: "\f281";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.shareButtons-button.shareButtons-button--whatsApp:hover {
background-color: #25D366
}
.shareButtons-button.shareButtons-button--whatsApp>i:before {
content: "\f232";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.shareButtons-button.shareButtons-button--email:hover {
background-color: #1289ff
}
.shareButtons-button.shareButtons-button--email>i:before {
content: "\f0e0";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.shareButtons-button.shareButtons-button--share {
cursor: pointer
}
.shareButtons-button.shareButtons-button--share:hover {
background-color: #787878
}
.shareButtons-button.shareButtons-button--share>i:before {
content: "\f1e0";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.shareButtons-button.shareButtons-button--link {
cursor: pointer
}
.shareButtons-button.shareButtons-button--link:hover {
background-color: #787878
}
.shareButtons-button.shareButtons-button--link>i:before {
content: "\f0c1";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.shareButtons-button.is-hidden {
display: none
}
.shareInput {
margin-bottom: 5px
}
.shareInput:last-child {
margin-bottom: 0
}
.shareInput-label {
font-size: 13px
}
.shareInput-label:after {
content: ":"
}
.shareInput-label.is-sentence:after {
content: ""
}
.shareInput-button {
color: #e0e6f0;
cursor: pointer
}
.shareInput-button>i {
display: inline-block;
vertical-align: middle;
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
}
.shareInput-button>i:before {
content: "\f0c5";
width: 1.28571429em;
display: inline-block;
text-align: center
}
.shareInput-button.is-hidden {
display: none
}
.shareInput-input {
font-size: 13px
}
@media (max-width: 568px) {
.shareInput-input {
font-size:16px
}
}
.shareInput-button.is-hidden+.shareInput-input {
border-radius: 4px
}
/********* public:extra.less ********/
.userBanner.userBanner--techOrange,.userBanner--techOrange {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 4px !important;
color: #ffffff !important;
background: linear-gradient(to right, #ff3c00, #ff7a00) !important;
border: 1px solid #ff8a00 !important;
font-weight: 700 !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.35) !important;
box-shadow: 0 0 8px rgba(255,90,0,0.45) !important
}
.userBanner.userBanner--techPurple,.userBanner--techPurple {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #ffffff !important;
background: #7367f0 !important;
border: 1px solid #8b82ff !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}
.userBanner.userBanner--adminGreen,.userBanner--adminGreen {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #ffffff !important;
background: #00a832 !important;
border: 1px solid #00c746 !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}
.userBanner.userBanner--adminGreenDark,.userBanner--adminGreenDark {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #ffffff !important;
background: #007a25 !important;
border: 1px solid #093 !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}
.userBanner.userBanner--techMint,.userBanner--techMint {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #ffffff !important;
background: #10c987 !important;
border: 1px solid #18e09a !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}
.userBanner.userBanner--greenSoft,.userBanner--greenSoft {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #ffffff !important;
background: #6DB36D !important;
border: 1px solid #7cc37c !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}
.userBanner.userBanner--curatorPurple,.userBanner--curatorPurple {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 4px !important;
color: #ffffff !important;
background: #9676F5 !important;
border: 1px solid #b19bff !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important;
box-shadow: 0 0 8px rgba(150,118,245,0.45) !important
}
.userBanner.userBanner--watcherBlue,.userBanner--watcherBlue {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 5px !important;
color: #ffffff !important;
background: #006BFF !important;
border: 1px solid #2f86ff !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important;
box-shadow: 0 0 8px rgba(0,107,255,0.55) !important
}
.userBanner.userBanner--seniorAdmin,.userBanner--seniorAdmin {
display: inline-block !important;
padding: 2px 8px !important;
border-radius: 5px !important;
color: #ffffff !important;
background: #6398E8 !important;
border: 1px solid #7eaeff !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important;
box-shadow: 0 0 8px rgba(99,152,232,0.45) !important
}
.userBanner.userBanner--serverRed,.userBanner--serverRed {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #ffffff !important;
background: #FF3B3B !important;
border: 1px solid #ff5a5a !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}
.userBanner.userBanner--moscowServer,.userBanner--moscowServer {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #ffffff !important;
background: #FF3B3B !important;
border: 1px solid #ff5a5a !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important;
box-shadow: 0 0 8px rgba(255,59,59,0.45) !important
}
.userBanner.userBanner--projectTeam,.userBanner--projectTeam {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: #FFFFFF !important;
background: #FFD21A !important;
border: 1px solid #ffe066 !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: none !important;
box-shadow: 0 0 8px rgba(255,210,26,0.45) !important
}
.userBanner.userBanner--projectOwner,.userBanner--projectOwner {
display: inline-block !important;
padding: 2px 9px !important;
border-radius: 5px !important;
color: #ffffff !important;
background: linear-gradient(90deg, #ff5a00, #ffb300, #fd5) !important;
border: 1px solid #ffe066 !important;
font-size: 75% !important;
font-weight: 800 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important;
box-shadow: 0 0 8px rgba(255,174,0,0.55),inset 0 1px 0 rgba(255,255,255,0.25) !important
}
.userBanner.userBanner--orgLeader {
color: #5a4632 !important;
border: none;
text-shadow: none;
background-image: repeating-linear-gradient(45deg, #f3e7d6 0px, #f3e7d6 7px, #e7d3ba 7px, #e7d3ba 14px);
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06)
}
.userBanner.userBanner--staff,.userBanner--staff,.memberHeader-banners .userBanner--staff,.message-userBanner.userBanner--staff,.message-userExtras .userBanner--staff,.memberTooltip .userBanner--staff,.memberTooltip-banners .userBanner--staff,.memberHeader .userBanner--staff,.memberHeader-banners .userBanner.userBanner--staff,.message-user .userBanner.userBanner--staff,.message-cell .userBanner.userBanner--staff,.userBannerList .userBanner.userBanner--staff,.userBannerList .userBanner--staff {
display: none !important
}
.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: black;
background: linear-gradient(to right, #ff0, #ffa500);
border-radius: 10px;
font-size: 90%;
padding: 0 8px;
line-height: normal;
font-weight: 600
}
.p-footer-copyright {
display: none !important
}
.fast-nav-list {
list-style: none;
padding: 0;
margin: 0
}
.fast-nav-list li {
margin-bottom: 8px
}
.fast-nav-list li:last-child {
margin-bottom: 0
}
.button--nav {
display: block;
width: 100%;
text-align: center;
background: #182440 !important;
color: #4a76a8 !important;
border: none !important;
border-radius: 6px;
padding: 10px 15px;
transition: background .2s ease
}
.button--nav:hover {
background: #203055 !important;
color: #fff !important
}
.p-header-content {
justify-content: center
}
.p-header-logo {
margin-right: 0 !important
}
.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
}
.userBanner.userBanner--yellow {
color: #000;
background: #ffff91;
border-color: #ffff5e;
border-color: #e6e687
}
@keyframes rainbowHueMaster {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
.komforum {
color: #000;
background: #ffca00;
border-color: #ffca00;
border-radius: 3px
}
.username--style6,.username--style6 * {
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)
}
}
.moder {
background: #F0C65A;
border-radius: 3px
}
.userBanner.userBanner--techspec4,.userBanner--techspec4 {
display: inline-block !important;
padding: 1px 7px !important;
border-radius: 3px !important;
color: white !important;
background: #6C5CE7 !important;
border: 1px solid #8b82ff !important;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important
}
Не работает поставь сам и проверь даже роли не показывает я могу форум дать
Код:@charset "UTF-8"; /********* public:node_list.less ********/ .block.block--category .block-container { background: rgba(26,31,42,0.75); padding: 6px } .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-icon { display: table-cell; vertical-align: middle; text-align: center; width: 50px; padding: 10px 0 } .node-icon i { display: block; width: 50px; height: 50px; line-height: 50px; background: transparent; color: #4080ff; font-size: 25px; border-radius: 6px } .node--unread .node-icon i { background-color: #4080ff; color: #fefefe } .node-icon i: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 } .node--category .node-icon i:before { content: "\f086"; width: 1.28571429em; display: inline-block; text-align: center } .node--forum .node-icon i.fa-comments:before { content: "\f4b6"; width: 1.28571429em; display: inline-block; text-align: center } .node--search .node-icon i::before { content: "\f002"; width: 1.28571429em; display: inline-block; text-align: center } .node--page .node-icon i:before { content: "\f15c"; width: 1.28571429em; display: inline-block; text-align: center } .node--link .node-icon i:before { content: "\f0c1"; width: 1.28571429em; display: inline-block; text-align: center } .node-img { display: table-cell; vertical-align: middle; text-align: center; width: 60px; padding: 10px 0 10px 10px } .node-img i { display: block; width: 50px; height: 50px; background: #1a1f2a; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 6px } .node-main { display: table-cell; vertical-align: middle; padding: 10px } .node-stats { display: table-cell; width: 150px; vertical-align: middle; text-align: center; padding: 10px 0 } .node-stats>dl.pairs.pairs--rows { width: 50%; float: left; margin: 0; padding: 0 3px } .node-stats>dl.pairs.pairs--rows:first-child { padding-left: 0 } .node-stats>dl.pairs.pairs--rows:last-child { padding-right: 0 } .node-stats.node-stats--single { width: 100px } .node-stats.node-stats--single>dl.pairs.pairs--rows { width: 100%; float: none } .node-stats.node-stats--triple { width: 240px } .node-stats.node-stats--triple>dl.pairs.pairs--rows { width: 33.333% } @media (max-width: 1000px) { .node-stats { display:none } } .node-extra { display: table-cell; vertical-align: middle; width: auto; padding: 10px; font-size: 0.9rem; text-align: center } .node-extra-row { overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; color: #a1a5b7 } .node-extra-icon { padding-right: 10px; padding-left: 12px; float: right } .node-extra-icon .avatar { width: 36px; height: 36px; font-size: 22px } .node-title { margin: 0; padding: 0; font-size: 16px; font-weight: 400 } .node--unread .node-title { font-weight: 700 } .node-description { font-size: 13px; color: #e0e6f0 } .has-js:not(.has-touchevents) .node-description.node-description--tooltip { display: none } .node-meta { font-size: 13px } .node-statsMeta { display: none } @media (max-width: 1000px) { .node-statsMeta { display:inline } } .node-bonus { font-size: 13px; color: #a1a5b7; text-align: right } .node-subNodesFlat { font-size: 13px; margin-top: .3em } .node-subNodesFlat .node-subNodesLabel { display: none } .node-subNodeMenu { display: inline } .node-subNodeMenu .menuTrigger { color: #a1a5b7 } @media (max-width: 990px) { .node-main { display:block; width: auto } .node--link .node-main,.node--page .node-main { display: table-cell } .node-extra { display: block; width: auto; margin-top: -4px; padding-top: 0; text-align: unset } .node-extra-row { display: inline-block; vertical-align: top; max-width: 100% } .node-extra-icon { display: none } .node-description,.node-stats,.node-subNodesFlat { display: none } } @media (max-width: 480px) { .node-subNodeMenu { display:none } } .subNodeLink:before,.subNodeLink .subNodeLink-icon { display: inline-block; width: 1.28571429em; margin-right: .3em; text-decoration: none; text-align: center; color: #4080ff } .subNodeLink: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 } .subNodeLink:hover:before:before,.subNodeLink:hover:before .subNodeLink-icon { text-decoration: none } .subNodeLink.subNodeLink--unread { font-weight: 700 } .subNodeLink.subNodeLink--unread:before,.subNodeLink.subNodeLink--unread .subNodeLink-icon { color: #ba449a } .subNodeLink.subNodeLink--category:before { content: "\f086"; width: 1.28571429em; display: inline-block; text-align: center } .subNodeLink.subNodeLink--page:before { content: "\f15c"; width: 1.28571429em; display: inline-block; text-align: center } .subNodeLink.subNodeLink--link:before { content: "\f0c1"; width: 1.28571429em; display: inline-block; text-align: center } .subNodeLink.subNodeLink--search::before { content: "\f002"; width: 1.28571429em; display: inline-block; text-align: center } .node-subNodeFlatList { list-style: none; margin: 0; padding: 0 } .node-subNodeFlatList:before,.node-subNodeFlatList:after { content: " "; display: table } .node-subNodeFlatList:after { clear: both } .node-subNodeFlatList>li { display: inline-block; margin-right: 1em } .node-subNodeFlatList>li:last-child { margin-right: 0 } .node-subNodeFlatList ol,.node-subNodeFlatList ul,.node-subNodeFlatList .node-subNodes { display: none } .subNodeMenu { list-style: none; margin: 0; padding: 0 } .subNodeMenu ol,.subNodeMenu ul { list-style: none; margin: 0; padding: 0 } .subNodeMenu .subNodeLink { display: block; padding: 6px 10px; color: #e0e6f0; text-decoration: none; cursor: pointer; border-radius: 9px } .subNodeMenu .subNodeLink:hover { color: #e0e6f0; text-decoration: none; background: rgba(64,128,255,0.08) } .subNodeMenu li li .subNodeLink { padding-left: 1.5em } .subNodeMenu li li li .subNodeLink { padding-left: 3em } .subNodeMenu li li li li .subNodeLink { padding-left: 4.5em } .subNodeMenu li li li li li .subNodeLink { padding-left: 6em } .subNodeMenu li li li li li li .subNodeLink { padding-left: 7.5em } /********* public:share_controls.less ********/ .shareButtons:before,.shareButtons:after { content: " "; display: table } .shareButtons:after { clear: both } .shareButtons--iconic .shareButtons-buttons { display: grid; grid-template-columns: repeat(auto-fill, minmax(35px, 1fr)) } .shareButtons-label { float: left; margin-right: 3px; color: #a1a5b7; min-height: 35px; line-height: 35px } .shareButtons-button { float: left; margin-right: 3px; padding: 6px; color: #a1a5b7; font-size: 20px; line-height: 20px; white-space: nowrap; min-width: 35px; border-radius: 2px; background-color: transparent; -webkit-transition: all .25s ease; transition: all .25s ease } .shareButtons-button:last-of-type { margin-right: 0 } .shareButtons-button:hover { text-decoration: none; color: white } .shareButtons-button>i { display: inline-block; vertical-align: middle; 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 } .shareButtons-button.shareButtons-button--brand>i { 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 } .shareButtons-button>span { font-weight: 400; font-size: 15px } .shareButtons--iconic .shareButtons-button { text-align: center } .shareButtons--iconic .shareButtons-button>i { min-width: 20px } .shareButtons--iconic .shareButtons-button>span { position: absolute; height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); overflow: hidden } .shareButtons-button.shareButtons-button--facebook:hover { background-color: #3B5998 } .shareButtons-button.shareButtons-button--facebook>i:before { content: "\f39e"; width: 1.28571429em; display: inline-block; text-align: center } .shareButtons-button.shareButtons-button--twitter:hover { background-color: #1DA1F3 } .shareButtons-button.shareButtons-button--twitter>i:before { content: "\f099"; width: 1.28571429em; display: inline-block; text-align: center } .shareButtons-button.shareButtons-button--pinterest:hover { background-color: #bd081c } .shareButtons-button.shareButtons-button--pinterest>i:before { content: "\f231"; width: 1.28571429em; display: inline-block; text-align: center } .shareButtons-button.shareButtons-button--tumblr:hover { background-color: #35465c } .shareButtons-button.shareButtons-button--tumblr>i:before { content: "\f173"; width: 1.28571429em; display: inline-block; text-align: center } .shareButtons-button.shareButtons-button--reddit:hover { background-color: #FF4500 } .shareButtons-button.shareButtons-button--reddit>i:before { content: "\f281"; width: 1.28571429em; display: inline-block; text-align: center } .shareButtons-button.shareButtons-button--whatsApp:hover { background-color: #25D366 } .shareButtons-button.shareButtons-button--whatsApp>i:before { content: "\f232"; width: 1.28571429em; display: inline-block; text-align: center } .shareButtons-button.shareButtons-button--email:hover { background-color: #1289ff } .shareButtons-button.shareButtons-button--email>i:before { content: "\f0e0"; width: 1.28571429em; display: inline-block; text-align: center } .shareButtons-button.shareButtons-button--share { cursor: pointer } .shareButtons-button.shareButtons-button--share:hover { background-color: #787878 } .shareButtons-button.shareButtons-button--share>i:before { content: "\f1e0"; width: 1.28571429em; display: inline-block; text-align: center } .shareButtons-button.shareButtons-button--link { cursor: pointer } .shareButtons-button.shareButtons-button--link:hover { background-color: #787878 } .shareButtons-button.shareButtons-button--link>i:before { content: "\f0c1"; width: 1.28571429em; display: inline-block; text-align: center } .shareButtons-button.is-hidden { display: none } .shareInput { margin-bottom: 5px } .shareInput:last-child { margin-bottom: 0 } .shareInput-label { font-size: 13px } .shareInput-label:after { content: ":" } .shareInput-label.is-sentence:after { content: "" } .shareInput-button { color: #e0e6f0; cursor: pointer } .shareInput-button>i { display: inline-block; vertical-align: middle; 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 } .shareInput-button>i:before { content: "\f0c5"; width: 1.28571429em; display: inline-block; text-align: center } .shareInput-button.is-hidden { display: none } .shareInput-input { font-size: 13px } @media (max-width: 568px) { .shareInput-input { font-size:16px } } .shareInput-button.is-hidden+.shareInput-input { border-radius: 4px } /********* public:extra.less ********/ .userBanner.userBanner--techOrange,.userBanner--techOrange { display: inline-block !important; padding: 2px 8px !important; border-radius: 4px !important; color: #ffffff !important; background: linear-gradient(to right, #ff3c00, #ff7a00) !important; border: 1px solid #ff8a00 !important; font-weight: 700 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.35) !important; box-shadow: 0 0 8px rgba(255,90,0,0.45) !important } .userBanner.userBanner--techPurple,.userBanner--techPurple { display: inline-block !important; padding: 1px 7px !important; border-radius: 3px !important; color: #ffffff !important; background: #7367f0 !important; border: 1px solid #8b82ff !important; font-size: 75% !important; font-weight: 700 !important; line-height: 1.35 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important } .userBanner.userBanner--adminGreen,.userBanner--adminGreen { display: inline-block !important; padding: 1px 7px !important; border-radius: 3px !important; color: #ffffff !important; background: #00a832 !important; border: 1px solid #00c746 !important; font-size: 75% !important; font-weight: 700 !important; line-height: 1.35 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important } .userBanner.userBanner--adminGreenDark,.userBanner--adminGreenDark { display: inline-block !important; padding: 1px 7px !important; border-radius: 3px !important; color: #ffffff !important; background: #007a25 !important; border: 1px solid #093 !important; font-size: 75% !important; font-weight: 700 !important; line-height: 1.35 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important } .userBanner.userBanner--techMint,.userBanner--techMint { display: inline-block !important; padding: 1px 7px !important; border-radius: 3px !important; color: #ffffff !important; background: #10c987 !important; border: 1px solid #18e09a !important; font-size: 75% !important; font-weight: 700 !important; line-height: 1.35 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important } .userBanner.userBanner--greenSoft,.userBanner--greenSoft { display: inline-block !important; padding: 1px 7px !important; border-radius: 3px !important; color: #ffffff !important; background: #6DB36D !important; border: 1px solid #7cc37c !important; font-size: 75% !important; font-weight: 700 !important; line-height: 1.35 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important } .userBanner.userBanner--curatorPurple,.userBanner--curatorPurple { display: inline-block !important; padding: 2px 8px !important; border-radius: 4px !important; color: #ffffff !important; background: #9676F5 !important; border: 1px solid #b19bff !important; font-size: 75% !important; font-weight: 700 !important; line-height: 1.35 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important; box-shadow: 0 0 8px rgba(150,118,245,0.45) !important } .userBanner.userBanner--watcherBlue,.userBanner--watcherBlue { display: inline-block !important; padding: 2px 8px !important; border-radius: 5px !important; color: #ffffff !important; background: #006BFF !important; border: 1px solid #2f86ff !important; font-size: 75% !important; font-weight: 700 !important; line-height: 1.35 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important; box-shadow: 0 0 8px rgba(0,107,255,0.55) !important } .userBanner.userBanner--seniorAdmin,.userBanner--seniorAdmin { display: inline-block !important; padding: 2px 8px !important; border-radius: 5px !important; color: #ffffff !important; background: #6398E8 !important; border: 1px solid #7eaeff !important; font-size: 75% !important; font-weight: 700 !important; line-height: 1.35 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important; box-shadow: 0 0 8px rgba(99,152,232,0.45) !important } .userBanner.userBanner--serverRed,.userBanner--serverRed { display: inline-block !important; padding: 1px 7px !important; border-radius: 3px !important; color: #ffffff !important; background: #FF3B3B !important; border: 1px solid #ff5a5a !important; font-size: 75% !important; font-weight: 700 !important; line-height: 1.35 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important } .userBanner.userBanner--moscowServer,.userBanner--moscowServer { display: inline-block !important; padding: 1px 7px !important; border-radius: 3px !important; color: #ffffff !important; background: #FF3B3B !important; border: 1px solid #ff5a5a !important; font-size: 75% !important; font-weight: 700 !important; line-height: 1.35 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important; box-shadow: 0 0 8px rgba(255,59,59,0.45) !important } .userBanner.userBanner--projectTeam,.userBanner--projectTeam { display: inline-block !important; padding: 1px 7px !important; border-radius: 3px !important; color: #FFFFFF !important; background: #FFD21A !important; border: 1px solid #ffe066 !important; font-size: 75% !important; font-weight: 700 !important; line-height: 1.35 !important; text-shadow: none !important; box-shadow: 0 0 8px rgba(255,210,26,0.45) !important } .userBanner.userBanner--projectOwner,.userBanner--projectOwner { display: inline-block !important; padding: 2px 9px !important; border-radius: 5px !important; color: #ffffff !important; background: linear-gradient(90deg, #ff5a00, #ffb300, #fd5) !important; border: 1px solid #ffe066 !important; font-size: 75% !important; font-weight: 800 !important; line-height: 1.35 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important; box-shadow: 0 0 8px rgba(255,174,0,0.55),inset 0 1px 0 rgba(255,255,255,0.25) !important } .userBanner.userBanner--orgLeader { color: #5a4632 !important; border: none; text-shadow: none; background-image: repeating-linear-gradient(45deg, #f3e7d6 0px, #f3e7d6 7px, #e7d3ba 7px, #e7d3ba 14px); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06) } .userBanner.userBanner--staff,.userBanner--staff,.memberHeader-banners .userBanner--staff,.message-userBanner.userBanner--staff,.message-userExtras .userBanner--staff,.memberTooltip .userBanner--staff,.memberTooltip-banners .userBanner--staff,.memberHeader .userBanner--staff,.memberHeader-banners .userBanner.userBanner--staff,.message-user .userBanner.userBanner--staff,.message-cell .userBanner.userBanner--staff,.userBannerList .userBanner.userBanner--staff,.userBannerList .userBanner--staff { display: none !important } .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: black; background: linear-gradient(to right, #ff0, #ffa500); border-radius: 10px; font-size: 90%; padding: 0 8px; line-height: normal; font-weight: 600 } .p-footer-copyright { display: none !important } .fast-nav-list { list-style: none; padding: 0; margin: 0 } .fast-nav-list li { margin-bottom: 8px } .fast-nav-list li:last-child { margin-bottom: 0 } .button--nav { display: block; width: 100%; text-align: center; background: #182440 !important; color: #4a76a8 !important; border: none !important; border-radius: 6px; padding: 10px 15px; transition: background .2s ease } .button--nav:hover { background: #203055 !important; color: #fff !important } .p-header-content { justify-content: center } .p-header-logo { margin-right: 0 !important } .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 } .userBanner.userBanner--yellow { color: #000; background: #ffff91; border-color: #ffff5e; border-color: #e6e687 } @keyframes rainbowHueMaster { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } .komforum { color: #000; background: #ffca00; border-color: #ffca00; border-radius: 3px } .username--style6,.username--style6 * { 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) } } .moder { background: #F0C65A; border-radius: 3px } .userBanner.userBanner--techspec4,.userBanner--techspec4 { display: inline-block !important; padding: 1px 7px !important; border-radius: 3px !important; color: white !important; background: #6C5CE7 !important; border: 1px solid #8b82ff !important; font-size: 75% !important; font-weight: 700 !important; line-height: 1.35 !important; text-shadow: 0 1px 1px rgba(0,0,0,0.45) !important }
Я это и сделал
ничего страшного, просто тебе дали хуйню которую никто никогда в здравом уме использовать не будетЯ это и сделал
И этого форума
Баннер префиксы
.pgreen,
.porange,
.paqua,
.pred,
.ypred,
.bpred {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 2px 12px 2px 8px;
border-radius: 20px;
font-size: 10px;
font-weight: 600;
line-height: 1.5;
text-transform: uppercase;
letter-spacing: 0.4px;
border: 1px solid transparent;
transition: all 0.2s ease;
}
.pgreen {
background: #0a1f1a;
color: #4ade80;
border-color: rgba(74, 222, 128, 0.25);
box-shadow: 0 0 20px rgba(74, 222, 128, 0.05);
}
.porange {
background: #1f1204;
color: #fbbf24;
border-color: rgba(251, 191, 36, 0.25);
box-shadow: 0 0 20px rgba(251, 191, 36, 0.05);
}
.paqua {
background: #061a2e;
color: #38bdf8;
border-color: rgba(56, 189, 248, 0.25);
box-shadow: 0 0 20px rgba(56, 189, 248, 0.05);
}
.pred {
background: #1f0a0a;
color: #f87171;
border-color: rgba(248, 113, 113, 0.25);
box-shadow: 0 0 20px rgba(248, 113, 113, 0.05);
}
.ypred {
background: #1f1a00;
color: #fde047;
border-color: rgba(253, 224, 71, 0.25);
box-shadow: 0 0 20px rgba(253, 224, 71, 0.05);
}
.bpred {
background: #0a0f2a;
color: #60a5fa;
border-color: rgba(96, 165, 250, 0.25);
box-shadow: 0 0 20px rgba(96, 165, 250, 0.05);
}