- Июн
- 32
- 3
Пользователь
3.1. Заголовок темы должен отражать основную суть темы.
http://forum.weiss-russia.ru/ - у кого есть стиль форума этого с ролями в extra.less
Ищу стиль форума + баннеры
- Автор темы Dima_Macalister
- Дата начала
Решение
- Авг
- 205
- -22
Пользователь
- Авг
- 205
- -22
Пользователь
extra.less:
.node-icon i {
display: block !important
}
.node-icon svg,
.node-icon i::after {
display: none !important
}
.node-icon i::before {
display: inline-block !important;
font-family: 'Font Awesome 5 Pro' !important;
font-weight: 400 !important;
content: "\f4a6" !important;
font-size: 32.4px !important;
width: 1em !important;
text-align: center
}
.node--link .node-icon i::before {
content: "\f0c1" !important
}
.subNodeLink svg,
.subNodeLink i,
.subNodeLink::after {
display: none !important
}
.subNodeLink::before {
display: none !important;
content: none !important
}
.subNodeLink--forum::before,
.subNodeLink--unread::before {
display: inline-block !important;
font-family: 'Font Awesome 5 Pro' !important;
font-weight: 400 !important;
content: "\f4a6" !important;
font-size: 15px !important;
margin-right: 6px !important
}
.node--unread .node-icon i::before,
.subNodeLink--unread::before {
color: #FF0000 !important;
opacity: 1 !important
}
.node--subforum .node-icon i::before,
.subNodeLink--forum::before,
.subNodeLink--unread::before {
color: rgba(255, 255, 255, 0.3) !important;
opacity: 1 !important
}
.block-minorHeader {
font-weight: 400 !important
}
.userBanners,
.memberHeader-banners,
.message-userBanners,
.message .message-user .userBannerWrapper {
display: flex;
flex-wrap: wrap;
gap: 2px
}
.userBanner {
margin: 0 2px 2px 0 !important;
pointer-events: none !important;
cursor: default !important
}
.control,
.sap,
.ga,
.sopg,
.ssoc,
.kur,
.zkur,
.gta,
.tex,
.stsil,
.saratov,
.gs,
.pravo,
.fsb,
.mo,
.bol,
.smi,
.aopg,
.bopg,
.lopg,
.vp,
.sa,
.adm,
.mod,
.userBanner.control,
.userBanner.sap,
.userBanner.ga,
.userBanner.sopg,
.userBanner.ssoc,
.userBanner.kur,
.userBanner.zkur,
.userBanner.gta,
.userBanner.tex,
.userBanner.stsil,
.userBanner.saratov,
.userBanner.gs,
.userBanner.pravo,
.userBanner.fsb,
.userBanner.mo,
.userBanner.bol,
.userBanner.smi,
.userBanner.aopg,
.userBanner.bopg,
.userBanner.lopg,
.userBanner.vp,
.userBanner.sa,
.userBanner.adm,
.userBanner.mod,
.userBanner .control,
.userBanner .sap,
.userBanner .ga,
.userBanner .sopg,
.userBanner .ssoc,
.userBanner .kur,
.userBanner .zkur,
.userBanner .gta,
.userBanner .tex,
.userBanner .stsil,
.userBanner .saratov,
.userBanner .gs,
.userBanner .pravo,
.userBanner .fsb,
.userBanner .mo,
.userBanner .bol,
.userBanner .smi,
.userBanner .aopg,
.userBanner .bopg,
.userBanner .lopg,
.userBanner .vp,
.userBanner .sa,
.userBanner .adm,
.userBanner .mod,
.control:hover,
.sap:hover,
.ga:hover,
.sopg:hover,
.ssoc:hover,
.kur:hover,
.zkur:hover,
.gta:hover,
.tex:hover,
.stsil:hover,
.saratov:hover,
.gs:hover,
.pravo:hover,
.fsb:hover,
.mo:hover,
.bol:hover,
.smi:hover,
.aopg:hover,
.bopg:hover,
.lopg:hover,
.vp:hover,
.sa:hover,
.adm:hover,
.mod:hover,
.userBanner.control:hover,
.userBanner.sap:hover,
.userBanner.ga:hover,
.userBanner.sopg:hover,
.userBanner.ssoc:hover,
.userBanner.kur:hover,
.userBanner.zkur:hover,
.userBanner.gta:hover,
.userBanner.tex:hover,
.userBanner.stsil:hover,
.userBanner.saratov:hover,
.userBanner.gs:hover,
.userBanner.pravo:hover,
.userBanner.fsb:hover,
.userBanner.mo:hover,
.userBanner.bol:hover,
.userBanner.smi:hover,
.userBanner.aopg:hover,
.userBanner.bopg:hover,
.userBanner.lopg:hover,
.userBanner.vp:hover,
.userBanner.sa:hover,
.userBanner.adm:hover,
.userBanner.mod:hover,
.userBanner.userBanner--staff:hover {
transform: none !important;
transition: none !important;
filter: none !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 1px 2px rgba(0, 0, 0, 0.18) !important
}
@media (min-width:769px) {
.message .message-user .userBannerWrapper,
.message .message-user .userBanners,
.message .message-user .message-userBanners {
display: block !important
}
.message .message-user .userBanner,
.message .message-user .control,
.message .message-user .sap,
.message .message-user .ga,
.message .message-user .sopg,
.message .message-user .ssoc,
.message .message-user .kur,
.message .message-user .zkur,
.message .message-user .gta,
.message .message-user .tex,
.message .message-user .stsil,
.message .message-user .saratov,
.message .message-user .gs,
.message .message-user .pravo,
.message .message-user .fsb,
.message .message-user .mo,
.message .message-user .bol,
.message .message-user .smi,
.message .message-user .aopg,
.message .message-user .bopg,
.message .message-user .lopg,
.message .message-user .vp,
.message .message-user .sa,
.message .message-user .adm,
.message .message-user .mod {
display: block !important;
width: fit-content !important;
max-width: 100% !important;
margin: 0 auto 2px auto !important
}
}
@media (max-width:768px) {
.message .message-user .userBannerWrapper,
.message .message-user .userBanners,
.message .message-user .message-userBanners {
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-start !important;
gap: 2px !important
}
.message .message-user .userBanner,
.message .message-user .control,
.message .message-user .sap,
.message .message-user .ga,
.message .message-user .sopg,
.message .message-user .ssoc,
.message .message-user .kur,
.message .message-user .zkur,
.message .message-user .gta,
.message .message-user .tex,
.message .message-user .stsil,
.message .message-user .saratov,
.message .message-user .gs,
.message .message-user .pravo,
.message .message-user .fsb,
.message .message-user .mo,
.message .message-user .bol,
.message .message-user .smi,
.message .message-user .aopg,
.message .message-user .bopg,
.message .message-user .lopg,
.message .message-user .vp,
.message .message-user .sa,
.message .message-user .adm,
.message .message-user .mod {
display: inline-block !important;
width: auto !important;
max-width: 100% !important;
margin: 0 2px 2px 0 !important
}
.control,
.sap,
.ga,
.sopg,
.ssoc,
.kur,
.zkur,
.gta,
.tex,
.stsil,
.saratov,
.gs,
.pravo,
.fsb,
.mo,
.bol,
.smi,
.aopg,
.bopg,
.lopg,
.vp,
.sa,
.adm,
.mod,
.userBanner.control,
.userBanner.sap,
.userBanner.ga,
.userBanner.sopg,
.userBanner.ssoc,
.userBanner.kur,
.userBanner.zkur,
.userBanner.gta,
.userBanner.tex,
.userBanner.stsil,
.userBanner.saratov,
.userBanner.gs,
.userBanner.pravo,
.userBanner.fsb,
.userBanner.mo,
.userBanner.bol,
.userBanner.smi,
.userBanner.aopg,
.userBanner.bopg,
.userBanner.lopg,
.userBanner.vp,
.userBanner.sa,
.userBanner.adm,
.userBanner.mod,
.userBanner .control,
.userBanner .sap,
.userBanner .ga,
.userBanner .sopg,
.userBanner .ssoc,
.userBanner .kur,
.userBanner .zkur,
.userBanner .gta,
.userBanner .tex,
.userBanner .stsil,
.userBanner .saratov,
.userBanner .gs,
.userBanner .pravo,
.userBanner .fsb,
.userBanner .mo,
.userBanner .bol,
.userBanner .smi,
.userBanner .aopg,
.userBanner .bopg,
.userBanner .lopg,
.userBanner .vp,
.userBanner .sa,
.userBanner .adm,
.userBanner .mod,
.userBanner.userBanner--staff {
font-size: 10.6px !important;
padding: 2px 6px !important;
border-radius: 3px !important
}
}
.control,
.userBanner.control,
.userBanner .control {
color: #111 !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #0ff !important;
border-color: #00b8b8 !important
}
.sap,
.userBanner.sap,
.userBanner .sap {
color: #111 !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #ff54e3 !important;
border-color: #e13ac7 !important
}
.ga,
.userBanner.ga,
.userBanner .ga {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #cc0000 !important;
border-color: #a80000 !important
}
.sopg,
.userBanner.sopg,
.userBanner .sopg {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #000 !important;
border-color: #111111 !important
}
.ssoc,
.userBanner.ssoc,
.userBanner .ssoc {
color: #111 !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #6687ff !important;
border-color: #4b6fe6 !important
}
.kur,
.userBanner.kur,
.userBanner .kur {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #a000a0 !important;
border-color: #820082 !important
}
.zkur,
.userBanner.zkur,
.userBanner .zkur {
color: #111 !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #cb78ff !important;
border-color: #ac58e6 !important
}
.gta,
.userBanner.gta,
.userBanner .gta {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #a64dff !important;
border-color: #8936db !important
}
.tex,
.userBanner.tex,
.userBanner .tex {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #fd4806 !important;
border-color: #d63b00 !important
}
.stsil,
.userBanner.stsil,
.userBanner .stsil {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #1a16f5 !important;
border-color: #1410d6 !important
}
.saratov,
.userBanner.saratov,
.userBanner .saratov {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #d60000 !important;
border-color: #d60000 !important
}
.gs,
.userBanner.gs,
.userBanner .gs {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #438cfa !important;
border-color: #2d73db !important
}
.pravo,
.userBanner.pravo,
.userBanner .pravo {
color: #111 !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #18ff03 !important;
border-color: #11d600 !important
}
.fsb,
.userBanner.fsb,
.userBanner .fsb {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #1100c7 !important;
border-color: #0c009e !important
}
.mo,
.userBanner.mo,
.userBanner .mo {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #6e2f02 !important;
border-color: #552400 !important
}
.bol,
.userBanner.bol,
.userBanner .bol {
color: #111 !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #ff57a8 !important;
border-color: #e23e90 !important
}
.smi,
.userBanner.smi,
.userBanner .smi {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #e54e0e !important;
border-color: #c53f00 !important
}
.aopg,
.userBanner.aopg,
.userBanner .aopg {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #00991a !important;
border-color: #007514 !important
}
.bopg,
.userBanner.bopg,
.userBanner .bopg {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #7a2df7 !important;
border-color: #6120cb !important
}
.lopg,
.userBanner.lopg,
.userBanner .lopg {
color: #111 !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #d19806 !important;
border-color: #af7f00 !important
}
.vp,
.userBanner.vp,
.userBanner .vp {
color: #111 !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #ffca00 !important;
border-color: #e0ac00 !important
}
.sa,
.userBanner.sa,
.userBanner .sa {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #de0707 !important;
border-color: #b80000 !important
}
.adm,
.userBanner.adm,
.userBanner .adm {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #4169e2 !important;
border-color: #2f54c4 !important
}
.mod,
.userBanner.mod,
.userBanner .mod {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #1ac61b !important;
border-color: #139914 !important
}
.userBanner.userBanner--staff {
color: #fff !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
background-color: #171717 !important;
border-color: #303030 !important
}
[data-widget-definition="th_aboutUs"] .block-minorHeader::before,
[data-widget-definition="th_aboutUs"] .block-minorHeader i::before {
color: #ffffff !important
}
[data-widget-definition="th_navigation"] .block-minorHeader::before {
color: #ffffff !important;
opacity: 1 !important;
filter: brightness(2);
-webkit-font-smoothing: antialiased
}
[data-widget-definition="th_userNavigation"] .block-minorHeader::before {
color: #ffffff !important;
opacity: 1 !important;
filter: brightness(2) !important;
-webkit-font-smoothing: antialiased
}
.p-navgroup-link--search {
display: none !important
}
.actionBar-action--stickyPost {
display: none !important
}
Решение
- Авг
- 205
- -22
Пользователь
- Дек
- 722
- 98
Пользователь
- Июн
- 32
- 3
Пользователь
- Авг
- 205
- -22
Пользователь
- Дек
- 722
- 98
Пользователь
- Авг
- 205
- -22
Пользователь
- Дек
- 722
- 98
Пользователь
[допка] на всякий случай https://pawno-help.ru/resources/for...foruma-igrovogo-proekta-br-v-crmp-mobile.600/