@charset "UTF-8"; /* --- bb_code.css --- */ /* .bbCodeX classes are designed to exist inside .baseHtml. ie: they have no CSS reset applied */ .bbCodeBlock { margin: 1em 144px 1em 0; border: 1px solid rgb(45, 45, 45); border-radius: 2px; overflow: auto; } .bbCodeBlock .bbCodeBlock, .hasJs .bbCodeBlock .bbCodeSpoilerText, .messageList.withSidebar .bbCodeBlock { margin-right: 0; } /* mini CSS reset */ .bbCodeBlock pre, .bbCodeBlock blockquote { margin: 0; } .bbCodeBlock img { border: none; } .bbCodeBlock .type { font-size: 12px; font-family: 'Roboto',Helvetica,Arial,sans-serif; color: rgb(63, 152, 137); background-color: rgb(45, 45, 45); padding: 6px 8px; border-bottom: 1px solid rgb(40, 40, 40); border-top-left-radius: 2px; border-top-right-radius: 2px; } .bbCodeBlock pre, .bbCodeBlock .code { font-size: 12px; font-family: Consolas, 'Courier New', Courier, monospace; background-color: rgb(32, 32, 32); padding: 10px; border-radius: 2px; word-wrap: normal; overflow: auto; line-height: 1.24; min-height: 30px; max-height: 500px; _width: 600px; direction: ltr; } .bbCodeBlock .code { white-space: nowrap; } .bbCodeQuote { overflow: auto; } .bbCodeQuote .attribution { } .bbCodeQuote .quoteContainer { overflow: hidden; position: relative; font-style: italic; font-size: 12px; background-color: rgb(32, 32, 32); padding: 10px; border-radius: 2px; } .bbCodeQuote .quoteContainer .quote { max-height: 150px; overflow: hidden; padding-bottom: 1px; } .NoJs .bbCodeQuote .quoteContainer .quote { max-height: none; } .bbCodeQuote .quoteContainer .quoteExpand { display: none; box-sizing: border-box; position: absolute; height: 80px; top: 90px; left: 0; right: 0; font-size: 11px; line-height: 1; text-align: center; color: rgb(102, 102, 102); cursor: pointer; padding-top: 65px; background: -webkit-linear-gradient(top, rgba(32, 32, 32, 0) 0%, rgb(32, 32, 32) 80%); background: -moz-linear-gradient(top, rgba(32, 32, 32, 0) 0%, rgb(32, 32, 32) 80%); background: -o-linear-gradient(top, rgba(32, 32, 32, 0) 0%, rgb(32, 32, 32) 80%); background: linear-gradient(to bottom, rgba(32, 32, 32, 0) 0%, rgb(32, 32, 32) 80%); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .bbCodeQuote .quoteContainer .quoteExpand.quoteCut { display: block; } .bbCodeQuote .quoteContainer.expanded .quote { max-height: none; } .bbCodeQuote .quoteContainer.expanded .quoteExpand { display: none; } .bbCodeQuote img { max-height: 150px; } .bbCodeQuote iframe, .bbCodeQuote .fb_iframe_widget, .bbCodeQuote object, .bbCodeQuote embed { max-width: 200px; max-height: 150px; } .bbCodeQuote iframe:-webkit-full-screen { max-width: none; max-height: none; } .bbCodeQuote iframe:-moz-full-screen { max-width: none; max-height: none; } .bbCodeQuote iframe:-ms-fullscreen { max-width: none; max-height: none; } .bbCodeQuote iframe:fullscreen { max-width: none; max-height: none; } .bbCodeSpoilerButton { margin: 5px 0; max-width: 99%; } .bbCodeSpoilerButton > span { display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .hasJs .bbCodeSpoilerText { display: none; background-color: rgb(59, 59, 59); padding: 5px; margin-top: 5px; margin-right: ; margin-bottom: 5px; border: 1px solid rgb(40, 40, 40); border-radius: 2px; overflow: auto; } .hasJs .bbCodeSpoilerText .bbCodeSpoilerText, .hasJs .bbCodeSpoilerText .bbCodeBlock, .hasJs .messageList.withSidebar .bbCodeSpoilerText { margin-right: 0; } .NoJs .bbCodeSpoilerContainer { background-color: rgb(237, 237, 237); /* fallback for browsers without currentColor */ background-color: currentColor; } .NoJs .bbCodeSpoilerContainer > .bbCodeSpoilerText { visibility: hidden; } .NoJs .bbCodeSpoilerContainer:hover { background-color: transparent; } .NoJs .bbCodeSpoilerContainer:hover > .bbCodeSpoilerText { visibility: visible; } /* --- login_bar.css --- */ /** Login bar basics **/ #loginBar { color: rgb(237, 237, 237); background-color: rgb(16, 17, 18); border-bottom: 1px solid rgb(28, 31, 34); position: relative; z-index: 1; } #loginBar .ctrlWrapper { margin: 0 10px; } #loginBar .pageContent { padding-top: 5px; position: relative; _height: 0px; } #loginBar a { color: rgb(63, 152, 137); } #loginBar form { padding: 5px 0; margin: 0 auto; display: none; line-height: 20px; position: relative; } #loginBar .xenForm .ctrlUnit, #loginBar .xenForm .ctrlUnit > dt label { margin: 0; border: none; } #loginBar .xenForm .ctrlUnit > dd { position: relative; } #loginBar .lostPassword, #loginBar .lostPasswordLogin { font-size: 11px; } #loginBar .rememberPassword { font-size: 11px; } #loginBar .textCtrl { color: rgb(63, 152, 137); background-color: rgb(59, 59, 59); border-color: rgb(68, 68, 68); } #loginBar .textCtrl[type=text] { font-weight: bold; font-size: 18px; } #loginBar .textCtrl:-webkit-autofill /* http://code.google.com/p/chromium/issues/detail?id=1334#c35 */ { background: rgb(59, 59, 59) !important; color: rgb(63, 152, 137); } #loginBar .textCtrl:focus { background-image: none; border-color: rgb(59, 59, 59); } #loginBar input.textCtrl.disabled { color: rgb(150,150,150); background-color: rgb(16, 17, 18); border-style: dashed; } #loginBar .button { min-width: 85px; *width: 85px; } #loginBar .button.primary { font-weight: bold; } /** changes when eAuth is present **/ #loginBar form.eAuth { -x-max-width: 710px; /* normal width + 170px */ } #loginBar form.eAuth .ctrlWrapper { border-right: 1px dotted rgb(23, 25, 27); margin-right: 210px; box-sizing: border-box; } #loginBar form.eAuth #eAuthUnit { position: absolute; top: 0px; right: 10px; } #eAuthUnit li { margin-top: 10px; line-height: 0; } /** handle **/ #loginBar #loginBarHandle { font-size: 12px; color: rgb(200,200,200); background-color: rgb(16, 17, 18); padding: 0 10px; margin-right: 20px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; position: absolute; right: 0px; bottom: -20px; text-align: center; z-index: 1; line-height: 20px; box-shadow: 0px 2px 5px rgb(16, 17, 18); } /* --- member_view.css --- */ .profilePage { } /* clearfix */ .profilePage { zoom: 1; } .profilePage:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .profilePage .mast { float: left; width: 192px; padding-right: 10px; border-right: 1px solid rgb(40, 40, 40); } .profilePage .mainProfileColumn { margin-left: 202px; border-left: 1px solid rgb(40, 40, 40); zoom: 1; } /** ************************ **/ .profilePage .mast .section { } .profilePage .mast .sectionFooter { border-left: 1px solid rgb(40, 40, 40); border-right: 1px solid rgb(40, 40, 40); text-align: right; } /** ************************ **/ .profilePage .mast .followBlocks .section { margin-bottom: 20px; } .profilePage .mast .followBlocks .primaryContent.avatarHeap { border: 1px solid rgb(40, 40, 40); border-top: none; } /** ************************ **/ .profilePage .mast .section.infoBlock { padding: 2px; margin-bottom: 20px; border: 1px solid rgb(40, 40, 40); border-radius: 2px; } .profilePage .mast .section.infoBlock .primaryContent, .profilePage .mast .section.infoBlock .secondaryContent { overflow: hidden; } .profilePage .mast .section.infoBlock .primaryContent:last-child, .profilePage .mast .section.infoBlock .secondaryContent:last-child { border: none; } .profilePage .infoBlock dt { font-size: 12px; } .profilePage .infoBlock dd { font-size: 12px; } .profilePage .infoBlock .dob, .profilePage .infoBlock .age { white-space: nowrap; } .profilePage .mast .shareControl { margin-top: 10px; } .profilePage .mast .sharePage iframe { width: 160px; height: 20px; } /* ***************************** */ /** [ Items...........(count) ] **/ .textWithCount { overflow: hidden; zoom: 1; } .textWithCount .text { float: left; } .textWithCount .count { float: right; } .textWithCount.subHeading .text { color: rgb(237, 237, 237); } .textWithCount.subHeading .count { margin: -3px 0; padding: 2px 6px; border-radius: 2px; border: 1px solid rgb(40, 40, 40); background-color: rgb(20, 21, 23); color: rgb(237, 237, 237); } /** ************************ **/ .profilePage .primaryUserBlock { border-top: 1px solid rgb(40, 40, 40); } .profilePage .primaryUserBlock .mainText { padding-bottom: 39px; } .profilePage .primaryUserBlock .followBlock { float: right; text-align: right; } .profilePage .primaryUserBlock .followBlock li { float: right; margin-left: 10px; } .profilePage .primaryUserBlock .followBlock .muted { clear: both; } .profilePage .primaryUserBlock h1 { font-size: 16px; } .profilePage .primaryUserBlock .userBlurb { margin-bottom: 5px; } .profilePage .primaryUserBlock .userBanners .userBanner { display: inline-block; margin-bottom: 5px; } .profilePage .primaryUserBlock .userStatus { font-size: 14px; font-family: 'Verdana',Arial,sans-serif; line-height: 1.6; font-style: italic; font-size: 12px; padding-top: 5px; } .profilePage .primaryUserBlock .lastActivity { font-size: 12px; padding-top: 5px; margin-top: 5px; border-top: 1px solid rgb(40, 40, 40); } .profilePage .primaryUserBlock .userStatus .DateTime { color: rgb(150,150,150); font-size: 10px; } .profilePage .primaryUserBlock .primaryContent, .profilePage .primaryUserBlock .secondaryContent { padding-left: 20px; border: none; } .profilePage .moderatorToolsPopup.Popup .PopupControl.PopupOpen { background-image: none; } .profilePage .tabs.mainTabs { padding: 0 20px; margin-top: -26px; min-height: 26px; height: auto; position: relative; /* ensure separate stacking context from .mainText */ background: rgb(16, 17, 18); } .profilePage .tabs.mainTabs li a { padding-left: 25px; padding-right: 25px; line-height: 25px; height: 25px; } .profilePage .tabs.mainTabs li a:hover { } .profilePage .tabs.mainTabs li.active a { background-color: rgb(28, 28, 28); } .profilePage .profileContent { margin-left: 20px; } .profilePage .profilePoster { padding-bottom: 10px; position: relative; } .profilePage .profilePoster textarea { height: 54px; width: 100%; box-sizing: border-box; *width: 98%; resize: vertical; } .profilePage .profilePoster .submitUnit { margin-top: 5px; text-align: right; } .profilePage .profileContent .InlineMod { overflow: hidden; zoom: 1; } .contactInfo, .aboutPairs { max-width: 500px; } .contactInfo dl, .aboutPairs dl { margin-bottom: 5px; } .contactInfo dt, .aboutPairs dt { width: 30%; } .contactInfo dd, .aboutPairs dd { width: 68%; } .aboutPairs { margin-bottom: 1em; } .signature { font-size: 14px; font-family: 'Verdana',Arial,sans-serif; line-height: 1.6; /*border: 1px solid rgb(45, 45, 45); padding: 10px;*/ } .profilePage .eventList li { padding-left: 0; } .profilePage .searchResult:first-child { margin-top: -5px; } /* --- message_simple.css --- */ /* inline mod stuff */ .messageSimpleList .messageSimple.InlineModChecked { background: url(rgba.php?r=38&g=38&b=38&a=102); background: rgba(38, 38, 38, 0.4); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66262626,endColorstr=#66262626); } /* note that .messageSimple needs to be enclosed in a .messageSimpleList container */ .messageSimpleList.topBorder { border-top: 1px @xbPrimaryBordersolid; padding-bottom: 5px; } .messageSimple { overflow: hidden; zoom: 1; padding: 0; padding-bottom: 10px; margin: 10px 0; } .messageSimpleList.contained .messageSimple { padding: 10px; margin: 0; } .messageSimple .avatar { float: left; font-size: 0; } .messageSimple .messageInfo { margin-left: 65px; } .messageSimple .messageContent { min-height: 35px; } .messageSimple .messageContent article, .messageSimple .messageContent blockquote { display: inline; } .messageSimple .poster { font-weight: bold; } .messageSimple .messageMeta { overflow: hidden; zoom: 1; font-size: 12px; line-height: 14px; padding-top: 5px; } .messageSimple .privateControls { float: left; } .messageSimple .privateControls .item { float: left; margin-right: 10px; } .messageSimple .publicControls { float: right; } .messageSimple .publicControls .item { float: left; margin-left: 10px; } .messageNotices li { font-size: 12px; color: rgb(100,100,100); background-color: rgb(16, 17, 18); padding: 5px; margin: 10px 0; border: 1px solid rgb(40, 40, 40); border-radius: 2px; line-height: 16px; } .messageNotices .icon { float: right; } /* deleted / ignored message placeholder */ .messageSimpleList .messageSimple.placeholder { border: none; margin: 10px 0; padding: 0; } .messageSimpleList .placeholder .placeholderContent { overflow: hidden; zoom: 1; border: 1px solid rgb(40, 40, 40); background-color: rgb(16, 17, 18); padding: 5px; border-radius: 2px; color: rgb(100,100,100); font-size: 12px; } .messageSimpleList .placeholder a.avatar { float: left; margin-right: 5px; display: block; } .messageSimpleList .placeholder a.avatar img { width: 24px; height: 24px; display: block; } .messageSimpleList .placeholder .privateControls { margin-top: 2px; } /* likes and comments */ .messageSimple .messageResponse { margin-top: 10px; font-size: 12px; max-width: 450px; _width: 450px; } .messageSimple .comment, .messageSimple .secondaryContent { overflow: hidden; zoom: 1; margin-top: 2px; padding: 5px; } .messageSimple .comment .avatar img { float: left; width: 32px; height: 32px; } .messageSimple .comment .commentInfo, .messageSimple .comment .elements { margin-left: 42px; } .messageSimple .comment .commentInfo .likesSummary { background: none; border: none; padding: 5px 0 0; } .messageSimple .comment .commentContent { min-height: 19px; } .messageSimple .comment.deleted .commentContent { color: rgb(200,200,200); font-size: 12px; } .messageSimple .commentContent article, .messageSimple .commentContent blockquote { display: inline; } .messageSimple .comment .commentControls { margin-top: 5px; } .messageSimple .comment .commentControls .item { margin-left: 10px; } .messageSimple .comment textarea { display: block; width: 100%; box-sizing: border-box; *width: 96%; max-height: 100px; resize: vertical; } .messageSimple .comment .submit { margin-top: 5px; text-align: right; } /* --- notices.css --- */ .hasJs .FloatingContainer .Notice { display: none; } .FloatingContainer { position: fixed; width: 300px; z-index: 9997; top: auto; left: auto; bottom: 0; right: 20px; } .Notices .Notice .blockImage { padding: 10px 0 5px 10px; } .Notices .Notice .blockImage, .FloatingContainer .floatingImage { float: left; } .Notices .Notice .blockImage img, .FloatingContainer .floatingImage img { max-width: 48px; max-height: 48px; } .Notices .hasImage, .FloatingContainer .hasImage { margin-left: 64px; min-height: 52px; } .FloatingContainer .floatingItem { display: block; padding: 10px; font-size: 11px; position: relative; margin-bottom: 20px; border: 1px solid transparent; border-radius: 6px; box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); } .FloatingContainer .floatingItem.primary { background-color: rgb(16, 17, 18); border-color: rgb(40, 40, 40); } .FloatingContainer .floatingItem.secondary { color: rgb(39, 39, 39); background-color: rgb(102, 102, 102); border-color: rgb(32, 32, 32); } .FloatingContainer .floatingItem.dark { color: #fff; background: black; background: url(rgba.php?r=0&g=0&b=0&a=204); background: rgba(0,0,0, 0.8); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); border-color: #333; } .FloatingContainer .floatingItem.light { color: #000; background: white; background: url(rgba.php?r=255&g=255&b=255&a=204); background: rgba(255,255,255, 0.8); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF); border-color: #ddd; } .FloatingContainer .floatingItem .title { font-size: 14px; padding-bottom: 5px; font-weight: bold; display: block; } .FloatingContainer .floatingItem .DismissCtrl { position: static; float: right; margin-left: 5px; margin-right: -5px; margin-top: -5px; } .Notices { display: none; } /* --- xb.css --- */ .navTabs .navLink, .navTabs .SplitCtrl { line-height: 105px; } .navTabs .navTab.searchMini .navLink .fa, .navTabs .visitorTabs .navLink .miniMe { display: none; } .navTabs .navLink:before { color: rgb(255, 255, 255); content: "\f105"; font-family: FontAwesome; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 10px; line-height: 1; font-size: 30px; font-weight: normal; } .xbUserPanelBox .navTabs .navLink:before { display: none; } #navigation .navTabs .navigationHiddenTabs, #navigation .navTabs .menuIcon { height: 70px; } .navTabs .navTab.xbNavLogo .navLink:before, .navTabs .navTab.navigationHiddenTabs .navLink:before { display: none; } .navTabs .navLink { background-image: none !important; } .navTabs .navTab.home .navLink:before { content: "\f015"; } .navTabs .navTab.forums .navLink:before { content: "\f0e6"; } .navTabs .navTab.resources .navLink:before { content: "\f1b3"; } .navTabs .navTab.members .navLink:before { content: "\f0c0"; } .navTabs .navTab.searchMini .navLink:before { content: "\f002"; } .navTabs .navTab.xengallery .navLink:before { content: "\f03d"; } .navTabs .navTab.account .navLink:before { content: "\f0b1"; } .navTabs .navTab.inbox .navLink:before { content: "\f0e0"; } .navTabs .navTab.alerts .navLink:before { content: "\f0f3"; } .navTabs .navTab.xbGuestLogin .navLink:before { content: "\f090"; } .navTabs .navTab.nixfifty_tickets .navLink:before { content: "\f02c"; } .navTabs .navTab.help .navLink:before { content: "\f1cd"; } /** 3rd Party **/ .navTabs .navTab.raffles .navLink:before { content: "\f145"; } .navTabs .navTab.streams .navLink:before { content: "\f1e8"; } .navTabs .navTab.groups .navLink:before { content: "\f1b3"; } .navTabs .navTab.xenproduct .navLink:before { content: "\f07a"; } .navTabs .navTab.steam .navLink:before { content: "\f1b7"; } .navTabs .navTab.faq .navLink:before { content: "\f059"; } .navTabs .navTab.chat .navLink:before { content: "\f27a"; } .navTabs .navTab.xfsoccer .navLink:before { content: "\f27a"; } .navTabs .navTab.articles .navLink:before { content: "\f015"; } .navTabs .navTab.ams .navLink:before { content: "\f015"; } .navTabs .navTab.wiki .navLink:before { content: "\f0ac"; } .navTabs .navTab.calendar .navLink:before { content: "\f073"; } .navTabs .navTab.media .navLink:before { content: "\f03d"; } .navTabs .navTab.donations .navLink:before { content: "\f004"; } .navTabs .navTab.tournaments .navLink:before { content: "\f091"; } .navTabs .navTab.xennotices .navLink:before { content: "\f0a1"; } .navTabs .navTab.MasterBadge .navLink:before { content: "\f286"; } .navTabs .navTab.quotes .navLink:before { content: "\f10e"; } .navTabs .navTab.showcase .navLink:before { content: "\f07c"; } .navTabs .navTab.postRatings .navLink:before { content: "\f164"; } .navTabs .navTab.navBookmarks .navLink:before { content: "\f02e"; } .navTab .navLink { position: relative; } #navigation .navTabs .visitorTabs .navLink { padding: 0 20px; } .navTabs .navTab { border-right: 1px solid rgb(59, 62, 64); border-right: 1px solid rgba(59, 62, 64, 0.52); _border-right: 1px solid rgb(59, 62, 64); border-left: 1px solid rgb(0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0.30); _border-left: 1px solid rgb(0, 0, 0); } .XenBase #moderatorBar .navTab.PopupOpen a.navLink span, .XenBase .prefix.prefixSecondary, .XenBase .prefix.prefixPrimary { color: rgb(237, 237, 237); } .Menu .secondaryContent { background: url(styles/fragzone/xenforo/sources/sidebarPolyBR.png) no-repeat right bottom; } .Menu .primaryContent { background: url(styles/fragzone/xenforo/sources/sidebarPolyTL.png) no-repeat left top; } .member_notable .mainContainer .section { background-color: rgb(16, 17, 18); padding: 10px; } .userBanner { background-image: none; } html .profilePage .tabs.mainTabs { padding-bottom: 10px; } html .xenForm .tabs { padding: 5px 15px; } .larger.textHeading, .xenForm .sectionHeader, html #QuickSearch #commonSearches .arrowWidget:before, .Responsive #caltitle, .Responsive #calcurrent, html .pollBlock .questionMark, .Responsive .userBanner.bannerStaff, .messageList .placeholder .placeholderContent, #copyright a { color: rgb(63, 152, 137); } .message .menuIcon, html .pollBlock .question .questionText, html .mediaContainer .statsSection .statSpan, html .mediaContainer .statsSection i { color: rgb(237, 237, 237); } html .container .xengallerySideBar .section h3 a { color: rgb(255, 255, 255); } .search_form .xenForm, .search_form_profile_post .xenForm, .search_form_post .xenForm, .search_form_resource_update .xenForm { background-color: #1A1A1A; border: 1px solid #373737; border-radius: 4px; padding: 10px; } html .messageNotices li { color: rgb(63, 152, 137); background-image: none; } html .navigationSideBar .heading { background-color: #000000; color: rgb(63, 152, 137); font-family: 'Roboto Condensed',Helvetica,Arial,sans-serif; font-size: 14px; font-weight: 700; margin: 3px auto 0; padding: 5px 10px; text-transform: uppercase; } html .pollResult .bar { background-color: rgb(63, 152, 137); } #ProfilePanes { background-color: rgb(20, 21, 23); padding: 10px 10px 10px 0; border-right: 1px solid rgb(40, 40, 40); border-bottom: 1px solid rgb(40, 40, 40); } #headerMover { margin-top: 40px; } @media (max-width:610px) { #navigation .navLink .accountUsername .xbVisitorText { display: block; } } .xenOverlay a.close:before, #redactor_modal_close:before { content: "\f057"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; color: rgb(173, 51, 53); position: relative; top: -3px; right: 1px; text-indent: 0; float: left; font-size: 24px; } /* iOS fixes */ .button.primary, .submitUnit .button, input.button, input[type="button"] { -webkit-appearance: none; -webkit-border-radius: 2px; } .Popup .PopupOpen .arrowWidget:before { content: "\f077"; color: rgb(63, 152, 137); } .Popup .arrowWidget:before { color: rgb(237, 237, 237); content: "\f078"; display: block; font-family: FontAwesome; line-height: 13px; margin-left: 2px; } .navTabs .navTab.PopupClosed:hover .SplitCtrl:before { color: rgb(255, 255, 255); content: "\f0d7"; display: block; font-family: FontAwesome; line-height: 70px; } .navTabs .navTab.PopupClosed:hover .SplitCtrl:before { color: rgb(244, 244, 244); } .navTabs .navTab.PopupClosed:hover .SplitCtrl:hover { text-decoration: none; } .iconKey .fa:hover { cursor: help; } .XenBase .attachment .thumbnail .genericAttachment, .XenBase .AttachmentEditor .AttachedFile .Thumbnail .genericAttachment { background-image: none; line-height: 40px; text-align: center; } .XenBase .attachment .thumbnail .genericAttachment:before, .XenBase .AttachmentEditor .AttachedFile .Thumbnail .genericAttachment:before { color: rgb(237, 237, 237); content: "\f019"; font-family: FontAwesome; font-weight: normal; font-size: 32px; margin-left: 5px; } .XenBase .AttachmentEditor .AttachedFile .Thumbnail .genericAttachment:before { content: "\f093"; } .XenBase .userBanner { font-size: 12px; font-weight: bold; border-radius: 2px; padding: 3px 5px; } .XenBase .userBanner.bannerStaff { background: #234A71; color: #FFF; border: 0; } .XenBase .userBanner.adminBanner { background: #712323; color: #FFF; border: 0; } .XenBase .userBanner.bannerStaff.wrapped span { background-color: #3B6188; } .XenBase .userBanner.adminBanner.wrapped span { background-color: #793A3A; } .XenBase .userBanner.wrapped span.before { top: -3px; left: 0px; } .XenBase .userBanner.wrapped span.after { top: -3px; right: 0px; } .xbOffCanvasList { padding-bottom: 50px; } .xbOffCanvas, .XenBase .xbOffCanvasToggle, .XenBase .xbOffCanvasNew, .xbOffCanvasSubMenu { display: none; } @media (max-width:800px) { html, body { overflow: hidden; } .Responsive .xbOffCanvas { background-color: rgb(33, 33, 33); padding-bottom: 50px; transition: 300ms ease all; position: fixed; top: 0; z-index: 7600; overflow-y: auto; display: block; width: 250px; height: 100%; left: -250px; } .Responsive .marginRight .sidebar { right: 0; } .Responsive .marginLeft .xbOffCanvas { transition: 300ms ease all; left: 0px; } .Responsive .marginRight .xbOffCanvas { transition: 300ms ease all; right: 0px; } .xbOffCanvasSubMenu .secondaryContent { background-color: transparent; border-width: 0; padding: 0; } .Responsive .selected .xbOffCanvasSubMenu { display: block; } .XenBase .navTab .xbOffCanvasArrow { color: rgb(255, 255, 255); float: right; font-size: 16px; padding: 0px 10px; position: relative; z-index: 1; display: block; cursor: pointer; height: 45px; line-height: 45px; } .Responsive .xbOffCanvas .navLink { color: rgb(250, 250, 250); background-color: rgb(33, 33, 33); padding: 0px 15px; border-top: 1px solid rgb(0, 0, 0); border-top: 1px solid rgba(0, 0, 0, 0.18); _border-top: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.08); _border-bottom: 1px solid rgb(255, 255, 255); line-height: 45px; height: 45px; display: block; box-sizing: border-box; } .xbOffCanvas .xbOffCanvasSubMenu a { font-size: 12px; color: rgb(244, 244, 244); background-color: rgb(27, 27, 27); padding: 10px; border-bottom: 1px solid rgb(37, 36, 36); border-radius: 0px; display: block; } .navTab.selected .xbOffCanvasArrow .fa:before { content: "\f077"; } .xbOffCanvasToggle .fa { font-size: 16px; position: relative; top: 1px; } .XenBase .xbOffCanvasNew .fa { font-size: 16px; margin-right: 5px; } .marginLeft .xbOffCanvasToggle .fa:before { content: "\f00d"; } .xbOffCanvasMask { background-color: rgba(45, 45, 45, 0.6); cursor: pointer; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 7500; overflow: hidden; } .XenBase .navTabs .publicTabs .navLink, .XenBase .navTabs .navTab .SplitCtrl, .XenBase .navTab.xbFloatLogoHelper { display: none !important; } .xbOffCanvasContainer { overflow: hidden; transition: 300ms ease all; width: 100%; } .xbOffCanvasContainer.marginLeft { overflow-y: auto; position: relative; transition: 300ms ease all; margin-left: 250px; } .xbOffCanvasContainer.marginRight { overflow-y: auto; position: relative; transition: 300ms ease all; margin-left: -280px; } .xbOffCanvasContainer.marginRight .xbOffCanvasSidebarToggle .fa:before { content: "\f03c"; } .xbOffCanvasControls { float: left; } .XenBase .xbOffCanvasToggle, .XenBase .xbOffCanvasNew { cursor:pointer; padding:0px 10px; height: 70px; line-height: 70px; color: rgb(255, 255, 255); display: inline-block; } .marginLeft .xbOffCanvasMask, .marginRight .xbOffCanvasMask { display: block; } .xbOffCanvas .navLink .itemCount { font-weight: bold; color: white; background-color: rgb(224, 48, 48); border-radius: 2px; position: relative; line-height: 20px; padding: 0px 5px; display: inline-block; text-align: center; white-space: nowrap; word-wrap: normal; height: 20px; margin-left: 5px; font-size: 11px; } .xbOffCanvas .navLink .itemCount .arrow { display: none; } } @media (max-width:480px) { .xbOffCanvasNew span, .xbOffCanvasControls .menuText { display: none; } } @media (min-width:801px) { #logoBlock { display: none; height: 0px;} .Responsive .navTabs .navLink .itemCount { top: 11px; } } @media (max-width:800px) { .navTab.xbNavLogo { display: none !important; } } .xbHiddenText { display: none; } /* clearfix */ #header .pageContent .pageWidth { zoom: 1; } #header .pageContent .pageWidth:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .xbContentWrapper { position: relative; } /* clearfix */ .xbContentWrapper { zoom: 1; } .xbContentWrapper:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } #logoBlock #logo img { max-height: 30px; } .pollBlock .buttons .button { margin-right: 5px; } .xbMaxwidth { max-width: 1180px; margin: 0 auto; } .Menu .xbMaxwidth { max-width: 100%; } /* === Login CSS === */ #xb_eAuthUnit li { margin-top: 5px; } /* === Misc Pages === */ .XenBase .news_feed_page_global .eventList:first-of-type, .XenBase .messageSimpleList.topBorder { border-top-color: rgb(40, 40, 40); } .help_bb_codes .bbCode > dl > dd, .smilieList .smilieText, .smilieList .smilieText:hover { } .titleBar { margin-bottom: 10px; } .textCtrl .arrowWidget:before { font-size: 16px; } .XenBase .navigationSideBar a { font-size: 12px; } .XenBase .navigationSideBar a:hover { color: rgb(228, 228, 228); background-color: rgb(59, 59, 59); background-image: none; } .sharePage .textHeading { color: rgb(224, 48, 48); } .profilePage .textWithCount.subHeading .text { color: rgb(237, 237, 237); } .profilePage .textWithCount.subHeading .count { color: rgb(63, 152, 137); } .XenBase .mediaContainer .statsSection, .XenBase .mediaContainer .statsSection i, .XenBase .mediaLabel.labelStandard { color: rgb(100,100,100); } /* MAGICAL WONDERFUL BREADCRUMB */ .pageContent .breadcrumb .crust .arrow, .pageContent .breadcrumb .crust .arrow span { border-top-width: 16px; border-bottom-width: 16px; border-left-width: 8px; } .pageContent .breadcrumb .crust .arrow { right: -8px; } .pageContent .breadcrumb { height: 32px; } .pageContent .breadcrumb .crust a.crumb { line-height: 32px; } .pageContent .breadcrumb .crust .arrow span { top: -16px; left: -9px; } .pageContent .breadcrumb.showAll { height: auto; } /* Magical Page Nav */ .PageNav a, .PageNav .pageNavHeader { height: 20px; line-height: 20px; } .PageNav .scrollable { height: 22px; } .profilePostListItem { border-top: 1px solid rgb(40, 40, 40); } .xenForm .ctrlUnit { padding-top: 10px; } .breadBoxTop { } .breadBoxBottom { } .XenBase .messageSimple, .XenBase .profilePage .eventList li, .XenBase .searchResult { padding: 10px; } .nodeList .categoryStrip .nodeTitle a, .navTabs .navTab .navLink, .sidebar .section .primaryContent h3 a, .profilePage .mast .section.infoBlock h3, .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .sidebar .section .secondaryContent h3 a, .discussionList .sectionHeaders a, .discussionList .sectionHeaders a span, a.callToAction span, .button, #SignupButton .inner, .navTabs .navTab.selected .tabLinks a, .footer a, .extraFooter h3, .xbOffCanvasControls a { font-weight: bold; font-family: 'Roboto Condensed',Helvetica,Arial,sans-serif; text-transform: uppercase; } .XenBase .discussionListItem .noteRow { color: rgb(237, 237, 237); } .XenBase .button.smallButton { font-size: 12px; height: 30px; line-height: 28px; padding: 0px 10px; width: auto; } .account_two_step_enable .xenForm canvas { background-color: rgb(142, 142, 142); padding: 5px; } .search_form .xenForm, .search_form_post .xenForm, .search_form_profile_post .xenForm, .search_form_resource_update .xenForm, .tag_search .xenForm, .xengallery_search_form_media .xenForm, .nflj_showcase_search_form .xenForm, .nflj_sportsbook_search_form .xenForm { background-color: rgb(20, 21, 23); padding: 10px; border: 1px solid rgb(40, 40, 40); border-radius: 2px; } .topCtrl.xbTopCtrl { display: block; float: none; margin-bottom: 10px; text-align: right; } .sectionMain.insideSidebar .sectionHeader { color: rgb(100,100,100); } .XenBase .importantMessage { color: rgb(100,100,100); background-color: rgb(16, 17, 18); padding: 5px; margin: 10px 0; border: 1px solid rgb(40, 40, 40); border-radius: 2px; text-align: center; } #pageLogin .ctrlUnit.altMargin dd { max-width: 260px; } /* Responsive Settings */ /* --- xb_quicksearch_nav.css --- */ #searchBar { background-color: rgb(20, 21, 23); padding: 0px; max-width: 100%; } #QuickSearchNav .primaryControls, #QuickSearchNav .secondaryControls, #QuickSearchNav .ctrlUnit.submitUnit, #QuickSearchNav .blockLinksList { padding: 10px; } #QuickSearchNav .textCtrl { width: 220px; } #QuickSearchNav .formPopup { width: auto; } #QuickSearchNav .formPopup .ctrlUnit { margin: 0px 0px 10px; } #QuickSearchNav .ctrlUnit > dd > * > li { margin: 0px; } #QuickSearchNav .formPopup .ctrlUnit:last-child { margin-bottom: 0px; } #QuickSearchNav .moreOptions { float: right; } #QuickSearchNav .ctrlUnit.submitUnit { margin: 0px; display: flex; } #QuickSearchNav .submitUnit .button.primary { flex: 1; } #QuickSearchNav .submitUnit .button.moreOptions { padding-left: 15px; padding-right: 15px; margin: 0px 6px; } #QuickSearchNav .submitUnit .button { width: auto; min-width: 0px; } #QuickSearchNav .moreOptions { float: right; } .Menu.xbSearchPopup, .Menu.xbSearchPopup .sectionFooter { overflow: visible; } #commonSearches { position: relative; } #QuickSearchNav #commonSearches ul { display: none; position: absolute; z-index: 999; min-width: 200px; background-color: rgb(20, 21, 23); border: 1px solid rgb(32, 32, 32); padding: 5px; } #QuickSearchNav #commonSearches:hover ul { display: block; } @media (max-width:800px) { #QuickSearchNav #commonSearches ul { right: 0px; } }