:root {
--color1: #262a2e;
--color2: #2b3034;
--color3: #2F353A;
--color4: none; /* #f58e78 */
--color5: #858b92;
--color6: none; /* #f58e6e */
--color7: #2e353a;
--color8: #282f33;
--color9: #293035;
--color10: none; /* #f58e65 */
--color11: #2c3135;
--color12: #272d31;
--color13: #ffffff;
--color14: #1d2023;
--color15: #cccccc;
--color16: #2A79E0;
--color17: #276fcc;
--color18: #FFA500;
--color19: #de9000;
--color20: #1000f2;
--color21: #ce3333;
--color22: #e81313;
--color23: #d40f0f;
--color24: #14d1d1;
--color25: #00DD00;
--color26: #23dc59;
--color27: #000000;
--color28: #484848;
--color29: #006300;
--color30: #0d6326;
--color31: #18582a;
--color32: #464646;
--color33: #242526;
--color34: #181818;
--color35: #2D2D2D;
--color36: #737373;
--color37: #BDBDBD;
--color38: #ADADAD;
--color39: #292C2E;
--color40: #4A545C;
--color41: #A8AEB3;
--color42: #C9C9C9;
--color43: #323232;
--color44: #C8CBCE;
--color45: #32393D;
--color46: #8D8D8D;
--color47: #333333;
--color48: #373737;
--color49: #414141;
--color50: #848484; /* none */
}
.mainPanelWrapper {
z-index: 2;
background-color: var(--color1);
}
/*#logo img {
content:url(https://i.imgur.com/owdTLQT.png);
}*/
.navTabs {
font-size: 13px;
background-color: var(--color2);
border-color: var(--color3);
border-radius: 4px;
background-clip: content-box;
height: 40px;
}
.navTabs .navTab.selected .navLink, .navTabs .navTab.PopupClosed.selected .navLink, .navTabs .navTab.PopupClosed.selected .SplitCtrl {
color: var(--color4);
}
.navTabs .navTab.selected .tabLinks {
top: 40px;
padding-right: 8px;
padding-left: 8px;
border: 1px solid var(--color32);
border-top-width: 0;
border-radius: 4px;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-sizing: border-box;
height: 25px;
line-height: 24px;
}
.navTabs .navTab.selected .tabLinks {
background-color: var(--color1);
width: 100%;
padding: 0;
border: none;
overflow: hidden;
zoom: 1;
position: absolute;
left: 0px;
top: 42px;
/*height: 40px;*/
background-position: 0px -40px;
}
::selection {
color: var(--color5);
background-color: var(--color33);
}
.navTabs .navTab.selected .navLink {
position: relative;
color: var(--color6);
background-color: var(--color7);
border: none;
border-top: 3px solid var(--color6);
}
.navTabs .navTab.Popup.PopupOpen, .navTabs .navTab.selected.PopupOpen .navLink {
color: var(--color6);
background-color: var(--color7);
border-color: transparent;
}
.Menu {
z-index: 9000;
}
.navPopup {
width: 260px;
}
.Menu {
/* background-color: var(--color34); */
font-size: 13px;
border: 0px solid var(--color32);
border-top: 3px solid var(--color6);
overflow: hidden;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);
min-width: 200px;
width: 250px;
position: absolute;
z-index: 7500;
display: none;
}
body {
cursor: default;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
font-size: 13px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
color: var(--color5);
background-color: var(--color9);
word-wrap: break-word;
line-height: 1.28;
min-width: 300px;
}
.Menu .primaryContent {
background-color: rgb(43, 48, 52, 0.96);
}
.primaryContent {
background-color: var(--color35);
padding: 6px;
border-bottom: 1px solid var(--color3);
}
.Menu .secondaryContent {
background-color: rgb(43, 48, 52, 0.96);
}
.blockLinksList a, .blockLinksList label {
color: var(--color5);
padding: 6px 12px;
display: block;
outline: 0 none;
font-weight: 600;
}
.Menu .menuHeader .muted {
font-size: 11px;
color: #fff;
}
#userBar .navTabs .navTab.Popup.PopupOpen, #userBar .navTabs .navTab.selected.PopupOpen .navLink {
color: var(--color6);
background-color: var(--color7);
border: none;
}
.Menu .sectionFooter {
background-color: rgb(43, 48, 52, 0.96);
}
.sectionFooter a {
color: var(--color5);
}
#exposeMask {
position: absolute;
top: 0px;
left: 0px;
z-index: 9998;
background-color: var(--color27);
opacity: 0.6;
display: block;
width: 889px;
height: 1975px;
}
#content .pageContent {
background-color: var(--color7);
padding: 16px;
border: 0px solid var(--color32);
border-radius: 4px;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);
}
.footer .pageContent {
font-size: 13px;
background-color: var(--color7);
padding-right: 6px;
padding-left: 6px;
margin-top: 0;
margin-bottom: 16px;
border: 0px solid var(--color32);
border-top-width: 0;
border-radius: 4px;
zoom: 1;
line-height: 50px;
min-height: 20px;
height: 50px;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);
}
.sidebar .section .secondaryContent {
border: 0px solid var(--color32);
border-radius: 6px;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
}
.secondaryContent {
background-color: var(--color1);
padding: 6px;
border-bottom: 0px solid var(--color32);
}
.breadcrumb .crust:last-child a.crumb {
color: var(--color6);
}
.sectionMain {
background-color: var(--color2);
padding: 6px;
margin: 16px auto;
border: 0px solid var(--color32);
box-shadow: 0 0px 10px 0 rgb(43, 48, 52, 0.15);
border-radius: 4px;
}
.breadcrumb {
color: var(--color36);
background-color: var(--color1);
border: 0px solid var(--color32);
border-radius: 4px;
overflow: hidden;
zoom: 1;
max-width: 100%;
box-sizing: border-box;
height: 20px;
}
.breadcrumb .crust a.crumb {
cursor: pointer;
font-size: 12px;
color: var(--color37);
text-decoration: none;
background-color: var(--color1);
padding: 0 10px 0 18px;
margin: 0 0 -1px;
border-bottom: 0px solid var(--color32);
display: block;
outline: 0 none;
-moz-outline-style: 0 none;
_border-bottom: none;
font-weight: 600;
}
.VietXfAdvStats h3 .VietXfAdvStats_Header {
font-size: 14px;
color: var(--color6);
margin-left: 5px;
text-transform: uppercase;
font-weight: 600;
}
.VietXfAdvStats h3 {
font-size: 12px;
color: var(--color38);
text-decoration: none;
background-color: var(--color39);
padding: 10px 5px;
margin: 0 auto;
border-width: 0;
border-color: var(--color40);
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
font-weight: 600;
color: var(--color32);
background-color: var(--color1);
padding: 8px 6px;
margin: 0;
border-width: 0;
border-radius: 4px;
min-height: 6px;
position: relative;
margin-bottom: 5px;
}
.textCtrl {
font-size: 13px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
color: var(--color5);
background-color: var(--color2);
padding: 5px 10px;
margin-bottom: 2px;
border: 1px solid #262a2ebf;
border-radius: 2px;
outline: 0;
box-sizing: border-box;
min-height: 30px;
}
.primaryContent a {
color: var(--color6);
}
#QuickSearch .primaryControls .uix_icon {
right: 0;
font-size: 16px;
color: var(--color6);
background-color: var(--color7);
border-radius: 2px;
cursor: pointer;
box-sizing: border-box;
width: 30px;
height: 30px;
border-radius: 0 2px 2px 0;
}
#userBar .navTabs .navLink, #userBar .navTabs .SplitCtrl {
color: var(--color6);
padding-right: 10px;
padding-left: 10px;
position: relative;
line-height: 30px;
text-transform: none;
height: 30px;
}
#Block1stPanes, #Block2ndPanes {
border-left: 1px solid var(--color3);
border-right: 1px solid var(--color3);
border-bottom: 1px solid var(--color3);
}
.VietXfAdvStats_BlockContent {
background-color: var(--color7);
}
.tabs li.active a, .tabs.noLinks li.active {
background-color: var(--color7);
padding-bottom: 1px;
border-bottom: 1px none black;
}
.tabs li a, .tabs.noLinks li {
color: var(--color5);
text-decoration: none;
background-color: var(--color2);
padding: 0 16px;
margin-right: -1px;
margin-bottom: -1px;
border: 1px solid var(--color3);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
display: inline-block;
line-height: 30px;
cursor: pointer;
outline: 0 none;
white-space: nowrap;
word-wrap: normal;
font-weight: 600;
height: 30px;
}
.tabs {
font-size: 13px;
background-repeat: repeat-x;
background-position: top;
padding: 0 6px;
margin-top: 6px;
border-bottom: 1px solid var(--color3);
word-wrap: normal;
min-height: 24px;
_height: 23px;
display: table;
width: 100%;
width: auto;
box-sizing: border-box;
}
.VietXfAdvStats h3 .VietXfAdvStats_Controls .select-wrapper:after {
content: '\f107';
font-family: FontAwesome;
color: var(--color6);
position: absolute;
top: 50%;
right: 0.75em;
margin-top: -7px;
pointer-events: none;
font-weight: 600;
}
.node.level_2 .nodeInfo {
border-top: 1px solid var(--color3);
}
.nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo {
background-color: var(--color1);
border-color: var(--color32);
border-radius: 4px;
border-radius: 0;
}
.forum_list .nodeList .nodeList, .forum_view .nodeList, .category_view .nodeList, .watch_forums .nodeList {
background: var(--color35);
margin-top: 6px;
border: 0px solid var(--color32);
border-top: 0;
border-radius: 4px;
}
.nodeList .categoryStrip {
font-size: 12px;
color: var(--color38);
text-decoration: none;
background-color: var(--color39);
padding: 10px 5px;
margin: 0 auto;
border-width: 0;
border-color: var(--color40);
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
font-weight: 600;
color: var(--color32);
background-color: var(--color1);
padding: 8px 6px;
margin: 0;
border-width: 0;
border-radius: 4px;
min-height: 6px;
position: relative;
}
.nodeList .categoryStrip .nodeTitle a {
color: var(--color6);
}
.categoryStrip__collapseToggle {
font-size: 16px;
color: var(--color6);
margin-left: 10px;
cursor: pointer;
line-height: 14px;
max-height: 14px;
float: right;
}
.nodeList .categoryStrip .categoryStripIcon {
font-size: 16px;
color: var(--color6);
margin-right: 3px;
text-align: center;
width: 1.28571429em;
float: left;
line-height: 14px;
max-height: 14px;
}
.sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3 {
font-size: 13px;
color: var(--color6);
background-color: var(--color7);
padding: 3px 6px 6px;
margin-bottom: 6px;
border-bottom: 0px solid var(--color32);
font-weight: 600;
}
.messageList .message {
margin: 16px auto;
background-color: var(--color1);
padding: 6px;
border: 0px solid var(--color32);
border-radius: 4px;
}
.messageUserInfo {
background-color: var(--color7);
border: 1px solid var(--color3);
border-radius: 2px;
float: left;
width: 159px;
}
.messageUserBlock div.avatarHolder {
background-color: var(--color7);
padding: 6px;
border-radius: 2px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
text-align: center;
position: relative;
}
.messageUserBlock h3.userText {
background-color: var(--color2);
padding: 6px;
border: 0 solid var(--color3);
border-top-width: 1px;
border-bottom-width: 1px;
}
.message .messageMeta .control {
color: var(--color6);
background-color: var(--color2);
padding-right: 8px;
padding-left: 8px;
margin: 0 1px 4px 0;
border: 0px solid var(--color3);
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
border-radius: 2px;
line-height: 24px;
float: none;
display: inline-block;
vertical-align: middle;
font-weight: 600;
}
.messageUserBlock .arrow span {
position: absolute;
top: -10px;
left: -11px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
border: 10px solid transparent;
border-left-color: var(--color7);
-moz-border-left-colors: var(--color3);
border-right: none;
box-shadow: 0 0px 10px 0 rgba(0,0,0,0.15);
}
.bbCodeBlock {
background-color: var(--color39);
margin: 1em 159px 1em 0;
border: 1px solid var(--color3);
overflow: auto;
}
.bbCodeQuote .attribution {
font-size: 13px;
color: var(--color6);
background-color: var(--color7);
background-repeat: repeat-x;
background-position: top;
padding: 6px;
border-bottom: 1px solid var(--color3);
border-left: 2px solid var(--color6);
}
.bbCodeQuote .quoteContainer {
overflow: hidden;
position: relative;
font-style: italic;
font-size: 9pt;
background-color: var(--color8);
background-repeat: repeat-x;
background-position: top;
padding: 6px;
border-left: 2px solid var(--color6);
}
:not(pre) > code[class*="language-"], pre[class*="language-"] {
background: var(--color7);
}
pre[class*="language-"] {
overflow: auto;
border-left: 3px solid var(--color6);
}
.button {
font-style: normal;
font-size: 13px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
color: var(--color6);
background-color: var(--color2);
padding: 0px 10px;
border-width: 0;
border-top-color: var(--color13);
border-radius: 2px;
text-align: center;
outline: none;
line-height: 30px;
display: inline-block;
cursor: pointer;
box-sizing: border-box;
box-shadow: inset 0 -2px 0 rgba(0,0,0,.1);
-webkit-appearance: none;
font-weight: 600;
height: 30px;
}
.hasJs .bbCodeSpoilerText {
display: none;
background-color: #2e353a8f;
padding: 5px;
margin-top: 5px;
margin-right: none;
margin-bottom: 5px;
border: 1px solid var(--color3);
overflow: auto;
}
.message .likesSummary {
color: var(--color41);
background-color: var(--color7);
padding: 6px;
margin-top: 6px;
border: 1px solid var(--color1);
border-radius: 2px;
}
.attachedFiles .attachedFilesHeader {
font-size: 13px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
color: var(--color6);
background-color: var(--color7);
padding: 6px;
border-bottom: 1px solid var(--color2);
padding: 4px 8px;
}
.attachedFiles {
background-color: var(--color8);
margin: 1em 159px 1em 0;
border: 1px solid var(--color3);
overflow: auto;
}
.attachment .boxModelFixer {
overflow: hidden;
zoom: 1;
margin-bottom: 10px;
margin-right: 10px;
padding: 5px;
background-color: var(--color7);
border: 1px solid var(--color8);
border-radius: 5px;
}
.message .newIndicator {
font-weight: bold;
font-size: 13px;
color: var(--color6);
background-color: var(--color7);
box-shadow: 0 0px 10px 0 rgba(0,0,0,0.15);
padding: 1px 5px;
margin: 0 0 5px 5px;
border-radius: 2px;
display: block;
float: right;
position: relative;
}
.button.primary {
color: var(--color6);
background-color: var(--color9);
}
.sectionFooter {
overflow: hidden;
zoom: 1;
font-size: 11px;
color: var(--color42);
background-color: var(--color2);
padding: 10px 16px;
}
.primaryContent {
background-color: var(--color1);
padding: 6px;
border-bottom: 1px solid var(--color3);
}
.heading, .xenForm .formHeader {
font-size: 14px;
color: var(--color6);
background-color: var(--color7);
padding: 7px 16px;
margin-bottom: 3px;
font-weight: 600;
}
.subHeading {
font-size: 12px;
color: var(--color38);
text-decoration: none;
background-color: var(--color1);
padding: 10px 5px;
margin: 0 auto;
border-width: 0;
border-color: var(--color3);
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
font-weight: 600;
}
.footer .choosers a {
text-decoration: none;
background-color: var(--color1);
padding: 6px 10px;
border: 1px solid var(--color3);
border-radius: 2px;
display: inline-block;
line-height: normal;
font-weight: normal;
}
#uix_jumpToFixed {
color: var(--color6);
background-color: var(--color1);
}
.profilePage .tabs.mainTabs {
padding: 0 20px;
margin-top: -25px;
min-height: 25px;
height: auto;
position: relative;
background: var(--color1);
}
.profilePage .tabs.mainTabs li.active a {
background-color: var(--color7);
}
.profilePage .primaryUserBlock .lastActivity {
font-size: 12px;
padding-top: 5px;
margin-top: 5px;
border-top: 1px solid var(--color2);
}
.profilePage .mast .section.infoBlock {
margin-bottom: 16px;
border: 0px solid var(--color32);
border-radius: 4px;
box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}
a.callToAction:hover span {
background-color: var(--color2);
}
a.callToAction span {
font-size: 13px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
color: var(--color10);
background-color: var(--color1);
padding: 0 16px;
border-radius: 4px;
display: block;
text-align: center;
font-weight: 600;
}
.discussionList .sectionHeaders {
font-size: 12px;
color: var(--color5);
text-decoration: none;
background-color: var(--color2);
padding: 10px 5px;
margin: 0 auto;
border-width: 0;
border-color: var(--color2);
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
font-weight: 600;
padding: 0;
}
.PanelScroller .panel, .PanelScrollerOff .panel {
overflow: hidden;
position: relative;
padding: 0 !important;
background-color: var(--color1);
padding: 10px;
color: var(--color41);
}
.PanelScroller .scrollContainer, .PanelScrollerOff .panel {
background-color: var(--color1);
margin-bottom: 6px;
border: 0px solid var(--color40);
border-radius: 2px;
font-size: 13pt;
}
.threadListSeparator {
font-size: 12px;
color: var(--color38);
text-decoration: none;
background-color: var(--color39);
padding: 10px 5px;
margin: 0 auto;
border-width: 0;
border-color: var(--color40);
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
font-weight: 600;
font-size: 11px;
color: var(--color42);
background-color: var(--color1);
border-color: var(--color3);
border-top-style: none;
text-transform: uppercase;
position: relative;
}
.discussionList .discussionListItem.sticky {
background-color: var(--color7);
}
.discussionListItem {
background-color: var(--color43);
border-bottom: 1px solid var(--color11);
box-sizing: border-box;
padding: 0;
}
.discussionListItem {
background-color: var(--color7);
border-bottom: 1px solid var(--color11);
box-sizing: border-box;
padding: 0;
}
.discussionListItem:nth-child(even) {
background-color: var(--color1);
}
#DiscussionListOptionsHandle a {
font-size: 12px;
color: var(--color36);
background-color: var(--color2);
padding: 0 16px;
margin: 0 auto;
border: 1px solid var(--color2);
border-top: 3px none var(--color2);
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
display: inline-block;
outline: 0;
position: relative;
right: -50%;
}
.PageNav a {
color: var(--color5);
text-decoration: none;
background-color: var(--color2);
border: 1px solid var(--color3);
border-radius: 2px !important;
text-align: center;
box-sizing: border-box;
width: 24px;
}
.PageNav a.currentPage {
color: var(--color10);
background-color: var(--color7);
border-color: var(--color10);
position: relative;
}
.xenOverlay .formOverlay {
color: var(--color5);
background-color: var(--color1);
padding: 16px;
border: 1px solid var(--color3);
border-radius: 4px;
_zoom: 1;
margin: 0;
}
.xenOverlay .formOverlay .textCtrl {
color: var(--color44);
background-color: var(--color2);
border: 1px solid var(--color45);
}
.xenOverlay .formOverlay .heading {
font-size: 12pt;
color: var(--color1);
background-color: var(--color6);
padding: 6px;
margin-bottom: 10px;
border-style: none;
border-radius: 2px;
}
.navigationSideBar > ul {
border: solid 0px var(--color2);
border-width: 0 0 1px 1px;
margin-bottom: 10px;
background-color: var(--color1);
}
a:link, a:visited {
color: var(--color5);
text-decoration: none;
}
body .AvatarEditor .avatarOption {
background: var(--color14);
border-color: var(--color3);
}
#QuickSearch .formPopup .secondaryControls {
box-shadow: 0 5px 10px rgba(0,0,0,0.15);
padding: 10px;
border: solid 1px var(--color3);
border-radius: 2px;
background: var(--color1);
color: var(--color46);
position: absolute;
top: 40px;
z-index: 7500;
}
.redactor_toolbar {
font-size: 0;
background-color: var(--color1);
padding: 0 0 0 2px;
margin: 0;
border-bottom: 1px solid var(--color12);
position: relative;
left: 0;
top: 0;
line-height: 0;
list-style: none;
overflow: hidden;
}
html .redactor_toolbar li a {
text-indent: 0;
text-align: center;
line-height: 22px;
font-size: 14px;
color: var(--color10);
}
.redactor_toolbar li.redactor_btn_group ul {
background-color: var(--color2);
padding: 1px;
margin: 0;
border: 1px solid var(--color2);
border-radius: 2px;
overflow: hidden;
zoom: 1;
}
.blendedEditor .redactor_box .redactor_btn_group ul, .blendedEditor .redactor_box iframe, .blendedEditor .redactor_box .redactor_smilies li {
opacity: 0.2;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.redactor_box {
font-size: 0;
border: 0px solid var(--color32);
line-height: 0;
position: relative;
box-shadow: 0 1px 10px 0 rgba(0,0,0,0.15);
}
.xenOverlay.memberCard {
color: var(--color6);
background-color: var(--color7);
padding: 6px;
border-radius: 4px;
overflow: hidden;
max-width: 565px;
box-shadow: 0 0 15px 0 rgba(0,0,0, 0.8);
}
.xenOverlay.memberCard .userLinks a {
margin-right: 10px;
color: var(--color6);
white-space: nowrap;
}
html {
cursor: text;
height: 100%;
word-wrap: break-word;
max-width: 100%;
background-color: var(--color47);
background-color: var(--color47);
font-size: 13px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
color: var(--color5);
background-color: var(--color48);
background-color: var(--color35);
background-color: transparent;
font-size: 11pt;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
line-height: 1.4;
background-image: none;
background-color: var(--color9);
}
.node .unread .nodeIcon.hasGlyph {
color: var(--color6);
}
.bbCodeQuote .quoteContainer .quoteExpand {
display: none;
box-sizing: border-box;
position: absolute;
height: 80px;
top: 82px;
left: 0;
right: 0;
font-size: 11px;
line-height: 1;
text-align: center;
color: var(--color41);
cursor: pointer;
padding-top: 65px;
background: -webkit-linear-gradient(top, rgba(41, 44, 46, 0) 0%, var(--color39) 80%);
background: -moz-linear-gradient(top, rgba(41, 44, 46, 0) 0%, var(--color39) 80%);
background: -o-linear-gradient(top, rgba(41, 44, 46, 0) 0%, var(--color39) 80%);
background: linear-gradient(to bottom, rgba(41, 44, 46, 0) 0%, var(--color1) 80%);
}
.redactor_dropdown {
top: 28px;
left: 0;
z-index: 100004;
position: absolute;
width: 200px;
max-height: 150px;
overflow: auto;
background-color: var(--color1);
border: 1px solid var(--color7);
font-size: 13px;
box-shadow: 0 2px 5px var(--color7);
line-height: 1.5;
padding: 5px;
}
.profilePage .mainProfileColumn {
margin-left: 200px;
border-left: 0px solid var(--color43);
zoom: 1;
}
.profilePage .mast .MedalsBlock .primaryContent.MedalHeap {
border: 0px solid var(--color43);
border-width: 0 1px;
}
.dataTable tr.dataRow th {
background: var(--color1) url(https://blast.hk/styles/uix/xenforo/gradients/category-23px-light.png) repeat-x top;
/* border-bottom: 1px solid var(--color45); */
border-top: 1px solid var(--color1);
color: var(--color44);
font-size: 11px;
padding: 5px 10px;
}
.dataTable tr.dataRow td {
border-bottom: 1px solid var(--color1);
padding: 5px 10px;
word-wrap: break-word;
}
.banInfoContainer {
border: 0px solid var(--color32);
border-radius: 6px;
padding: 2px;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
background-color: var(--color1);
}
.messageNotices li {
border: 0px solid var(--color32);
border-radius: 6px;
padding: 4px;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
background-color: var(--color1);
}
.prefix.prefixPrimary {
color: var(--color7);
background-color: var(--color50) /* var(--color6) */;
border-color: var(--color49);
}
.sidebar .section .primaryContent h3 a, .sidebar .section .secondaryContent h3 a {
font-size: 13px;
color: var(--color6);
}
/*
-------------------------------------------------------------------------------
-----------------------------------wiki bh-------------------------------------
-------------------------------------------------------------------------------
*/
.navbar-default {
background-color: var(--color7);
border-color: var(--color3);
}
body {
cursor: default;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
font-size: 13px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
color: var(--color5);
background-color: var(--color1);
word-wrap: break-word;
line-height: 1.28;
min-width: 300px;
}
.navbar-default .navbar-brand {
color: var(--color6);
}
.btn-success {
color: var(--color5);
background-color: var(--color2);
border-color: var(--color3);
}
.btn-default {
color: var(--color13);
background-color: var(--color14);
border-color: var(--color14);
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: var(--color6);
background-color: var(--color2);
border-bottom: 3px solid var(--color6);
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: var(--color6);
}
.form-control {
display: block;
width: 100%;
height: 43px;
padding: 10px 18px;
font-size: 15px;
line-height: 1.42857143;
color: var(--color5);
background-color: var(--color2);
background-image: none;
border: 1px solid #262a2ebf;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
button, input, optgroup, select, textarea {
color: var(--color6);
font: inherit;
margin: 0;
}
.navbar-default .navbar-nav>li>a {
color: var(--color6);
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
color: var(--color6);
background-color: var(--color7);
border-left: 3px solid var(--color6);
}
.page-header {
padding-bottom: 9.5px;
margin: 42px 0 21px;
border-bottom: 1px solid var(--color3);
}
.label-primary {
background-color: var(--color6);
}
.panel {
margin-bottom: 21px;
background-color: var(--color7);
border: 1px solid transparent;
border-radius: 0;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
}
hr {
margin-top: 21px;
margin-bottom: 21px;
border: 0;
border-top: 1px solid transparent;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 15px;
text-align: left;
background-color: var(--color7);
border: 1px solid var(--color15);
border: 1px solid rgba(0,0,0,0.15);
border-radius: 0;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
box-shadow: 0 6px 12px rgba(0,0,0,0.175);
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
background-color: var(--color2);
border-color: var(--color6);
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: var(--color6);
white-space: nowrap;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: var(--color6);
background-color: var(--color2);
border: 1px solid var(--color3);
border-bottom-color: transparent;
cursor: default;
}
.nav-tabs {
border-bottom: 1px solid var(--color2);
}
.navbar-default .navbar-text {
color: var(--color6);
}
.navbar-default .navbar-link {
color: var(--color6);
}
.dokuwiki .search-results-form fieldset.search-form .advancedOptions div.toggle ul {
display: none;
position: absolute;
border: 1px solid var(--color2);
background-color: var(--color2);
padding: .25em .5em;
text-align: left;
min-width: 10em;
max-width: 15em;
max-height: 50vh;
overflow: auto;
z-index: 100;
}
code {
color: var(--color6) !important;
background-color: rgba(27,31,35,0.08) !important;
}
pre {
display: block;
padding: 10px;
margin: 0 0 10.5px;
font-size: 14px;
line-height: 1.42857143;
word-break: break-all;
word-wrap: break-word;
color: var(--color6);
background-color: var(--color1);
border: 0px solid var(--color15);
border-radius: 0;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
}
.dropdown-menu .divider {
height: 1px;
margin: 9.5px 0;
overflow: hidden;
background-color: var(--color3);
}
/*
-------------------------------------------------------------------------------
------------------------стили ников и подобная хуета---------------------------
-------------------------------------------------------------------------------
*/
.username .style5 {
background: linear-gradient(270deg, #fff -15%, var(--color16), var(--color17));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
}
.userBanner.bannerRoyalBlue {
color: white;
background-image: linear-gradient(120deg, #000000bf -15%, var(--color16), #00000078);
background-size: 500% 100%;
border-color: #2A79E0b5;
border-radius: 16px;
box-shadow: 0 0px 10px 0 #2A79E0b5;
}
.username .style8 {
background: linear-gradient(270deg, #fff -15%, var(--color18), var(--color19));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
color: var(--color20);
}
.userBanner.bannerOrange {
color: black;
background-image: linear-gradient(120deg, #fff -15%, var(--color18), var(--color19));
background-size: 500% 100%;
border-color: #ffa500b5;
border-radius: 16px;
box-shadow: 0 0px 10px 0 #ffa500b5;
}
.username .style3 {
background: linear-gradient(90deg, var(--color21) 0%, var(--color22) 100%, var(--color23));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
}
.username .style6 {
background: linear-gradient(270deg, var(--color24) -15%, var(--color25), var(--color26));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
color: var(--color20);
}
.userBanner.bannerLightGreen {
color: black;
background-image: linear-gradient(270deg, var(--color24) -15%, var(--color25), var(--color26));
background-size: 500% 300%;
border-color: #00DD00b5;
border-radius: 12px;
box-shadow: 0 0px 10px 0 #00DD00b5;
}
.userBanner.wrapped span {
position: absolute;
top: -4px;
width: 5px;
height: 0px;
background-color: inherit;
}
.messageUserBlock .userBanner {
display: block;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
}
.username .style12 {
background: linear-gradient(270deg, #fff -15%, var(--color27), var(--color28));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
}
.username .style4 {
color: green;
background: linear-gradient(270deg, var(--color24) -15%, var(--color29), var(--color30));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
}
.userBanner.bannerGreen {
color: white;
font-size: 10px;
background-image: linear-gradient(270deg, var(--color24) -15%, var(--color29), var(--color30));
background-size: 500% 300%;
border-color: var(--color31);
border-radius: 12px;
box-shadow: 0 0px 20px var(--color31);
}
.VietXfAdvStats h3 .VietXfAdvStats_Header {
color: var(--color50);
}