P
Phoon
CSS:
.pidor {
background: #fff;
.pidor {
background: #fff;
.pidor {
background: #fff;
.pidor {
background: #fff;
}
Follow along with the video below to see how to install our site as a web app on your home screen.
Примечание: This feature currently requires accessing the site using the built-in Safari browser.
.pidor {
background: #fff;
.pidor {
background: #fff;
.pidor {
background: #fff;
.pidor {
background: #fff;
}
.pidor {
background: #fff;
}
.pidor {
background: #fff;
}
.pidor {
background: #fff;
}
.pidor {
background: #fff;
}
.pidor {
background: #fff;
}
.pidor {
background: #fff;
}
.pidor {
background: #fff;
}
.pidor {
background: #fff;
}
.pidor {
background: #fff;
}
.pidor {
background: #fff;
}
.pidor {
background: #fff;
}
.pidor {
background: #fff;
}
.pidor {
background: #fff;
}
.pidor {
background: #fff;
}
.pidor {
background: #fff;
}
// Status
.message-userDetails {
.message-avatar-offline,
.message-avatar-online {
display: none;
}
}
.message-userExtras {
.fox-status--offline {
color: red;
}
.fox-status--online {
color: #57EF43;
}
}
.banner img { // Выравнивает баннеры 300х60 по центру рядом друг с другом.
float: left;
position: relative;
width: 30%;
margin: 1.66%;
}
//Когда есть реклама ставим значение 0px, когда нету - 125 px
.p-body {
padding-top: 125px;
}
.first-statistics-block .content .item .title a { // Смена цвета ссылок в статистике.
color: #ffffff;
}
.fsp .tabs .tab.is-selected { // Смена цвета полоски разделения тем в статистике.
border-bottom: 1px solid #505459;
}
.accountType-title .priceContainer { // Фикс бага с ценами в разделе "Платное повышение прав".
width: 180px;
}
/* Начало кода Staff BBcodes */
/* Warning */
.warning-title {
font-style: italic;
font-size: 105%;
color: #480b03;
margin: 2px auto 0px auto;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
font-weight: bold;
text-align: left;
padding: 4px;
background-color: #ec9184;
border-width: 1px 1px 0px 4px;
border-color: #a53323;
border-style: solid;
}
.warning-title:before {
content: "\f071";
display: inline-block;
color: #480b03;
font-family: FontAwesome;
text-align: left;
padding-right: 7px;
}
.warning-text {
padding: 4px;
background: #dec9c6;
border-width: 0px 1px 1px 4px;
border-color: #a53323;
border-style: solid;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin: 0px auto 8px auto;
}
/* Help */
.help-title {
font-style: italic;
font-size: 105%;
color: #d1efbe;
margin: 2px auto 0px auto;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
font-weight: bold;
text-align: left;
padding: 4px;
background-color: #669c44;
border-width: 1px 1px 0px 4px;
border-color: #286503;
border-style: solid;
}
.help-title:before {
content: "\f059";
display: inline-block;
color: #d1efbe;
text-align: left;
font-family: FontAwesome;
padding-right: 7px;
}
.help-text {
padding: 4px;
background: #a9de88;
border-width: 0px 1px 1px 4px;
border-color: #286503;
border-style: solid;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin: 0px auto 8px auto;
}
/* Important */
.important-title {
font-style: italic;
font-size: 105%;
color: #2f2e04;
margin: 2px auto 0px auto;
text-align: left;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
font-weight: bold;
padding: 4px;
background-color: #ccc960;
border-width: 1px 1px 0px 4px;
border-color: #716f22;
border-style: solid;
}
.important-title:before {
content: "\f08d";
display: inline-block;
color: #2f2e04;
text-align: left;
font-family: FontAwesome;
padding-right: 7px;
}
.important-text {
padding: 4px;
background: #f3f19f;
border-width: 0px 1px 1px 4px;
border-color: #716f22;
border-style: solid;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin: 0px auto 8px auto;
}
/* Information */
.info-title {
font-style: italic;
font-size: 105%;
color: #262384;
margin: 2px auto 0px auto;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
font-weight: bold;
text-align: left;
padding: 4px;
background-color: #94b4d4;
border-width: 1px 1px 0px 4px;
border-color: #638c9c;
border-style: solid;
}
.info-title:before {
content: "\f05a";
display: inline-block;
color: #262384;
text-align: left;
font-family: FontAwesome;
padding-right: 7px;
}
.info-text {
padding: 4px;
background: #c0d9f1;
border-width: 0px 1px 1px 4px;
border-color: #638c9c;
border-style: solid;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin: 0px auto 8px auto;
}
/* Конец кода Staff BBcodes */
.message-userExtras { // Приводим постбит к виду как на YH
.pairs{
// padding: 5px;
margin: 2px 0 0;
// background: #101010;
}
}
/* Панель пользователя визитера */
.visitor-panel-new {
background: @xf-contentBg;
position: relative;
padding: 0;
margin-bottom: 20px;
.visitor {
text-align: center;
.vpn-header {
width: 100%;
height: 100px;
background: @xf-paletteColor4;
}
.avatar {
width: 150px;
height: 150px;
margin-top: -90px;
border: 8px solid @xf-contentBg;
border-radius: 50%;
font-size: 100px;
line-height: 1.35;
}
div {
&:nth-of-type(1) {
margin-bottom: 10px;
}
}
.button-prem {
font-size: .8em;
font-weight: 500;
text-transform: uppercase;
padding: 10px 0;
margin: 10px 20px 0;
border: 2px solid @xf-paletteColor4;
&:hover {
border-color: @xf-textColorAttention;
transition: .3s ease-out;
span {
&:nth-of-type(1) {
font-size: 0;
opacity: 0;
transition: .3s ease-out;
}
&:nth-of-type(2) {
font-size: inherit;
opacity: 1;
transition: .3s ease-out;
}
}
}
a {
&:hover {
text-decoration: none;
color: @xf-textColorAttention;
}
}
span {
&:nth-of-type(2) {
font-size: 0;
opacity: 0;
transition: .3s ease-out;
}
&:nth-of-type(1) {
font-size: inherit;
opacity: 1;
transition: .3s ease-out;
}
}
}
}
.stats {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
background: @xf-paletteColor4;
color: contrast(@xf-paletteColor4);
margin-top: 10px;
.column {
flex-basis: calc(100% / 3);
order: 1;
font-size: .85em;
text-align: center;
padding: 5px;
margin: 5px 0;
border-left: 1px solid @xf-paletteColor5;
&:nth-of-type(1) {
border: none;
}
div {
&:nth-of-type(2) {
font-size: 1.1em;
font-weight: 500;
}
}
}
}
}
/* Красивый Scroll */
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: #e1e1e1;
border: 0px none #ffffff;
border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
background: #000000;
}
::-webkit-scrollbar-track {
background: #666666;
border: 0px none #ffffff;
border-radius: 0px;
}
/* Красивый Scroll */
/* Больше вывод тем, добавление Scroll */
.forumStats-main .block-container,
.js-forumStatsSidebar {
height: 293px;
overflow-y: auto;
overflow-x: hidden;
/* Больше вывод тем, добавление Scroll */
}
//Меняем бекграунд статы
.fsp .tabGroup {
background: #383c42;
border-style: none;
color: #d2d7dc;
}
//Префикс проверено
.prefix.proverno {
color: #00ff16;
text-shadow: 0px 0px 5px;
}
//Префикс на проверке
.prefix.proverka {
color: #00c4ff;
text-shadow: 0px 0px 5px #0096c3;
}
//Префикс важно
.Prefix.Vashno {
color: red;
text-shadow: 0px 0px 5px;
}
//Префикс кидок
.kidok {
background: rgb(168, 35, 35);
color: rgb(214, 214, 214);
padding: 0px 8px;
border-radius: 2px;
display: inline-block;
}
//Префикс магазин
.shop_pref {
background: #276d3a;
border-radius: 3px;
display: inline-block;
padding: 0 8px;
color: rgb(214, 214, 214);
}
//Префикс ориджин
span.pref_origin {
color: #ff8f00;
}
//Префикс стима
span.pref_steam {
color: #899fc1;
text-shadow: 0px 0px 3px #0851ff;
}
//Префикс юплея
span.pref_uplay {
color: #00ff66;
}
//Добавляем иконки в staffbar
.p-staffBar [data-xf-click="menu"]:before{font-family:FontAwesome;content:"\f056";padding-right:5px; font-size: 15px}
.p-staffBar [class="p-staffBar-link"]:before{font-family:FontAwesome;content:"\f085";padding-right:5px; font-size: 15px}
//Вид стандартных баннеров
.bbCodeCode {
background: #272822;
color: #ccc;
padding: 15px;
margin: -5px -10px;
.prism-token {
&.prism-comment,
&.prism-prolog,
&.prism-doctype,
&.prism-cdata {
color: slategray;
}
&.prism-punctuation {
color: #f8f8f2;
}
.namespace {
opacity: .7;
}
&.prism-property,
&.prism-tag,
&.prism-constant,
&.prism-symbol,
&.prism-deleted {
color: #f92672;
}
&.prism-boolean,
&.prism-number {
color: #ae81ff;
}
&.prism-selector,
&.prism-attr-name,
&.prism-string,
&.prism-char,
&.prism-builtin,
&.prism-inserted {
color: #a6e22e;
}
&.prism-operator,
&.prism-entity,
&.prism-url,
.language-css &.prism-string,
.style &.prism-string,
&.prism-variable {
color: #f8f8f2;
}
&.prism-atrule,
&.prism-attr-value,
&.prism-function {
color: #e6db74;
}
&.prism-keyword {
color: #66d9ef;
}
&.prism-regex,
&.prism-important {
color: #fd971f;
}
&.prism-important,
&.prism-bold {
font-weight: bold;
}
&.prism-italic {
font-style: italic;
}
&.prism-entity {
cursor: help;
}
}
}
.message-cell.message-cell--user {
flex: 0 0 221px;
}
//Убираем описание определенного пользователя в сообщениях (Фича как на лолзе)
[data-author="phoon"] .message-userExtras {
display: none;
}
[data-author="Gidroponika"] .message-userExtras {
display: none;
}
[data-author="RASHER"] .message-userExtras {
display: none;
}
[data-author="Traven"] .message-userExtras {
display: none;
}
//Красивая причина бана в профиле. самопис от пхуна
.blockMessage .blockMessage--error {
background: #383c42 !important;
color: rgb(214, 214, 214) !important;
}
.block-rowMessage.block-rowMessage--warning {
border-left: 0px solid #dcda54 !important;
background: none !important;
color: rgb(214, 214, 214) !important;
}
.errorHeading {
font-size: 18px !important;
color: rgb(255, 62, 62) !important;
}
.blockMessage {
background: #6b1c1c !important;
box-shadow: none !important;
color: #fff !important;
}
//
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
font-family: FontAwesome;
content: "\f090";
color: #E6BB5C;
padding-right: 5px;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
font-family: FontAwesome;
content: "\f084";
color: #E6BB5C;
padding-right: 5px;
}
.p-navgroup {
background: transparent;
&-linkText {
--alerts &,
--search &,
--conversations & {
.p-navgroup-link& {
display: none;
}
}
}
&.p-discovery {
margin: 0;
}
}
.titleBarIcon.closedIcon {
color: #cb4040;
}
.titleBarIcon {
margin-left: 10px;
}
//Добавляет тултипы
[tooltip] {
position: relative;
}
[tooltip]::before,
[tooltip]::after {
text-transform: none; /* opinion 2 */
font-size: .9em; /* opinion 3 */
line-height: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
position: absolute;
display: none;
opacity: 0;
}
[tooltip]::before {
content: '';
border: 5px solid transparent; /* opinion 4 */
z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
content: attr(tooltip);
text-align: center;
min-width: 3em;
max-width: 21em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 1ch 1.5ch;
border-radius: .3ch;
box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
background: #333;
color: #fff;
z-index: 1000;
}
[tooltip]:hover::before,
[tooltip]:hover::after {
display: block;
}
[tooltip='']::before,
[tooltip='']::after {
display: none !important;
}
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
bottom: 100%;
border-bottom-width: 0;
border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
left: 50%;
-webkit-transform: translate(-50%, -.5em);
transform: translate(-50%, -.5em);
}
[tooltip][flow^="down"]::before {
top: 100%;
border-top-width: 0;
border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
left: 50%;
-webkit-transform: translate(-50%, .5em);
transform: translate(-50%, .5em);
}
[tooltip][flow^="left"]::before {
top: 50%;
border-right-width: 0;
border-left-color: #333;
left: calc(0em - 5px);
-webkit-transform: translate(-.5em, -50%);
transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
top: 50%;
right: calc(100% + 5px);
-webkit-transform: translate(-.5em, -50%);
transform: translate(-.5em, -50%);
}
[tooltip][flow^="right"]::before {
top: 50%;
border-left-width: 0;
border-right-color: #333;
right: calc(0em - 5px);
-webkit-transform: translate(.5em, -50%);
transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
top: 50%;
left: calc(100% + 5px);
-webkit-transform: translate(.5em, -50%);
transform: translate(.5em, -50%);
}
@-webkit-keyframes tooltips-vert {
to {
opacity: .9;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@keyframes tooltips-vert {
to {
opacity: .9;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
@-webkit-keyframes tooltips-horz {
to {
opacity: .9;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
@keyframes tooltips-horz {
to {
opacity: .9;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
-webkit-animation: tooltips-vert 300ms ease-out forwards;
animation: tooltips-vert 300ms ease-out forwards;
}
[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
-webkit-animation: tooltips-horz 300ms ease-out forwards;
animation: tooltips-horz 300ms ease-out forwards;
}
//Отображение подфорумов в адаптивном дизайне 2
@media (max-width: 650px){
.node-description, .node-stats, .node-subNodesFlat {
display: block;
}
.node .node-stats {
display: none;
}
}
.userBanner.arbitr {
background: rgb(255, 154, 252);
color: #383838;
}
//Прозрачный фон при просмотре изображений
.lg-backdrop {
background-color: fade(#000, 15%);
}
.fsp {
max-height: 400px;
height: 400px;
padding: 0 3px;
}
.first-statistics-block .content .item {
margin-top: 0px;
padding: 1px;
margin-right: 5px;
font-size: 14px;
}
.fsp .tabGroup-content {
max-height: 400px;
height: 400px;
}
// background: rgba(44,44,44,0.8)
.p-body-inner {
background: none;
}
.template-forum_list .block-header {
padding: 12px 20px;
font-weight: 600;
font-size: 18px;
color: #d6d6d6;
background: #202021;
}
.block-container {
color: #b4b4b4;
background: rgba(32,32,32,0.7);
border-width: 0;
border-style: solid;
border-top-color: #3b3b3b;
border-right-color: #424242;
border-bottom-color: #4f4f4f;
border-left-color: #424242;
border-radius: 2px;
-webkit-transition: all .25s ease;
transition: all .25s ease;
-webkit-transition-property: border margin;
transition-property: border margin;
}
.node--unread .node-icon i::before {
opacity: 1;
color: #409b6b;
text-shadow: 1px 1px 0.5px rgba(230,244,237,0.5);
}
.node-icon i::before {
color: #ddd;
text-shadow: 1px 1px 0.5px rgba(255,255,255,0.5);
}
a:hover {
color: #fcfcfc;
text-decoration: underline;
}
a {
color: #d6d6d6;
text-decoration: none;
}
.first-statistics-block .content .item {
border-bottom: 1px solid #2c2c2c;
}
.fsp .tabGroup {
color: #d6d6d6;
background: #262626;
border-width: 1px;
border-style: solid;
border-top-color: #2d2d2d;
border-right-color: #2c2c2c;
border-bottom-color: #2d2d2d;
border-left-color: #2c2c2c;
}
.fsp .tabs .tab.is-selected {
color: #2d936c;
border-bottom: 2px solid #2d936c;
}
.fsp .tabs .tab.is-selected:hover {
color: #d6d6d6;
}
.first-statistics-block .tab-list a.refresh-button {
color: #fff;
}
.first-statistics-block .content .item.is-sticked .title::before {
color: #bc2e2e;
}
.fsp .tabGroup .item {
border-bottom: 1px solid #2d2d2d;
margin-top: 0px;
}
.fsp .tabs--list {
color: #d6d6d6;
}
.fsp .tabGroup--threads .tabGroup-content span {
display: absolute!important;
}
.fsp .tabs :not(.is-selected).tab:hover {
border-bottom: 1px solid #2d2d2d;
}
.p-nav-inner {
padding-top: 0px;
padding-bottom: 0px;
}
.p-sectionLinks {
display: none;
}
.p-pageWrapper .p-nav {
box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.3);
border: none;
}
.p-nav {
color: #f0f0f0;
background: #202021;
}
.p-staffBar {
color: #f0f0f0;
background: #202021;
font-size: 14px;
}
.p-nav-list :not(.is-selected):not(.is-menuOpen).p-navEl:hover, .p-nav-list :not(.is-selected):not(.is-menuOpen).p-navEl .p-navEl-link:hover, .p-nav-list :not(.is-selected):not(.is-menuOpen).p-navEl .p-navEl-splitTrigger:hover {
background: none;
}
.p-nav-list .p-navEl.is-selected {
background: none;
}
.p-pageWrapper .p-nav .p-nav-list > li :not(.is-selected):not(.is-menuOpen).p-navEl:hover, .p-pageWrapper .p-nav .p-nav-list > li :not(.is-selected):not(.is-menuOpen).p-navEl .p-navEl-link:hover, .p-pageWrapper .p-nav .p-nav-list > li :not(.is-selected):not(.is-menuOpen).p-navEl .p-navEl-splitTrigger:hover {
background: inherit;
color: inherit;
}
.menu-content {
color: #d6d6d6;
background: #262626;
border-radius: 2px;
border-top: 2px solid #2d936c;
}
.menu-linkRow:hover {
border-left-color: rgba(45, 147, 108, 0.8);
border-left-width: 2px;
}
.menu-linkRow.is-selected, .menu-linkRow:hover, .menu-linkRow:focus {
color: #fcfcfc;
background: #232323;
border-left-color: rgba(45, 147, 108, 0.5);
}
.menu-linkRow {
color: #d6d6d6;
}
.p-nav-list .p-navEl.is-menuOpen {
background: none;
box-shadow: none;
}
.visitor-panel-new .visitor .vpn-header {
background: #262626;
}
.visitor-panel-new .stats {
margin-top: 10px;
}
.visitor-panel-new .visitor .avatar {
border: 0px solid #dfdfdf;
}
.visitor-panel-new .visitor {
background: #262626;
}
.contentRow-figure {
background: #262626;
}
.visitor-panel-new .stats {
margin-top: 0px;
background: #262626;
}
.block-header {
padding: 5px;
border-top: 0px solid #34495e;
}
.template-forum_list {
padding: 0px;
}
.siropuChatMessageText {
color: #b4b4b4;
}
.siropuChatDateTime {
color: #b4b4b4;
background: none;
}
#siropuChatEditor .fr-wrapper {
border-style: none;
background: #252525;
}
#siropuChatEditor form button[type='submit'] {
color: #ececec;
background: #2d936c;
min-width: 80px;
border: none;
border-color: #277f5e #33a77a #33a77a #277f5e;
}
#siropuChatEditor {
border-top: 1px solid #b4b4b4;
}
.fr-separator {
background: none !important;
}
[data-position='aboveEditor'].siropuChatAds {
border-top: 1px solid #b4b4b4;
}
.node+.node {
border-top: 1px solid #2c2c2c;
}
.node-footer {
background: none;
}
.block-header {
border-bottom: 1px solid #2c2c2c;
}
.block-container {
color: #b4b4b4;
border-width: 0;
border-style: solid;
border-top-color: #3b3b3b;
border-right-color: #424242;
border-bottom-color: #4f4f4f;
border-left-color: #424242;
border-radius: 2px;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.p-body-sidebar .block .block-container {
border-top: 0px solid #0072bc;
background: rgba(32,32,32,0.7);
}
.block-minorHeader {
padding: 6px 10px;
margin: 0;
font-weight: 400;
text-decoration: none;
font-size: 17px;
}
.p-body-sidebar .block-minorHeader {
font-size: 13px;
color: #2d936c;
background: none;
border-bottom: 0px solid #dfdfdf;
}
.block-minorHeader a {
color: inherit;
text-decoration: none;
}
.p-navEl-link, .block-header a, .block-minorHeader a, .block-minorHeader a, .p-navgroup-link {
font-weight: 400;
}
.block-footer {
padding: 6px 10px;
font-size: 12px;
color: #bcbcbc;
background: #262626;
border-top: 0px solid #d7d7d7;
}
.totalContainer {
background: none;
}
.pairs>dt {
color: #8c8c8c;
}
.node-extra-row {
color: #8c8c8c;
}
#siropuChatNotice {
color: #b4b4b4;
}
.menu-row.menu-row--highlighted {
color: #ececec;
background: #232323;
}
.contentRow-minor {
color: #8c8c8c;
}
.menu-separator {
border-top: 1px solid #2d2d2d;
}
.menu-header {
color: #ececec;
background: #202021;
border-bottom: 1px solid #2d2d2d;
}
.menu-row.menu-row--clickable:hover {
background: none;
}
.menu-footer {
color: #bcbcbc;
background: #202021;
border-top: 1px solid #2d2d2d;
}
.menu-row.menu-row--separated + .menu-row {
border-top: 0px solid #d7d7d7;
}
.p-footer-copyright {
margin-top: 75px;
}
.subNodeLink.subNodeLink--forum::before, .subNodeLink.subNodeLink--category::before {
content: none;
}
.p-title-value {
color: #fff;
}
.p-breadcrumbs {
font-size: 12px;
background-color: #262626;
border-radius: 2px;
overflow: hidden;
max-width: 100%;
padding: 5px 10px;
border: 0px solid #d7d7d7;
}
.p-description {
margin: 5px 0 0;
padding: 0;
font-size: 12px;
color: #8c8c8c;
}
.block--messages .message, .block--messages .block-row {
color: #ececec;
background: #262626;
border-width: 1px;
border-style: solid;
border-top-color: #2d2d2d;
border-right-color: #2c2c2c;
border-bottom-color: #2d2d2d;
border-left-color: #2c2c2c;
border-radius: 4px;
}
.message-attribution {
color: #8c8c8c;
font-size: 12px;
padding-bottom: 3px;
border-bottom: 1px solid #2c2c2c;
}
.HideBlock-title {
padding: 6px 10px!important;
font-size: 12px!important;
color: #299c70!important;
background: #212121!important;
}
.HideBlock-content {
background: #212121!important;
}
.HideItem {
color: #299c70!important;
}
.message-cell.message-cell--user, .message-cell.message-cell--action {
position: relative;
background: #262626;
border-right: 1px solid #2c2c2c;
}
.message-cell .messageNotice {
background-color: #27ae60;
color: #fff;
}
.likesBar {
background: #262626;
border: 1px solid #2d2d2d;
border-left: 2px solid #2d936c;
}
.HideBlock {
border: 0px solid #d7d7d7;
border-left: 0px solid #0072bc;
}
.message-signature {
color: #8c8c8c;
border-top: 1px solid #2d2d2d;
}
.bbCodeBlock-title {
padding: 6px 10px!important;
font-size: 12px!important;
color: #299c70!important;
background: #212121!important;
}
.bbCodeBlock-content {
background: #1d1d1d;
border-top: solid 1px #3e3e3e;
}
.bbCodeBlock {
background: #262626;
border: 1px solid #2d2d2d;
border-left: 2px solid #299c70;
}
.fr-toolbar {
color: #ececec !important;
background: #262626 !important;
position: relative;
z-index: 4;
font-family: 'Segoe UI','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 0 1px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-align: left;
border: 1px solid #2d2d2d !important;
border-top: 2px solid #2d936c !important;
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.2;
}
.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn .fr-command.fr-btn, .fr-popup .fr-command.fr-btn {
color: #bcbcbc !important;
}
.fr-command.fr-btn, .fr-popup .fr-command.fr-btn .fr-command:hover, .fr-desktop .fr-command:focus {
color: #ececec;
background: rgba(236,236,236,0.06);
}
.fr-box.fr-basic .fr-wrapper {
background: #232323 !important;
border: 1px solid #2d2d2d !important;
}
.fr-box.fr-basic .fr-element {
color: #ececec !important;
padding: 10px !important;
}
.button.button--link, a.button.button--link {
background: #262626;
color: #ececec;
border-color: #1f1f1f #393939 #393939 #1f1f1f;
}
.button.button--link, a.button.button--link {
color: #d1d1d1;
border-right: 1px solid #2d2d2d;
}
.button:not(.button--splitTrigger):hover, a.button:not(.button--splitTrigger):hover, .button.button--splitTrigger>.button-text:hover, a.button.button--splitTrigger>.button-text:hover, .button.button--splitTrigger>.button-menu:hover, a.button.button--splitTrigger>.button-menu:hover, .button:not(.button--splitTrigger):focus, a.button:not(.button--splitTrigger):focus, .button.button--splitTrigger>.button-text:focus, a.button.button--splitTrigger>.button-text:focus, .button.button--splitTrigger>.button-menu:focus, a.button.button--splitTrigger>.button-menu:focus, .button:not(.button--splitTrigger):active, a.button:not(.button--splitTrigger):active, .button.button--splitTrigger>.button-text:active, a.button.button--splitTrigger>.button-text:active, .button.button--splitTrigger>.button-menu:active, a.button.button--splitTrigger>.button-menu:active {
background-color: #333 !important;
}
.button.button--primary, a.button.button--primary {
color: #ececec;
background: #2d936c;
min-width: 80px;
border: none;
border-color: #277f5e #33a77a #33a77a #277f5e;
}
.button, a.button {
display: inline-block;
text-decoration: none;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
-webkit-transition: background-color .25s ease;
transition: background-color .25s ease;
font-size: 12px;
color: #454545;
border-radius: 4px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
text-align: center;
color: #ececec;
background: #454545;
border: none;
border-color: #383838 #525252 #525252 #383838;
}
.vnnet.button--link.button {
background-color: #333!important;
color: #fff;
}
.userBanner.userBanner--staff {
color: #ececec;
background: #ae3a42;
border: none;
padding: 6px;
border-radius: 3px;
margin: 8px 0;
font-size: 13px;
display: none;
}
#siropuChatEditor {
border-bottom: 0px solid #dfdfdf !important;
}
#siropuChatNotice {
border-bottom: 0px solid #dfdfdf !important;
}
.message.is-mod-selected, .block--messages .message.is-mod-selected {
background-color: #333 !important;
}
.menu-row.menu-row--alt {
color: #d6d6d6 !important;
background: none !important;
}
.input {
font-size: 14px;
color: #ececec;
background: #232323;
border-width: 1px;
border-style: solid;
border-top-color: #2d2d2d;
border-right-color: #2d2d2d;
border-bottom-color: #2d2d2d;
border-left-color: #2d2d2d;
border-radius: 4px;
padding: 6px;
display: block;
width: 100%;
line-height: 1.4;
text-align: left;
word-wrap: break-word;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.inputGroup.inputGroup--joined .input+.inputGroup-text, .inputGroup.inputGroup--joined .input+.input, .inputGroup.inputGroup--joined .inputGroup-text+.input {
border-left: 1px solid #2d2d2d;
}
.memberTooltip-header {
background: #1f1f1f !important;
border-bottom: 1px solid #2d2d2d !important;
}
.tooltip--member .tooltip-content {
color: #ececec;
background: #262626;
border: 1px solid #2c2c2c;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);
}
.formRow .formRow-explain {
margin: 6px 0 0;
font-size: 12px;
color: #8c8c8c;
}
.formRow>dt {
border-right: 1px solid transparent;
background: #262626;
border-color: #2d2d2d;
}
.formSubmitRow-bar {
background: #1f1f1f;
border-top: 1px solid #2d2d2d;
}
.blockLink.is-selected {
font-weight: 700;
background: #1f1f1f;
border-left: 2px solid #2d936c;
padding-left: 8px;
}
.blockLink:hover {
background: #1f1f1f;
text-decoration: inherit;
}
.block-body+.block-minorHeader {
border-top: 1px solid #2d2d2d;
}
.block-minorHeader {
color: #2d936c;
}
.block-header {
color: #ececec;
background: #202021 !important;
border-bottom: 1px solid #2c2c2c;
}
.inputChoices-explain {
font-size: 12px;
color: #8c8c8c;
}
.block-formSectionHeader {
color: #d1d1d1;
border-top: 1px solid #2c2c2c;
border-bottom: 1px solid #2c2c2c;
}
.formRowSep {
border-top: 0px solid #dfdfdf;
}
.memberHeader-main {
background: #1f1f1f;
border-bottom: 1px solid #2d2d2d;
}
.memberHeader-separator {
border-top: 1px solid #2d2d2d;
}
.block-tabHeader {
padding: 0;
margin: 0;
font-weight: 400;
color: #fff;
background: #262626;
border-bottom: 1px solid #2d2d2d;
font-size: 0;
}
.block-tabHeader .tabs-tab.is-active {
color: #2d936c;
border-color: #2d936c;
}
.block-tabHeader .tabs-tab:hover {
color: #2d936c;
background: rgba(45,147,108,0.1);
}
.message-responseRow {
background: none;
border: 0px solid #d7d7d7;
}
.memberOverviewBlock-seeMore {
background: #262626;
border: 1px solid #2d2d2d;
}
.contentRow-extra.contentRow-extra--largest {
color: #8c8c8c;
}
.block-row.block-row--separated+.block-row {
border-top: 1px solid #2d2d2d;
}
.block-textHeader {
font-weight: 400;
font-size: 17px;
color: #2d936c;
}
.block-textHeader a {
color: inherit;
}
.contentRow-extra.contentRow-extra--large {
color: #8c8c8c;
}
.overlay-title {
color: #ececec;
background: #1f1f1f;
background: linear-gradient(0deg, #1f1f1f, #232323);
border-bottom: 0px solid #d7d7d7;
}
.structItem-minor a {
color: #d6d6d6;
text-decoration: none;
}
.tabs--standalone {
font-weight: 400;
border-top-color: #2d2d2d;
border-right-color: #2c2c2c;
border-bottom-color: #2d2d2d;
border-left-color: #2c2c2c;
font-size: 14px;
color: #ececec;
background: #262626;
font-size: 0;
}
.structItem {
border-top: 1px solid #2c2c2c;
}
.tabs--standalone .tabs-tab.is-active {
color: #2d936c;
border-color: #2d936c;
}
.tabs--standalone .tabs-tab:hover {
color: #2d936c;
}
.pageNav-page.pageNav-page--current {
background: #202021;
color: #1e9567;
border: 1px solid #1e5842;
}
.pageNav-page {
background: linear-gradient(0deg, #1f1f1f, #242424);
color: #ececec;
border-width: 1px;
border-style: solid;
border-top-color: #2d2d2d;
border-right-color: #2c2c2c;
border-bottom-color: #2d2d2d;
border-left-color: #2c2c2c;
font-size: 12px;
}
.pageNav-page.pageNav-page--current+.pageNav-page {
border-left: none;
}
.pageNav-page:hover, .pageNav-page:active {
background: #282829;
}
:not(:first-child).pageNav-page {
border-left-color: none !important;
}
.pageNav-jump {
background: linear-gradient(0deg, #1f1f1f, #242424) !important;
color: #ececec;
}
.pageNav-jump:hover, .pageNav-jump:active {
background: #272727;
text-decoration: none;
}
.block-container {
color: #b4b4b4;
background: rgba(32,32,32,0.7);
border-width: 0;
border-style: solid;
border-top-color: #3b3b3b;
border-right-color: #424242;
border-bottom-color: #4f4f4f;
border-left-color: #424242;
border-radius: 2px;
-webkit-transition: all .25s ease;
transition: all .25s ease;
-webkit-transition-property: border margin;
transition-property: border margin;
}
.input:focus, .input.is-focused {
outline: 0;
background: #1f1f1f;
}
.blockStatus {
color: #ececec;
background: #262626;
border-width: 1px;
border-style: solid;
border-top-color: #2d2d2d;
border-right-color: #2c2c2c;
border-bottom-color: #2d2d2d;
border-left-color: #2c2c2c;
border-left: 2px solid #299c70;
border-radius: 4px;
margin: 0;
padding: 6px 0;
font-size: 12px;
}
.inputGroup.inputGroup--joined .inputGroup-text {
border-width: 1px;
border-style: solid;
border-top-color: #2d2d2d;
border-right-color: #2d2d2d;
border-bottom-color: #2d2d2d;
border-left-color: #2d2d2d;
background: #1f1f1f;
text-align: center;
padding: 3px 6px;
}
.block-filterBar {
padding: 6px 10px;
font-size: 12px;
color: #ececec;
background: #1f1f1f;
border-bottom: 1px solid #2d2d2d;
background: linear-gradient(0deg, #1f1f1f, #232323);
}
.structItem-minor {
color: #8c8c8c;
}
/*@media all and (max-width:480px)*/
.siropuChatMessages > li {
border-bottom: 0px solid #eee;
}
.dataList-cell {
border-bottom: 0px solid #d0d0d0;
}
.block-filterBar .filterBar-filterToggle:hover, .block-filterBar .filterBar-menuTrigger:hover {
background: none;
}
.dataList-row.dataList-row--header .dataList-cell {
background: none;
border-bottom: 0px solid #ececec;
}
/*@media all and (max-width:900px)*/
.first-statistics-block.thread {
width: 100%;
display: block !important;
}
.bbCodeBlock-expandLink {
display: none;
position: absolute;
top: 87px;
left: 0;
right: 0;
height: 75px;
cursor: pointer;
background: transparent;
background: linear-gradient(to bottom, rgba(38,38,38,0) 0%, #262626 80%);
}
.bbCodeBlock-expandLink a {
font-size: 12px;
color: #299c70;
text-decoration: none;
}
.block-row.block-row--alt {
color: #d6d6d6;
background: none;
}
.structItem-pageJump a {
background: none;
}
.block-row.block-row--clickable:hover {
background: none;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
background: #262626 !important;
border: 1px solid #262626;
}
.p-nav-smallLogo {
display: block!important;
}
.formRow + .formInfoRow {
border-top: 1px solid #2d2d2d;
}
.formInfoRow + .formRow {
border-top: 1px solid #2d2d2d;
}
.fr-view.fr-element.fr-disabled {
color: #000;
background: none;
}
.block-header .block-desc {
color: #b4b4b4;
}
.block-outer {
background: #262626;
color: #b4b4b4;
}
.blocks-textJoiner {
background: #262626;
color: #b4b4b4;
}
.formRow > dd {
background: #262626;
}
.memberTooltip-separator {
border-top: 1px solid #2d2d2d!important;
}
.block--messages .message .thpostcomments_commentsContainer {
border-top: 1px solid #2d2d2d;
}
.formRow.formRow--fullWidth + .formRow, .formRow + .formRow.formRow--fullWidth, .formRow.formRow--fullWidth + * > :first-of-type.formRow, .formRow + * > :first-of-type.formRow.formRow--fullWidth {
border-top: 1px solid #2d2d2d;
}
.block-row.block-row--highlighted {
color: #ecdfb7;
background: #202021;
}
.block-body {
background: #262626;
}
.button.primary {
color: #f5f5f5;
background-color: rgb(34,142,93);
}
.textCtrl {
font-size: 13px;
color: rgb(214, 214, 214);
background-color: rgb(48, 48, 48);
padding: 0 10px;
border: 1px solid rgb(54,54,54);
border-radius: 1px;
line-height: 30px;
outline: none;
box-sizing: border-box;
height: 30px;
}
.button {
font-size: 13px;
color: rgb(214, 214, 214);
font-weight: 600;
}
.bootstrap-filestyle {
margin: 10px 0;
}
.attachment {
background: #333;
border: 0px solid #8c8c8c;
}
.attachment-details {
color: #8c8c8c;
}
.structItem-parts > li:nth-child(2n) {
color: #8c8c8c!important;
}
.donationDrives .donationDriveWrapper .driveInfoWrapper .driveInfo .driveInfoBlock {
border: 0px solid #d7d7d7;
background: none;
}
input {
color: #b4b4b4;
}
.overlay-title {
border-bottom: 0px solid #d7d7d7!important;
}
.select2-results__options {
color: #b4b4b4!important;
background: linear-gradient(0deg, #1f1f1f, #232323)!important;
}
.select2 .select2-selection ul > li.select2-selection__choice {
color: #b4b4b4!important;
background: none!important;
border: 0px solid #dfdfdf!important;
}
.select2-results__option.select2-results__option--highlighted {
background: none!important;
cursor: pointer;
}
.tagItem {
color: #b4b4b4;
background: none;
border: 0px solid #dfdfdf;
}
.tagItem:hover {
color: #b4b4b4;
background-color: #333;
}
.structItem.is-mod-selected {
background: #333;
}
.structItem.is-highlighted, .structItem.is-moderated {
background: none;
}
.u-muted {
color: #b4b4b4!important;
}
.block-separator {
border-top: 1px solid #2d2d2d;
}
.tooltip--preview .tooltip-content {
color: #b4b4b4;
background: #333;
border: 1px solid #2d2d2d;
}
.tooltip--preview .tooltip-content-inner .tooltip-content-cover {
background: none;
}
html {
color: #b4b4b4;
}
.pollResult-voters {
background: #333!important;
}
.pollResult.pollResult--showVoters:hover {
background: #333!important;
}
:not(.dataList-row--noHover):not(.dataList-row--header).dataList-row:hover {
background: #333!important;
}
.userBanner {
padding: 0px 0px;
cursor: pointer;
}
.userBanner {
line-height: 23px;
color: #f5f5f5;
}
.fsp .tabs--scroller .hScroller-action {
color: #2d936c;
}
.hScroller-action.hScroller-action--start {
background: linear-gradient(to right, #222 66%, rgba(38,38,38,0) 100%);
}
.fsp .tabs--list {
font-size: 13px;
}
.fsp .tabs--list {
margin-bottom: 5px;
color: #2d936c;
min-height: 30px;
width: 100%;
}
.message-userArrow {
border-right-color: #303030;
}
.message-userArrow:after {
border-right-color: #262626;
}
.siropuShoutboxShouts > li time {
color:#8c8c8c;
}
.donate-progressBarContainer {
background: #333;
}
.message {
&--conversationMessage {
.message-signature {
display: none;
}
}
}
/*@media all and (max-width:650px)*/
:not(.message--forceColumns).message .message-cell.message-cell--user {
border-bottom: 1px solid #2c2c2c;
}
.message:not(.message--forceColumns) .message-userArrow {
border-bottom-color: #2c2c2c;
}
.message:not(.message--forceColumns) .message-userArrow:after {
top: auto;
right: auto;
left: -9px;
bottom: -10px;
border: none;
border: 9px solid transparent;
border-top-width: 0;
border-bottom-color: #262626;
}
.template-thread_view .message:not(.message--forceColumns) .message-name, .template-conversation_view .message:not(.message--forceColumns) .message-name {
text-align: center;
}
.message:not(.message--deleted) .message-cell--user .avatar.avatar--o {
font-size: 28.8px;
}
.template-thread_view .message:not(.message--forceColumns) .message-userBanner.userBanner, .template-conversation_view .message:not(.message--forceColumns) .message-userBanner.userBanner {
margin-top: 4px;
display: block;
text-align: center;
}
.offCanvasMenu--nav .offCanvasMenu-content {
color: #fff;
background: #202021;
border-top: 2px solid #2d936c;
}
.offCanvasMenu--nav .offCanvasMenu-linkHolder.is-selected {
background: none;
}
.userBanner {
min-width: 150px;
}
.comment-actionBar .actionBar-set {
color: #8c8c8c;
}
.message-lastEdit {
color: #8c8c8c;
}
.node-body:hover {
background: #232323;
}
.fsp .tabGroup .item {
padding: 1px;
}
.block-chat-statistic .fsp .tabGroup.tabGroup--threads .tabGroup-content .item {
margin-top: 0px;
padding: 1px;
margin-right: 5px;
font-size: 14px;
}
.fsp .item--thread.thread--14484 .title a {
color: #e4680d;
text-shadow: 0px 0px 10px #b9601e;
font-weight: 500;
}
.fsp .item--thread.thread--14482 .title a {
color: #e4680d;
text-shadow: 0px 0px 10px #b9601e;
font-weight: 500;
}
.fsp .item--thread.thread--6581 .title a {
color: #fd0000;
text-shadow: 0 0 10px;
font-weight: bold;
}
.fsp .item--thread.thread--15366 .title a {
color: #fd0000;
text-shadow: 0 0 10px;
font-weight: bold;
}
.fsp .refreshButton {
color: #bdc7d2;
}
.node-description {
color: #bdc7d2;
}
.visitor-panel-new {
background: #262626;
}
.userBanner.gldis {
background: #EC2552;
}
.block-progress.block-profile-progress {
padding: 10px;
font-size: 12px;
}
.block-progress {
margin-top: 2px;
}
.block-progress.block-profile-progress .progress-back {
background: #2d3238;
width: 100%;
border-radius: 2px;
margin-bottom: 5px;
height: 18px;
position: relative;
}
.block-progress.block-profile-progress .progress-back .progress-info {
overflow: hidden;
white-space: nowrap;
word-wrap: normal;
text-overflow: ellipsis;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
text-align: center;
z-index: 10;
color: #fff;
}
.block-progress.block-profile-progress :last-child.progress-back {
margin-bottom: 0px;
}
.block-progress.block-profile-progress .progress-back {
background: #2d3238;
width: 100%;
border-radius: 2px;
margin-bottom: 5px;
height: 18px;
position: relative;
}
.block-progress.block-profile-progress .progress-back .progress-val {
max-width: 100%;
border-radius: 2px;
background: #8BC34A;
height: 18px;
position: absolute;
left: 0px;
top: 0px;
}
.p-nav-list > li {
font-size: 12px;
color: rgb(214, 214, 214);
}
.p-navEl-link:hover, p-navel:hover {
background: none;
color: #f5f5f5;
}
.message-avatar-wrapper .message-avatar-online {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: none;
border-radius: unset;
box-shadow: 0px 0px 15px #1a7ddf;
border: 0px solid transparent;
}
.message-avatar {
margin-bottom: 3px;
}
.overlay {
background: #262626;
}
[disabled].input {
color: #8c8c8c;
background: #333;
}
.attachUploadList {
background: #333;
border: 0px solid #dfdfdf;
}
.structItem:hover {
background-color: #232323;
}
.structItemContainer-group--sticky .structItem--thread {
border-left: 3px solid #ca0000;
}
.p-body {
display: flex;
align-items: stretch;
flex-grow: 0!important;
min-height: 1px;
position: relative;
}
.samAlignCenter {
text-align: center;
}
.fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus {
outline: 0;
color: #fafafa;
background: rgba(250, 250, 250, 0.06);
}
.formRow .formRow-hint {
color: #8a8a8a;
}
.message-cell .messageNotice {
background-color: #333;
}
.fl_r {
float: right;
color: rgb(166, 166, 166);
font-size: 90%;
font-weight: 500;
}
.message-userTitle {
font-family: none;
font-size: 12px;
text-align: none;
margin: 3px 0 0;
border-top: 1px solid #2c2c2c;
border-bottom: 1px solid #2c2c2c;
border-left: none;
border-right: none;
border-color: none;
height: 29px;
}
:not(.message--forceColumns).message .message-userTitle {
padding: 4px 0;
background: #212121;
margin-bottom: 8px;
}
.menu--account.menu--wide .menu-content ul li {
list-style: none;
}
.menu--account.menu--wide .menu-content ul {
margin-left: -40px;
}
.menu-linkRow {
display: block;
padding: calc(8px) 16px;
border-left: 2px solid transparent;
color: #fafafa;
text-decoration: none;
}
.menu--account .menu-linkRow {
padding: 6px 8px;
}
.menu-content {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
font-size: 13px;
color: #fafafa;
background: #262626;
border: 1px solid #262626;
}
.menu--account.menu--wide .menu-content {
font-size: 14px;
}
.menu--structural.menu--right .menu-content {
border-top-right-radius: 0px;
}
.menu.menu--wide {
width: 98px;
}
.p-navgroup-link.is-menuOpen {
background: rgb(48, 48, 48);
}
.p-body-inner {
z-index: 2;
}
.p-footer {
z-index: 2;
}
.p-pageWrapper {
position: relative;
display: flex;
flex-direction: column;
min-height: 100vh;
background: #1f1f1f;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.siropuShoutboxHeader {
border-bottom: 1px solid #505459;
color: #8c8c8c;
}
.message + .message, .message.message--bordered {
border-top: 0px solid #505459;
}
.attachUploadList {
color: none!important;
background: none!important;
border: 0px solid #dfdfdf!important;
}
.attachUploadList {
background: none!important;
border: 0px solid #505459!important;
}
.attachUploadList-insertAll, .attachUploadList-insertRow {
color: #8c8c8c!important;
}
.attachUploadList > li {
border-bottom: 1px solid #505459!important;
}
.menuPrefix.menuPrefix--none, .menuPrefix.label--hidden.menuPrefix--none {
color: #8c8c8c
}
:not(:first-child).pageNav-page {
border-left-color: #505459;
}
.button,
a.button {
&.button--scroll {
background: rgba(26, 133, 208, 0.75);
box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.25);
border-color: #3F51B5 #3F51B5 #3F51B5 #3F51B5;
}
}
.message-minorHighlight {
font-size: 13px;
color: #b4b4b4;
}
.avatar-update {
background-color: rgba(29, 32, 34, 0.7);
}
/*@media all and (max-width:650px)*/
:not(.message--forceColumns).message .message-userTitle, :not(.message--forceColumns).message .message-userBanner.userBanner {
display: block;
}
/* Цвет объявлений */
.notice.notice--primary {
color: #f4f4f4;
background: #202021;
}
/* Цвет объявлений */
/* Рекламный фон */
#backgroundRek {
width: 100%;
height: 100%;
opacity: 0.22;
background-size: 100% !important;
position: fixed;
margin: 40px 0 0;
-moz-background-size: 100%;
-webkit-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
z-index: 1;
// background: url(/styles/new-files/myfone/fon.png);
}
/* Рекламный фон */
/* Иконки в панели в статистике */
.p-body-sidebar {
[data-widget-definition="forum_statistics"] .pairs {
dt:before {
font-family: FontAwesome;
padding-right: 2px;
}
&:nth-child(1) dt:before {
content: "\f07c";
}
&:nth-child(2) dt:before {
content: "\f0e0";
}
&:nth-child(3) dt:before {
content: "\f0c0";
}
&:nth-child(4) dt:before {
content: "\f2bd";
}
}
}
/* Иконки в панели в статистике */
/* Модификация сворачивания категорий */
.block--category
{
.collapseTrigger
{
opacity: 0.5;
transition: opacity 0.3s;
margin-right: 10px;
&.is-active:before
{
content: "\f205";
transform: scale(-1, 1);
margin-right: -8px;
}
&:before
{
content: "\f205";
font-size: 80%;
}
}
.block-container:hover .collapseTrigger
{
opacity: 1;
}
}
.collapsible-nodes
{
.block-header
{
display: flex;
color: #ffb100;
}
.block-header--left
{
margin-right: auto;
max-width: 100%;
}
}
.block--messages .message + .message, .block--messages .block-row + .message, .block--messages .message + .block-row, .block--messages .block-row + .block-row {
margin-top: 0px;
}
/* Модификация сворачивания категорий */
/* Подразделы в 3 колонки */
.node .node-subNodeFlatList li {
float: left;
margin: 2px 0 2px 2%;
width: 31%;
}
/* Подразделы в 3 колонки */
//visitor panel
.statBox {
width: 56.5px;
text-align: center;
padding: 5px 0;
text-align: center;
padding: 8px 0;
color:white;
}
#replyCountStats {
background: #303030;
width: 89.5px;
}
#likesCountStats {
background: rgb(82, 54, 107);
width: 89.5px;
}
#trophyCountStats {
background: #8c2c2c;
width: 89.5px;
}
.statName {
font-size: 10px;
text-transform: uppercase;
width: 99%
}
.visitorpanelstat {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
width: 100%;
margin-top: 10px;
height: 77px;
}
//
//Переделка статы юзеров в теме
.message-userExtras {
margin-top: 10px;
font-size: 13px;
}
.messageUserBlock .extraUserInfo {
margin: 10px 0 10px 7px;
}
.userStatCounters .counter {
width: 50%;
font-weight: 600;
}
.userStatCounters {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
.userStatCounters .counterIcon.postCounterIcon {
margin-top: -2px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20opacity%3D%22.4%22%2F%3E%3Cpath%20d%3D%22m13.7659611%2017.4463926c.2552081-.2233071.5827941-.3463926.9219065-.3463926h3.8121324c1.0029437%200%201.6-.5970563%201.6-1.6v-8c0-1.00294373-.5970563-1.6-1.6-1.6h-12c-1.00294373%200-1.6.59705627-1.6%201.6v8c0%201.0029437.59705627%201.6%201.6%201.6h2.499c.69930428.2016957.69930428.2016957.901.901v2.8285534zm-4.9309611%205.0861074c-.47201029-.3540077-.735-.9786083-.735-1.5325v-2.1h-1.6c-1.99705627%200-3.4-1.4029437-3.4-3.4v-8c0-1.99705627%201.40294373-3.4%203.4-3.4h12c1.9970563%200%203.4%201.40294373%203.4%203.4v8c0%201.9970563-1.4029437%203.4-3.4%203.4h-3.6618384l-3.7247187%203.2591288c-.7328429.7187975-1.58913283.8903538-2.2784429.3733712z%22%20fill%3D%22%23828a99%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.userStatCounters .counterIcon.likeCounterIcon {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%3Ctitle%3Elike_outline_24%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%2C0H24V24H0Z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M17%2C2.9A6.43%2C6.43%2C0%2C0%2C1%2C23.4%2C9.33c0%2C3.57-1.43%2C5.36-7.45%2C10l-2.78%2C2.16a1.9%2C1.9%2C0%2C0%2C1-2.33%2C0L8.05%2C19.37C2%2C14.69.6%2C12.9.6%2C9.33A6.43%2C6.43%2C0%2C0%2C1%2C7%2C2.9a6.46%2C6.46%2C0%2C0%2C1%2C5%2C2.54A6.46%2C6.46%2C0%2C0%2C1%2C17%2C2.9ZM7%2C4.7A4.63%2C4.63%2C0%2C0%2C0%2C2.4%2C9.33c0%2C2.82%2C1.15%2C4.26%2C6.76%2C8.63l2.78%2C2.16a.1.1%2C0%2C0%2C0%2C.12%2C0L14.84%2C18c5.61-4.36%2C6.76-5.8%2C6.76-8.63A4.63%2C4.63%2C0%2C0%2C0%2C17%2C4.7c-1.56%2C0-3%2C.88-4.23%2C2.73L12%2C8.5l-.74-1.07C10%2C5.58%2C8.58%2C4.7%2C7%2C4.7Z%22%20fill%3D%22%23828a99%22%2F%3E%3C%2Fsvg%3E");
}
.userStatCounters .counter .counterIcon.registerDateIcon {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJjYWxlbmRhcl8xXyI+PHBhdGggZD0iTTI5LjMzNCwzSDI1VjFjMC0wLjU1My0wLjQ0Ny0xLTEtMXMtMSwwLjQ0Ny0xLDF2MmgtNlYxYzAtMC41NTMtMC40NDgtMS0xLTFzLTEsMC40NDctMSwxdjJIOVYxICAgYzAtMC41NTMtMC40NDgtMS0xLTFTNywwLjQ0Nyw3LDF2MkgyLjY2N0MxLjE5NCwzLDAsNC4xOTMsMCw1LjY2NnYyMy42NjdDMCwzMC44MDYsMS4xOTQsMzIsMi42NjcsMzJoMjYuNjY3ICAgQzMwLjgwNywzMiwzMiwzMC44MDYsMzIsMjkuMzMzVjUuNjY2QzMyLDQuMTkzLDMwLjgwNywzLDI5LjMzNCwzeiBNMzAsMjkuMzMzQzMwLDI5LjcwMSwyOS43MDEsMzAsMjkuMzM0LDMwSDIuNjY3ICAgQzIuMjk5LDMwLDIsMjkuNzAxLDIsMjkuMzMzVjUuNjY2QzIsNS4yOTksMi4yOTksNSwyLjY2Nyw1SDd2MmMwLDAuNTUzLDAuNDQ4LDEsMSwxczEtMC40NDcsMS0xVjVoNnYyYzAsMC41NTMsMC40NDgsMSwxLDEgICBzMS0wLjQ0NywxLTFWNWg2djJjMCwwLjU1MywwLjQ0NywxLDEsMXMxLTAuNDQ3LDEtMVY1aDQuMzM0QzI5LjcwMSw1LDMwLDUuMjk5LDMwLDUuNjY2VjI5LjMzM3oiIGZpbGw9IiMzMzMzMzIiLz48cmVjdCBmaWxsPSIjMzMzMzMyIiBoZWlnaHQ9IjMiIHdpZHRoPSI0IiB4PSI3IiB5PSIxMiIvPjxyZWN0IGZpbGw9IiMzMzMzMzIiIGhlaWdodD0iMyIgd2lkdGg9IjQiIHg9IjciIHk9IjE3Ii8+PHJlY3QgZmlsbD0iIzMzMzMzMiIgaGVpZ2h0PSIzIiB3aWR0aD0iNCIgeD0iNyIgeT0iMjIiLz48cmVjdCBmaWxsPSIjMzMzMzMyIiBoZWlnaHQ9IjMiIHdpZHRoPSI0IiB4PSIxNCIgeT0iMjIiLz48cmVjdCBmaWxsPSIjMzMzMzMyIiBoZWlnaHQ9IjMiIHdpZHRoPSI0IiB4PSIxNCIgeT0iMTciLz48cmVjdCBmaWxsPSIjMzMzMzMyIiBoZWlnaHQ9IjMiIHdpZHRoPSI0IiB4PSIxNCIgeT0iMTIiLz48cmVjdCBmaWxsPSIjMzMzMzMyIiBoZWlnaHQ9IjMiIHdpZHRoPSI0IiB4PSIyMSIgeT0iMjIiLz48cmVjdCBmaWxsPSIjMzMzMzMyIiBoZWlnaHQ9IjMiIHdpZHRoPSI0IiB4PSIyMSIgeT0iMTciLz48cmVjdCBmaWxsPSIjMzMzMzMyIiBoZWlnaHQ9IjMiIHdpZHRoPSI0IiB4PSIyMSIgeT0iMTIiLz48L2c+PC9zdmc+");
filter: brightness(250%);
background-size: 20px 20px;
width: 20px;
height: 20px;
margin-right: 7px;
}
.userStatCounters .counter .counterIcon {
margin-right: 5px;
filter: grayscale(100%);
width: 24px;
height: 24px;
vertical-align: middle;
display: inline-block;
}
.userStatCounters .counter.fullCounter {
width: 100%;
margin: 8px 0 0 2px;
}
//
//Переделка иконок в темах
.actionBar-action:hover {
text-decoration: none !important;
}
.actionBar-action--report {
color: rgb(35, 168, 109);
}
.actionBar-action--like {
margin-left: 21px;
padding: 0 3px;
line-height: 24px;
}
.actionBar-action--unlike {
margin-left: 21px;
padding: 0 3px;
line-height: 24px;
}
.actionBar-action--reply {
margin-left: 21px;
padding: 0 3px;
line-height: 24px;
}
.actionBar-action--personal {
margin-left: 21px;
padding: 0 3px;
line-height: 24px;
}
.actionBar-action--tag {
margin-left: 21px;
padding: 0 3px;
line-height: 24px;
}
.iconLike {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%3Ctitle%3Elike_outline_24%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%2C0H24V24H0Z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M17%2C2.9A6.43%2C6.43%2C0%2C0%2C1%2C23.4%2C9.33c0%2C3.57-1.43%2C5.36-7.45%2C10l-2.78%2C2.16a1.9%2C1.9%2C0%2C0%2C1-2.33%2C0L8.05%2C19.37C2%2C14.69.6%2C12.9.6%2C9.33A6.43%2C6.43%2C0%2C0%2C1%2C7%2C2.9a6.46%2C6.46%2C0%2C0%2C1%2C5%2C2.54A6.46%2C6.46%2C0%2C0%2C1%2C17%2C2.9ZM7%2C4.7A4.63%2C4.63%2C0%2C0%2C0%2C2.4%2C9.33c0%2C2.82%2C1.15%2C4.26%2C6.76%2C8.63l2.78%2C2.16a.1.1%2C0%2C0%2C0%2C.12%2C0L14.84%2C18c5.61-4.36%2C6.76-5.8%2C6.76-8.63A4.63%2C4.63%2C0%2C0%2C0%2C17%2C4.7c-1.56%2C0-3%2C.88-4.23%2C2.73L12%2C8.5l-.74-1.07C10%2C5.58%2C8.58%2C4.7%2C7%2C4.7Z%22%20fill%3D%22%23828a99%22%2F%3E%3C%2Fsvg%3E");
display: inline-block;
width: 24px;
height: 24px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.iconLike {
-o-animation: page_post_like_animation 0.2s ease-out;
animation: page_post_like_animation 0.2s ease-out;
}
.iconUnlike {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%3Ctitle%3Elike_active_24%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%2C0H24V24H0Z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M17%2C2.9A6.43%2C6.43%2C0%2C0%2C1%2C23.4%2C9.33c0%2C3.57-1.43%2C5.36-7.45%2C10l-2.78%2C2.16a1.9%2C1.9%2C0%2C0%2C1-2.33%2C0L8.05%2C19.37C2%2C14.69.6%2C12.9.6%2C9.33A6.43%2C6.43%2C0%2C0%2C1%2C7%2C2.9%2C5.7%2C5.7%2C0%2C0%2C1%2C12%2C6%2C5.7%2C5.7%2C0%2C0%2C1%2C17%2C2.9Z%22%20fill%3D%22%23ff3347%22%2F%3E%3C%2Fsvg%3E");
display: inline-block;
width: 24px;
height: 24px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.iconLike:hover {
filter: none;
}
.iconReply:hover {
filter: none;
}
.iconPorsonal:hover {
filter: none;
}
.iconTag:hover {
filter: none;
}
.iconPorsonal {
background: url("/styles/new-files/icons/prosit_ls.png");
display: inline-block;
width: 24px;
height: 24px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.iconReply {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20opacity%3D%22.4%22%2F%3E%3Cpath%20d%3D%22m13.7659611%2017.4463926c.2552081-.2233071.5827941-.3463926.9219065-.3463926h3.8121324c1.0029437%200%201.6-.5970563%201.6-1.6v-8c0-1.00294373-.5970563-1.6-1.6-1.6h-12c-1.00294373%200-1.6.59705627-1.6%201.6v8c0%201.0029437.59705627%201.6%201.6%201.6h2.499c.69930428.2016957.69930428.2016957.901.901v2.8285534zm-4.9309611%205.0861074c-.47201029-.3540077-.735-.9786083-.735-1.5325v-2.1h-1.6c-1.99705627%200-3.4-1.4029437-3.4-3.4v-8c0-1.99705627%201.40294373-3.4%203.4-3.4h12c1.9970563%200%203.4%201.40294373%203.4%203.4v8c0%201.9970563-1.4029437%203.4-3.4%203.4h-3.6618384l-3.7247187%203.2591288c-.7328429.7187975-1.58913283.8903538-2.2784429.3733712z%22%20fill%3D%22%23828a99%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
display: inline-block;
width: 24px;
height: 24px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.iconTag {
background-image: url("https://vk.com/images/svg_icons/share_outline_24.svg");
display: inline-block;
width: 24px;
height: 24px;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.actionBar-action.actionBar-action--reply::before {
content: none;
}
.actionBar-action.actionBar-action--like::before {
content: none;
}
.actionBar-action.actionBar-action--personal::before {
content: none;
}
.actionBar-action.actionBar-action--report::before {
content: none;
}
.actionBar-action.actionBar-action--tag::before {
content: none;
}
//
//Кнопка вверх справа
#stl_bg {
width:100px;
height:100%;
position:fixed;
top:0;
left:0;
display:none;
padding-top: 3%;
-o-transition: background-color 200ms linear, opacity 200ms linear;
transition: background-color 200ms linear, opacity 200ms linear;
}
#stl_bg:hover {
background: #202021;
}
#back-top {
display: block;
font-size: 12.5px;
font-weight: 700;
text-align:center;
font:bold 12px Verdana, sans-serif;
text-decoration:none;
color: #8c8c8c;
padding: 0 24px;
background: url(/styles/new-files/icons/dev_toplink.png) no-repeat;
}
@media screen and (max-width: 1366px) {
#stl_bg:hover {
display: none!important;
}
}
@media screen and (max-width: 1366px) {
#stl_bg {
display: none!important;
}
}
@media screen and (max-width: 1366px) {
#back-top {
visibility: hidden;
display: none;
}
}
.u-scrollButtons.is-active {
display: none;
}
@media screen and (max-width: 1366px) {
.u-scrollButtons.is-active {
display: block!important;
}
}
@media screen and (max-width: 800px) {
:not(.message--forceColumns).message .message-userTitle, :not(.message--forceColumns).message .message-userBanner.userBanner {
display: none;
}
}
@media screen and (max-width: 600px) {
.p-navgroup-link--bookmarks {
display: none;
}
}
//
.drop-menu-main a,
.drop-down,
.drop-menu-main-sub .title {
text-decoration: none;
color: #f5f5f5;
padding: 0 10px 0 0;
}
.drop-menu-main {
position: relative;
list-style: none;
}
.drop-menu-main li {
float: left;
margin-right: 40px;
}
.drop-menu-main-sub {
display: none;
position: absolute;
background: rgb(39, 39, 39);
border-radius: 6px;
z-index: 100;
width: 130px;
padding: 5px 0 5px;
margin: -29px 0 0 -15px;
}
.drop-menu-main-sub a {
color: #f5f5f5;
display: block;
font-size: 11px;
padding: 6px 15px;
cursor: pointer;
text-decoration: none;
}
.drop-menu-main-sub a:hover {
background: rgb(54, 54, 54);
color: #f5f5f5;
text-decoration: none;
}
.drop-menu-main-sub .title{
display: block;
padding: 6px 15px;
cursor: pointer;
border: 1px solid rgb(54,54,54);
}
.drop-down {
cursor: pointer;
}
span.arrow{
font-size: 8px;
}