#uix_welcomeBlock.uix_welcomeBlock_fixed {
color: rgb(0, 188, 225) !important;
background-color: #181818 !important;
}
.dark_postrating_bar_neutral, .dark_postrating_bar {
background: #151515 !important;
border: 1px solid rgb(70, 70, 70) !important;
}
.bbCodeQuote .attribution { color: #fff !important; background-color: #111 !important; border-bottom: 1px solid #30cce8 !important; border-left: 2px solid #30cce8 !important; }
.bbCodeQuote .quoteContainer { background-color: #181818 !important; border-left: 2px solid #30cce8 !important; }
.bbCodeQuote { border-color: #30cce8 !important; }
.groupStackAlert {
background: #181818 !important;
background-image: none !important;
border: 1px solid #0099ff !important;
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3) !important;
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3) !important;
-khtml-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3) !important;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3) !important;
}
.Team_navItem.selected, .Team_NavContainer .Team_navItem:hover {
background-color: #181818 !important;
}
.Team_userNav .Team_menuPopup .Team_subMenu, .Team_ListCardBody .mdl-card__supporting-text { background-color: #181818 !important;
}
.Team_menuName {
color: #fff !important;
background-color: #111 !important;
}
.Team_ListCardBody .mdl-card__supporting-text { color: #fff !important; }
.Team_userNav, .Team_mainNav, .Team_NavContainer .Team_navInner, .coverLayout .coverPhoto, .Team_GridCards .mdl-card__title, .mdl-card__actions.mdl-card--border { background: #111 !important; }
.primez {
color: white;
text-shadow: 0px 0px 5px #0099ff;
font-weight: 300;
}
.surpremez {
color: white;
text-shadow: 0px 0px 5px #F354F5;
font-weight: 300;
}
#siropuChatMessages { background-color: rgb(45, 45, 45) !important; }
#siropuChatUsers { background-color: #181818 !important; }
#siropuChatHeader { background: #111 !important; }
#siropuChatMessages > li .DateTime { background-color: #181818 !important; }
.xengallerySideBarContainer .xengallerySideBar .section h3 { border-bottom:1px solid #00BCE1 !important; color: #fff !important; text-shadow: 1px 1px 1px #000 !important; }
.subHeading { background-color: #111 !important; }
.DonationGoal .ProgressMeter {background-color: #111 !important;}
.DonationGoal .ProgressMeter .ProgressGraphic {background: #00BCE1 !important; }
.levelBar .Progress .gauge { border: 1px solid #181818 !important; background-color: #111 !important; }
.levelBar .Progress .gauge .Meter { background: #00BCE1 !important; }
#loginBar .xenForm .ctrlUnit > dt label { color:#fff !important; }
#loginBar .button.primary { background-color: rgb(36, 37, 38) !important; }
.node .nodeText .nodeTitle a { color: #fff !important; }
.node .nodeText .nodeTitle a:hover { color: #00BCE1 !important; text-decoration: none !important; }
.categoryStrip { text-shadow: 1px 1px 1px #000 !important; }
::-webkit-scrollbar{width:6px;background:#222;padding:3px;}::-webkit-scrollbar-thumb{background:#00BCE1;border-radius:30px;}::-webkit-scrollbar-corner{background:#333;}
.PanelScroller .panel { -moz-box-shadow: inset 0 0 10px #000000 !important; -webkit-box-shadow: inset 0 0 10px #000000 !important; box-shadow: inset 0 0 10px #000000 !important; background: #181818 url('styles/custcat.png') repeat !important; background-color: #181818 !important; color: #00bce1 !important; }
.PanelScroller .scrollContainer{ border: 1px solid #ff4500 !important; }
.Notices .panel .noticeContent { color: #ff4 !important; }
.PanelScroller .navControls a.current, .PanelScroller .navControls a { border: 1px solid #ff4500 !important; color: #ff4 !important; }
.message .dark_postrating.likesSummary, .dark_postrating { background: #181818 url('styles/gencat.png') repeat !important; border: 1px solid #30cce8 !important; -moz-box-shadow: inset 0 0 10px #000000 !important; -webkit-box-shadow: inset 0 0 10px #000000 !important; box-shadow: inset 0 0 10px #000000 !important; }
.postItemCount.alert, .uix_nodeTitle_status { color: #00BCE1 !important; }
.uix_nodeTitle_status { background-color: #111 !important; }
.menu_scroll { color:#00BCE1 !important; border: 1px solid rgb(70, 70, 70) !important; background-color:#181818 !important; -moz-box-shadow: inset 0 0 10px #000000 !important; -webkit-box-shadow: inset 0 0 10px #000000 !important; box-shadow: inset 0 0 10px #000000 !important; }
.node .nodeLastPost { background-color:#181818 !important; -moz-box-shadow: inset 0 0 10px #000000 !important; -webkit-box-shadow: inset 0 0 10px #000000 !important; box-shadow: inset 0 0 10px #000000 !important; }
.VietXfAdvStats h3 { background:#181818 url("styles/custcat.png") repeat !important; -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; text-shadow: 1px 1px 1px #000 !important; }
.sidebar .section .secondaryContent h3, .xmgCarouselContainer .sectionMain .titleStrip { background:#181818 url("styles/gencat.png") repeat !important; -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; color: #fff !important; text-shadow: 1px 1px 1px #000 !important; }
.sidebar .section .secondaryContent h3 a,.xmgCarouselContainer .sectionMain .titleStrip a { color: #fff !important; text-shadow: 1px 1px 1px #000 !important; }
#siropuChatHeader { background:#181818 url("styles/gencat.png") repeat !important; -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; color: #fff !important; text-shadow: 1px 1px 1px #000 !important; }
#siropuChatHeader > h3 { color:#fff !important; }
.node_103 .categoryStrip,.node_109 .categoryStrip,.node_98 .categoryStrip, .node_72 .categoryStrip, .node_61 .categoryStrip,.node_46 .categoryStrip, .node_1 .categoryStrip, .node_3 .categoryStrip,.node_8 .categoryStrip, .node_12 .categoryStrip, .node_17 .categoryStrip { background:#181818 url("styles/funcat.png") repeat !important; -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; text-shadow: 1px 1px 1px #000 !important; }
.node.level_2 .nodeInfo { border-top: none; }
.nodeList .categoryStrip .categoryStripIcon {color: #00BCE1 !important;}
.forum_list .nodeList .nodeList { border-left: 3px solid #181818 !important; border-top: 3px solid #181818 !important; background: rgb(45, 45, 45) !important; }
.xenOverlay.memberCard .userInfo .userStats { float: left; width: 49% !important; border-right: 1px solid #556655 !important; }
.xenOverlay.memberCard .userInfo .userStats dd { float: right !important; }
.xenOverlay.memberCard .userInfo .userStats dt { float: left; clear: both; }
.xenOverlay.memberCard .lastActivity { float: right; width: 49% !important; margin-top: 0px !important; padding-top: 0px !important; border-top: 0 !important; }
.xenOverlay.memberCard .lastActivity.pairsInline dt { float: left; clear: both; }
.xenOverlay.memberCard .lastActivity.pairsInline dd { float: left; clear: both; }
.userBanner.bannerLightGreen { color: #009900 !important; background-color: #181818 !important; border-color: #009900 !important; }
.userBanner.bannerLightGreen.wrapped span { background-color: #009900 !important; }
.userBanner.bannerSilver { color: rgb(70, 70, 70) !important; background-color: #181818 !important; border-color: rgb(70, 70, 70) !important; }
.userBanner.bannerSilver.wrapped span { background-color: rgb(70, 70, 70) !important; }
.userBanner.bannerSkyBlue { color: #30cce8 !important; background-color: #181818 !important; border-color: #30cce8 !important; }
.userBanner.bannerSkyBlue.wrapped span { background-color: #30cce8 !important; }
.userBanner.bannerStaff { text-shadow: 1px 1px 1px #000 !important; color: #30cce8 !important; background-color: #181818 !important; border-color: #30cce8 !important; }
.userBanner.bannerStaff.wrapped span { background-color: #30cce8 !important; }
.userBanner.bannerRed { text-shadow: 1px 1px 1px #000 !important; color: #ff0000 !important; background-color: #181818 !important; border-color: #ff0000 !important; }
.userBanner.bannerRed.wrapped span { background-color: #ff0000 !important; }
.userBanner.bannerYellow { text-shadow: 1px 1px 1px #000 !important; color: #ff4 !important; background-color: #181818 !important; border-color: #ff4 !important; }
.userBanner.bannerYellow.wrapped span { background-color: #ff4 !important; }
.userBanner.bannerOrange { text-shadow: 1px 1px 1px #000 !important; color: #ff4500 !important; background-color: #181818 !important; border-color: #ff4500 !important; }
.userBanner.bannerOrange.wrapped span { background-color: #ff4500 !important; }
.userBanner.bannerBlue { text-shadow: 1px 1px 1px #000 !important; color: #9900CC !important; background-color: #181818 !important; border-color: #9900CC !important; }
.userBanner.bannerBlue.wrapped span { background-color: #9900CC !important; }
.userBanner.bannerRookie { text-shadow: 1px 1px 1px #000 !important; color: #00b359 !important; background-color: #181818 !important; border-color: #00b359 !important; }
.userBanner.bannerRookie.wrapped span { background-color: #00b359 !important; }
.userBanner.bannerActive { text-shadow: 1px 1px 1px #000 !important; color: #ff8000 !important; background-color: #181818 !important; border-color: #ff8000 !important; }
.userBanner.bannerActive.wrapped span { background-color: #ff8000 !important; }
.userBanner.bannerDedicated { text-shadow: 1px 1px 1px #000 !important; color: #4da6ff !important; background-color: #181818 !important; border-color: #4da6ff !important; }
.userBanner.bannerDedicated.wrapped span { background-color: #4da6ff !important; }
.userBanner.bannerProfessional { text-shadow: 1px 1px 1px #000 !important; color: #0059b3 !important; background-color: #181818 !important; border-color: #0059b3 !important; }
.userBanner.bannerProfessional.wrapped span { background-color: #0059b3 !important; }
.userBanner.bannerMaster { text-shadow: 1px 1px 1px #000 !important; color: #00b3b3 !important; background-color: #181818 !important; border-color: #00b3b3 !important; }
.userBanner.bannerMaster.wrapped span { background-color: #00b3b3 !important; }
.userBanner.bannerEnlightened { text-shadow: 1px 1px 1px #000 !important; color: #a64dff !important; background-color: #181818 !important; border-color: #a64dff !important; }
.userBanner.bannerEnlightened.wrapped span { background-color: #a64dff !important; }
.discussionList .sectionHeaders { background-color: #181818 !important; }
<!-- .avatar:hover, .avatar img:hover, .img.s:hover{ -moz-transition: all 5s ease-in-out; -webkit-transition: all 5s ease-in-out; -o-transition: all 5s ease-in-out; -ms-transition: all 5s ease-in-out; transition: all 5s ease-in-out; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } -->
.articleItem .subHeading { background: #181818 url("styles/funcat.png") repeat !important; }
.servers td { border-color: rgb(70, 70, 70) !important; }
.servers { border: 1px solid rgb(70, 70, 70) !important; }
.postItemCount.alert { background: #111 !important; }
.gameList .sectionHeaders {background: #111 !important; }
.postItemCount { background: #181818 !important; }
/* --- Sign Up Button Tweaks --- */
@-webkit-keyframes redPulse {
from { background-color: #16adcb; -webkit-box-shadow: 0 0 9px #333; }
50% { background-color: #00BCE1; -webkit-box-shadow: 0 0 18px #16adcb; }
to { background-color: #16adcb; -webkit-box-shadow: 0 0 9px #333; }
}
@-moz-keyframes redPulse {
from { background-color: #16adcb; -moz-box-shadow: 0 0 9px #333; }
50% { background-color: #00BCE1; -moz-box-shadow: 0 0 18px #16adcb; }
to { background-color: #16adcb; -moz-box-shadow: 0 0 9px #333333; }
}
@-o-keyframes redPulse {
from { background-color: #16adcb; -o-box-shadow: 0 0 9px #333; }
50% { background-color: #00BCE1; -o-box-shadow: 0 0 18px #16adcb; }
to { background-color: #16adcb; -o-box-shadow: 0 0 9px #333; }
}
@keyframes redPulse {
from { background-color: #16adcb; box-shadow: 0 0 9px #333; }
50% { background-color: #00BCE1; box-shadow: 0 0 18px #16adcb; }
to { background-color: #16adcb; box-shadow: 0 0 9px #333; }
}
#SignupButton {
border: none !important;
background: transparent !important;
}
#SignupButton .inner {
-webkit-animation-name: redPulse;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: redPulse;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-o-animation-name: redPulse;
-o-animation-duration: 2s;
-o-animation-iteration-count: infinite;
animation-name: redPulse;
animation-duration: 2s;
animation-iteration-count: infinite;
background: none repeat scroll 0% 0% #16adcb !important;
}
#SignupButton:hover .inner {
background: #ff6c6e !important;
}
/* Member card stats and last activity in two columns */
.xenOverlay.memberCard .userInfo .userStats {
float: left;
width: 49% !important;
border-right: 1px solid #556655 !important;
}
.xenOverlay.memberCard .userInfo .userStats dd {
float: right !important;
}
.xenOverlay.memberCard .userInfo .userStats dt {
float: left;
clear: both;
}
.xenOverlay.memberCard .lastActivity {
float: right;
width: 49% !important;
margin-top: 0px !important;
padding-top: 0px !important;
border-top: 0 !important;
}
.xenOverlay.memberCard .lastActivity.pairsInline dt {
float: left;
clear: both;
}
.xenOverlay.memberCard .lastActivity.pairsInline dd {
float: left;
clear: both;
}
.memberCard .userLevel .userLevelNum,.userLevel .userLevelNum { color: #fff !important; }
.memberCard .userLevel,.userLevel { border-color: #00BCE1 !important; }
/* REDACTOR HOVER */
.redactor_color_link:hover {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
transform: scale(2,2);
-ms-transform: scale(2,2); /* IE 9 */
-webkit-transform: scale(2,2); /* Safari and Chrome */}
/* COLLAPSE AUTHOR */
.messageUserBlock .extraUserInfo
{
opacity: 0;
max-height: 0px;
overflow: hidden;
transition: all 0.5s ease-in-out;
}
.messageUserInfo:hover .extraUserInfo
{
opacity: 1;
max-height: 300px;
}
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth)
{
html .messageUserBlock .extraUserInfo
{
opacity: 1;
height: auto;
transition: none;
}
.messageUserInfo:hover .extraUserInfo
{
height: auto;
}
}
</xen:if>
.navTabs .navTab.BRKC_keyCode { display:none !important; }
.navTabs .navTab.MasterBadge { display:none !important; }
.navTabs .navTab.BR_store { display:none !important; }
.navTabs .navTab.arcade .navLink:before{ content: "\f11b"; }
.navTabs .publicTabs .navTab .navLink:before{ color: #FFF; font-family: FontAwesome; font-weight: normal; margin-right: 5px; }
.navTabs .navTab.home .navLink:before{ content: "\f015"; }
.navTabs .navTab.forums .navLink:before{ content: "\f0e6"; }
.navTabs .navTab.resources .navLink:before{ content: "\f008"; }
.navTabs .navTab.members .navLink:before { content: "\f0c0"; }
.navTabs .navTab.competitions .navLink:before { content: "\f091"; }
.navTabs .navTab.donations .navLink:before { content: "\f155"; }
.navTabs .navTab.xengallery .navLink:before { content: "\f03e"; }
.navTabs .navTab.nodetab27 .navLink:before { content: "\f059"; }
.navTabs .navTab.articles .navLink:before { content: "\f015"; }
.navTabs .navTab.groups .navLink:before { content: "\f21b"; }
.navTabs .navTab.teams .navLink:before { content: "\f21b"; }
.navTabs .navTab.teams .navLink:before { content: "\f21b"; }
.navTabs .navTab.streams .navLink:before { content: "\f1e8"; }
@keyframes blink { to { color: #ff4500;
text-shadow: 0px 0px 8px rgb(0, 188, 225);
font-weight: 300; } }
.navTabs .navTab.nodetab125 .navLink { animation: blink 2s steps(2, start) infinite; color:#ff5 !important; }
.navTabs .navTab.nodetab125 .navLink:before { animation: blink 2s steps(2, start) infinite; color:#ff5 !important; content: "\f219"; }
.navTab.account a strong:before,
.navTab.inbox a:before,
.navTab.alerts a:before,
#AccountMenu .menuColumns a:before,
.tabLinks a:before,
.breadcrumb a.jumpMenuTrigger:before,
.nodeIcon:before,
.forum_list .sidebar .section h3:before,
.node .nodeLastPost .lastThreadTitle span:before,
.messageMeta .control:before,
.Responsive #QuickSearchPlaceholder:before,
.LoggedIn .discussionListItem .unreadLink:before,
.LoggedIn .discussionListItem .ReadToggle:before{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 0px;
font-size: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
/* color: inherit !important; */
}
#AccountMenu .menuColumns a:before{ font-size: 14px !important; opacity: 0.6; position: relative; left: -3px; }
#AccountMenu .menuColumns a:hover:before{ opacity: 1; }
#AccountMenu a[href*="/personal-details"]:before{ content: "\f007" }
#AccountMenu a[href*="/signature"]:before{ content: "\f040" }
#AccountMenu a[href*="/contact-details"]:before{ content: "\f0e0" }
#AccountMenu a[href*="/privacy"]:before{ content: "\f06e" }
#AccountMenu a[href*="/preferences"]:before{ content: "\f14a" }
#AccountMenu a[href*="/alert-preferences"]:before{ content: "\f0ac" }
#AccountMenu a[href*="/avatar"]:before{ content: "\f03e" }
#AccountMenu a[href*="/security"]:before{ content: "\f084" }
#AccountMenu a[href*="/news-feed"]:before{ content: "\f03a" }
#AccountMenu a[href*="conversations"]:before{ content: "\f036" }
#AccountMenu a[href*="/alerts"]:before{ content: "\f0ac" }
#AccountMenu a[href*="/likes"]:before{ content: "\f087" }
#AccountMenu a[href*="search/member"]:before{ content: "\f0cb" }
#AccountMenu a[href*="/following"]:before{ content: "\f061" }
#AccountMenu a[href*="/ignored"]:before{ content: "\f05e" }
#AccountMenu a[href*="logout"]:before{ content: "\f053" }
#AccountMenu a[href*="account/external-accounts"]:before{ content: "\f230" }
#AccountMenu a[href*="/badges"]:before{ content: "\f091" }
#AccountMenu a[href*="account/ratings-received"]:before{ content: "\f164" }
#AccountMenu a[href*="account/ratings-given"]:before{ content: "\f005" }
#AccountMenu a[href*="adcredits"]:before{ content: "\f0e7" }
#AccountMenu a[href*="account/two-step"]:before{ content: "\f10b" }
#AccountMenu { width: 294px; }
#AccountMenu .menuColumns a:before{ margin: -1px 7px 0 0; font-size: 11px; width: 10px; }
#AccountMenu .menuColumns a, #AccountMenu .menuColumns label { width: 125px; }
#AccountMenu .statusPoster textarea { width: 265px; }
.tabLinks a:before{ margin: -1px 7px 0 0; font-size: 14px; }
.tabLinks a[href*="/mark-read"]:before{ content: "\f14a" }
.tabLinks a[href*="search/"]:before{ content: "\f002" }
.tabLinks a[href*="watched/forums"]:before{ content: "\f06e" }
.tabLinks a[href*="watched/threads"]:before{ content: "\f06e" }
.tabLinks a[href*="watched/media"]:before{ content: "\f06e" }
.tabLinks a[href*="find-new/media"]:before{ content: "\f0fe" }
.tabLinks a[href*="find-new/posts"]:before{ content: "\f0fe" }
.tabLinks a[href*="media/add"]:before{ content: "\f0fe" }
.tabLinks a[href*="members/"]:before{ content: "\f007" }
.tabLinks a[href*="online/"]:before{ content: "\f0ac" }
.tabLinks a[href*="recent-activity/"]:before{ content: "\f017" }
.tabLinks a[href*="br-rules/show"]:before{ content: "\f071" }
.tabLinks a[href*="articles/authors"]:before{ content: "\f007" }
.tabLinks a[href*="articles/settings"]:before{ content: "\f013" }
.tabLinks a[href*="competitions/"]:before{ content: "\f091" }
.tabLinks a[href*="competitions/terms"]:before{ content: "\f071" }
.tabLinks a[href*="competitions/create"]:before{ content: "\f058" }
.tabLinks a[href*="competitions/archive"]:before{ content: "\f02d" }
.tabLinks a[href*="find-new/profile-posts"]:before{ content: "\f27a" }
.tabLinks a[href*="donations/list"]:before{ content: "\f0d6" }
.tabLinks a[href*="/mark-viewed"]:before{ content: "\f14a" }