<?xml version="1.0" encoding="utf-8" ?> - <style title="Arizona RP" description="Arizona Role Play - a style community version by Adon4ik, Scrimex(same user)" user_selectable="1"> - <properties> - <property property_name="alertBalloon" property_type="css"> <![CDATA[ {"background-color":"#e03030","color":"white","extra":"position: absolute;\nright: 5px;\ntop: 1px;\nline-height: 14px;\nmin-width: 12px;\n_width: 12px;\ntext-align: center;\ntext-shadow: none;\nwhite-space: nowrap;\nword-wrap: normal;\nbox-shadow: 2px 2px 5px rgba(0,0,0, 0.25);","font-size":"9px","font-weight":"bold","height":"14px","padding-bottom":"0","padding-left":"2px","padding-right":"2px","padding-top":"0"}   ]]>   </property> - <property property_name="avatar" property_type="css"> <![CDATA[ {"background-color":"@contentBackground","border-color":"@primaryLighter","border-radius":"@fa_borderradiuss","border-style":"solid","border-width":"1px","padding-all":"2px"}   ]]>   </property> - <property property_name="bbCodeBlock" property_type="css"> <![CDATA[ {"border-color":"@contentBackground","border-radius":"@fa_borderradiuss","border-style":"solid","border-width":"1px","extra":"overflow: auto;","margin-bottom":"1em","margin-left":"0","margin-right":"@messageInfo.margin-left","margin-top":"1em"}   ]]>   </property> - <property property_name="bbCodeBlockType" property_type="css"> <![CDATA[ {"background-color":"rgb(48, 48, 48)","border-bottom-color":"rgb(64, 64, 64)","border-bottom-style":"solid","border-bottom-width":"1px","border-top-left-radius":"@fa_borderradiuss","border-top-right-radius":"@fa_borderradiuss","color":"@contentText","font-family":"@body.font-family","font-size":"11px","padding-bottom":"7px","padding-left":"8px","padding-right":"8px","padding-top":"7px"}   ]]>   </property> - <property property_name="bbCodeCode" property_type="css"> <![CDATA[ {"background-color":"rgb(51, 50, 50)","border-radius":"@fa_borderradiuss","extra":"word-wrap: normal;\noverflow: auto;\nline-height: 1.24;\nmin-height: 30px;\nmax-height: 500px;\n_width: 600px;\ndirection: ltr;","font-family":"Consolas, 'Courier New', Courier, monospace","font-size":"10pt","padding-all":"10px"}   ]]>   </property> - <property property_name="bbCodeQuote" property_type="css"> <![CDATA[ {"extra":"overflow: auto;"}   ]]>   </property> - <property property_name="bbCodeQuoteAttribution" property_type="css"> <![CDATA[ []   ]]>   </property> - <property property_name="bbCodeQuoteMessage" property_type="css"> <![CDATA[ {"background-color":"rgb(51, 50, 50)","border-radius":"@fa_borderradiuss","font-size":"9pt","font-style":"italic","padding-all":"10px"}   ]]>   </property> - <property property_name="bbCodeSpoilerText" property_type="css"> <![CDATA[ {"background-color":"@primaryLightest","border-color":"@primaryLighterStill","border-radius":"@fa_borderradiuss","border-style":"solid","border-width":"1px","extra":"overflow: auto;","margin-bottom":"5px","margin-right":"@messageInfo.margin-left","margin-top":"5px","padding-all":"5px"}   ]]>   </property> - <property property_name="blockLinksList" property_type="css"> <![CDATA[ {"font-size":"@fafontsizes","padding-all":"2px"}   ]]>   </property> - <property property_name="blockLinksListItem" property_type="css"> <![CDATA[ {"border-radius":"@fa_borderradiuss","color":"rgb(214, 214, 214)","extra":"display: block;\noutline: 0 none;","padding-bottom":"5px","padding-left":"10px","padding-right":"10px","padding-top":"5px"}   ]]>   </property> - <property property_name="blockLinksListItemActive" property_type="css"> <![CDATA[ {"background-color":"@primaryLighter","color":"rgb(255, 255, 255)"}   ]]>   </property> - <property property_name="blockLinksListItemHover" property_type="css"> <![CDATA[ {"background-color":"@primaryLighterStill","color":"rgb(255, 255, 255)","text-decoration":{"none":"none"}}   ]]>   </property> - <property property_name="body" property_type="css"> <![CDATA[ {"color":"@contentText","extra":"word-wrap: break-word;\nline-height: 1.35;","font-family":"@fa_primaryfont"}   ]]>   </property> - <property property_name="breadcrumb" property_type="css"> <![CDATA[ {"background-color":"@primaryLightest","border-color":"@primaryLighter","border-radius":"@fa_borderradiuss","border-style":"solid","border-width":"1px","color":"@contentText","extra":"overflow: hidden;\nzoom: 1;\nmax-width: 100%;","font-size":"@fafontsizes","height":"32px"}   ]]>   </property> - <property property_name="breadcrumbItemArrowInner" property_type="css"> <![CDATA[ {"border-bottom-width":"16px","border-color":"transparent","border-left-color":"@breadcrumbItemCrumb.background-color","border-left-width":"10px","border-right-color":"black","border-right-style":"none","border-right-width":"1px","border-style":"solid","border-top-width":"16px","extra":"-moz-border-right-colors: @breadcrumbItemCrumb.background-color;\ndisplay: block;\nposition: absolute;\nleft: -11px;\ntop: -16px;\nz-index: 51;\nwhite-space: nowrap;\noverflow: hidden;\ntext-indent: 9999px;","height":"0px","width":"0px"}   ]]>   </property> - <property property_name="breadcrumbItemArrowOuter" property_type="css"> <![CDATA[ {"border-bottom-width":"16px","border-color":"transparent","border-left-color":"@breadcrumbItemCrumb.border-bottom-color","border-left-width":"10px","border-right-color":"black","border-right-style":"none","border-right-width":"1px","border-style":"solid","border-top-width":"16px","extra":"-moz-border-right-colors: @breadcrumbItemCrumb.border-bottom-color;\ndisplay: block;\nposition: absolute;\nright: -9px;\ntop: 0px;\nz-index: 50;","height":"0px","width":"0px"}   ]]>   </property> - <property property_name="breadcrumbItemCrumb" property_type="css"> <![CDATA[ {"background-color":"@primaryLightest","border-bottom-color":"@breadcrumb.border-color","border-bottom-style":"solid","border-bottom-width":"1px","color":"@contentText","extra":"outline: 0 none;\n-moz-outline-style: 0 none;\ndisplay: block;\n_border-bottom: none;\nline-height: 32px;","margin-bottom":"-1px","padding-bottom":"0","padding-left":"18px","padding-right":"10px","padding-top":"0","text-decoration":{"none":"none"}}   ]]>   </property> - <property property_name="breadcrumbItemFirstCrumb" property_type="css"> <![CDATA[ {"border-bottom-left-radius":"5px","border-top-left-radius":"5px","padding-left":"10px"}   ]]>   </property> - <property property_name="breadcrumbJumpMenuTrigger" property_type="css"> <![CDATA[ {"background-color":"transparent","color":"@contentText","extra":"display: block;\nfloat: right;\nwhite-space: nowrap;\noverflow: hidden;","font-size":"16px","height":"19px","margin-left":"3px","margin-right":"7px","margin-top":"4px","width":"17px"}   ]]>   </property> - <property property_name="breadcrumbTitlePrefix" property_type="css"> <![CDATA[ {"border-color":"black","border-radius":"0","border-style":"none","border-width":"0","extra":"display: inline;","font-style":"italic","font-weight":"bold","margin-all":"0","padding-all":"0"}   ]]>   </property> - <property property_name="button" property_type="css"> <![CDATA[ {"background-color":"@facolor4","border-radius":"@fa_borderradiuss","border-width":"0px","color":"@facolor8","extra":"text-align: center;\noutline: none;\nline-height: 30px;\ndisplay: inline-block;\ncursor: pointer;\nbox-sizing: border-box;","font-family":"@fa_secondaryfont","font-size":"@fafontsizes","height":"30px","padding-bottom":"0px","padding-left":"6px","padding-right":"6px","padding-top":"0px"}   ]]>   </property> - <property property_name="buttonActive" property_type="css"> <![CDATA[ {"extra":"box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;"}   ]]>   </property> - <property property_name="buttonDisabled" property_type="css"> <![CDATA[ {"background-color":"#EEE","color":"@dimmedTextColor"}   ]]>   </property> - <property property_name="buttonFocus" property_type="css"> <![CDATA[ []   ]]>   </property> - <property property_name="buttonHover" property_type="css"> <![CDATA[ {"extra":"box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;","text-decoration":{"none":"none"}}   ]]>   </property> - <property property_name="buttonPrimary" property_type="css"> <![CDATA[ []   ]]>   </property> - <property property_name="callToAction" property_type="css"> <![CDATA[ {"extra":"display: inline-block;\nline-height: 34px;\noutline: 0 none;\nvertical-align: top;","height":"34px"}   ]]>   </property> - <property property_name="callToActionSpan" property_type="css"> <![CDATA[ {"background-color":"@facolor4","border-radius":"@fa_borderradiuss","color":"@facolor8","extra":"display: block;\n\/*text-shadow: 0px 0px 3px @primaryMedium;*\/","font-family":"@button.font-family","font-size":"@fafontsizel","padding-bottom":"0","padding-left":"15px","padding-right":"15px","padding-top":"0"}   ]]>   </property> - <property property_name="categoryStrip" property_type="css"> <![CDATA[ {"border-bottom-color":"@subHeading.border-bottom-color","extra":"min-height: 6px;","margin-all":"0"}   ]]>   </property> - <property property_name="categoryStripDescription" property_type="css"> <![CDATA[ {"color":"@facolor6","font-size":"@fafontsizes"}   ]]>   </property> - <property property_name="categoryStripTitle" property_type="css"> <![CDATA[ {"color":"@facolor6","font-size":"@fafontsizel"}   ]]>   </property> - <property property_name="content" property_type="css"> <![CDATA[ {"background-color":"@contentBackground","padding-bottom":"10px","padding-left":"20px","padding-right":"20px","padding-top":"10px"}   ]]>   </property> - <property property_name="contentBackground" property_type="scalar"> <![CDATA[ rgb(34, 34, 34)   ]]>   </property> - <property property_name="contentText" property_type="scalar"> <![CDATA[ rgb(235, 235, 235)   ]]>   </property> - <property property_name="dicussionListIcon" property_type="css"> <![CDATA[ {"extra":"float: right;\nfont-size: @fafontsizel;","height":"16px","margin-left":"5px","width":"16px"}   ]]>   </property> - <property property_name="dimmedTextColor" property_type="scalar"> <![CDATA[ rgb(86, 86, 86)   ]]>   </property> - <property property_name="discussionListFirstRow" property_type="css"> <![CDATA[ {"extra":"line-height: 18px;","font-size":"@fafontsizel","margin-bottom":"5px"}   ]]>   </property> - <property property_name="discussionListItemPageNavItem" property_type="css"> <![CDATA[ {"border-radius":"@fa_borderradiuss","color":"@primaryDarker !important","extra":"display: inline-block;\ntext-align: center;","font-size":"@fafontsizes","padding-bottom":"0","padding-left":"3px","padding-right":"3px","padding-top":"0"}   ]]>   </property> - <property property_name="discussionListItemPageNavLink" property_type="css"> <![CDATA[ {"background-color":"@secondaryLightest","border-color":"@secondaryLighter","border-style":"solid","border-width":"1px","color":"@primaryDarker !important"}   ]]>   </property> - <property property_name="discussionListMiniMeImg" property_type="css"> <![CDATA[ {"border-color":"black","border-radius":"@fa_borderradiuss","border-style":"none","border-width":"1px","extra":"box-shadow: 1px 1px 5px rgba(0,0,0, 0.5);","height":"20px","padding-all":"1px","width":"20px"}   ]]>   </property> - <property property_name="discussionListOptions" property_type="css"> <![CDATA[ {"border-color":"@primaryLighter","border-radius":"@fa_borderradiuss","border-style":"solid","border-width":"1px","extra":"line-height: 20px;\noverflow: hidden;\nzoom: 1;","margin-bottom":"10px","margin-left":"auto","margin-right":"auto","margin-top":"10px"}   ]]>   </property> - <property property_name="discussionListOptionsHandleLink" property_type="css"> <![CDATA[ {"background-color":"@sectionMain.background-color","border-bottom-left-radius":"@fa_borderradiusl","border-bottom-right-radius":"@fa_borderradiusl","border-color":"@primaryLighter","border-style":"solid","border-top-color":"black","border-top-style":"none","border-top-width":"1px","border-width":"1px","color":"@facolor2","extra":"display: inline-block;\noutline: 0;\nposition: relative;\nright: -50%;\ntop: 10px;","font-size":"@fafontsizes","margin-bottom":"0","margin-left":"auto","margin-right":"auto","margin-top":"0","padding-bottom":"5px","padding-left":"20px","padding-right":"20px","padding-top":"5px"}   ]]>   </property> - <property property_name="discussionListSecondRow" property_type="css"> <![CDATA[ {"font-size":"@fafontsizes"}   ]]>   </property> - <property property_name="faintTextColor" property_type="scalar"> <![CDATA[ rgb(155, 155, 155)   ]]>   </property> - <property property_name="fbColorScheme" property_type="scalar"> <![CDATA[ dark   ]]>   </property> - <property property_name="footer" property_type="css"> <![CDATA[ {"background-color":"@facolor3","border-bottom-left-radius":"@fa_borderradiuss","border-bottom-right-radius":"@fa_borderradiuss","color":"@facolor7","extra":"overflow: hidden;\nzoom: 1;","font-family":"@fa_secondaryfont","font-size":"@fafontsizes","padding-bottom":"7px","padding-top":"7px"}   ]]>   </property> - <property property_name="footerLink" property_type="css"> <![CDATA[ {"color":"@facolor7","extra":"display: block;","padding-bottom":"5px","padding-left":"8px","padding-right":"8px","padding-top":"5px"}   ]]>   </property> - <property property_name="footerLinkHover" property_type="css"> <![CDATA[ {"color":"@facolor2","text-decoration":{"none":"none"}}   ]]>   </property> - <property property_name="formOverlay" property_type="css"> <![CDATA[ {"background-color":"rgba(0,0,0, 0.75)","border-color":"rgba(0,0,0, 0.25)","border-radius":"@fa_borderradiusl","border-style":"solid","border-width":"20px","color":"#eee","extra":"box-shadow: 0px 25px 50px rgba(0,0,0, 0.5);\n_zoom: 1;","padding-bottom":"15px","padding-left":"25px","padding-right":"25px","padding-top":"15px"}   ]]>   </property> - <property property_name="formOverlayButton" property_type="css"> <![CDATA[ []   ]]>   </property> - <property property_name="formOverlayHeading" property_type="css"> <![CDATA[ {"background-color":"@primaryMedium","border-color":"@primaryDark","border-radius":"@fa_borderradiuss","border-style":"solid","border-width":"1px","color":"rgb(234, 234, 234)","font-size":"12pt","font-weight":"bold","margin-bottom":"10px","padding-bottom":"5px","padding-left":"10px","padding-right":"10px","padding-top":"5px"}   ]]>   </property> - <property property_name="formOverlaySubHeading" property_type="css"> <![CDATA[ {"background-color":"@primaryDark","border-color":"@primaryMedium","border-radius":"@fa_borderradiuss","border-style":"solid","border-width":"1px","color":"rgb(234, 234, 234)","font-size":"11px","font-weight":"bold","margin-bottom":"10px","padding-bottom":"5px","padding-left":"10px","padding-right":"10px","padding-top":"5px"}   ]]>   </property> - <property property_name="formOverlayTextCtrl" property_type="css"> <![CDATA[ {"background-color":"black","border-color":"@primaryLighter","color":"@faintTextColor"}   ]]>   </property> - <property property_name="formOverlayTextCtrlPrompt" property_type="css"> <![CDATA[ {"color":"@faintTextColor"}   ]]>   </property> - <property property_name="formOverlayTextHeading" property_type="css"> <![CDATA[ {"color":"rgb(234, 234, 234)"}   ]]>   </property> - <property property_name="genericAttachmentThumb" property_type="css"> <![CDATA[ {"background-color":"transparent","extra":"display: block;","height":"36px","width":"36px"}   ]]>   </property> - <property property_name="h1" property_type="css"> <![CDATA[ {"color":"rgb(156, 156, 156)","extra":"overflow: hidden;\nzoom: 1;","font-size":"18pt"}   ]]>   </property> - <property property_name="header" property_type="css"> <![CDATA[ []   ]]>   </property> - <property property_name="headerLogoHeight" property_type="scalar"> <![CDATA[ 50px   ]]>   </property> - <property property_name="headerLogoPath" property_type="scalar"> <![CDATA[ @imagePath/xenforo/logo.png   ]]>   </property> - <property property_name="headerTabHeight" property_type="scalar"> <![CDATA[ 50px   ]]>   </property> - <property property_name="heading" property_type="css"> <![CDATA[ {"background-color":"@primaryLightish","border-bottom-color":"@primaryMedium","border-bottom-style":"solid","border-bottom-width":"1px","border-top-left-radius":"@fa_borderradiuss","border-top-right-radius":"@fa_borderradiuss","color":"@primaryLightest","font-size":"11pt","font-weight":"bold","margin-bottom":"3px","padding-bottom":"5px","padding-left":"10px","padding-right":"10px","padding-top":"5px"}   ]]>   </property> - <property property_name="imagePath" property_type="scalar"> <![CDATA[ styles/flatawesomedark   ]]>   </property> - <property property_name="inlineMod" property_type="scalar"> <![CDATA[ rgb(58, 58, 58)   ]]>   </property> - <property property_name="inlineModChecked" property_type="css"> <![CDATA[ {"background-color":"@inlineMod"}   ]]>   </property> - <property property_name="link" property_type="css"> <![CDATA[ {"color":"rgb(226, 226, 226)","text-decoration":{"none":"none"}}   ]]>   </property> - <property property_name="loginBar" property_type="css"> <![CDATA[ {"background-color":"@primaryDarker","border-bottom-color":"@primaryLightish","border-bottom-style":"solid","border-bottom-width":"1px","color":"@contentText","extra":"position: relative;\nz-index: 1000;"}   ]]>   </property> - <property property_name="loginBarHandle" property_type="css"> <![CDATA[ {"background-color":"@primaryDarker","border-bottom-left-radius":"@fa_borderradiusl","border-bottom-right-radius":"@fa_borderradiusl","color":"@contentText","extra":"position: absolute;\nright: 180px;\nbottom: -20px;\ntext-align: center;\nz-index: 1;\nline-height: 20px;\nbox-shadow: 0px 2px 5px @primaryDarker;","font-size":"11px","margin-right":"20px","padding-bottom":"0","padding-left":"10px","padding-right":"10px","padding-top":"0"}   ]]>   </property> - <property property_name="loginBarTextCtrl" property_type="css"> <![CDATA[ {"background-color":"@primaryDark","border-color":"@primaryLightish","color":"@faintTextColor"}   ]]>   </property> - <property property_name="memberCardBox" property_type="css"> <![CDATA[ {"background-color":"rgba(0, 0, 0, .8)","border-radius":"@fa_borderradiusl","color":"white","extra":"overflow: hidden;\nmax-width: 565px;\nbox-shadow: 0 0 15px 0 rgba(0,0,0, 0.8);","padding-all":"10px"}   ]]>   </property> - <property property_name="memberCardUserName" property_type="css"> <![CDATA[ {"color":"@facolor2","font-size":"18px"}   ]]>   </property> - <property property_name="memberListItemExtra" property_type="css"> <![CDATA[ {"extra":"float: right;","font-size":"@fafontsizes"}   ]]>   </property> - <property property_name="memberListItemUserInfo" property_type="css"> <![CDATA[ {"font-size":"@fafontsizes","margin-bottom":"3px"}   ]]>   </property> - <property property_name="memberListItemUsername" property_type="css"> <![CDATA[ {"color":"@facolor2 !important","font-size":"13pt","font-weight":"bold","margin-bottom":"3px"}   ]]>   </property> - <property property_name="menu" property_type="css"> <![CDATA[ {"border-color":"@primaryLight","border-style":"solid","border-top-color":"@primaryLight","border-top-style":"solid","border-top-width":"5px","border-width":"1px","extra":"overflow: hidden;\nbox-shadow: 0px 5px 5px rgba(0,0,0, 0.5);","font-size":"@fafontsizes"}   ]]>   </property> - <property property_name="menuHeaderSubtitle" property_type="css"> <![CDATA[ {"font-size":"@fafontsizes"}   ]]>   </property> - <property property_name="menuHeaderTitle" property_type="css"> <![CDATA[ {"font-size":"@fafontsizel"}   ]]>   </property> - <property property_name="message" property_type="css"> <![CDATA[ {"background-color":"@primaryLightest","border-color":"@primaryLighter","border-style":"solid","border-width":"1px","margin-bottom":"10px","padding-all":"10px"}   ]]>   </property> - <property property_name="messageAvatarHolder" property_type="css"> <![CDATA[ {"background-color":"@contentBackground","border-radius":"@fa_borderradiuss","extra":"text-align: center;","padding-all":"10px"}   ]]>   </property> - <property property_name="messageExtraUserInfo" property_type="css"> <![CDATA[ {"background-color":"@contentBackground","border-radius":"@fa_borderradiuss","font-size":"@fafontsizes","padding-bottom":"4px","padding-left":"6px","padding-right":"6px","padding-top":"4px"}   ]]>   </property> - <property property_name="messageInfo" property_type="css"> <![CDATA[ {"background-color":"rgba(0, 0, 0, 0)","border-bottom-color":"black","border-bottom-style":"none","border-bottom-width":"1px","margin-left":"170px","padding-all":"0"}   ]]>   </property> - <property property_name="messageLikesSummary" property_type="css"> <![CDATA[ {"border-color":"@primaryLighterStill","border-radius":"@fa_borderradiuss","border-style":"solid","border-width":"1px","margin-top":"10px","padding-all":"5px"}   ]]>   </property> - <property property_name="messageMeta" property_type="css"> <![CDATA[ {"extra":"overflow: hidden;\nzoom: 1;","font-size":"@fafontsizes","margin-all":"-5px","padding-bottom":"5px","padding-left":"5px","padding-right":"5px","padding-top":"15px"}   ]]>   </property> - <property property_name="messageNewIndicator" property_type="css"> <![CDATA[ {"background-color":"@facolor2","border-color":"@facolor2","border-radius":"3px","border-style":"solid","border-top-right-radius":"0px","border-width":"1px","color":"@facolor6","extra":"display: block;\nfloat: right;\nposition: relative;\nbox-shadow: 1px 1px 3px rgba(0,0,0, 0.25);","font-size":"@fafontsizes","margin-bottom":"5px","margin-left":"5px","margin-right":"-5px","margin-top":"-5px","padding-bottom":"1px","padding-left":"5px","padding-right":"5px","padding-top":"1px"}   ]]>   </property> - <property property_name="messageNewIndicatorInner" property_type="css"> <![CDATA[ {"background-color":"@facolor2","border-top-right-radius":"3px","extra":"position: absolute;\ntop: -4px;\nright: -1px;","height":"4px","width":"5px"}   ]]>   </property> - <property property_name="messageNotice" property_type="css"> <![CDATA[ {"background-color":"@secondaryLighter","border-color":"@secondaryLighter","border-radius":"@fa_borderradiuss","border-style":"solid","border-width":"1px","extra":"line-height: 16px;","font-size":"@fafontsizes","margin-bottom":"10px","margin-left":"0","margin-right":"0","margin-top":"10px","padding-all":"5px"}   ]]>   </property> - <property property_name="messageOnlineMarker" property_type="css"> <![CDATA[ {"border-bottom-left-radius":"3px","border-color":"transparent","border-left-color":"rgb(127, 185, 0)","border-style":"solid","border-top-color":"rgb(127, 185, 0)","border-top-left-radius":"5px","border-top-right-radius":"3px","border-width":"7px","extra":"left: 24px;"}   ]]>   </property> - <property property_name="messageShowCustomFields" property_type="scalar"> <![CDATA[ 1   ]]>   </property> - <property property_name="messageShowMessageCount" property_type="scalar"> <![CDATA[ 1   ]]>   </property> - <property property_name="messageShowRegisterDate" property_type="scalar"> <![CDATA[ 0   ]]>   </property> - <property property_name="messageShowTotalLikes" property_type="scalar"> <![CDATA[ 1   ]]>   </property> - <property property_name="messageSignature" property_type="css"> <![CDATA[ {"border-top-color":"@primaryLighter","border-top-style":"dashed","border-top-width":"1px","color":"@mutedTextColor","font-size":"@fafontsizes","margin-top":"5px","padding-bottom":"0","padding-left":"0","padding-right":"0","padding-top":"5px"}   ]]>   </property> - <property property_name="messageText" property_type="css"> <![CDATA[ {"extra":"line-height: 1.7;","font-family":"@fa_primaryfont","font-size":"@fafontsizel"}   ]]>   </property> - <property property_name="messageUserBlock" property_type="css"> <![CDATA[ {"background-color":"@contentBackground","border-color":"@primaryLighter","border-radius":"@fa_borderradiuss","border-style":"solid","border-width":"1px"}   ]]>   </property> - <property property_name="messageUserInfo" property_type="css"> <![CDATA[ {"extra":"float: left;","width":"154px"}   ]]>   </property> - <property property_name="messageUserText" property_type="css"> <![CDATA[ {"border-bottom-color":"@pageBackground","border-bottom-style":"solid","border-bottom-width":"1px","border-top-color":"@pageBackground","border-top-style":"solid","border-top-width":"1px","padding-all":"6px"}   ]]>   </property> - <property property_name="messageUserTitle" property_type="css"> <![CDATA[ {"extra":"display: block;","font-size":"@fafontsizes","padding-bottom":"3px"}   ]]>   </property> - <property property_name="messageUsername" property_type="css"> <![CDATA[ {"color":"@facolor2","extra":"display: block;\noverflow: hidden;\nline-height: 20px;","font-size":"@fafontsizel","font-weight":"bold"}   ]]>   </property> - <property property_name="mutedTextColor" property_type="scalar"> <![CDATA[ rgb(113, 113, 113)   ]]>   </property> - <property property_name="navLink" property_type="css"> <![CDATA[ {"extra":"display: block;\nfloat: left;\nvertical-align: text-bottom;\ntext-align: center;\noutline: 0 none;","font-family":"@fa_secondaryfont"}   ]]>   </property> - <property property_name="navTabLink" property_type="css"> <![CDATA[ {"color":"@facolor7","extra":"display: block;\nline-height: 36px !important;","font-size":"@fafontsizes","padding-bottom":"1px","padding-left":"10px","padding-right":"10px","padding-top":"1px"}   ]]>   </property> - <property property_name="navTabLinkHover" property_type="css"> <![CDATA[ {"background-color":"rgba(0, 0, 0, 0)","border-width":"0","color":"@facolor2","extra":"outline: 0;","text-decoration":{"none":"none"}}   ]]>   </property> - <property property_name="navTabSelected" property_type="css"> <![CDATA[ {"background-color":"@facolor3","color":"@facolor7"}   ]]>   </property> - <property property_name="navTabs" property_type="css"> <![CDATA[ {"background-color":"@facolor1","border-color":"@facolor1","border-style":"solid","border-top-left-radius":"@fa_borderradiuss","border-top-right-radius":"@fa_borderradiuss","border-width":"1px","color":"@facolor5","font-size":"@fafontsizel","padding-bottom":"0","padding-left":"15px","padding-right":"15px","padding-top":"0"}   ]]>   </property> - <property property_name="nodeDescription" property_type="css"> <![CDATA[ {"font-size":"@fafontsizes"}   ]]>   </property> - <property property_name="nodeIcon" property_type="css"> <![CDATA[ {"extra":"float: left;\nfont-size: 30px;\ncolor: @faintTextColor;","height":"36px","margin-bottom":"10px","margin-left":"10px","margin-right":"0","margin-top":"10px","width":"36px"}   ]]>   </property> - <property property_name="nodeIconForum" property_type="css"> <![CDATA[ []   ]]>   </property> - <property property_name="nodeIconForumUnread" property_type="css"> <![CDATA[ []   ]]>   </property> - <property property_name="nodeIconLink" property_type="css"> <![CDATA[ []   ]]>   </property> - <property property_name="nodeIconPage" property_type="css"> <![CDATA[ []   ]]>   </property> - <property property_name="nodeLastPost" property_type="css"> <![CDATA[ {"background-color":"rgba(0, 0, 0, 0)","border-width":"0px","extra":"position: absolute;\ntop: 2px;\nright: 0;\nline-height: 18px;\nwhite-space: nowrap;\nword-wrap: normal;\noverflow: hidden;","font-size":"@fafontsizes","height":"35px","margin-all":"10px","padding-bottom":"3px","padding-left":"10px","padding-right":"10px","padding-top":"3px","width":"210px"}   ]]>   </property> - <property property_name="nodeStats" property_type="css"> <![CDATA[ {"font-size":"@fafontsizes","margin-top":"2px"}   ]]>   </property> - <property property_name="nodeText" property_type="css"> <![CDATA[ {"margin-bottom":"15px","margin-left":"56px","margin-right":"270px","margin-top":"15px"}   ]]>   </property> - <property property_name="nodeTinyIcon" property_type="css"> <![CDATA[ {"background-color":"transparent","color":"rgb(255, 102, 0)","extra":"display: block;\nopacity: 0.25;","font-size":"17px","margin-bottom":"1px","margin-left":"4px","margin-right":"6px","margin-top":"0px"}   ]]>   </property> - <property property_name="nodeTitle" property_type="css"> <![CDATA[ {"font-size":"@fafontsizel"}   ]]>   </property> - <property property_name="ogLogoPath" property_type="scalar"> <![CDATA[ @imagePath/xenforo/logo.og.png   ]]>   </property> - <property property_name="overlayCloseControl" property_type="css"> <![CDATA[ {"extra":"position: absolute;\nright: 4px;\ntop: 4px;\ncursor: pointer;\ntext-align: center;","font-size":"28px","height":"35px","width":"35px"}   ]]>   </property> - <property property_name="overlayMaskColor" property_type="scalar"> <![CDATA[ rgb(23, 23, 23)   ]]>   </property> - <property property_name="overlaySection" property_type="css"> <![CDATA[ {"border-color":"@primaryDarker","border-radius":"@fa_borderradiusl","border-style":"solid","border-width":"20px","extra":"box-shadow: 0px 25px 50px rgba(0,0,0, 0.5);","padding-all":"0px"}   ]]>   </property> - <property property_name="pageBackground" property_type="scalar"> <![CDATA[ rgb(20, 20, 20)   ]]>   </property> - <property property_name="pageDescription" property_type="css"> <![CDATA[ {"color":"@mutedTextColor","font-size":"@fafontsizes","margin-top":"2px"}   ]]>   </property> - <property property_name="pageNav" property_type="css"> <![CDATA[ {"extra":"overflow: hidden;\nzoom: 1;\nline-height: 16px;\nword-wrap: normal;\nmin-width: 150px;\nwhite-space: nowrap;","font-size":"@fafontsizes","padding-bottom":"2px","padding-left":"0","padding-right":"0","padding-top":"2px"}   ]]>   </property> - <property property_name="pageNavCurrentPage" property_type="css"> <![CDATA[ {"background-color":"@facolor2","border-color":"@facolor2","color":"@facolor6","extra":"position: relative;"}   ]]>   </property> - <property property_name="pageNavItem" property_type="css"> <![CDATA[ {"background-color":"@primaryLightest","border-color":"@primaryLighter","border-radius":"@fa_borderradiuss","border-style":"solid","border-width":"1px","color":"@mutedTextColor","extra":"text-align: center;","padding-bottom":"2px","padding-top":"2px","text-decoration":{"none":"none"}}   ]]>   </property> - <property property_name="pageNavLinkGroup" property_type="css"> <![CDATA[ {"extra":"line-height: 16px;","font-size":"@fafontsizes","margin-bottom":"10px","margin-left":"0","margin-right":"0","margin-top":"10px"}   ]]>   </property> - <property property_name="pageNavLinkWidth" property_type="scalar"> <![CDATA[ 23px   ]]>   </property> - <property property_name="pageNavPageHover" property_type="css"> <![CDATA[ {"background-color":"@facolor4","border-color":"@facolor4","color":"@facolor8","text-decoration":{"none":"none"}}   ]]>   </property> - <property property_name="pageWidth" property_type="css"> <![CDATA[ {"extra":"max-width: 1180px;\nbox-sizing: border-box;","margin-bottom":"0","margin-left":"auto","margin-right":"auto","margin-top":"0","padding-left":"0px","padding-right":"0px"}   ]]>   </property> - <property property_name="panelScroller" property_type="css"> <![CDATA[ {"background-color":"rgb(25, 175, 126)","border-radius":"@fa_borderradiuss","extra":"font-size: 13pt;","margin-bottom":"10px","padding-all":"3px"}   ]]>   </property> - <property property_name="panelScrollerNavControl" property_type="css"> <![CDATA[ {"background-color":"@panelScroller.background-color","color":"rgb(255, 255, 255)","extra":"float: left;\ndisplay: block;\nposition: relative;","font-size":"11px","margin-left":"-1px","margin-right":"3px","padding-bottom":"2px","padding-left":"6px","padding-right":"6px","padding-top":"3px"}   ]]>   </property> - <property property_name="panelScrollerNavControlCurrent" property_type="css"> <![CDATA[ []   ]]>   </property> - <property property_name="panelScrollerNavControlHover" property_type="css"> <![CDATA[ {"color":"rgb(228, 228, 228)","text-decoration":{"none":"none"}}   ]]>   </property> - <property property_name="panelScrollerPanel" property_type="css"> <![CDATA[ {"extra":"color: #FFF;","padding-all":"10px"}   ]]>   </property> - <property property_name="popupArrowClosed" property_type="css"> <![CDATA[ {"background-color":"transparent","extra":"display: inline-block;\n*margin-top: 0;\nvertical-align: middle;","height":"14px","margin-left":"2px","margin-top":"-5px","width":"13px"}   ]]>   </property> - <property property_name="popupControl" property_type="css"> <![CDATA[ {"background-color":"@primaryDark","border-bottom-left-radius":"0px","border-bottom-right-radius":"0px","border-top-left-radius":"@fa_borderradiuss","border-top-right-radius":"@fa_borderradiuss","color":"@faintTextColor"}   ]]>   </property> - <property property_name="popupControlClosedHover" property_type="css"> <![CDATA[ {"background-color":"@primaryLighterStill","color":"@primaryMedium","text-decoration":{"none":"none"}}   ]]>   </property> - <property property_name="primaryContent" property_type="css"> <![CDATA[ {"background-color":"@contentBackground","border-bottom-color":"rgb(48, 48, 48)","border-bottom-style":"solid","border-bottom-width":"1px","padding-all":"10px"}   ]]>   </property> - <property property_name="primaryContentLink" property_type="css"> <![CDATA[ {"color":"rgb(190, 190, 190)"}   ]]>   </property> - <property property_name="primaryDark" property_type="scalar"> <![CDATA[ rgb(50, 50, 50)   ]]>   </property> - <property property_name="primaryDarker" property_type="scalar"> <![CDATA[ rgb(45, 45, 45)   ]]>   </property> - <property property_name="primaryLight" property_type="scalar"> <![CDATA[ rgb(112, 112, 112)   ]]>   </property> - <property property_name="primaryLighter" property_type="scalar"> <![CDATA[ rgb(70, 70, 70)   ]]>   </property> - <property property_name="primaryLighterStill" property_type="scalar"> <![CDATA[ rgb(48, 48, 48)   ]]>   </property> - <property property_name="primaryLightest" property_type="scalar"> <![CDATA[ rgb(60, 60, 60)   ]]>   </property> - <property property_name="primaryLightish" property_type="scalar"> <![CDATA[ rgb(88, 88, 88)   ]]>   </property> - <property property_name="primaryMedium" property_type="scalar"> <![CDATA[ rgb(70, 70, 70)   ]]>   </property> - <property property_name="profilePageSidebarInfoBlock" property_type="css"> <![CDATA[ {"border-color":"@primaryLighterStill","border-radius":"@fa_borderradiuss","border-style":"solid","border-width":"1px","margin-bottom":"20px","padding-all":"2px"}   ]]>   </property> - <property property_name="rteContainer" property_type="css"> <![CDATA[ {"background-color":"@contentBackground","border-color":"@primaryLighterStill","border-style":"solid","border-width":"1px","extra":"line-height: 0;\nposition: relative;\noverflow: hidden;","font-size":"0"}   ]]>   </property> - <property property_name="rteToolbar" property_type="css"> <![CDATA[ {"background-color":"@primaryLightest","border-bottom-color":"@primaryLighterStill","border-bottom-style":"solid","border-bottom-width":"1px","extra":"position: relative;\nleft: 0;\ntop: 0;\nline-height: 0;\nlist-style: none;\noverflow: hidden;","font-size":"0","margin-all":"0","padding-bottom":"0","padding-left":"2px","padding-right":"0","padding-top":"0"}   ]]>   </property> - <property property_name="rteToolbarGroup" property_type="css"> <![CDATA[ {"background-color":"@contentBackground","border-color":"@primaryLighterStill","border-radius":"3px","border-style":"solid","border-width":"1px","extra":"overflow: hidden;\n*zoom: 1;\nbox-shadow: 1px 1px 1px rgba(255, 255, 255, .5);","margin-all":"0","padding-all":"1px"}   ]]>   </property> - <property property_name="secondaryContent" property_type="css"> <![CDATA[ {"background-color":"@facolor1","border-bottom-color":"@primaryLighterStill","border-bottom-style":"solid","border-bottom-width":"1px","padding-all":"10px"}   ]]>   </property> - <property property_name="secondaryContentLink" property_type="css"> <![CDATA[ {"color":"@facolor2"}   ]]>   </property> - <property property_name="secondaryDark" property_type="scalar"> <![CDATA[ rgb(73, 73, 73)   ]]>   </property> - <property property_name="secondaryDarker" property_type="scalar"> <![CDATA[ rgb(55, 55, 55)   ]]>   </property> - <property property_name="secondaryLight" property_type="scalar"> <![CDATA[ rgb(156, 156, 156)   ]]>   </property> - <property property_name="secondaryLighter" property_type="scalar"> <![CDATA[ rgb(203, 203, 203)   ]]>   </property> - <property property_name="secondaryLightest" property_type="scalar"> <![CDATA[ rgb(232, 232, 232)   ]]>   </property> - <property property_name="secondaryMedium" property_type="scalar"> <![CDATA[ rgb(111, 111, 111)   ]]>   </property> - <property property_name="sectionFooter" property_type="css"> <![CDATA[ {"background-color":"@primaryLighterStill","border-bottom-color":"@primaryLighter","border-bottom-style":"solid","border-bottom-width":"1px","color":"@faintTextColor","extra":"line-height: 16px;","font-size":"@fafontsizes","padding-bottom":"4px","padding-left":"10px","padding-right":"10px","padding-top":"4px"}   ]]>   </property> - <property property_name="sectionMain" property_type="css"> <![CDATA[ []   ]]>   </property> - <property property_name="sidebar" property_type="css"> <![CDATA[ {"font-size":"@fafontsizes","width":"250px"}   ]]>   </property> - <property property_name="sidebarBlockHeading" property_type="css"> <![CDATA[ {"background-color":"@facolor3","border-radius":"@fa_borderradiuss","color":"@facolor7","font-family":"@fa_secondaryfont","font-size":"@fafontsizel","margin-bottom":"7px","margin-left":"-10px","margin-right":"-10px","margin-top":"-10px","padding-bottom":"10px","padding-left":"10px","padding-top":"10px"}   ]]>   </property> - <property property_name="sidebarUserListUsername" property_type="css"> <![CDATA[ {"font-size":"@fafontsizes"}   ]]>   </property> - <property property_name="signupButton" property_type="css"> <![CDATA[ {"border-radius":"@fa_borderradiusl","extra":"text-align: center;\nline-height: 40px;\ndisplay: block;\ncursor: pointer;","height":"40px","margin-bottom":"10px","margin-left":"30px","margin-right":"30px","margin-top":"10px"}   ]]>   </property> - <property property_name="signupButtonActive" property_type="css"> <![CDATA[ {"extra":"box-shadow: 0 0 3px rgba(0,0,0, 0.2);\n\/*position: relative;\n\t\ttop: 2px;*\/"}   ]]>   </property> - <property property_name="signupButtonHover" property_type="css"> <![CDATA[ {"background-color":"@facolor2","color":"@facolor6","text-decoration":{"none":"none"}}   ]]>   </property> - <property property_name="signupButtonInner" property_type="css"> <![CDATA[ {"background-color":"@facolor4","border-radius":"@fa_borderradiuss","color":"@facolor8","extra":"display: block;","font-family":"@button.font-family","font-size":"12pt"}   ]]>   </property> - <property property_name="subHeading" property_type="css"> <![CDATA[ {"background-color":"@facolor2","border-radius":"@fa_borderradiuss","color":"@facolor6","font-family":"@fa_secondaryfont","font-size":"@fafontsizel","margin-bottom":"0","margin-left":"auto","margin-right":"auto","margin-top":"3px","padding-bottom":"12px","padding-left":"10px","padding-right":"10px","padding-top":"12px"}   ]]>   </property> - <property property_name="subHeadingHover" property_type="css"> <![CDATA[ {"background-color":"rgba(232, 232, 232, 0.1)","text-decoration":{"none":"none"}}   ]]>   </property> - <property property_name="tab" property_type="css"> <![CDATA[ {"background-color":"@primaryLighterStill","border-color":"@primaryLighter","border-style":"solid","border-top-left-radius":"@fa_borderradiuss","border-top-right-radius":"@fa_borderradiuss","border-width":"1px","color":"@contentText","extra":"display: inline-block;\nline-height: 30px;\ncursor: pointer;\noutline: 0 none;\nwhite-space: nowrap;\nword-wrap: normal;","height":"30px","margin-bottom":"-1px","margin-right":"-1px","padding-bottom":"0","padding-left":"8px","padding-right":"8px","padding-top":"0","text-decoration":{"none":"none"}}   ]]>   </property> - <property property_name="tabsContainer" property_type="css"> <![CDATA[ {"background-color":"@contentBackground","border-bottom-color":"@primaryLighter","border-bottom-style":"solid","border-bottom-width":"1px","extra":"word-wrap: normal;\nmin-height: 30px;\n_height: 23px;","font-size":"@fafontsizes","padding-bottom":"0","padding-left":"10px","padding-right":"10px","padding-top":"0"}   ]]>   </property> - <property property_name="textCtrl" property_type="css"> <![CDATA[ {"background-color":"@textCtrlBackground","border-color":"rgb(72, 72, 72)","border-radius":"@fa_borderradiuss","border-style":"solid","border-width":"1px","color":"@textCtrlText","extra":"outline: 0;","font-family":"Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif","font-size":"13px","margin-bottom":"2px","padding-all":"3px"}   ]]>   </property> - <property property_name="textCtrlBackground" property_type="scalar"> <![CDATA[ rgb(72, 72, 72)   ]]>   </property> - <property property_name="textCtrlDisabled" property_type="css"> <![CDATA[ {"background-color":"@contentBackground","color":"@contentText","font-style":"italic"}   ]]>   </property> - <property property_name="textCtrlFocus" property_type="css"> <![CDATA[ []   ]]>   </property> - <property property_name="textCtrlText" property_type="scalar"> <![CDATA[ rgb(226, 226, 226)   ]]>   </property> - <property property_name="textCtrlTextareaFocus" property_type="css"> <![CDATA[ []   ]]>   </property> - <property property_name="titlePrefix" property_type="css"> <![CDATA[ {"background-color":"transparent","border-color":"transparent","border-radius":"4px","border-style":"solid","border-width":"1px","extra":"display: inline-block;","margin-bottom":"-1px","margin-left":"0","margin-right":"0","margin-top":"-1px","padding-bottom":"0px","padding-left":"6px","padding-right":"6px","padding-top":"0px"}   ]]>   </property> - <property property_name="ugcLink" property_type="css"> <![CDATA[ {"border-radius":"5px","color":"@facolor2","margin-bottom":"0","margin-left":"-3px","margin-right":"-3px","margin-top":"0","padding-bottom":"0","padding-left":"3px","padding-right":"3px","padding-top":"0"}   ]]>   </property> - <property property_name="ugcLinkHover" property_type="css"> <![CDATA[ {"background-color":"rgba(0, 0, 0, 0)","color":"@faintTextColor","extra":"box-shadow: none;"}   ]]>   </property> - <property property_name="visitorPanelAvatar" property_type="css"> <![CDATA[ {"extra":"float: left;","margin-right":"5px"}   ]]>   </property> - <property property_name="visitorPanelStats" property_type="css"> <![CDATA[ {"margin-top":"2px"}   ]]>   </property> - <property property_name="visitorPanelUsername" property_type="css"> <![CDATA[ {"font-size":"11pt","font-weight":"bold"}   ]]>   </property> - <property property_name="facolor1" property_type="scalar" definition="1" group_name="color" title="Flat Awesome Color #1" description="" css_components="text,background,border,layout,extra" scalar_type="color" scalar_parameters="" display_order="1" sub_group=""> <![CDATA[ rgb(34, 34, 34)   ]]>   </property> - <property property_name="facolor2" property_type="scalar" definition="1" group_name="color" title="Flat Awesome Color #2" description="" css_components="text,background,border,layout,extra" scalar_type="color" scalar_parameters="" display_order="1" sub_group=""> <![CDATA[ rgb(143, 52, 58)   ]]>   </property> - <property property_name="facolor3" property_type="scalar" definition="1" group_name="color" title="Flat Awesome Color #3" description="" css_components="text,background,border,layout,extra" scalar_type="color" scalar_parameters="" display_order="1" sub_group=""> <![CDATA[ rgb(51, 51, 51)   ]]>   </property> - <property property_name="fafontsizes" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Font Size Small" description="" css_components="" scalar_type="" scalar_parameters="" display_order="150" sub_group="Font Sizes"> <![CDATA[ 12px   ]]>   </property> - <property property_name="fafontsizel" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Font Size Large" description="" css_components="" scalar_type="" scalar_parameters="" display_order="160" sub_group="Font Sizes"> <![CDATA[ 15px   ]]>   </property> - <property property_name="fa_navarrow" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Navigation Arrow Icon" description="" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="500" sub_group="faicons"> <![CDATA[ <i class="fa fa-bars"></i>   ]]>   </property> - <property property_name="fa_borderradiuss" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Border Radius Small" description="" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="200" sub_group="borderradiu"> <![CDATA[ 0px   ]]>   </property> - <property property_name="fa_borderradiusl" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Border Radius Large" description="" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="210" sub_group="borderradius"> <![CDATA[ 0px   ]]>   </property> - <property property_name="fa_pageicon" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Page Node Icon" description="" css_components="" scalar_type="" scalar_parameters="" display_order="560" sub_group="faicons"> <![CDATA[ <i class="fa fa-file-text"></i>   ]]>   </property> - <property property_name="fa_linkicon" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Link Node Icon" description="" css_components="" scalar_type="" scalar_parameters="" display_order="570" sub_group="faicons"> <![CDATA[ <i class="fa fa-external-link-square"></i>   ]]>   </property> - <property property_name="fa_nodeicon" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Node Icon" description="" css_components="" scalar_type="" scalar_parameters="" display_order="550" sub_group="faicons"> <![CDATA[ <i class="fa fa-comments"></i>   ]]>   </property> - <property property_name="fa_inboxicon" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Inbox Icon" description="" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="510" sub_group="faicons"> <![CDATA[ <i class="fa fa-envelope-o"></i>   ]]>   </property> - <property property_name="fa_alertsicon" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Alerts Icon" description="" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="520" sub_group="faicons"> <![CDATA[ <i class="fa fa-map-marker"></i>   ]]>   </property> - <property property_name="fa_tophelper" property_type="css" definition="1" group_name="flatawesomeprops" title="Background Top Helper" description="" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="100" sub_group=""> <![CDATA[ {"background-color":"@facolor1","extra":"position: absolute;","height":"180px","width":"100%"}   ]]>   </property> - <property property_name="fa_bottomhelper" property_type="css" definition="1" group_name="flatawesomeprops" title="Background Bottom Helper" description="" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="200" sub_group=""> <![CDATA[ {"background-color":"@facolor1","extra":"position: absolute;","height":"113px","margin-top":"-112px","width":"100%"}   ]]>   </property> - <property property_name="fa_hostlocal" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Host Font Awesome Locally?" description="If checked it will use the "Local Path" to load Font Awesome. If left unchecked it will load via a CDN, defaults to the official MaxCDN for Font Awesome." css_components="" scalar_type="boolean" scalar_parameters="" display_order="10" sub_group="flatawesome"> <![CDATA[ 0   ]]>   </property> - <property property_name="fa_localpath" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Local Path" description="" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="20" sub_group="flatawesome"> <![CDATA[ @imagePath/font-awesome/css/font-awesome.min.css   ]]>   </property> - <property property_name="fa_cdnpath" property_type="scalar" definition="1" group_name="flatawesomeprops" title="CDN Path" description="" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="30" sub_group="flatawesome"> <![CDATA[ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">   ]]>   </property> - <property property_name="fa_webfonts" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Enable Google Web Fonts" description="" css_components="" scalar_type="boolean" scalar_parameters="" display_order="50" sub_group="fontfamily"> <![CDATA[ 1   ]]>   </property> - <property property_name="fa_primaryfont" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Primary Font" description="Controls the body font" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="60" sub_group="fontfamily"> <![CDATA[ 'Open Sans', sans-serif   ]]>   </property> - <property property_name="fa_secondaryfont" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Secondary Font" description="" css_components="" scalar_type="" scalar_parameters="" display_order="70" sub_group="fontfamily"> <![CDATA[ 'Open Sans', sans-serif   ]]>   </property> - <property property_name="fa_googlefont" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Google Font" description="" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="55" sub_group="fontfamily"> <![CDATA[ <link href='//fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>   ]]>   </property> - <property property_name="fa_secondaryfontcss" property_type="css" definition="1" group_name="flatawesomeprops" title="Secondary Font CSS" description="Gives you extra control over the elements using the secondary font" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="300" sub_group=""> <![CDATA[ []   ]]>   </property> - <property property_name="facolor4" property_type="scalar" definition="1" group_name="color" title="Flat Awesome Color #4" description="" css_components="text,background,border,layout,extra" scalar_type="color" scalar_parameters="" display_order="1" sub_group=""> <![CDATA[ rgb(28, 137, 187)   ]]>   </property> - <property property_name="fa_logotext" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Logo Text" description="" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="80" sub_group="logo"> <![CDATA[ ARIZONA   ]]>   </property> - <property property_name="fa_logoastext" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Use Text Base Logo" description="" css_components="text,background,border,layout,extra" scalar_type="boolean" scalar_parameters="" display_order="75" sub_group="logo"> <![CDATA[ 1   ]]>   </property> - <property property_name="fa_logotextspan" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Logo Text(Colored)" description="" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="85" sub_group="logo"> <![CDATA[ ROLE PLAY   ]]>   </property> - <property property_name="fa_logotextcolor" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Logo Text Color(Second Part)" description="" css_components="text,background,border,layout,extra" scalar_type="color" scalar_parameters="" display_order="91" sub_group="logo"> <![CDATA[ rgb(143, 52, 58)   ]]>   </property> - <property property_name="fa_logotextcss" property_type="css" definition="1" group_name="flatawesomeprops" title="Logo Text CSS" description="" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="400" sub_group=""> <![CDATA[ {"color":"rgb(255, 255, 255)","extra":"text-transform: uppercase;","font-size":"30px"}   ]]>   </property> - <property property_name="facolor5" property_type="scalar" definition="1" group_name="color" title="Flat Awesome Color #5" description="" css_components="text,background,border,layout,extra" scalar_type="color" scalar_parameters="" display_order="1" sub_group=""> <![CDATA[ rgb(255, 255, 255)   ]]>   </property> - <property property_name="facolor6" property_type="scalar" definition="1" group_name="color" title="Flat Awesome Color #6" description="" css_components="text,background,border,layout,extra" scalar_type="color" scalar_parameters="" display_order="1" sub_group=""> <![CDATA[ rgb(255, 255, 255)   ]]>   </property> - <property property_name="facolor7" property_type="scalar" definition="1" group_name="color" title="Flat Awesome Color #7" description="" css_components="text,background,border,layout,extra" scalar_type="color" scalar_parameters="" display_order="1" sub_group=""> <![CDATA[ rgb(222, 222, 222)   ]]>   </property> - <property property_name="facolor8" property_type="scalar" definition="1" group_name="color" title="Flat Awesome Color #8" description="" css_components="text,background,border,layout,extra" scalar_type="color" scalar_parameters="" display_order="1" sub_group=""> <![CDATA[ rgb(255, 255, 255)   ]]>   </property> - <property property_name="fa_version" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Flat Awesome Version" description="" css_components="text,background,border,layout,extra" scalar_type="" scalar_parameters="" display_order="1000" sub_group="faprops"> <![CDATA[ 1.5.0   ]]>   </property> - <property property_name="fa_branding" property_type="scalar" definition="1" group_name="flatawesomeprops" title="Flat Awesome Branding Removal" description="We go by the trust system on pixelExit.com. If you've purchased the branding free for this style you may check this box. This style took time and will take time to maintain so please consider purchasing this to support our efforts." css_components="text,background,border,layout,extra" scalar_type="boolean" scalar_parameters="" display_order="1100" sub_group="faprops"> <![CDATA[ 0   ]]>   </property> - <group group_name="flatawesomeprops" display_order="1">   <title>Flat Awesome Properties</title>   <description />   </group>   </properties> - <templates> - <template title="account.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ .container { display: table; table-layout: fixed; width: 100%; zoom: 1; } .navigationSideBar { width: 150px; display: table-cell; vertical-align: top; *float: left; } .navigationSideBar .heading { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; margin: 10px 0 0; } .navigationSideBar .section:first-child { margin-top: 0; } .navigationSideBar .section:last-child { margin-bottom: 0; } .navigationSideBar .primaryContent { font-size: 11px; } .navigationSideBar .secondaryContent { font-weight: bold; } .navigationSideBar a { display: block; padding: 5px 10px; word-wrap: normal; overflow: hidden; text-overflow: ellipsis; } .navigationSideBar a:hover { background: rgb(88, 88, 88) none repeat-x top; color: #65a5d1; text-decoration: none; } .mainContentBlock { display: table-cell; vertical-align: top; margin: 0; *margin-left: 150px; zoom: 1; } @media (max-width:480px) { .Responsive .navigationSideBar { display: block; position: relative; margin: 0 auto; width: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .Responsive .navigationSideBar .heading { margin: 0; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; border-bottom: 0; text-align: center; cursor: pointer; } .Responsive .navigationSideBar .heading span { background-color: transparent; margin-top: -5px; margin-left: 2px; display: inline-block; *margin-top: 0; vertical-align: middle; width: 13px; height: 14px; } .Responsive .navigationSideBar > ul { display: none; position: absolute; background: rgb(252, 252, 255); border: 1px solid rgb(88, 88, 88); -webkit-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -moz-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -khtml-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); border-top: none; width: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 51; } .Responsive .navigationSideBar > ul.menuVisible { display: block; } .Responsive .navigationSideBar .section:last-child li:last-child a { border-bottom: none; } html.Responsive:not(.hasJs) .navigationSideBar:hover > ul { display: block; } .Responsive .mainContentBlock { display: block; } } .mainContentBlock .xenForm { margin-top: 0; } .xenForm.personalDetailsForm .StatusEditor { resize: vertical; } .xenForm.personalDetailsForm .statusEditorCounter { position: absolute; top: 0px; right: 0px; } .xenForm.personalDetailsForm .avatarEditor .avatar { float: left; margin-right: 8px; } .xenForm.personalDetailsForm .avatarEditor .avatar:hover img { border-color: orange; } .xenForm.privacyForm .ctrl > ul select { margin-bottom: 8px; }   ]]>   </template> - <template title="ad_header" addon_id="XenForo" version_id="1051670" version_string="1.5.16" disable_modifications="0"> <![CDATA[ <xen:hook name="ad_header" /> <xen:require css="fa_socialicons.css" /> <div class="socialicons hiddenResponsiveNarrow"> <ul> </ul> </div>   ]]>   </template> - <template title="alert" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ <li class="Alert listItem{xen:if '{$alert.new}', ' new'}{xen:if '{$alert.unviewed}', ' unviewed'} PopupItemLink" id="alert{$alert.alert_id}" data-author="{$alert.user.username}"> <xen:avatar user="$alert.user" size="s" img="true" class="plainImage" /> <div class="listItemText"> <h3>{xen:raw $alert.template}</h3> <xen:datetime time="$alert.event_date" class="muted time" /><xen:if is="{$alert.new}"><span class="newIcon"><i class="fa fa-star"></i></span></xen:if> </div> </li>   ]]>   </template> - <template title="attached_files.css" addon_id="XenForo" version_id="1040470" version_string="1.4.4" disable_modifications="0"> <![CDATA[ /* the attached files block is intended to appear like a bb code block */ .attachedFiles { {xen:property bbCodeBlock} } .messageList.withSidebar .attachedFiles { margin-right: 0px; } .attachedFiles .attachedFilesHeader { {xen:property bbCodeBlockType} padding: 4px 8px; } .attachedFiles .attachmentList { /* roughly the same as "bbCodeCode" with the monospacing stuff removed */ overflow: hidden; zoom: 1; padding: 10px 10px 0; background-color: {xen:property primaryLightest}; border-radius: 5px; } .attachment { float: left; width: 50%; max-width: 300px; } .attachment .boxModelFixer { overflow: hidden; zoom: 1; margin-bottom: 10px; margin-right: 10px; padding: 5px; background-color: {xen:property contentBackground}; border: 1px solid {xen:property primaryLighterStill}; border-radius: 5px; } <xen:set var="$attachThumbSize">{xen:calc 'min(100, {$xenOptions.attachmentThumbnailDimensions} / 2)'}px</xen:set> .attachment .thumbnail { float: left; border-right: 1px solid {xen:property primaryLighterStill}; padding-right: 5px; width: {$attachThumbSize}; height: {$attachThumbSize}; overflow: hidden; } .attachment .thumbnail .SquareThumb { width: {$attachThumbSize}; height: {$attachThumbSize}; border-radius: 3px; } .attachment .thumbnail .genericAttachment { {xen:property genericAttachmentThumb} margin: {xen:calc '({$xenOptions.attachmentThumbnailDimensions} / 2 - {xen:property genericAttachmentThumb.height}) / 2'}px {xen:calc '({$xenOptions.attachmentThumbnailDimensions} / 2 - {xen:property genericAttachmentThumb.width}) / 2'}px !important; } .attachment .attachmentInfo { white-space: nowrap; overflow: hidden; zoom: 1; font-size: 11px; padding-left: 5px; } .attachment .attachmentInfo .filename { text-overflow: ellipsis; overflow: hidden; max-width: 100%; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property maxResponsiveWideWidth}) { .Responsive .attachedFiles { margin-right: 0; } } @media (max-width:{xen:property maxResponsiveMediumWidth}) { html.Responsive .attachment { width: 100%; } } </xen:if>   ]]>   </template> - <template title="attachment_editor.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ .AttachmentEditor { clear: both; } .xenForm .ctrlUnit dd li.AttachedFile, .xenForm .ctrlUnit dd .AttachmentInsertAllBlock { margin-top: 0; margin-right: 30px; } .AttachmentEditor .AttachedFile, .AttachmentEditor .AttachmentInsertAllBlock { overflow: hidden; zoom: 1; vertical-align: middle; padding: 5px 10px; } .AttachmentEditor .AttachedFile#AttachedFileTemplate { display: none; } .AttachmentEditor .AttachedFile .Thumbnail { width: 54px; height: 54px; line-height: 50px; display: block; background: rgb(51, 51, 51); border: 1px solid rgb(88, 88, 88); text-align: center; vertical-align: middle; float: left; } .AttachmentEditor .AttachedFile .Thumbnail img { max-width: 50px; max-height: 50px; _width: 50px; _height: 50px; padding: 0; margin: 0; vertical-align: middle; } .AttachmentEditor .AttachedFile .Thumbnail .genericAttachment { background-color: transparent; display: block; width: 36px; height: 36px; margin: 7px; } .AttachmentEditor .AttachmentText { margin-left: 64px; } .AttachmentEditor .AttachedFile .Filename { } .AttachmentEditor .secondaryContent .label { margin-bottom: 2px; font-size: 11px; color: rgb(150,150,150); } .AttachmentEditor .secondaryContent .controls { line-height: 25px; } /* clearfix */ .AttachmentEditor .AttachedFile .controls { zoom: 1; } .AttachmentEditor .AttachedFile .controls:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .AttachmentEditor .AttachedFile .ProgressMeter { display: block; padding: 2px; border: 1px solid rgb(51, 51, 51); -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background-color: rgb(51, 51, 51); margin-right: 75px; margin-top: 4px; font-size: 14pt; line-height: 26px; } .AttachmentEditor .AttachedFile .ProgressMeter .ProgressGraphic { display: inline-block; width: 0%; height: 26px; background: #6cb2e4 none repeat-x top; text-align: right; } .AttachmentEditor .AttachedFile .ProgressMeter .ProgressCounter { display: inline-block; height: 26px; padding: 0 10px; } .AttachmentEditor .AttachedFile .ProgressMeter .ProgressGraphic .ProgressCounter { color: rgb(51, 51, 51); } .AttachmentEditor .AttachedFile .AttachmentDeleter, .AttachmentEditor .AttachedFile .AttachmentCanceller { float: right; display: none; } .AttachmentEditor .AttachmentInsertAllBlock { display: none; } .AttachmentEditor .AttachmentInsertAllBlock span { float: left; display: block; width: 54px; height: 34px; background: rgb(51, 51, 51) url('styles/flatawesomedark/xenforo/widgets/image-attachments.png') no-repeat center; border: 1px solid rgb(88, 88, 88); margin-right: 10px; } .AttachmentEditor .AttachmentDeleteAll { float: right; } /* SWFUploader placeholder */ .swfupload { position: absolute; z-index: 1; } /* Uploader JS Overlay */ .xenOverlay.attachmentUploader { max-width: 500px; } .attachmentUploader #ctrl_upload { margin: 2px auto 5px; } .attachmentUploader .attachmentConstraints dl { margin-top: 2px; font-size: 11px; }   ]]>   </template> - <template title="attachment_editor_attachment" addon_id="XenForo" version_id="1040870" version_string="1.4.8" disable_modifications="0"> <![CDATA[ <xen:require css="attachment_editor.css" /> <li id="{xen:if $isTemplate, 'AttachedFileTemplate', 'attachment{$attachment.attachment_id}'}" class="AttachedFile {xen:if '{$attachment} and {$attachment.thumbnailUrl}', 'AttachedImage'} secondaryContent"> <div class="Thumbnail"> <xen:if is="{$attachment} and{$attachment.thumbnailUrl}"> <a href="{xen:link attachments, $attachment}" target="_blank" data-attachmentId="{$attachment.attachment_id}" class="_not_LbTrigger" data-href="{xen:link misc/lightbox}"><img src="{$attachment.thumbnailUrl}" alt="{$attachment.filename}" class="_not_LbImage" data-src="{xen:link attachments, $attachment, 'embedded=1'}" /></a> <xen:else /> <span class="genericAttachment"><i class="fa fa-file-o"></i></span> </xen:if> </div> <div class="AttachmentText"> <div class="Filename"><a href="{xen:link attachments, $attachment}" target="_blank">{xen:if $attachment, $attachment.filename, ''}</a></div> <xen:if is="{$isTemplate}"> <input type="button" value="{xen:phrase cancel}" class="button smallButton AttachmentCanceller" /> <span class="ProgressMeter"><span class="ProgressGraphic">&nbsp;</span><span class="ProgressCounter">0%</span></span> <xen:else /> <noscript> <a href="{xen:link 'attachments/upload', '', '_params={$attachmentParams}', 'attachments='}" target="_blank" class="button Smallbutton">{xen:phrase delete}</a> </noscript> <xen:if is="{$attachment.thumbnailUrl}"> <div class="label JsOnly">{xen:phrase insert}:</div> </xen:if> <div class="controls JsOnly"> <input type="button" value="{xen:phrase delete}" class="button smallButton AttachmentDeleter" data-href="{xen:link 'attachments/delete', $attachment}" /> <xen:if is="{$attachment.thumbnailUrl}"> <input type="button" name="thumb" value="{xen:phrase thumbnail}" class="button smallButton AttachmentInserter" /> <input type="button" name="image" value="{xen:phrase full_image}" class="button smallButton AttachmentInserter" /> </xen:if> </div> </xen:if> </div> </li>   ]]>   </template> - <template title="bb_code.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ /* .bbCodeX classes are designed to exist inside .baseHtml. ie: they have no CSS reset applied */ .bbCodeBlock { margin: 1em 170px 1em 0; border: 1px solid rgb(34, 34, 34); -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; 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: 11px; font-family: 'Open Sans', sans-serif; color: #fff; background-color: rgb(48, 48, 48); padding: 7px 8px; border-bottom: 1px solid rgb(64, 64, 64); -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; } .bbCodeBlock pre, .bbCodeBlock .code { font-size: 10pt; font-family: Consolas, 'Courier New', Courier, monospace; background-color: rgb(51, 50, 50); padding: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; 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: 9pt; background-color: rgb(51, 50, 50); padding: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .bbCodeQuote .quoteContainer .quote { max-height: 150px; overflow: hidden; padding-bottom: 1px; } .NoJs .bbCodeQuote .quoteContainer .quote { max-height: none; } .bbCodeQuote .quoteContainer .quoteExpand { display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: absolute; height: 80px; top: 90px; left: 0; right: 0; font-size: 11px; line-height: 1; text-align: center; color: #f9bc6d; cursor: pointer; padding-top: 65px; background: -webkit-linear-gradient(top, rgba(51, 50, 50, 0) 0%, rgb(51, 50, 50) 80%); background: -moz-linear-gradient(top, rgba(51, 50, 50, 0) 0%, rgb(51, 50, 50) 80%); background: -o-linear-gradient(top, rgba(51, 50, 50, 0) 0%, rgb(51, 50, 50) 80%); background: linear-gradient(to bottom, rgba(51, 50, 50, 0) 0%, rgb(51, 50, 50) 80%); -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } .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 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: #333; padding: 5px; margin-top: 5px; margin-right: 170px; margin-bottom: 5px; border: 1px solid rgb(34, 34, 34); -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; overflow: auto; } .hasJs .bbCodeSpoilerText .bbCodeSpoilerText, .hasJs .bbCodeSpoilerText .bbCodeBlock, .hasJs .messageList.withSidebar .bbCodeSpoilerText { margin-right: 0; } .NoJs .bbCodeSpoilerContainer { background-color: rgb(255, 255, 255); /* 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; } @media (max-width:800px) { .Responsive .bbCodeBlock, .Responsive.hasJs .bbCodeSpoilerText { margin-right: 0; } }   ]]>   </template> - <template title="block_bistiydostup" addon_id="" version_id="0" version_string="" disable_modifications="0"> <![CDATA[ <div class="section"> <div class="secondaryContent"> <h3>Меню быстрого доступа</h3> <a href="http://forum.arizona-rp.com/index.php?threads/%D0%9F%D1%80%D0%B0%D0%B2%D0%B8%D0%BB%D0%B0-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B0.147709/" class="button" style="margin-bottom: 5px; width: 230px;">Правила проекта</a> <a href="http://forum.arizona-rp.com/index.php?threads/Правила-форума.339200/#post-2578916" class="button" style="margin-bottom: 5px; width: 230px;">Правила форума</a> <a href="http://forum.arizona-rp.com/index.php?forums/faq.601/" class="button" style="margin-bottom: 5px; width: 230px;">Часто задаваемые вопросы</a> <a href="http://forum.arizona-rp.com/index.php?forums/%D0%96%D0%B0%D0%BB%D0%BE%D0%B1%D1%8B.525/" class="button" style="margin-bottom: 5px; width: 230px;">Раздел жалоб Phoenix</a> <a href="http://forum.arizona-rp.com/index.php?forums/%D0%96%D0%B0%D0%BB%D0%BE%D0%B1%D1%8B.523/" class="button" style="margin-bottom: 5px; width: 230px;">Раздел жалоб Tucson</a> <a href="http://forum.arizona-rp.com/index.php?forums/%D0%96%D0%B0%D0%BB%D0%BE%D0%B1%D1%8B.521/" class="button" style="margin-bottom: 5px; width: 230px;">Раздел жалоб Scottdale</a> <a href="http://forum.arizona-rp.com/index.php?forums/%D0%96%D0%B0%D0%BB%D0%BE%D0%B1%D1%8B.519/" class="button" style="margin-bottom: 5px; width: 230px;">Раздел жалоб Chandler</a> <a href="http://forum.arizona-rp.com/index.php?forums/%D0%96%D0%B0%D0%BB%D0%BE%D0%B1%D1%8B.540/" class="button" style="margin-bottom: 5px; width: 230px;">Раздел жалоб Brainburg</a> <a href="http://forum.arizona-rp.com/index.php?forums/%D0%96%D0%B0%D0%BB%D0%BE%D0%B1%D1%8B.682/" class="button" style="margin-bottom: 5px; width: 230px;">Раздел жалоб Saint Rose</a> <a href="http://forum.arizona-rp.com/index.php?forums/%D0%96%D0%B0%D0%BB%D0%BE%D0%B1%D1%8B.754/" class="button" style="margin-bottom: 5px; width: 230px;">Раздел жалоб Mesa</a> <a href="http://forum.arizona-rp.com/index.php?forums/%D0%96%D0%B0%D0%BB%D0%BE%D0%B1%D1%8B.838/" class="button" style="margin-bottom: 5px; width: 230px;">Раздел жалоб Red-Rock</a> <a href="http://forum.arizona-rp.com/index.php?forums/%D0%96%D0%B0%D0%BB%D0%BE%D0%B1%D1%8B-%D0%BD%D0%B0-%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8E.956/" class="button" style="margin-bottom: 5px; width: 230px;">Раздел жалоб Yuma</a> <a href="http://forum.arizona-rp.com/index.php?forums/%D0%96%D0%B0%D0%BB%D0%BE%D0%B1%D1%8B.1054/" class="button" style="margin-bottom: 5px; width: 230px;">Раздел жалоб Surprise</a> </div> </div>   ]]>   </template> - <template title="block_newyear" addon_id="" version_id="0" version_string="" disable_modifications="0"> <![CDATA[ <div class="section"> <div class="secondaryContent"> <h3>Поздравление</h3> <img src="https://image.prntscr.com/image/6cTIM02WRUyMKCOrRjUf3Q.png"> <span style="color: white;"><b><p class="redtext">Уважаемые игроки Arizona Role Play!</p> <p>Мы стоим на пороге 2020-го года. Впереди нас ждёт увлекательное путешествие: призы и подарки, розыгрыши и конкурсы! А ваша любимая администрация станет для Вас верным спутником в этом "нелёгком" странствии =) От лица всей администрации проекта, поздравляем Вас с наступающим Новым годом! Оттянитесь, хлопцы - настали праздничные дни. Двери наших серверов всегда открыты для Вас!</p></b></span> <style> .redtext { color: red; } </style> </div> </div>   ]]>   </template> - <template title="block_vzlom" addon_id="" version_id="0" version_string="" disable_modifications="0"> <![CDATA[ <div class="section"> <div class="secondaryContent"> <h3>ВНИМАНИЕ!</h3> <b><p style="color: red">Уважаемые игроки!</p> <span style="color: #0066FF">Участились</span> случаи взлома аккаунтов путем распространения информации через личные сообщения на форуме о проведении неких акций от Главной Администрации проекта. Кликабельная ссылка в данных сообщениях ведет на сторонний ресурс, где Вам предлагается ввести свои данные от аккаунта. Ни в коем случае не вводите туда свои данные. Помните: Администрация никогда не будет Вам присылать сообщение с рекламой какой-либо акции в личные сообщения на форуме. <p><span style="color: #0066FF">Так же,</span> на форуме всё чаще стали распространять клео файл, в котором имеется стиллер. Прежде чем качать данный файл, подумайте несколько раз, а так же проверьте его на наличие стороннего ПО.</p> </b><p style="color: #0066FF"><b>Администрация всегда заботилась о безопасности Ваших аккаунтов, поэтому мы предусмотрели возможность защитить аккаунт. Мы настоятельно рекомендуем Вам привязать к аккаунту почту и настроить вход на аккаунт через письмо на почту.</b></p> </div> </div>   ]]>   </template> - <template title="breadcrumb" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ <xen:edithint template="breadcrumb.css" /> <nav> <xen:if is="!{$quickNavSelected} AND {$navigation}"> <xen:foreach loop="$navigation" value="$breadcrumb"> <xen:if is="{$breadcrumb.node_id}"> <xen:set var="$quickNavSelected">node-{$breadcrumb.node_id}</xen:set> </xen:if> </xen:foreach> </xen:if> <fieldset class="breadcrumb"> <a href="{xen:link misc/quick-navigation-menu, '', 'selected={$quickNavSelected}'}" class="OverlayTrigger jumpMenuTrigger" data-cacheOverlay="true" title="{xen:phrase open_quick_navigation}"><i class="fa fa-sitemap"></i></a> <div class="boardTitle"><strong>{$xenOptions.boardTitle}</strong></div> <span class="crumbs"> <xen:if is="{$showHomeLink}"> <span class="crust homeCrumb"{xen:if $microdata, ' itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"'}> <a href="{$homeLink}" class="crumb"{xen:if $microdata, ' rel="up" itemprop="url"'}><span{xen:if $microdata, ' itemprop="title"'}><i class="fa fa-home"></i></span></a> <span class="arrow"><span></span></span> </span> <xen:elseif is="{$selectedTabId} != {$homeTabId}" /> <span class="crust homeCrumb"{xen:if $microdata, ' itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"'}> <a href="{$homeTab.href}" class="crumb"{xen:if $microdata, ' rel="up" itemprop="url"'}><span{xen:if $microdata, ' itemprop="title"'}><i class="fa fa-home"></i></span></a> <span class="arrow"><span></span></span> </span> </xen:if> <xen:if is="{$selectedTab}"> <span class="crust selectedTabCrumb"{xen:if $microdata, ' itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"'}> <a href="{$selectedTab.href}" class="crumb"{xen:if $microdata, ' rel="up" itemprop="url"'}><span{xen:if $microdata, ' itemprop="title"'}>{$selectedTab.title}</span></a> <span class="arrow"><span>&gt;</span></span> </span> </xen:if> <xen:if is="{$navigation}"> <xen:foreach loop="$navigation" value="$breadcrumb" i="$i" count="$count"> <span class="crust"{xen:if $microdata, ' itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"'}> <a href="{xen:raw $breadcrumb.href}" class="crumb"{xen:if $microdata, ' rel="up" itemprop="url"'}><span{xen:if $microdata, ' itemprop="title"'}>{xen:raw $breadcrumb.value}</span></a> <span class="arrow"><span>&gt;</span></span> </span> </xen:foreach> </xen:if> </span> </fieldset> </nav>   ]]>   </template> - <template title="conversation_list_item" addon_id="XenForo" version_id="1040170" version_string="1.4.1" disable_modifications="0"> <![CDATA[ <xen:require css="discussion_list.css" /> <li id="conversation-{$conversation.conversation_id}" class="discussionListItem {xen:if {$conversation.isNew}, 'unread'}" data-author="{$conversation.username}"> <div class="listBlock posterAvatar"><xen:avatar user="$conversation" size="s" img="true" /></div> <div class="listBlock main"> <div class="titleText"> <xen:if hascontent="true"> <div class="iconKey"> <xen:contentcheck> <xen:if is="{$conversation.is_starred}"><a href="{xen:link conversations/starred}"><span class="starred" title="{xen:phrase starred}"><i class="fa fa-star"></i></span></a></xen:if> </xen:contentcheck> </div> </xen:if> <h3 class="title"> <input type="checkbox" name="conversations[]" value="{$conversation.conversation_id}" class="InlineModCheck" id="inlineModCheck-conversation-{$conversation.conversation_id}" data-target="#conversation-{$conversation.conversation_id}" title="{xen:phrase select_conversation}: '{$conversation.title}'" /> <a href="{xen:link "conversations{xen:if {$conversation.isNew}, '/unread'}", $conversation}">{xen:helper wrap, $conversation.title, 50}</a> <xen:if is="{$visitor.user_id}"><a href="{xen:link conversations/toggle-read, $conversation}" class="ReadToggle" data-counter="#ConversationsMenu_Counter" title="{xen:if {$conversation.isNew}, {xen:phrase mark_as_read}, {xen:phrase mark_as_unread}}"></a></xen:if> </h3> <div class="secondRow"> <div class="posterDate muted"> <xen:username user="$conversation" title="{xen:phrase conversation_starter}" />, <xen:foreach loop="$conversation.recipientNames" value="$recipient"> <xen:if is="{$recipient.user_id} != {$conversation.user_id}"><xen:username user="$recipient">{xen:if $recipient.user_id, $recipient.username, {xen:phrase unknown_member}}</xen:username>,</xen:if> </xen:foreach> <a href="{xen:link conversations, $conversation}" class="faint"><xen:datetime time="$conversation.start_date" /></a> <xen:if is="{$conversation.lastPageNumbers}"> <span class="itemPageNav"> <span>...</span> <xen:foreach loop="$conversation.lastPageNumbers" value="$pageNumber"> <a href="{xen:link conversations, $conversation, 'page={$pageNumber}'}">{$pageNumber}</a> </xen:foreach> </span> </xen:if> </div> </div> </div> </div> <div class="listBlock stats pairsJustified"> <dl class="major"><dt>{xen:phrase replies}:</dt> <dd>{xen:number {$conversation.reply_count}}</dd></dl> <dl class="minor"><dt>{xen:phrase participants}:</dt> <dd>{xen:number {$conversation.recipient_count}}</dd></dl> </div> <div class="listBlock lastPost"> <dl class="lastPostInfo"> <dt><xen:username user="$conversation.last_message" /></dt> <dd class="muted"><a href="{xen:link conversations/message, $conversation, 'message_id={$conversation.last_message_id}'}" class="dateTime"><xen:datetime time="$conversation.last_message_date" /></a></dd> </dl> </div> </li>   ]]>   </template> - <template title="discussion_list.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ .discussionList { position: relative; zoom: 1; } /** column style and width **/ .discussionList .sectionHeaders, .discussionListItem { display: table; table-layout: fixed; width: 100%; word-wrap: normal; } .discussionList .sectionHeaders dt, .discussionList .sectionHeaders dd, .discussionListItem .listBlock { display: table-cell; vertical-align: middle; } .discussionList .posterAvatar { width: 52px; } .discussionList .main { width: auto; } .discussionList .sectionHeaders .main .postDate { text-align: right; } .discussionList .stats { width: 140px; } .discussionList .sectionHeaders .stats .minor { text-align: right; } .discussionList .lastPost { width: 150px; text-align: right; overflow: hidden; } .discussionList .statsLastPost /* combined last two columns */ { width: 290px; } /* column headers */ .discussionList .sectionHeaders { font-size: 15px; font-family: 'Open Sans', sans-serif; color: rgb(255, 255, 255); background-color: rgb(151, 57, 65); padding: 12px 10px; margin: 3px auto 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; padding: 0; } .discussionList .sectionHeaders dt span { display: none !important; } .discussionList .sectionHeaders a { display: block; color: rgb(255, 255, 255); outline: none; } .discussionList .sectionHeaders a:hover { text-decoration: none; } .discussionList .sectionHeaders dd a[href]:hover { text-decoration: none; background: url(rgba.php?r=232&g=232&b=232&a=25); background: rgba(232, 232, 232, 0.1); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19E8E8E8,endColorstr=#19E8E8E8); } .discussionList .sectionHeaders .main a, .discussionList .sectionHeaders .stats a { float: left; width: 50%; white-space: nowrap; } .discussionList .sectionHeaders a span { padding: 12px 10px; display: block; } /** IE <8 **/ .discussionList .sectionHeaders, .discussionListItem { *display: block; _vertical-align: bottom; } .discussionList .sectionHeaders dt, .discussionList .sectionHeaders dd, .discussionListItem .listBlock { *display: block; *float: left; } .discussionListItem .listBlock { _height: 52px; *min-height: 52px; } /* todo: should be calculation */ .discussionList .posterAvatar { *width: 6.98%; } .discussionListItem .posterAvatar { *font-size: 0; } .discussionList .main { *width: 56.98%; } .discussionList .stats { *width: 15.97%; } .discussionList .lastPost { *width: 19.97%; } .discussionList .statsLastPost { *width: 35.97%; } .discussionList .sectionHeaders dt, .discussionList .sectionHeaders dd { *padding: 5px 0; } .discussionList .sectionHeaders a, .discussionList .sectionHeaders a span { *display: inline !important; *float: none !important; } /* items in thread list */ .discussionListItems { } /* individual thread list item */ /** main **/ .discussionListItem { background-color: rgb(51, 51, 51); border-bottom: 1px solid rgb(80, 80, 80); padding: 8px 0px; } /* avatar section */ .discussionListItem .posterAvatar .avatarContainer { display: block; position: relative; } .discussionListItem .posterAvatar .avatar { padding: 5px; display: block; width: 36px; height: 36px; width: auto; height: auto; } .discussionListItem .posterAvatar .avatar img { width: 36px; height: 36px; display: block; } .discussionListItem .posterAvatar .miniMe { padding: 0; position: absolute; bottom: 1px; left: 29px; z-index: 10; } .discussionListItem .posterAvatar .miniMe img { padding: 1px; border: 1px none black; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 1px 1px 5px rgba(0,0,0, 0.5); -moz-box-shadow: 1px 1px 5px rgba(0,0,0, 0.5); -khtml-box-shadow: 1px 1px 5px rgba(0,0,0, 0.5); box-shadow: 1px 1px 5px rgba(0,0,0, 0.5); width: 20px; height: 20px; } /* title, poster section */ .discussionListItem .titleText { padding: 5px; overflow: hidden; zoom: 1; position: relative; } /* unread indicator */ .LoggedIn .discussionListItem .titleText { padding-left: 20px; } .LoggedIn .discussionListItem .unreadLink, .LoggedIn .discussionListItem .ReadToggle { display: block; width: 10px; height: 10px; position: absolute; left: 5px; top: 10px; white-space: nowrap; color: rgb(200,200,200); font-size: 11px; } .LoggedIn .discussionListItem .ReadToggle:hover { background-position: -25px -42px; } /* first row */ .discussionListItem .title { font-size: 15px; margin-bottom: 5px; line-height: 18px; max-width: 100%; word-wrap: break-word; } .discussionListItems .unread .title a { font-weight: bold; /*padding-right: 18px; background: transparent url('styles/flatawesomedark/xenforo/widgets/discussion-new.png') no-repeat right center;*/ } .discussionListItem .iconKey span { margin-left: 5px; float: right; font-size: 15px; width: 16px; height: 16px; } /* second row */ .discussionListItem .secondRow { font-size: 12px; clear: both; } .discussionListItem .secondRow .controls { float: right; padding-left: 20px; } .discussionListItem.AjaxProgress .controls { background: transparent url('styles/flatawesomedark/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat left center; } .discussionListItem .posterDate { float: left; } /* stats section */ .discussionListItem .stats dl { padding: 0 10px; border-left: 1px solid rgb(88, 88, 88); border-right: 1px solid rgb(88, 88, 88); } .discussionListItem .stats .major { font-size: 15px; margin-bottom: 5px; line-height: 18px; margin-top: 5px; } .discussionListItem .stats .minor { font-size: 12px; margin-bottom: 5px; } /* last post section */ .discussionListItem .lastPostInfo { padding: 5px; } .discussionListItem .lastPostInfo .username { font-size: 15px; margin-bottom: 5px; line-height: 18px; } .discussionListItems .unread .lastPostInfo .username { font-weight: bold; /*padding-right: 18px; background: transparent url('styles/flatawesomedark/xenforo/widgets/discussion-new.png') no-repeat right center;*/ } .discussionListItem .lastPostInfo .dateTime { font-size: 12px; } /* extra note row */ .discussionListItem .noteRow { background-color: rgb(51, 51, 51); padding: 5px; text-align: center; font-size: 11px; color: rgb(34, 34, 34); } /* deleted item */ .discussionList .discussionListItem.deleted { } .discussionList .discussionListItem.deleted .avatar img { opacity: 0.5; filter: alpha(opacity='50'); } .discussionList .discussionListItem.deleted .deletionNote { float: left; color: rgb(150,0,0); } /* moderated item */ .discussionList .discussionListItem.moderated .listBlock { background-color: rgb(51, 51, 51); } /* inline mod selected/checked classes */ .discussionListItem.InlineModChecked, .discussionListItem.InlineModChecked .posterAvatar, .discussionListItem.InlineModChecked .main, .discussionListItem.InlineModChecked .stats, .discussionListItem.InlineModChecked .lastPost, .discussionListItem.deleted.InlineModChecked, .discussionListItem.moderated.InlineModChecked { background-color: rgb(32, 32, 32); } /** bottom summary **/ .discussionList .sectionFooter { overflow: hidden; zoom: 1; } .discussionList .sectionFooter .contentSummary { float: left; display: block; } /** thread list options **/ .DiscussionListOptions { margin: 10px auto; border: 1px solid #222222; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; line-height: 20px; overflow: hidden; zoom: 1; } .hasJs .DiscussionListOptions { display: none; } .DiscussionListOptions dl, .DiscussionListOptions .controlGroup { float: left; margin-right: 10px; overflow: hidden; zoom: 1; } .DiscussionListOptions dt { float: left; } .DiscussionListOptions dd { margin-left: 120px; } .DiscussionListOptions .buttonGroup { float: right; } .DiscussionListOptions .buttonGroup input { min-width: 75px; } #DiscussionListOptionsHandle { position: absolute; bottom: -17px; line-height: 16px; text-align: center; right: 50%; white-space: nowrap; } #DiscussionListOptionsHandle a { font-size: 12px; color: #fff; background-color: ; padding: 5px 20px; margin: 0 auto; border: 1px solid #333333; border-top: 1px none black; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; display: inline-block; outline: 0; position: relative; right: -50%; top: 10px; } .afterDiscussionListHandle { margin-top: 20px; } /** item page nav **/ .discussionListItem .itemPageNav { visibility: hidden; } .discussionListItem:hover .itemPageNav, .Touch .discussionListItem .itemPageNav { visibility: visible; } .itemPageNav a, .itemPageNav span { font-size: 12px; padding: 0 3px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; color: #032A46 !important; display: inline-block; text-align: center; } .itemPageNav a { background-color: #333333; border: 1px solid #222222; color: #FFFFFF !important; } .itemPageNav a:hover { color: #FFFFFF; text-decoration: none; background-color: #333333; border-color: #222222; } /** filters **/ .discussionListFilters { font-size: 11px; overflow: hidden; zoom: 1; } .discussionListFilters .filtersHeading { float: left; margin-right: 5px; color: #6cb2e4; font-weight: bold; } .discussionListFilters .removeFilter, .discussionListFilters .removeAllFilters { color: rgb(34, 34, 34); background-color rgb(88, 88, 88); border: 1px solid rgb(88, 88, 88); -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 2px 10px; } .discussionListFilters .gadget { color: #6cb2e4; font-weight: bold; margin-left: 3px; } .discussionListFilters .removeFilter:hover, .discussionListFilters .removeAllFilters:hover { background-color: rgb(51, 51, 51); text-decoration: none; color: rgb(150,150,150); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); -moz-box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); -khtml-box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); } .discussionListFilters .pairsInline dt { display: none; } .discussionListFilters .filterPairs { float: left; } .discussionListFilters .removeAll { float: right; } .discussionListFilters .removeAllFilters { padding: 2px 6px; } @media (max-width:610px) { .Responsive .discussionList .sectionHeaders .stats { display: none; } .Responsive .discussionList .sectionHeaders .main .title { float: none; width: auto; } .Responsive .discussionList .sectionHeaders .main .postDate { display: none; } .Responsive .discussionList .statsLastPost { display: none; } .Responsive .discussionListItem .listBlock.main, .Responsive .discussionListItem .listBlock.stats, .Responsive .discussionListItem .listBlock.lastPost { display: block; } .Responsive .discussionListItem .listBlock.stats { float: left; width: auto; margin-top: -5px; border: none; background: none; padding-left: 5px; } .Responsive.LoggedIn .discussionListItem .listBlock.stats { padding-left: 20px; } .Responsive .discussionListItem .listBlock.stats dl { border: none; padding: 0; } .Responsive .discussionListItem .listBlock.stats dd, .Responsive .discussionListItem .listBlock.stats dt { float: none; display: inline; } .Responsive .discussionListItem .listBlock.stats .minor { display: none; } .Responsive .discussionListItem .listBlock.stats .major { font-size: 11px; margin-top: 0; } .Responsive .discussionListItem .listBlock.lastPost { float: right; width: auto; margin-top: -5px; } .Responsive .discussionListItem .listBlock.lastPost .lastPostInfo { padding-top: 0; padding-bottom: 0; } .Responsive .discussionListItem .listBlock.lastPost dt { display: none; } } @media (max-width:800px) { .Responsive .discussionList .sectionHeaders .lastPost, .Responsive .discussionList .lastPost { width: 125px; } } @media (max-width:480px) { .Responsive .discussionListItem .secondRow .startDate, .Responsive .discussionListItem .secondRow .EditControl { display: none; } }   ]]>   </template> - <template title="editor_ui.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ .hasJs .BbCodeWysiwygEditor { visibility: hidden; } .redactor_box { font-size: 0; background-color: rgb(51, 51, 51); border: 1px solid #222222; line-height: 0; position: relative; overflow: hidden; } .redactor_box .redactor_smilies { overflow: hidden; *zoom: 1; } .redactor_box .redactor_smilies .tabs { min-height: 0; } .redactor_box .redactor_smilies .smilieContainer { max-height: 150px; overflow: auto; } .redactor_box .redactor_smilies .primaryContent, .redactor_box .redactor_smilies .secondaryContent { border-bottom: none; } .redactor_box .redactor_smilies .secondaryContent { border-top: 1px solid #222222; } .redactor_box .redactor_smilies .tabs a { height: 18px; line-height: 18px; font-size: 11px; } .redactor_box .redactor_smilies .smilieCategory li { display: inline-block; margin: 0; padding: 2px; cursor: pointer; line-height: 1.6; } .redactor_box .draftNotice, .redactor_box .placeholder { display: none; position: relative; line-height: 0; font-size: 0; z-index: 1; } .redactor_box .draftNotice span { position: absolute; right: 20px; top: -30px; float: right; line-height: 14px; font-size: 11px; color: rgb(150,150,150); padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background: rgb(252, 252, 255); -webkit-box-shadow: 1px 1px 4px rgb(150,150,150); -moz-box-shadow: 1px 1px 4px rgb(150,150,150); -khtml-box-shadow: 1px 1px 4px rgb(150,150,150); box-shadow: 1px 1px 4px rgb(150,150,150); opacity: .5; } .redactor_box .placeholder span { line-height: 14px; font-size: 15px; font-family: 'Open Sans', sans-serif; line-height: 1.7; position: absolute; left: 8px; top: 8px; color: rgb(160,160,160); } /* TOOLBAR */ .redactor_toolbar { font-size: 0; background-color: #2D2D2D; padding: 0 0 0 2px; margin: 0; border-bottom: 1px solid #2D2D2D; position: relative; left: 0; top: 0; line-height: 0; list-style: none; overflow: hidden; } .blendedEditor .redactor_box .redactor_toolbar { max-height: 68px; } .blendedEditor .redactor_box.activated .redactor_toolbar { max-height: none; } .redactor_toolbar li { float: left; margin: 2px 1px; margin-right: 0; list-style: none; outline: none; } .redactor_toolbar li.redactor_btn_right { float: right; } .redactor_toolbar li a { font-size: 0; text-decoration: none; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: block; line-height: 0; cursor: pointer; zoom: 1; outline: none; text-indent: -9999px; width: 24px; height: 24px; } .redactor_toolbar li a:hover { background-color: rgb(45, 45, 45); border-color: #222222; } .redactor_toolbar li a:active, .redactor_toolbar li a.redactor_act { background-color: #333333; border: 1px solid #222222; } .redactor_toolbar li li { padding: 0; margin: 1px; } .redactor_toolbar li.redactor_btn_group { margin-left: 2px; margin-right: 2px; } .redactor_toolbar li.redactor_btn_group ul { background-color: rgb(45, 45, 45); padding: 1px; margin: 0; border: 1px solid #222222; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; overflow: hidden; *zoom: 1; } /* Fade toolbar when editor is not activated */ .blendedEditor .redactor_box .redactor_btn_group ul, .blendedEditor .redactor_box iframe, .blendedEditor .redactor_box .redactor_smilies li { opacity: 0.5; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .blendedEditor .redactor_box.activated .redactor_btn_group ul, .blendedEditor .redactor_box.activated iframe, .blendedEditor .redactor_box.activated .redactor_smilies li { opacity: 1; } .redactor_toolbar li.redactor_separator { float: left; height: 32px; border-left: 1px solid #d3d3d3; border-right: 1px solid #f5f5f5; padding: 0; margin: 0 2px 0 3px; } /*BUTTONS*/ /* DROPDOWN */ .redactor_dropdown { top: 28px; left: 0; z-index: 100004; position: absolute; width: 200px; max-height: 150px; overflow: auto; background-color: rgb(51, 51, 51); border: 1px solid #222; font-size: 13px; -webkit-box-shadow: 0 2px 5px #222; -moz-box-shadow: 0 2px 5px #222; -khtml-box-shadow: 0 2px 5px #222; box-shadow: 0 2px 5px #222; line-height: 1.5; padding: 5px; } .redactor_dropdown a { display: block; color: #fff; padding: 3px 5px; text-decoration: none; } .redactor_dropdown a.icon { padding: 0px 0px 0px 32px; height: 24px; line-height: 24px; } .redactor_dropdown a:hover { text-decoration: none; background-color: rgb(51, 51, 51); } .redactor_separator_drop { border-top: 1px solid #ddd; padding: 0; line-height: 0; font-size: 0; } /* ColorPicker */ .redactor_color_link { padding: 0; width: 15px; height: 15px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset; -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; float: left; margin: 2px; font-size: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .redactor_color_none { font-size: 11px; clear: both; } /* MODAL */ #redactor_modal_overlay { position: fixed; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 209998; opacity: 0.6; filter: alpha(opacity='60'); background-color: rgb(23, 23, 23); } #redactor_modal { padding: 0; position: fixed; top: 50%; z-index: 209999; } #redactor_modal_close { overflow: hidden; text-indent: -9999px; cursor: pointer; font-size: 28px; position: absolute; right: 4px; top: 4px; cursor: pointer; text-align: center; width: 35px; height: 35px; } #redactor_tabs { margin-bottom: 18px; text-align: center; } #redactor_tabs a { display: inline-block; border: 1px solid #d8d8d8; padding: 4px 14px; font-size: 12px; background-color: #ccc; text-decoration: none; color: #555; line-height: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-right: 5px; } #redactor_tabs a:hover, #redactor_tabs a.redactor_tabs_act { background-color: #eee; padding: 5px 15px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4) inset; -khtml-box-shadow: 0 1px 2px rgba(0, 0, 0, .4) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, .4) inset; border: none; text-shadow: 0 0 0 transparent, 0 1px 0 #eee; color: #777; text-decoration: none; } .redactor_editor_drop { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2px dashed #aaa; color: #000; background: url(rgba.php?r=190&g=190&b=190&a=127); background: rgba(190, 190, 190, .5); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FBEBEBE,endColorstr=#7FBEBEBE); } .redactor_editor_drop.dragDisabled { background: url(rgba.php?r=190&g=140&b=140&a=127); background: rgba(190, 140, 140, .5); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FBE8C8C,endColorstr=#7FBE8C8C); border-color: rgb(150, 75, 75); } .redactor_editor_drop span { display: block; text-align: center; position: absolute; top: 50%; width: 100%; font-size: 18px; line-height: 26px; margin-top: -13px; } .redactor_editor_drop.hover { display: block; } /* Drag and Drop Area */ .redactor_droparea { position: relative; width: 100%; margin: auto; margin-bottom: 5px; } .redactor_droparea .redactor_dropareabox { z-index: 1; position: relative; text-align: center; width: 99%; background-color: #fff; padding: 60px 0; border: 2px dashed #bbb; } .redactor_droparea .redactor_dropareabox, .redactor_dropalternative { color: #555; font-size: 12px; } .redactor_dropalternative { margin: 4px 0 2px 0; } .redactor_dropareabox.hover { background: #efe3b8; border-color: #aaa; } .redactor_dropareabox.error { background: #f7e5e5; border-color: #dcc3c3; } .redactor_dropareabox.drop { background: #f4f4ee; border-color: #e0e5d6; } .Responsive .redactor_toolbar li a { text-indent: 0px; text-align: center; } .Responsive .redactor_toolbar li a:before, html .redactor_dropdown a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 14px; color: #fff; line-height: 24px; } html .redactor_dropdown a { padding-left: 0 !important; } html .redactor_dropdown a:before { margin-right: 10px; } html.Responsive .redactor_toolbar li a.redactor_btn_bold:before { content: "\f032"; } html .redactor_toolbar li a.redactor_btn_italic:before { content: "\f033"; } html .redactor_toolbar li a.redactor_btn_underline:before { content: "\f0cd"; } html .redactor_toolbar li a.redactor_btn_fontcolor:before { content: "\f042"; } html .redactor_toolbar li a.redactor_btn_fontsize:before { content: "\f034"; } html .redactor_toolbar li a.redactor_btn_fontfamily:before { content: "\f031"; } html .redactor_toolbar li a.redactor_btn_createlink:before { content: "\f0c1"; } html .redactor_toolbar li a.redactor_btn_unlink:before { content: "\f127"; } html .redactor_toolbar li a.redactor_btn_alignment:before { content: "\f036"; } html .redactor_toolbar li a.redactor_btn_unorderedlist:before { content: "\f0ca"; } html .redactor_toolbar li a.redactor_btn_orderedlist:before { content: "\f0cb"; } html .redactor_toolbar li a.redactor_btn_outdent:before { content: "\f03b"; } html .redactor_toolbar li a.redactor_btn_indent:before { content: "\f03c"; } html .redactor_toolbar li a.redactor_btn_smilies:before { content: "\f118"; } html .redactor_toolbar li a.redactor_btn_image:before { content: "\f03e"; } html .redactor_toolbar li a.redactor_btn_media:before { content: "\f008"; } html .redactor_toolbar li a.redactor_btn_insert:before { content: "\f067"; } html .redactor_toolbar li a.redactor_btn_draft:before { content: "\f0c7"; } html .redactor_toolbar li a.redactor_btn_undo:before { content: "\f0e2"; } html .redactor_toolbar li a.redactor_btn_redo:before { content: "\f01e"; } html .redactor_toolbar li a.redactor_btn_removeformat:before { content: "\f12d"; } html .redactor_toolbar li a.redactor_btn_switchmode:before { content: "\f0f6"; } html .redactor_dropdown a.alignLeft:before { content: "\f036"; } html .redactor_dropdown a.alignCenter:before { content: "\f037"; } html .redactor_dropdown a.alignRight:before { content: "\f038"; } .redactor_dropdown a.quote:before { content: "\f10d"; } .redactor_dropdown a.spoiler:before { content: "\f024"; } .redactor_dropdown a.code:before { content: "\f121"; } .redactor_dropdown a.strikethrough:before { content: "\f0cc"; } .redactor_dropdown a.saveDraft:before { content: "\f0c7"; } .redactor_dropdown a.deleteDraft:before { content: "\f014"; }   ]]>   </template> - <template title="error" addon_id="XenForo" version_id="1040570" version_string="1.4.5" disable_modifications="0"> <![CDATA[ <xen:title>{xen:phrase error}</xen:title> <xen:h1>{$xenOptions.boardTitle} - {xen:phrase error}</xen:h1> <xen:container var="$head.robots"><meta name="robots" content="noindex" /></xen:container> <div class="errorOverlay"> <a class="close OverlayCloser"></a> <xen:if is="{xen:count $error, false} == 1"> <xen:if is="{$showHeading}"><h2 class="heading">{xen:phrase following_error_occurred}:</h2></xen:if> <div class="baseHtml"> <xen:foreach loop="$error" key="$key" value="$value"> <label for="ctrl_{$key}" class="OverlayCloser">{xen:raw $value}</label> </xen:foreach> </div> <xen:else /> <xen:if is="{$showHeading}"><h2 class="heading">{xen:phrase please_correct_following_errors}:</h2></xen:if> <div class="baseHtml"> <ul> <xen:foreach loop="$error" key="$key" value="$value"> <li><label for="ctrl_{$key}" class="OverlayCloser">{xen:raw $value}</label></li> </xen:foreach> </ul> </div> </xen:if> </div>   ]]>   </template> - <template title="events.css" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ .news_feed_page_global .eventList:first-of-type { border-top: 1px solid {xen:property primaryLighterStill}; } .event { overflow: hidden; zoom: 1; } .event .avatar, .event .icon { float: left; } .event .content { margin-left: 65px; padding-top: 1px; } .event .NewsFeedItemHider { float: right; margin-left: 5px; } .event .content .description { color: {xen:property mutedTextColor}; } .event .content .description em { color: {xen:property contentText}; } .event .content .options { float: right; font-size: 11px; } .event .content .primaryText { font-weight: bold; } .event .content .title { line-height: 16px; margin-top: 5px; } .event .content .minorTitle { font-size: 11px; line-height: 16px; margin-top: 5px; } .event .content .snippet { margin: 5px 0; {xen:property messageText}; font-size: 11px; font-style: italic; } .event .content .DateTime { display: block; color: {xen:property mutedTextColor}; font-size: 11px; margin-top: 5px; } .event .content .icon { display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; } .event .content .attachedImages { } .event .content .attachedImages:hover, .event .content .attachedImages:active { outline: 0 none; text-decoration: none; } .event .content .attachedImages img { max-height: 32px; }   ]]>   </template> - <template title="EXTRA.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ /* User name classes */ .username .style74 { text-shadow: blue 1px 1px 10px; color:blue; } .username .style3 { text-shadow: red 1px 1px 10px; color:red; } .username .style71 { text-shadow: Green 1px 1px 10px; color:green; } .username .style79 { text-shadow: #20F5BA 1px 1px 10px; color: #20F5BA; } .username .style73 { text-shadow: #6DB36D 1px 1px 10px; color: #6DB36D; } .username .style5 { text-shadow: #4F00EA 1px 1px 10px; color: #642CD0; } .username .style4 { text-shadow: #332f2c 1px 1px 10px; color: #fff600; } .username .style72 { text-shadow: orange 1px 1px 10px; color:orange; } .username .style75 { text-shadow: Skyblue 1px 1px 10px; color:Skyblue; } .username .banned { text-decoration: line-through; } .userBanner { font-size: 11px; padding: 1px 5px; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -khtml-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); text-align: center; } .userBanner.wrapped { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; position: relative; } .userBanner.wrapped span { position: absolute; top: -4px; width: 5px; height: 4px; background-color: inherit; } .userBanner.wrapped span.before { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; left: -1px; } .userBanner.wrapped span.after { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; right: -1px; } .userBanner.bannerHidden { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; border: none; } .userBanner.bannerHidden.wrapped { margin-left: 0; margin-right: 0; } .userBanner.bannerHidden.wrapped span { display: none; } .userBanner.bannerStaff { color: rgb(34, 34, 34); background-color: rgb(88, 88, 88); border-color: rgb(51, 51, 51); } .userBanner.bannerStaff.wrapped span { background-color: rgb(51, 51, 51); } .userBanner.bannerPrimary { color: rgb(34, 34, 34); background-color: rgb(88, 88, 88); border-color: rgb(51, 51, 51); } .userBanner.bannerPrimary.wrapped span { background-color: rgb(51, 51, 51); } .userBanner.bannerSecondary { color: #8f6c3f; background-color: #f9d9b0; border-color: #f9d9b0; } .userBanner.bannerSecondary.wrapped span { background-color: #f9d9b0; } .userBanner.bannerRed { color: white; background-color: red; border-color: #F88; } .userBanner.bannerRed.wrapped span { background-color: #F88; } .userBanner.bannerGreen { color: white; background-color: green; border-color: green; } .userBanner.bannerGreen.wrapped span { background-color: green; } .userBanner.bannerOlive { color: black; background-color: #6DB36D; border-color: #6DB36D; } .userBanner.bannerOlive.wrapped span { background-color: #6DB36D; } .userBanner.bannerLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; } .userBanner.bannerLightGreen.wrapped span { background-color: lightgreen; } .userBanner.bannerBlue { color: white; background-color: blue; border-color: #88F; } .userBanner.bannerBlue.wrapped span { background-color: #88F; } .userBanner.bannerRoyalBlue { color: white; background-color: royalblue; border-color: #81A9E1; } .userBanner.bannerRoyalBlue.wrapped span { background-color: #81A9E1; } .userBanner.bannerSkyBlue { color: black; background-color: skyblue; border-color: skyblue; } .userBanner.bannerSkyBlue.wrapped span { background-color: skyblue; } .userBanner.bannerGray { color: white; background-color: gray; border-color: #AAA; } .userBanner.bannerGray.wrapped span { background-color: #AAA; } .userBanner.bannerSilver { color: black; background-color: silver; border-color: silver; } .userBanner.bannerSilver.wrapped span { background-color: silver; } .userBanner.bannerYellow { color: white; background-color: #642CD0; border-color: #642CD0; } .userBanner.bannerYellow.wrapped span { background-color: #642CD0; } .userBanner.bannerOrange { color: black; background-color: orange; border-color: #FFC520; } .userBanner.bannerOrange.wrapped span { background-color: #FFC520; } .userBanner.bannerPurple { color: white; background-color: #642CD0; border-color: #642CD0; } .userBanner.bannerPurple.wrapped span { background-color: #642CD0; } .userBanner.bannerJiza { color: black; background: linear-gradient(45deg, #24EC3C, #20F5BA); border-color: #24EC3C; } .userBanner.bannerJiza.wrapped span { background-color: #24EC3C; } .username[data-user-id="1"] { [class^="username"] { text-shadow: red 1px 1px 10px; color:red; } }   ]]>   </template> - <template title="facebook.css" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ a.fbLogin, #loginBar a.fbLogin { display: inline-block; width: {xen:property eAuthButtonWidth}; height: 22px; box-sizing: border-box; cursor: pointer; background-repeat: no-repeat; border-radius: 3px; padding: 0px 0px 0px 1px; outline: none; text-decoration: none; color: white; font-weight: bold; font-size: 11px; line-height: 14px; } .fbLogin .fa { float: left; padding: 3px 0 0 5px; font-size: 15px; margin-right: 5px; } a.fbLogin:hover, #loginBar a.fbLogin:hover { text-decoration: none; } a.fbLogin span { background: #5f78ab url('//b.s-static.ak.facebook.com/images/connect_sprite.png'); line-height: 21px; border-top: solid 1px #879ac0; border-bottom: solid 1px #1a356e; display: block; padding: 2px 4px 3px; margin: 1px 1px 0px 0px; text-shadow: none; white-space: nowrap; overflow: hidden; } a.fbLogin:active span { border-bottom: solid 1px #29447e; border-top: solid 1px #45619d; background: #4f6aa3; text-shadow: none; }   ]]>   </template> - <template title="fa_sidebar.css" addon_id="" version_id="0" version_string="" disable_modifications="0"> <![CDATA[ #boardStats .pairsJustified dl { padding: 5px 0px; } .forum_list #boardStats .pairsJustified dt:before { color: {xen:property faintTextColor}; font-family: FontAwesome; font-weight: normal; margin-right: 5px; } .forum_list .sidebar #boardStats .discussionCount dt:before { content: "\f086"; } .forum_list .sidebar #boardStats .messageCount dt:before { content: "\f075"; } .forum_list .sidebar #boardStats .memberCount dt:before { content: "\f0c0"; } .forum_list .sidebar #boardStats .pairsJustified dl:last-child dt:before { content: "\f007"; }   ]]>   </template> - <template title="fa_socialicons.css" addon_id="" version_id="0" version_string="" disable_modifications="0"> <![CDATA[ .socialicons { float: right; margin-top: 10px; } .socialicons li { display: inline-block; } .socialicons li a { padding: 10px; font-size: 24px; color: {xen:property contentText}; } .socialicons li a:hover { color: {xen:property facolor2}; }   ]]>   </template> - <template title="file_uploader.css" addon_id="XenResource" version_id="1010270" version_string="1.1.2" disable_modifications="0"> <![CDATA[ .FileUploader { display: block; } .uploadedFile { {xen:property secondaryContent.background}; border: 1px solid {xen:property primaryLighterStill}; border-radius: 3px; font-size: 11px; padding: 5px; box-sizing: border-box; margin-right: {xen:property ctrlUnitEdgeSpacer}; display: none; } .uploadedFile .Delete { float: right; font-weight: bold; line-height: 18px; height: 18px; width: 18px; text-align: center; border-radius: 3px; } .uploadedFile .Delete:hover { background: {xen:property primaryLighterStill}; text-decoration: none; } .uploadedFile .Progress { background: transparent url('{xen:property imagePath}/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') center left no-repeat; } .uploadedFile .Progress .gauge { border: 1px solid {xen:property primaryLighter}; border-radius: 3px; background-color: {xen:property content.background-color}; margin: 0 20px; } .uploadedFile .Progress .gauge .Meter { border-radius: 1px; background: {xen:property primaryLight} none repeat-x top; height: 16px; } .uploadedFile .Filename { line-height: 18px; height: 18px; padding: 0 5px; }   ]]>   </template> - <template title="flatawesome.css" addon_id="" version_id="0" version_string="" disable_modifications="0"> <![CDATA[ /* Navigation and Header CSS */ #logoBlock { background-color: {xen:property pageBackground}; } .Responsive .navTabs .navTab.PopupClosed .navLink, .navTabs .navTab .SplitCtrl .fa { color: {xen:property navTabs.color}; } .navTabs .navTab .SplitCtrl .fa { font-size: 10px; } .navTabs .navTab.selected .tabLinks { height: 40px; top: 51px; } .visitorTabs .alerts.unread .fa, .visitorTabs .inbox.unread .fa { color: {xen:property alertBalloon.background-color}; } .navTabs .navTab.PopupOpen .navLink { color: {xen:property facolor2}; } #logo a { {xen:property fa_logotextcss} } #logo a span { color: {xen:property fa_logotextcolor}; } /* Forum List and Nodes */ .node .forumNodeInfo.unread .nodeIcon { color: {xen:property facolor2}; } .nodeList .categoryStrip .nodeTitle:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 15px; content: "\f07c"; margin-right: 5px; } .Menu.tabMenu:before { bottom: 100%; left: 22px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .Menu.tabMenu:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: {xen:property menu.border-color}; border-width: 14px; margin-left: -14px; } .Menu.tabMenu { overflow: visible; } /* Quick Search */ #QuickSearch { border-radius: 0; padding: 2px; top: -35px; } #QuickSearch, #QuickSearch .formPopup, #QuickSearchQuery { background-color: {xen:property facolor1}; border-width: 0px; border-radius: 0px; } #QuickSearchQuery { color: #FFF; } /* Popup Functions */ .PopupOpen .arrowWidget:before, .Popup .arrowWidget:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 15px; color: {xen:property contentText}; } .Popup .arrowWidget:before { content: "\f107"; } .PopupOpen .arrowWidget:before { content: "\f106"; color: {xen:property popupControl.color}; } html .subForumsPopup .PopupOpen .dt, .subForumsPopup.Popup .PopupControl.PopupOpen { color: {xen:property popupControl.color} !important; } /* Misc */ .topHelper { {xen:property fa_tophelper} } .bottomHelper { {xen:property fa_bottomhelper} } .navTabs .navLink, .navTabs .SplitCtrl, .nodeList .categoryStrip, .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3, .discussionList .sectionHeaders, .footer .pageContent { {xen:property fa_secondaryfontcss} } #headerMover { position: relative; z-index: 2; } .footer, .footerLegal { position: relative; z-index: 1; } #copyright .Tooltip, .pairsInline.debugInfo > dd, #copyright .Tooltip, .pairsInline.debugInfo > dd a { color: {xen:property facolor2} !important;; } .footer .fa { font-size: {xen:property fafontsizel}; } .footer .fa.fa-tint { margin-right: 4px; position: relative; top: 1px; } .PageNav .scrollable { height: 22px; } .PageNav a.text { padding: 2px 4px; } .PageNav .pageNavHeader { padding: 2px 1px; } a.PageNavPrev, a.PageNavNext { font-size: 11px; padding: 2px 1px; } html .textWithCount.subHeading .text { color: {xen:property facolor6}; } .xenForm .ctrlUnit { padding: 7px 0; } #QuickSearch #commonSearches .button { line-height: 24px; } #QuickSearch .moreOptions { margin-left: 111px; } #QuickSearch #commonSearches .arrowWidget { margin-left: 5px; } #QuickSearch #commonSearches .arrowWidget:before { color: {xen:property facolor8}; } #QuickSearch #commonSearches:hover .arrowWidget:before { color: {xen:property facolor2}; } html .formPopup .controlsWrapper { border-radius: {xen:property fa_borderradiuss}; } .mainContentBlock.sectionMain { padding: 10px; } html .navigationSideBar .primaryContent { font-size: {xen:property fafontsizes}; } html .conversation_view .message:first-child, html .conversation_view .quickReply { border-top: {xen:property message.border-color} solid 1px; } html .conversation_view .messageList { border-width: 0; border-radius: 0; } .thread_view .message .newIndicator { margin-right: -15px; } .footerLegal .pageContent .debugInfo a, .sharePage .textHeading.larger { color: {xen:property facolor2}; } .AttachmentEditor .AttachedFile .Thumbnail .genericAttachment { font-size: 20px; line-height: 36px; text-align: center; padding-left: 3px; } .bbCodeQuote .quoteContainer .quoteExpand.quoteCut { background: -moz-linear-gradient(top, rgba(51,50,50,0.59) 0%, rgba(51,50,50,0.77) 50%, rgba(51,50,50,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,50,50,0.59)), color-stop(50%,rgba(51,50,50,0.77)), color-stop(100%,rgba(51,50,50,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,50,50,0.59) 0%,rgba(51,50,50,0.77) 50%,rgba(51,50,50,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,50,50,0.59) 0%,rgba(51,50,50,0.77) 50%,rgba(51,50,50,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,50,50,0.59) 0%,rgba(51,50,50,0.77) 50%,rgba(51,50,50,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(51,50,50,0.59) 0%,rgba(51,50,50,0.77) 50%,rgba(51,50,50,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96333232', endColorstr='#333232',GradientType=0 ); /* IE6-9 */ color: {xen:property facolor2}; font-size: {xen:property fafontsizes}; line-height: 0; padding-top: 69px; font-weight: bold; } html #moderatorBar a, html #moderatorBar .itemCount, html .navigationSideBar a:hover, html #calcurrent, html .userBanner.bannerStaff { color: {xen:property faintTextColor}; } html .attachedFiles .attachmentList { background-color: #333232; } .DismissCtrl .fa, html .pollBlock .questionMark, html .tagList .tag { color: {xen:property contentText}; } html .FloatingContainer .floatingItem.primary { background-color: {xen:property facolor1}; } /* iOS fixes */ .button.primary, .submitUnit .button, input.button, input[type="button"] { -webkit-appearance: none; -webkit-border-radius: {xen:property fa_borderradiuss}; } html #redactor_modal_close { height: 18px; width: 17px; } .xenOverlay a.close::before, #redactor_modal_close::before { color: rgb(173, 51, 53); content: "\f057"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; position: relative; right: 1px; top: -6px; } html .messageNotices li { background-color: {xen:property pageBackground}; color: {xen:property contentText}; border-color: {xen:property contentBackground}; } @media (max-width:{xen:property maxResponsiveNarrowWidth}) { html .afterDiscussionListHandle { margin-top: 30px;} html #logo { float: none; text-align: center; } .LoggedOut #loginBar #loginBarHandle { right: 0; } .LoggedOut #logo { float: left; text-align: left; } .discussionList .sectionHeaders .posterAvatar { display: none; } } @media (max-width:{xen:property maxResponsiveMediumWidth}) { html.Responsive .xenOverlay a.close { right: 4px; top: 4px; width: 16px; height: 16px; } }   ]]>   </template> - <template title="footer" addon_id="XenForo" version_id="1051670" version_string="1.5.16" disable_modifications="0"> <![CDATA[ <xen:edithint template="footer.css" /> <xen:hook name="footer"> <div class="footer"> <div class="pageWidth"> <div class="pageContent"> <xen:if is="{$canChangeStyle} OR {$canChangeLanguage}"> <dl class="choosers"> <xen:if is="{$canChangeStyle}"> <dt>{xen:phrase style}</dt> <dd><a href="{xen:link 'misc/style', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase style_chooser}" rel="nofollow"><i class="fa fa-tint"></i> {$visitorStyle.title}</a></dd> </xen:if> <xen:if is="{$canChangeLanguage}"> <dt>{xen:phrase language}</dt> <dd><a href="{xen:link 'misc/language', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase language_chooser}" rel="nofollow">{$visitorLanguage.title}</a></dd> </xen:if> </dl> </xen:if> <ul class="footerLinks"> <xen:hook name="footer_links"> <xen:if is="{$xenOptions.contactUrl.type} === 'default'"> <li><a href="{xen:link 'misc/contact'}" class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}"><i class="fa fa-envelope"></i> {xen:phrase contact_us}</a></li> <xen:elseif is="{$xenOptions.contactUrl.type} === 'custom'" /> <li><a href="{$xenOptions.contactUrl.custom}" {xen:if {$xenOptions.contactUrl.overlay}, 'class="OverlayTrigger" data-overlayOptions="{&quot;fixed&quot;:false}"'}><i class="fa fa-envelope"></i> {xen:phrase contact_us}</a></li> </xen:if> <li><a href="{xen:link help}"><i class="fa fa-life-ring"></i></a></li> <xen:if is="{$homeLink}"><li><a href="{$homeLink}" class="homeLink"><i class="fa fa-home"></i> </a></li></xen:if> <li><a href="{$requestPaths.requestUri}#navigation" class="topLink"><i class="fa fa-caret-square-o-up"></i></a></li> <li><a href="{xen:link forums/-/index.rss}" rel="alternate" target="_blank" title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}"><i class="fa fa-rss-square"></i></a></li> </xen:hook> </ul> <span class="helper"></span> </div> </div> </div> <div class="footerLegal"> <div class="pageWidth"> <div class="pageContent"> <ul id="legal"> <xen:hook name="footer_links_legal"> <xen:if is="{$tosUrl}"><li><a href="{$tosUrl}">{xen:phrase terms_and_rules}</a></li></xen:if> <xen:if is="{$xenOptions.privacyPolicyUrl}"><li><a href="{$xenOptions.privacyPolicyUrl}">{xen:phrase privacy_policy}</a></li></xen:if> </xen:hook> </ul> <xen:if is="{$debugMode}"> <xen:if hascontent="true"> <dl class="pairsInline debugInfo" title="{$controllerName}-&gt;{$controllerAction}{xen:if $viewName, ' ({$viewName})'}"> <xen:contentcheck> <xen:if is="{$page_time}"><dt>{xen:phrase timing}:</dt> <dd><a href="{$debug_url}" rel="nofollow">{xen:phrase x_seconds, 'time={xen:number $page_time, 4}'}</a></dd></xen:if> <xen:if is="{$memory_usage}"><dt>{xen:phrase memory}:</dt> <dd>{xen:phrase x_mb, 'size={xen:number {xen:calc "{$memory_usage} / 1024 / 1024"}, 3}'}</dd></xen:if> <xen:if is="{$db_queries}"><dt>{xen:phrase db_queries}:</dt> <dd>{xen:number {$db_queries}}</dd></xen:if> </xen:contentcheck> </dl> </xen:if> </xen:if> <span class="helper"></span> </div> </div> </div> </xen:hook> <div class="bottomHelper"></div>   ]]>   </template> - <template title="footer.css" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ .footer .pageContent { {xen:property footer} } .footer a, .footer a:visited { {xen:property footerLink} } .footer a:hover, .footer a:active { {xen:property footerLinkHover} } .footer .choosers { {xen:property footerLeftBlock} } .footer .choosers dt { display: none; } .footer .choosers dd { float: left; <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if> } .footerLinks { {xen:property footerRightBlock} } .footerLinks li { float: left; <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if> } .footerLegal .pageContent { font-size: 11px; overflow: hidden; zoom: 1; padding: 5px 5px 15px; text-align: center; } #copyright { color: {xen:property dimmedTextColor}; float: left; } #legal { float: right; } #legal li { float: left; <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if> margin-left: 10px; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property maxResponsiveMediumWidth}) { .Responsive .footerLinks a.globalFeed, .Responsive .footerLinks a.topLink, .Responsive .footerLinks a.homeLink { display: none; } .Responsive .footerLegal .debugInfo { clear: both; } } @media (max-width:{xen:property maxResponsiveNarrowWidth}) { .Responsive #copyright span { display: none; } } </xen:if>   ]]>   </template> - <template title="form.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ /** Forms **/ .xenForm { margin: 10px auto; max-width: 800px; } .xenOverlay .xenForm { max-width: 600px; } .xenForm .ctrlUnit > dd { width: 68%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-right: 30px; } .xenForm .ctrlUnit > dd .textCtrl { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; } .xenForm .ctrlUnit > dd .textCtrl.indented { width: calc(100% - 16px); } .xenForm .ctrlUnit > dd .textCtrl[size], .xenForm .ctrlUnit > dd .textCtrl.autoSize { width: auto !important; min-width: 0; } .xenForm .ctrlUnit > dd .textCtrl.number { width: 150px; } .xenForm > .sectionHeader:first-child, .xenForm > fieldset > .sectionHeader:first-child { margin-top: 0; } /** Sections **/ .xenForm fieldset, .xenForm .formGroup { border-top: 1px solid rgb(88, 88, 88); margin: 20px auto; } .xenForm > fieldset:first-child, .xenForm > .formGroup:first-child { border-top: none; margin: auto; } .xenForm .PreviewContainer + fieldset, .xenForm .PreviewContainer + .formGroup { border-top: none; } .xenForm fieldset + .ctrlUnit, .xenForm .formGroup + .ctrlUnit, .xenForm .submitUnit { border-top: 1px solid rgb(88, 88, 88); } .xenForm fieldset + .ctrlUnit, .xenForm .formGroup + .ctrlUnit { padding-top: 10px; } .xenForm .primaryContent + .submitUnit, .xenForm .secondaryContent + .submitUnit { margin-top: 0; border-top: none; } .xenForm .ctrlUnit.submitUnit dd { line-height: 31px; padding-top: 0; } .ctrlUnit.submitUnit dd .explain, .ctrlUnit.submitUnit dd .text, .ctrlUnit.submitUnit dd label { line-height: 1.28; } /* now undo that */ .xenOverlay .ctrlUnit.submitUnit dd, .Menu .ctrlUnit.submitUnit dd, #QuickSearch .ctrlUnit.submitUnit dd { border: none; background: none; } .xenForm .ctrlUnit { } .xenForm .ctrlUnit.limited { display: none; } /** Sections Immediately Following Headers **/ .xenForm .sectionHeader + fieldset, .xenForm .heading + fieldset, .xenForm .subHeading + fieldset, .xenForm .sectionHeader + .formGroup, .xenForm .heading + .formGroup, .xenForm .subHeading + .formGroup { border-top: none; margin-top: 0; } .xenForm .formHiderHeader { margin: 10px; font-size: 15px; font-weight: bold; } /** *********************** **/ /** TEXT INPUTS **/ /** *********************** **/ .textCtrl { font-size: 13px; font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff; background-color: #222; padding: 3px; margin-bottom: 2px; border: 1px solid rgb(72, 72, 72); -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; outline: 0; } select.textCtrl { word-wrap: normal; -webkit-appearance: menulist; } select[multiple].textCtrl, select[size].textCtrl { -webkit-appearance: listbox; } select[size="0"].textCtrl, select[size="1"].textCtrl { -webkit-appearance: menulist; } textarea.textCtrl { word-wrap: break-word; } .textCtrl:focus, .textCtrl.Focus { } textarea.textCtrl:focus { } input.textCtrl.disabled, textarea.textCtrl.disabled, .disabled .textCtrl { font-style: italic; color: #000; background-color: rgb(252, 252, 255); } .textCtrl.prompt { font-style: italic; color: rgb(160,160,160); } .textCtrl:-moz-placeholder { /* needs to be in its own rule due to weird selector */ font-style: italic; color: rgb(160,160,160); } .textCtrl::-moz-placeholder { /* needs to be in its own rule due to weird selector */ font-style: italic; color: rgb(160,160,160); } .textCtrl::-webkit-input-placeholder { /* needs to be in its own rule due to weird selector */ font-style: italic; color: rgb(160,160,160); } .textCtrl:-ms-input-placeholder { /* needs to be in its own rule due to weird selector */ font-style: italic; color: rgb(160,160,160); } .textCtrl.autoSize { width: auto !important; } .textCtrl.number, .textCtrl.number input { text-align: right; width: 150px; } .textCtrl.fillSpace { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; _width: 95%; } .textCtrl.code, .textCtrl.code input { font-family: Consolas, "Courier New", Courier, monospace; white-space: pre; word-wrap: normal; direction: ltr; } input.textCtrl[type="password"] { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } input[type="email"], input[type="url"] { direction: ltr; } .textCtrl.titleCtrl, .textCtrl.titleCtrl input { font-size: 18pt; } textarea.textCtrl.Elastic { /* use for jQuery.elastic */ max-height: 300px; } /* for use with wrapped inputs */ .textCtrlWrap { display: inline-block; } .textCtrlWrap input.textCtrl { padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -khtml-border-radius: 0 !important; border-radius: 0 !important; } .textCtrlWrap.blockInput input.textCtrl { border-top: 1px solid rgb(72, 72, 72) !important; margin-top: 4px !important; } .taggingInput.textCtrl { padding-top: 1px; min-height: 25px; } .taggingInput input { margin: 0px; font-size: 12px; border: 1px solid transparent; padding: 0; background: transparent; outline: 0; color: inherit; font-family: inherit; } .taggingInput .tag { border: 1px solid rgb(51, 51, 51); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 0 3px; text-decoration: none; background: rgb(88, 88, 88) url('styles/flatawesomedark/xenforo/gradients/form-button-white-25px.png') repeat-x top; color: rgb(34, 34, 34); margin-right: 3px; margin-top: 2px; font-size: 12px; max-width: 98%; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -khtml-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); } .disabled.taggingInput .tag { opacity: 0.7; } .disabled.taggingInput .tag a { pointer-events: none; } html .taggingInput .tag a { color: #6cb2e4; font-weight: bold; text-decoration: none; } .taggingInput .addTag { display: inline-block; min-width: 150px; max-width: 100%; margin-top: 2px; } .taggingInput .tagsClear { clear: both; width: 100%; height: 0px; float: none; } /** *********************** **/ /** BUTTONS **/ /** *********************** **/ .button { font-style: normal; font-size: 12px; font-family: 'Open Sans', sans-serif; color: rgb(255, 255, 255); background-color: rgb(139, 62, 56); padding: 0px 6px; border-width: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; text-align: center; outline: none; line-height: 30px; display: inline-block; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 30px; } .button.smallButton { font-size: 11px; padding: 0px 4px; line-height: 21px; height: 21px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .button.primary { } input.button.disabled, a.button.disabled, input.button.primary.disabled, a.button.primary.disabled, html .buttonProxy .button.disabled { color: rgb(100,100,100); background-color: #EEE; } .button::-moz-focus-inner { border: none; } a.button { display: inline-block; color: rgb(255, 255, 255); } .button:hover, .button[href]:hover, .buttonProxy:hover .button { text-decoration: none; -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset; -khtml-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset; } .button:focus { } .button:active, .button[href]:active, .button.ToggleButton.checked, .buttonProxy:active .button { -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; -khtml-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; } .button.ToggleButton { cursor: default; width: auto; color: ; } .button.ToggleButton.checked { background-color: rgb(255,150,50); } .button.inputSupplementary { width: 25px; position: absolute; top: 0px; right: 0px; } .button.inputSupplementary.add { color: green; } .button.inputSupplementary.delete { color: red; } .submitUnit .button { min-width: 100px; *min-width: 0; } /** Control Units **/ .xenForm .ctrlUnit { position: relative; margin: 10px auto; } /* clearfix */ .xenForm .ctrlUnit { zoom: 1; } .xenForm .ctrlUnit:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .xenForm .ctrlUnit.fullWidth { overflow: visible; } /** Control Unit Labels **/ .xenForm .ctrlUnit > dt { padding-top: 4px; padding-right: 15px; text-align: right; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 32%; float: left; } /* special long-text label */ .xenForm .ctrlUnit > dt.explain { font-size: 11px; text-align: justify; } .xenForm .ctrlUnit.fullWidth dt, .xenForm .ctrlUnit.submitUnit.fullWidth dt { float: none; width: auto; text-align: left; height: auto; } .xenForm .ctrlUnit.fullWidth dt { margin-bottom: 2px; } .xenForm .ctrlUnit > dt label { margin-left: 30px; } /** Hidden Labels **/ .xenForm .ctrlUnit.surplusLabel dt label { display: none; } /** Section Links **/ .ctrlUnit.sectionLink dt { text-align: left; font-size: 11px; } .ctrlUnit.sectionLink dt a { margin-left: 11px; /*TODO: sectionHeader padding + border*/ } /** Hints **/ .ctrlUnit > dt dfn { font-style: italic; font-size: 10px; color: rgb(150,150,150); margin-left: 30px; display: block; } .ctrlUnit.fullWidth dt dfn { display: inline; margin: 0; } .ctrlUnit > dt dfn b, .ctrlUnit > dt dfn strong { color: rgb(100,100,100); } /** Inline Errors **/ .ctrlUnit > dt .error { font-size: 10px; color: red; display: block; } .ctrlUnit > dt dfn, .ctrlUnit > dt .error, .ctrlUnit > dt a { font-weight: normal; } .xenForm .ctrlUnit.submitUnit dt { height: 19px; display: block; } .ctrlUnit.submitUnit dt.InProgress { background: transparent url('styles/flatawesomedark/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat center center; } /** Control Holders **/ .xenForm .ctrlUnit > dd { /*todo: kill property */ float: left; } .xenForm .ctrlUnit.fullWidth > dd { float: none; width: auto; padding-left: 30px; } /** Explanatory paragraph **/ .ctrlUnit > dd .explain { font-size: 11px; color: rgb(150,150,150); margin-top: 2px; /*TODO:max-width: auto;*/ } .ctrlUnit > dd .explain b, .ctrlUnit > dd .explain strong { color: rgb(100,100,100); } /** List items inside controls **/ .ctrlUnit > dd > * > li { margin: 4px 0 8px; padding-left: 1px; /* fix a webkit display bug */ } .ctrlUnit > dd > * > li:first-child > .textCtrl:first-child { margin-top: -3px; } .ctrlUnit > dd .break { margin-bottom: 0.75em; padding-bottom: 0.75em; } .ctrlUnit > dd .rule { border-bottom: 1px solid rgb(88, 88, 88); } .ctrlUnit > dd .ddText { margin-bottom: 2px; } /** Hints underneath checkbox / radio controls **/ .ctrlUnit > dd > * > li .hint { font-size: 11px; color: rgb(150,150,150); margin-left: 16px; margin-top: 2px; } /** DISABLERS **/ .ctrlUnit > dd > * > li > ul, .ctrlUnit .disablerList, .ctrlUnit .indented { margin-left: 16px; } .ctrlUnit > dd > * > li > ul > li:first-child { margin-top: 6px; } .ctrlUnit > dd .disablerList > li, .ctrlUnit > dd .checkboxColumns > li, .ctrlUnit > dd .choiceList > li { margin-top: 6px; } /** Other stuff... **/ .ctrlUnit > dd .helpLink { font-size: 10px; } .ctrlUnit.textValue dt { padding-top: 0px; } .button.spinBoxButton { font-family: 'Open Sans', sans-serif; font-size: 11pt; } .unitPairsJustified li { overflow: hidden; } .unitPairsJustified li .label { float: left; } .unitPairsJustified li .value { float: right; } #calroot { margin-top: -1px; width: 198px; padding: 2px; background-color: rgba(33,33,33,1); font-size: 11px; border: 1px solid rgb(33,33,33); border: 1px solid rgba(33,33,33, 1); _border: 1px solid rgb(33,33,33); -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 15px #666; -moz-box-shadow: 0 0 15px #666; -khtml-box-shadow: 0 0 15px #666; box-shadow: 0 0 15px #666; z-index: 7500; } #calhead { padding: 2px 0; height: 22px; } #caltitle { font-size: 11pt; color: #65a5d1; float: left; text-align: center; width: 155px; line-height: 20px; } #calnext, #calprev { display: block; width: 20px; height: 20px; font-size: 11pt; line-height: 20px; text-align: center; float: left; cursor: pointer; } #calnext { float: right; } #calprev.caldisabled, #calnext.caldisabled { visibility: hidden; } #caldays { height: 14px; border-bottom: 1px solid #65a5d1; } #caldays span { display: block; float: left; width: 28px; text-align: center; color: #65a5d1; } #calweeks { margin-top: 4px; } .calweek { clear: left; height: 22px; } .calweek a { display: block; float: left; width: 27px; height: 20px; text-decoration: none; font-size: 11px; margin-left: 1px; text-align: center; line-height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .calweek a:hover, .calfocus { background-color: rgb(51, 51, 51); } a.caloff { color: rgb(150,150,150); } a.caloff:hover { background-color: rgb(51, 51, 51); } a.caldisabled { background-color: #efefef !important; color: #ccc !important; cursor: default; } #caltoday { font-weight: bold; } #calcurrent { background-color: #333; color: #fff; } ul.autoCompleteList { background-color: rgb(45, 45, 45); border: 1px solid #6cb2e4; padding: 2px; font-size: 11px; min-width: 180px; _width: 180px; z-index: 1000; } ul.autoCompleteList li { padding: 3px 3px; height: 24px; line-height: 24px; } ul.autoCompleteList li:hover, ul.autoCompleteList li.selected { background-color: rgb(88, 88, 88); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } ul.autoCompleteList img.autoCompleteAvatar { float: left; margin-right: 3px; width: 24px; height: 24px; } ul.autoCompleteList li strong { font-weight: bold; } /** status editor **/ .statusEditorCounter { color: green; } .statusEditorCounter.warning { color: orange; font-weight: bold; } .statusEditorCounter.error { color: red; font-weight: bold; } .explain .statusHeader { display: inline; } .explain .CurrentStatus { color: #fff; font-style: italic; padding-left: 5px; } /* BB code-based editor styling */ .xenForm .ctrlUnit.fullWidth dd .bbCodeEditorContainer textarea { margin-left: 0; min-height: 200px; } .bbCodeEditorContainer a { font-size: 11px; } /* * Fix silly top padding. This may require additional tags in the padding-top selector. */ .xenForm .ctrlUnit > dd { padding-top: 4px; } .xenForm .ctrlUnit.fullWidth > dd { padding-top: 0; } .xenForm .ctrlUnit > dd > input, .xenForm .ctrlUnit > dd > select, .xenForm .ctrlUnit > dd > textarea, .xenForm .ctrlUnit > dd > ul, .xenForm .ctrlUnit > dd > .verticalShift { margin-top: -4px; } .xenForm .ctrlUnit.fullWidth > dd > input, .xenForm .ctrlUnit.submitUnit > dd > input, .xenForm .ctrlUnit.fullWidth > dd > select, .xenForm .ctrlUnit.submitUnit > dd > select, .xenForm .ctrlUnit.fullWidth > dd > textarea, .xenForm .ctrlUnit.submitUnit > dd > textarea, .xenForm .ctrlUnit.fullWidth > dd > ul, .xenForm .ctrlUnit.submitUnit > dd > ul { margin-top: 0; } /* * Multi-column checkboxes */ .xenForm .checkboxColumns > dd > ul, ul.checkboxColumns { -webkit-column-count : 2; -moz-column-count : 2;column-count: 2; -webkit-column-gap : 8px; -moz-column-gap : 8px;column-gap: 8px; } .xenForm .checkboxColumns > dd > ul li, ul.checkboxColumns li { -webkit-column-break-inside : avoid; -moz-column-break-inside : avoid;column-break-inside: avoid; break-inside: avoid-column; margin-bottom: 4px; padding-left: 1px; display: inline-block; width: 100%; } .xenForm .checkboxColumns.blockLinksList > dd > ul li, ul.checkboxColumns.blockLinksList li { display: block; } .xenForm .checkboxColumns.multiple > dd > ul { -webkit-column-count : 1; -moz-column-count : 1;column-count: 1; -webkit-column-gap : 0; -moz-column-gap : 0;column-gap: 0; } .xenForm .checkboxColumns.multiple > dd { -webkit-column-count : 2; -moz-column-count : 2;column-count: 2; -webkit-column-gap : 8px; -moz-column-gap : 8px;column-gap: 8px; } .xenForm .checkboxColumns.multiple > dd > ul { margin-bottom: 18px; } #recaptcha_image { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; max-width: 100%; } #recaptcha_image img { max-width: 100%; } #helper_birthday { display: inline-block; } #helper_birthday > li { display: inline; } html[dir=rtl] #helper_birthday input, html[dir=rtl] #helper_birthday select { direction: rtl; } @media (max-width:480px) { .Responsive .xenForm .ctrlUnit > dt { float: none; width: auto; text-align: left; height: auto; } .Responsive .xenForm .ctrlUnit > dt label, .Responsive .xenForm .ctrlUnit > dt dfn { margin-left: 0; } .Responsive .xenForm .ctrlUnit.submitUnit dt { height: auto; } .Responsive .xenForm .ctrlUnit > dd, .Responsive .xenForm .ctrlUnit.fullWidth dd { float: none; width: auto; text-align: left; height: auto; padding-left: 10px; padding-right: 10px; overflow: hidden; } .Responsive .xenForm .checkboxColumns > dd > ul, .Responsive ul.checkboxColumns { -webkit-column-count : 1; -moz-column-count : 1;column-count: 1; } .Responsive #ctrl_upload { max-width: 200px; } .Responsive .xenForm .ctrlUnit > dd .textCtrl[size], .Responsive .xenForm .ctrlUnit > dd .textCtrl.autoSize { width: 100% !important; } .Responsive .xenForm .ctrlUnit > dd > input, .Responsive .xenForm .ctrlUnit > dd > select, .Responsive .xenForm .ctrlUnit > dd > textarea, .Responsive .xenForm .ctrlUnit > dd > ul, .Responsive .xenForm .ctrlUnit > dd > .verticalShift { margin-top: 0; } } @media (max-width:610px) { .Responsive .insideSidebar .xenForm .ctrlUnit > dt { float: none; width: auto; text-align: left; height: auto; } .Responsive .insideSidebar .xenForm .ctrlUnit > dt label, .Responsive .insideSidebar .xenForm .ctrlUnit > dt dfn { margin-left: 0; } .Responsive .insideSidebar .xenForm .ctrlUnit.submitUnit dt { height: auto; } .Responsive .insideSidebar .xenForm .ctrlUnit > dd, .Responsive .insideSidebar .xenForm .ctrlUnit.fullWidth dd { float: none; width: auto; text-align: left; height: auto; padding-left: 10px; padding-right: 10px; overflow: hidden; } .Responsive .insideSidebar .xenForm .ctrlUnit > dd .textCtrl[size], .Responsive .insideSidebar .xenForm .ctrlUnit > dd .textCtrl.autoSize { width: 100% !important; } .Responsive .insideSidebar .xenForm .ctrlUnit > dd > input, .Responsive .insideSidebar .xenForm .ctrlUnit > dd > select, .Responsive .insideSidebar .xenForm .ctrlUnit > dd > textarea, .Responsive .insideSidebar .xenForm .ctrlUnit > dd > ul { margin-top: -0; } } @media (max-device-width:568px) { .Responsive .textCtrl, .Responsive .taggingInput input, .Responsive .taggingInput .tag { font-size: 16px; } }   ]]>   </template> - <template title="forum_list" addon_id="XenForo" version_id="1051670" version_string="1.5.16" disable_modifications="0"> <![CDATA[ <xen:h1>{$xenOptions.boardTitle}</xen:h1> <xen:container var="$head.canonical"><link rel="canonical" href="{xen:link 'canonical:forums'}" /></xen:container> <xen:if is="{$xenOptions.boardDescription}"><xen:container var="$head.description"> <meta name="description" content="{$xenOptions.boardDescription}" /></xen:container></xen:if> <xen:container var="$head.openGraph"> <xen:include template="open_graph_meta"> <xen:set var="$url">{xen:link 'canonical:forums'}</xen:set> <xen:set var="$title">{$xenOptions.boardTitle}</xen:set> <xen:set var="$description">{$xenOptions.boardDescription}</xen:set> <xen:set var="$ogType">website</xen:set> </xen:include></xen:container> <xen:hook name="forum_list_nodes"> <xen:if is="{$renderedNodes}"><xen:include template="node_list" /></xen:if> </xen:hook> <xen:sidebar> <xen:edithint template="sidebar.css" /> <xen:include template="//block_newyear"></xen:include> <xen:include template="block_vzlom"></xen:include> <xen:include template="block_bistiydostup"></xen:include> <xen:hook name="forum_list_sidebar"> <xen:if is="{$canViewMemberList}"> <xen:include template="sidebar_online_users" /> </xen:if> <xen:if is="{$threads}"> <div class="section threadList"> <div class="secondaryContent"> <h3><a href="{xen:link find-new/posts}" rel="nofollow">{xen:phrase new_posts}</a></h3> <xen:include template="sidebar_new_posts" /> </div> </div> </xen:if> <xen:if is="{$profilePosts}"> <div class="section profilePostList"> <div class="secondaryContent"> <h3><a href="{xen:link find-new/profile-posts}" rel="nofollow">{xen:phrase new_profile_posts}</a></h3> <xen:include template="sidebar_profile_post_list" /> </div> </div> </xen:if> <!-- block: forum_stats --> <div class="section"> <div class="secondaryContent statsList" id="boardStats"> <h3>{xen:phrase forum_statistics}</h3> <div class="pairsJustified"> <dl class="discussionCount"><dt>{xen:phrase discussions}:</dt> <dd>{xen:number $boardTotals.discussions}</dd></dl> <dl class="messageCount"><dt>{xen:phrase messages}:</dt> <dd>{xen:number $boardTotals.messages}</dd></dl> <dl class="memberCount"><dt>{xen:phrase members_count}:</dt> <dd>{xen:number $boardTotals.users}</dd></dl> <dl><dt>{xen:phrase latest_member}:</dt> <dd><xen:username user="$boardTotals.latestUser" rich="true" /></dd></dl> <!-- slot: forum_stats_extra --> </div> </div> </div> <!-- end block: forum_stats --> <xen:include template="sidebar_share_page"> <xen:set var="$url">{xen:link canonical:forums}</xen:set> </xen:include> </xen:hook> </xen:sidebar>   ]]>   </template> - <template title="google.css" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ .googleLogin, #loginBar .googleLogin { display: inline-block; width: {xen:property eAuthButtonWidth}; height: 22px; box-sizing: border-box; cursor: pointer; background-color: #dd4b39; border: #be3e2e solid 1px; border-radius: 3px; padding-left: 2px; color: white; font-weight: bold; font-size: 11px; line-height: 14px; } .googleLogin .fa { float: left; padding: 3px 0 0 5px; font-size: 15px; } .googleLogin span { display: block; padding: 3px; padding-left: 10px; white-space: nowrap; overflow: hidden; } .googleLogin:active, #loginBar .googleLogin:active { background-color: #be3e2e; }   ]]>   </template> - <template title="helper_login_form" addon_id="XenForo" version_id="1040031" version_string="1.4.0 Beta 1" disable_modifications="0"> <![CDATA[ <xen:if is="!{$visitor.user_id}"> <xen:container var="$hideLoginBar">1</xen:container> <form action="{xen:link 'login/login'}" method="post" class="xenForm" id="pageLogin"> <xen:if hascontent="true"> <div class="errorPanel"><span class="errors"> <xen:contentcheck>{xen:raw $text}</xen:contentcheck> </span></div> </xen:if> <h2 class="textHeading">{xen:phrase log_in_or_sign_up}</h2> <dl class="ctrlUnit"> <dt><label for="ctrl_pageLogin_login">{xen:phrase your_name_or_email_address}:</label></dt> <dd><input type="text" name="login" value="{$defaultLogin}" id="ctrl_pageLogin_login" class="textCtrl" tabindex="1" /></dd> </dl> <xen:if is="{$xenOptions.registrationSetup.enabled}"> <dl class="ctrlUnit"> <dt><label for="ctrl_pageLogin_password">{xen:phrase do_you_already_have_account}</label></dt> <dd> <ul> <li><label for="ctrl_pageLogin_not_registered"><input type="radio" name="register" value="1" id="ctrl_pageLogin_not_registered" tabindex="5" /> {xen:phrase no_create_account_now}</label></li> <li><label for="ctrl_pageLogin_registered"><input type="radio" name="register" value="0" id="ctrl_pageLogin_registered" checked="checked" class="Disabler" tabindex="5" /> {xen:phrase yes_my_password_is}:</label></li> <li id="ctrl_pageLogin_registered_Disabler"> <input type="password" name="password" class="textCtrl" id="ctrl_pageLogin_password" tabindex="2" /> <div><a href="{xen:link lost-password}" class="OverlayTrigger OverlayCloser" tabindex="6">{xen:phrase forgot_your_password}</a></div> </li> </ul> </dd> </dl> <xen:else /> <dl class="ctrlUnit"> <dt><label for="ctrl_pageLogin_password">{xen:phrase password}:</label></dt> <dd> <input type="password" name="password" class="textCtrl" id="ctrl_pageLogin_password" tabindex="2" /> <div><a href="{xen:link lost-password}" class="OverlayTrigger OverlayCloser" tabindex="6">{xen:phrase forgot_your_password}</a></div> </dd> </dl> </xen:if> <xen:if is="{$captcha}"> <dl class="ctrlUnit"> <dt>{xen:phrase verification}:</dt> <dd>{xen:raw $captcha}</dd> </dl> </xen:if> <dl class="ctrlUnit submitUnit"> <dt></dt> <dd> <input type="submit" class="button primary" value="{xen:phrase log_in}" data-loginPhrase="{xen:phrase log_in}" data-signupPhrase="{xen:phrase sign_up}" tabindex="4" /> <label class="rememberPassword"><input type="checkbox" name="remember" value="1" id="ctrl_pageLogin_remember" tabindex="3" /> {xen:phrase stay_logged_in}</label> </dd> </dl> <xen:if is="{$xenOptions.facebookAppId}"> <xen:require css="facebook.css" /> <dl class="ctrlUnit"> <dt></dt> <dd><a href="{xen:link register/facebook, '', 'reg=1'}" class="fbLogin" tabindex="10"><span><i class="fa fa-facebook"></i>{xen:phrase login_with_facebook}</span></a></dd> </dl> </xen:if> <xen:if is="{$xenOptions.twitterAppKey}"> <xen:require css="twitter.css" /> <dl class="ctrlUnit"> <dt></dt> <dd><a href="{xen:link register/twitter, '', 'reg=1'}" class="twitterLogin" tabindex="10"><i class="fa fa-twitter"></i> <span>{xen:phrase login_with_twitter}</span></a></dd> </dl> </xen:if> <xen:if is="{$xenOptions.googleClientId}"> <xen:require css="google.css" /> <dl class="ctrlUnit"> <dt></dt> <dd><span class="googleLogin GoogleLogin JsOnly" tabindex="10" data-client-id="{$xenOptions.googleClientId}" data-redirect-url="{xen:link register/google, '', 'code=__CODE__', 'csrf={$session.sessionCsrf}'}"><i class="fa fa-google-plus"></i> <span>{xen:phrase login_with_google}</span></span></dd> </dl> </xen:if> <input type="hidden" name="cookie_check" value="1" /> <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" /> <input type="hidden" name="redirect" value="{xen:if $redirect, $redirect, $requestPaths.requestUri}" /> <xen:if is="{$postData}"> <input type="hidden" name="postData" value="{xen:escape {xen:helper json, $postData}}" /> </xen:if> </form> <script> $(function() { var $button = $('#pageLogin input.button.primary'); $('#pageLogin input[name="register"]').click(function() { $button.val( $('#pageLogin input[name="register"]:checked').val() == '1' ? $button.data('signupphrase') : $button.data('loginphrase') ); }); }); </script> </xen:if>   ]]>   </template> - <template title="inline_mod.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ /* Inline Moderation Floater */ .sectionFooter #InlineModControls { float: right; } .hasJs #InlineModControls, .hasJs .InlineMod.Hide { display:none; } .sectionFooter #InlineModControls .selectionControl { display: none; } .sectionFooter #InlineModControls .InlineModCheckedTotal { font-weight: bold; } .sectionFooter .SelectionCount { float: right; } /* inline mod overlay */ #InlineModOverlay { display: none; z-index: 10000; border: 1px solid #6cb2e4; -webkit-box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); -khtml-box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); max-width: 460px; width: 99%; } .Touch #InlineModOverlay { -webkit-box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; } #InlineModOverlay .selectionControl { display: block; overflow: hidden; zoom: 1; font-size: 11px; padding: 5px 10px; line-height: 23px; } #InlineModOverlay .selectionControl .button { font-size: 9px; } #InlineModOverlay .SelectionCount { margin-left: 10px; } #InlineModOverlay .SelectionCount:hover { text-decoration: none; } #InlineModOverlay .SelectionCount .InlineModCheckedTotal { font-weight: bold; } #InlineModOverlay label { float: right; } #InlineModOverlay .actionControl { overflow: hidden; zoom: 1; display: block; padding: 2px 10px; } #InlineModOverlay .actionControl .commonActions { float: left; } #InlineModOverlay .actionControl .otherActions { float: right; } #InlineModOverlay #ModerationSelect { width: 180px; } /* inline moderation checkbox */ .inlineModCheckTip .arrow { /*position: absolute; top: auto; left: 8px; bottom: -6px; border-top: 6px solid rgb(0,0,0); border-top: 6px solid rgba(0,0,0, 0.6); _border-top: 6px solid rgb(0,0,0); border-right: 6px solid transparent; border-bottom: none; border-left: 6px solid transparent;*/ } /* inline control group */ .inlineCtrlGroup { background: rgb(150,150,150) none repeat-x top; color: white; font-size: 11px; } .inlineCtrlGroup .textCtrl { padding: 3px; background-color: #555; color: #eee; border: 1px solid #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 11px; } .inlineCtrlGroup .textCtrl:focus, .inlineCtrlGroup .textCtrl.Focus { background: #333; color: white; } /* selection count thingies */ .SelectionCount .InlineModCheckedTotal { font-weight: bold; } .SelectionCount.cloned.itemsChecked { color: red; } /* InlineMod Generic Selected Items */ .InlineModChecked .section, .InlineModChecked .sectionMain, .InlineModChecked .primaryContent, .InlineModChecked .secondaryContent, .InlineModChecked .sectionFooter { background-color: rgb(32, 32, 32); } @media (max-width:480px) { .Responsive #InlineModOverlay .commonActions, .Responsive #InlineModOverlay .otherActions { float: none; display: block; } }   ]]>   </template> - <template title="login_bar" addon_id="XenForo" version_id="1051670" version_string="1.5.16" disable_modifications="0"> <![CDATA[ <xen:require css="login_bar.css" /> <div id="loginBar"> <div class="pageWidth"> <div class="pageContent"> <h3 id="loginBarHandle"> <label for="LoginControl"><a href="{xen:link login}" class="concealed noOutline">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase log_in_or_sign_up}, {xen:phrase log_in}}</a></label> </h3> <xen:hook name="ulogin"></xen:hook> <span class="helper"></span> <xen:edithint template="login_bar_form" /> </div> </div> </div>   ]]>   </template> - <template title="login_bar.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ /** Login bar basics **/ #loginBar { color: rgb(255, 255, 255); background-color: #032A46; border-bottom: 1px solid #65a5d1; position: relative; z-index: 1000; } #loginBar .ctrlWrapper { margin: 0 10px; } #loginBar .pageContent { padding-top: 5px; position: relative; _height: 0px; } #loginBar a { color: #6cb2e4; } #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(200,200,200); background-color: #2b485c; border-color: #65a5d1; } #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: #2b485c !important; color: rgb(200,200,200); } #loginBar .textCtrl:focus { background: black none; } #loginBar input.textCtrl.disabled { color: rgb(51, 51, 51); background-color: #032A46; 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: 700px; /* normal width + 170px */ } #loginBar form.eAuth .ctrlWrapper { border-right: 1px dotted rgb(34, 34, 34); margin-right: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; 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: 11px; color: rgb(255, 255, 255); background-color: #032A46; padding: 0 10px; margin-right: -85px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; position: absolute; right: 180px; bottom: -20px; text-align: center; z-index: 1; line-height: 20px; -webkit-box-shadow: 0px 2px 5px #032A46; -moz-box-shadow: 0px 2px 5px #032A46; -khtml-box-shadow: 0px 2px 5px #032A46; box-shadow: 0px 2px 5px #032A46; } @media (max-width:800px) { .Responsive #loginBar form.eAuth .ctrlWrapper { border-right: none; margin-right: 10px; } .Responsive #loginBar form.eAuth #eAuthUnit { position: static; width: 180px; margin: 0 auto 10px; } }   ]]>   </template> - <template title="login_bar_form" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ <xen:comment> With Javascript enabled, this form will be moved at page init time, with the command $('#login').appendTo('#loginBar .pageContent'); Note that all external auth checks need to be added to the conditional below in order to set $eAuth = 1 if any external auth providers are available. </xen:comment> <xen:hook name="login_bar_eauth_set"> <xen:if is="{$xenOptions.facebookAppId}"><xen:set var="$eAuth">1</xen:set></xen:if> <xen:if is="{$xenOptions.twitterAppKey}"><xen:set var="$eAuth">1</xen:set></xen:if> <xen:if is="{$xenOptions.googleClientId}"><xen:set var="$eAuth">1</xen:set></xen:if> </xen:hook> <form action="{xen:link 'login/login'}" method="post" class="xenForm {xen:if $eAuth, 'eAuth'}" id="login" style="display:none"> <xen:if hascontent="true"> <ul id="eAuthUnit"> <xen:contentcheck> <xen:hook name="login_bar_eauth_items"> <xen:if is="{$xenOptions.facebookAppId}"> <xen:require css="facebook.css" /> <li><a href="{xen:link register/facebook, '', 'reg=1'}" class="fbLogin" tabindex="110"><span><i class="fa fa-facebook"></i> {xen:phrase login_with_facebook}</span></a></li> </xen:if> <xen:if is="{$xenOptions.twitterAppKey}"> <xen:require css="twitter.css" /> <li><a href="{xen:link register/twitter, '', 'reg=1'}" class="twitterLogin" tabindex="110"><i class="fa fa-twitter"></i><span>{xen:phrase login_with_twitter}</span></a></li> </xen:if> <xen:if is="{$xenOptions.googleClientId}"> <xen:require css="google.css" /> <li><span class="googleLogin GoogleLogin JsOnly" tabindex="110" data-client-id="{$xenOptions.googleClientId}" data-redirect-url="{xen:link register/google, '', 'code=__CODE__', 'csrf={$session.sessionCsrf}'}"><i class="fa fa-google-plus"></i><span>{xen:phrase login_with_google}</span></span></li> </xen:if> </xen:hook> </xen:contentcheck> </ul> </xen:if> <div class="ctrlWrapper"> <dl class="ctrlUnit"> <dt><label for="LoginControl">{xen:phrase your_name_or_email_address}:</label></dt> <dd><input type="text" name="login" id="LoginControl" class="textCtrl" tabindex="101" /></dd> </dl> <xen:if is="{$xenOptions.registrationSetup.enabled}"> <dl class="ctrlUnit"> <dt> <label for="ctrl_password">{xen:phrase do_you_already_have_account}</label> </dt> <dd> <ul> <li><label for="ctrl_not_registered"><input type="radio" name="register" value="1" id="ctrl_not_registered" tabindex="105" /> {xen:phrase no_create_account_now}</label></li> <li><label for="ctrl_registered"><input type="radio" name="register" value="0" id="ctrl_registered" tabindex="105" checked="checked" class="Disabler" /> {xen:phrase yes_my_password_is}:</label></li> <li id="ctrl_registered_Disabler"> <input type="password" name="password" class="textCtrl" id="ctrl_password" tabindex="102" /> <div class="lostPassword"><a href="{xen:link lost-password}" class="OverlayTrigger OverlayCloser" tabindex="106">{xen:phrase forgot_your_password}</a></div> </li> </ul> </dd> </dl> <xen:else /> <dl class="ctrlUnit"> <dt> <label for="ctrl_password">{xen:phrase password}:</label> </dt> <dd> <input type="password" name="password" class="textCtrl" id="ctrl_password" tabindex="102" /> <div class="lostPasswordLogin"><a href="{xen:link lost-password}" class="OverlayTrigger OverlayCloser" tabindex="106">{xen:phrase forgot_your_password}</a></div> </dd> </dl> </xen:if> <dl class="ctrlUnit submitUnit"> <dt></dt> <dd> <input type="submit" class="button primary" value="{xen:phrase log_in}" tabindex="104" data-loginPhrase="{xen:phrase log_in}" data-signupPhrase="{xen:phrase sign_up}" /> <label for="ctrl_remember" class="rememberPassword"><input type="checkbox" name="remember" value="1" id="ctrl_remember" tabindex="103" /> {xen:phrase stay_logged_in}</label> </dd> </dl> </div> <input type="hidden" name="cookie_check" value="1" /> <input type="hidden" name="redirect" value="{$requestPaths.requestUri}" /> <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" /> </form>   ]]>   </template> - <template title="logo_block" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ <div id="logoBlock"> <div class="pageWidth"> <div class="pageContent"> <xen:include template="ad_header" /> <xen:hook name="header_logo"> <div id="logo"><a href="{$logoLink}"> <span><xen:comment>This span fixes IE vertical positioning</xen:comment></span> <xen:if is="{xen:property fa_logoastext}"> {xen:property fa_logotext}<span>{xen:property fa_logotextspan}</span> <xen:else /> <img src="{xen:property headerLogoPath}" alt="{$xenOptions.boardTitle}" /> </xen:if> </a></div> </xen:hook> <span class="helper"></span> </div> </div> </div>   ]]>   </template> - <template title="member_view.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ .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(88, 88, 88); } .profilePage .mainProfileColumn { margin-left: 202px; border-left: 1px solid rgb(88, 88, 88); zoom: 1; } /** ************************ **/ .profilePage .mast .section { } .profilePage .mast .sectionFooter { border-left: 1px solid rgb(88, 88, 88); border-right: 1px solid rgb(88, 88, 88); text-align: right; } /** ************************ **/ .profilePage .mast .followBlocks .section { margin-bottom: 20px; } .profilePage .mast .followBlocks .primaryContent.avatarHeap { border: 1px solid rgb(88, 88, 88); border-top: none; } /** ************************ **/ .profilePage .mast .section.infoBlock { padding: 2px; margin-bottom: 20px; border: 1px solid rgb(88, 88, 88); -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .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: 11px; } .profilePage .infoBlock dd { font-size: 11px; } .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: #6d3f03; } .textWithCount.subHeading .count { margin: -3px 0; padding: 2px 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border: 1px solid #f9d9b0; background-color: #fff4e5; color: #6d3f03; } /** ************************ **/ .profilePage .primaryUserBlock { border-top: 1px solid rgb(88, 88, 88); } .profilePage .primaryUserBlock .mainText { padding-bottom: 36px; } .profilePage .primaryUserBlock .followBlock { float: right; font-size: 11px; text-align: right; } .profilePage .primaryUserBlock .followBlock li { float: right; margin-left: 10px; } .profilePage .primaryUserBlock .followBlock .muted { font-size: 10px; clear: both; } .profilePage .primaryUserBlock h1 { font-size: 18pt; } .profilePage .primaryUserBlock .userBlurb { margin-bottom: 5px; } .profilePage .primaryUserBlock .userBanners .userBanner { display: inline-block; margin-bottom: 5px; } .profilePage .primaryUserBlock .userStatus { font-size: 15px; font-family: 'Open Sans', sans-serif; line-height: 1.7; font-style: italic; font-size: 9pt; padding-top: 5px; } .profilePage .primaryUserBlock .lastActivity { font-size: 11px; padding-top: 5px; margin-top: 5px; border-top: 1px solid rgb(88, 88, 88); } .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: -23px; min-height: 23px; height: auto; position: relative; /* ensure separate stacking context from .mainText */ background: rgb(45, 45, 45); } .profilePage .tabs.mainTabs li a { padding-left: 22px; padding-right: 22px; line-height: 22px; height: 22px; font-weight: bold; } .profilePage .tabs.mainTabs li a:hover { background-color: #222222; } .profilePage .tabs.mainTabs li.active a { background-color: rgb(51, 51, 51); } .profilePage .profileContent { margin-left: 20px; } .profilePage .profilePoster { padding-bottom: 10px; position: relative; } .profilePage .profilePoster textarea { height: 54px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; 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: 15px; font-family: 'Open Sans', sans-serif; line-height: 1.7; /*border: 1px solid rgb(88, 88, 88); padding: 10px;*/ } .profilePage .eventList li { padding-left: 0; } .profilePage .eventList:first-of-type li:first-child { padding-top: 0; } .profilePage .searchResult:first-child { margin-top: -5px; } @media (max-width:610px) { .Responsive .profilePage { display: table; table-layout: fixed; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .Responsive .profilePage .mast { display: table-footer-group; float: none; padding-right: 0; border-right: none; margin: 0 auto; margin-top: 10px; } .Responsive .profilePage .avatarScaler { text-align: center; } .Responsive .profilePage .mast .sharePage { display: none; } .Responsive .profilePage .profileContent { margin-left: 0; } .Responsive .profilePage .mainProfileColumn { display: table-header-group; margin-left: 0; border-left: none; border-bottom: 1px solid rgb(51, 51, 51); padding-bottom: 10px; } .Responsive .profilePage .mast > * { max-width: 192px; margin-left: auto; margin-right: auto; } } @media (max-width:480px) { .Responsive .warningList .warningExpiry { display: none; } } @media (max-width:340px) { .Responsive .profilePage .mast > * { max-width: none; } }   ]]>   </template> - <template title="message.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ .messageList { } .messageList .message { background-color: #2D2D2D; padding: 10px; margin-bottom: 10px; border: 1px solid #333333; } /* clearfix */ .messageList .message { zoom: 1; } .messageList .message:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } /*** Message block ***/ .message .messageInfo { background: url(rgba.php?r=0&g=0&b=0&a=0); background: rgba(0, 0, 0, 0); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000); padding: 0; margin-left: 170px; border-bottom: 1px none black; zoom: 1; } .message .newIndicator { font-size: 12px; color: rgb(255, 255, 255); background-color: rgb(151, 57, 65); padding: 1px 5px; margin: -5px -5px 5px 5px; border: 1px solid rgb(151, 57, 65); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; display: block; float: right; position: relative; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -khtml-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); margin-right: -25px; } .message .newIndicator span { background-color: rgb(151, 57, 65); -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; position: absolute; top: -4px; right: -1px; width: 5px; height: 4px; } .message .messageContent { padding-bottom: 2px; min-height: 100px; overflow: hidden; *zoom: 1; } .message .messageTextEndMarker { height: 0; font-size: 0; overflow; hidden; } .message .editDate { text-align: right; margin-top: 5px; font-size: 11px; color: rgb(150,150,150); } .message .signature { font-size: 12px; color: rgb(150,150,150); padding: 5px 0 0; margin-top: 5px; border-top: 1px dashed rgb(51, 51, 51); } .message .messageMeta { font-size: 12px; padding: 15px 5px 5px; margin: -5px; overflow: hidden; zoom: 1; } .message .privateControls { float: left; } .message .publicControls { float: right; } .message .privateControls .item { margin-right: 10px; float: left; } .message .privateControls .item:last-child { margin-right: 0; } .message .publicControls .item { margin-left: 10px; float: left; } .message .messageMeta .control { } .message .messageMeta .control:focus { } .message .messageMeta .control:hover { } .message .messageMeta .control:active { } /*** multiquote +/- ***/ .message .publicControls .MultiQuoteControl { padding-left: 4px; padding-right: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; margin-left: 6px; margin-right: -4px; } .message .publicControls .MultiQuoteControl.active { background-color: rgb(88, 88, 88); } .messageNotices li { font-size: 12px; background-color: #f9d9b0; padding: 5px; margin: 10px 0; border: 1px solid #f9d9b0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; line-height: 16px; } .messageNotices .icon { float: right; width: 16px; height: 16px; font-size: 18px; } .message .likesSummary { padding: 5px; margin-top: 10px; border: 1px solid #222222; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .message .messageText > *:first-child { margin-top: 0; } /* inline moderation changes */ .InlineModChecked .messageUserBlock, .InlineModChecked .messageInfo, .InlineModChecked .messageNotices, .InlineModChecked .bbCodeBlock .type, .InlineModChecked .bbCodeBlock blockquote, .InlineModChecked .attachedFiles .attachedFilesHeader, .InlineModChecked .attachedFiles .attachmentList { background-color: rgb(32, 32, 32); } .InlineModChecked .messageUserBlock div.avatarHolder, .InlineModChecked .messageUserBlock .extraUserInfo { background: transparent; } .InlineModChecked .messageUserBlock .arrow span { border-left-color: rgb(32, 32, 32); } /* message list */ .messageList .newMessagesNotice { margin: 10px auto; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border: 1px solid rgb(51, 51, 51); background-color: rgb(88, 88, 88); font-size: 11px; } /* deleted / ignored message placeholder */ .messageList .message.placeholder { } .messageList .placeholder .placeholderContent { overflow: hidden; zoom: 1; color: #65a5d1; font-size: 11px; } .messageList .placeholder a.avatar { float: left; display: block; } .messageList .placeholder a.avatar img { display: block; width: 32px; height: 32px; } .messageList .placeholder .privateControls { margin-top: -5px; } /* messages remaining link */ .postsRemaining a, a.postsRemaining { font-size: 11px; color: rgb(150,150,150); } @media (max-width:800px) { .Responsive .message .newIndicator { margin-right: 0; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; } .Responsive .message .newIndicator span { display: none; } } @media (max-width:480px) { .Responsive .message .messageInfo { margin-left: 0; padding: 0 10px; } .Responsive .message .messageContent { min-height: 0; } .Responsive .message .newIndicator { margin-right: -5px; margin-top: -16px; } .Responsive .message .postNumber, .Responsive .message .authorEnd { display: none; } .Responsive .message .signature { display: none; } .Responsive .messageList .placeholder a.avatar { margin-right: 10px; } }   ]]>   </template> - <template title="message_notices.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ .messageNotices li { {xen:property messageNotice} } .messageNotices .icon { float: right; width: 16px; height: 16px; font-size: 18px; }   ]]>   </template> - <template title="message_simple" addon_id="XenForo" version_id="1040031" version_string="1.4.0 Beta 1" disable_modifications="0"> <![CDATA[ <xen:require css="message_simple.css" /> <xen:require css="bb_code.css" /> <li id="{$messageId}" class="primaryContent messageSimple {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_staff}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}"> <xen:avatar user="$message" size="s" img="true" /> <div class="messageInfo"> <xen:if hascontent="true"> <ul class="messageNotices"> <xen:contentcheck> <xen:hook name="message_simple_notices" params="{xen:array 'message={$message}'}"> <xen:if is="{$message.warning_message}"> <li class="warningNotice"><span class="icon Tooltip" title="{xen:phrase warning}" data-tipclass="iconTip flipped"><i class="fa fa-exclamation-circle"></i></span>{$message.warning_message}</li> </xen:if> <xen:if is="{$message.isDeleted}"> <li class="deletedNotice"><span class="icon Tooltip" title="{xen:phrase deleted}" data-tipclass="iconTip flipped"></span>{xen:phrase this_message_has_been_removed_from_public_view}</li> <xen:elseif is="{$message.isModerated}" /> <li class="moderatedNotice"><span class="icon Tooltip" title="{xen:phrase awaiting_moderation}" data-tipclass="iconTip flipped"><i class="fa fa-shield"></i></span>{xen:phrase this_message_is_awaiting_moderator_approval_and_is_invisible_to_normal}</li> </xen:if> <xen:if is="{$message.isIgnored}"> <li>{xen:phrase you_are_ignoring_content_by_this_member} <a href="javascript:" class="JsOnly DisplayIgnoredContent">{xen:phrase show_ignored_content}</a></li> </xen:if> </xen:hook> </xen:contentcheck> </ul> </xen:if> <div class="messageContent"> <xen:if is="{$messagePosterHtml}"> {xen:raw $messagePosterHtml} <xen:else /> <xen:username user="$message" class="poster" rich="true" /> </xen:if> <article><blockquote class="ugc baseHtml{xen:if $message.isIgnored, ' ignored'}">{xen:helper bodyText, $message.message}</blockquote></article> </div> {xen:raw $messageAfterTemplate} </div> </li>   ]]>   </template> - <template title="message_simple.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ /* inline mod stuff */ .messageSimpleList .messageSimple.InlineModChecked { background-color: rgb(32, 32, 32); } /* note that .messageSimple needs to be enclosed in a .messageSimpleList container */ .messageSimpleList.topBorder { border-top: 1px rgb(88, 88, 88) solid; 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: 11px; 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; background-color: #f9d9b0; padding: 5px; margin: 10px 0; border: 1px solid #f9d9b0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; line-height: 16px; } .messageNotices .icon { float: right; width: 16px; height: 16px; font-size: 18px; } /* deleted / ignored message placeholder */ .messageSimpleList .messageSimple.placeholder { border: none; margin: 10px 0; padding: 0; } .messageSimpleList .placeholder .placeholderContent { overflow: hidden; zoom: 1; border: 1px solid #222; background: #333 none repeat-x top; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 11px; } .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: 11px; max-width: 400px; _width: 400px; } .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 .commentContent { min-height: 19px; } .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%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; *width: 96%; max-height: 100px; resize: vertical; } .messageSimple .comment .submit { margin-top: 5px; text-align: right; } @media (max-width:480px) { .Responsive .messageSimple > .avatar img { width: 32px; height: 32px; } .Responsive .messageSimple .messageInfo { margin-left: 46px; } }   ]]>   </template> - <template title="message_user_info.css" addon_id="" version_id="0" version_string="" disable_modifications="0"> <![CDATA[ .messageUserInfo { float: left; width: 154px; } .messageUserBlock { background-color: rgb(51, 51, 51); border: 1px solid #2D2D2D; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; position: relative; } .messageUserBlock div.avatarHolder { background-color: rgb(31, 31, 31); padding: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; text-align: center; position: relative; } .messageUserBlock div.avatarHolder .avatar { display: block; font-size: 0; } .messageUserBlock div.avatarHolder .onlineMarker { position: absolute; top: 9px; left: 9px; border: 7px solid transparent; border-top-color: rgb(127, 185, 0); border-left-color: rgb(127, 185, 0); -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; left: 24px; } .messageUserBlock h3.userText { padding: 6px; border-top: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(0, 0, 0); } .messageUserBlock .userBanner { display: block; margin-bottom: 5px; margin-left: -12px; margin-right: -12px; height: 20px; line-height: 20px; margin-top: 5px; } .messageUserBlock .userBanner:last-child { margin-bottom: 0; } .messageUserBlock a.username { font-weight: bold; font-size: 15px; color: rgb(151, 57, 65); display: block; overflow: hidden; line-height: 20px; text-align: center; } .messageUserBlock .userTitle { font-size: 12px; padding-bottom: 3px; margin-top: 5px; display: block; text-align: center; } .messageUserBlock .extraUserInfo { font-size: 12px; background-color: rgb(31, 31, 31); padding: 4px 6px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .messageUserBlock .extraUserInfo dl { margin: 2px 0 0; } .messageUserBlock .extraUserInfo img { max-width: 100%; } .messageUserBlock .arrow { position: absolute; top: 10px; right: -10px; display: block; width: 0px; height: 0px; line-height: 0px; border: 10px solid transparent; border-left-color: #1F1F1F; -moz-border-left-colors: #1F1F1F; border-right: none; /* Hide from IE6 */ _display: none; } .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: rgb(31, 31, 31); -moz-border-left-colors: rgb(31, 31, 31); border-right: none; } @media (max-width:480px) { .Responsive .messageUserInfo { float: none; width: auto; } .Responsive .messageUserBlock { overflow: hidden; margin-bottom: 5px; position: relative; } .Responsive .messageUserBlock div.avatarHolder { float: left; padding: 5px; } .Responsive .messageUserBlock div.avatarHolder .avatar img { width: 48px; height: 48px; } .Responsive .messageUserBlock div.avatarHolder .onlineMarker { top: 4px; left: 4px; border-width: 6px; } .Responsive .messageUserBlock h3.userText { margin-left: 64px; } .Responsive .messageUserBlock .userBanner { max-width: 150px; margin-left: 0; margin-right: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; position: static; display: inline-block; } .Responsive .messageUserBlock .userBanner span { display: none; } .Responsive .messageUserBlock .extraUserInfo { display: none; } .Responsive .messageUserBlock .arrow { display: none; } } /* santa_hat2=================================================================================== */ /*.message .helper { background: transparent url('http://i.imgur.com/pRMCBSt.png') no-repeat; display: block; height: 70px; position: absolute; position: absolute; right: -6px; top: -18px; width: 83px; z-index: 99; } @media (max-width:480px) { .message .helper { display: none; !important; } }*/   ]]>   </template> - <template title="navigation" addon_id="XenForo" version_id="1040031" version_string="1.4.0 Beta 1" disable_modifications="0"> <![CDATA[ <xen:edithint template="navigation.css" /> <div id="navigation" class="pageWidth {xen:if $canSearch, withSearch}"> <div class="pageContent"> <nav> <div class="navTabs"> <ul class="publicTabs"> <!-- home --> <xen:if is="{$showHomeLink}"> <li class="navTab home PopupClosed"><a href="{$homeLink}" class="navLink">{xen:phrase home}</a></li> </xen:if> <!-- extra tabs: home --> <xen:if is="{$extraTabs.home}"> <xen:foreach loop="$extraTabs.home" key="$extraTabId" value="$extraTab"> <xen:if is="{$extraTab.linksTemplate}"> <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}"> <a href="{$extraTab.href}" class="navLink">{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a> <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu">{xen:property fa_navarrow}</a> <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} {$extraTabId}TabLinks"> <div class="primaryContent menuHeader"> <h3>{$extraTab.title}</h3> <div class="muted">{xen:phrase quick_links}</div> </div> {xen:raw $extraTab.linksTemplate} </div> </li> <xen:else /> <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}"> <a href="{$extraTab.href}" class="navLink">{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a> <xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if> </li> </xen:if> </xen:foreach> </xen:if> <!-- forums --> <xen:if is="{$tabs.forums}"> <li class="navTab forums {xen:if $tabs.forums.selected, 'selected', 'Popup PopupControl PopupClosed'}"> <a href="{$tabs.forums.href}" class="navLink">{$tabs.forums.title}</a> <a href="{$tabs.forums.href}" class="SplitCtrl" rel="Menu">{xen:property fa_navarrow}</a> <div class="{xen:if {$tabs.forums.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} forumsTabLinks"> <div class="primaryContent menuHeader"> <h3>{$tabs.forums.title}</h3> <div class="muted">{xen:phrase quick_links}</div> </div> <ul class="secondaryContent blockLinksList"> <xen:hook name="navigation_tabs_forums"> <xen:if is="{$visitor.user_id}"><li><a href="{xen:link 'forums/-/mark-read', $forum, 'date={$serverTime}'}" class="OverlayTrigger">{xen:phrase mark_forums_read}</a></li></xen:if> <xen:if is="{$canSearch}"><li><a href="{xen:link search, '', 'type=post'}">{xen:phrase search_forums}</a></li></xen:if> <xen:if is="{$visitor.user_id}"> <li><a href="{xen:link 'watched/forums'}">{xen:phrase watched_forums}</a></li> <li><a href="{xen:link 'watched/threads'}">{xen:phrase watched_threads}</a></li> </xen:if> <li><a href="{xen:link 'find-new/posts'}" rel="nofollow">{xen:if $visitor.user_id, {xen:phrase new_posts}, {xen:phrase recent_posts}}</a></li> </xen:hook> </ul> </div> </li> </xen:if> <!-- extra tabs: middle --> <xen:if is="{$extraTabs.middle}"> <xen:foreach loop="$extraTabs.middle" key="$extraTabId" value="$extraTab"> <xen:if is="{$extraTab.linksTemplate}"> <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}"> <a href="{$extraTab.href}" class="navLink">{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a> <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu">{xen:property fa_navarrow}</a> <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} {$extraTabId}TabLinks"> <div class="primaryContent menuHeader"> <h3>{$extraTab.title}</h3> <div class="muted">{xen:phrase quick_links}</div> </div> {xen:raw $extraTab.linksTemplate} </div> </li> <xen:else /> <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}"> <a href="{$extraTab.href}" class="navLink">{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a> <xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if> </li> </xen:if> </xen:foreach> </xen:if> <!-- members --> <xen:if is="{$tabs.members}"> <li class="navTab members {xen:if $tabs.members.selected, 'selected', 'Popup PopupControl PopupClosed'}"> <a href="{$tabs.members.href}" class="navLink">{$tabs.members.title}</a> <a href="{$tabs.members.href}" class="SplitCtrl" rel="Menu">{xen:property fa_navarrow}</a> <div class="{xen:if {$tabs.members.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} membersTabLinks"> <div class="primaryContent menuHeader"> <h3>{$tabs.members.title}</h3> <div class="muted">{xen:phrase quick_links}</div> </div> <ul class="secondaryContent blockLinksList"> <xen:hook name="navigation_tabs_members"> <li><a href="{xen:link members}">{xen:phrase notable_members}</a></li> <xen:if is="{$xenOptions.enableMemberList}"><li><a href="{xen:link members/list}">{xen:phrase registered_members}</a></li></xen:if> <li><a href="{xen:link online}">{xen:phrase current_visitors}</a></li> <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link recent-activity}">{xen:phrase recent_activity}</a></li></xen:if> <xen:if is="{$canViewProfilePosts}"><li><a href="{xen:link find-new/profile-posts}">{xen:phrase new_profile_posts}</a></li></xen:if> </xen:hook> </ul> </div> </li> </xen:if> <!-- extra tabs: end --> <xen:if is="{$extraTabs.end}"> <xen:foreach loop="$extraTabs.end" key="$extraTabId" value="$extraTab"> <xen:if is="{$extraTab.linksTemplate}"> <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}"> <a href="{$extraTab.href}" class="navLink">{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a> <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu">{xen:property fa_navarrow}</a> <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} {$extraTabId}TabLinks"> <div class="primaryContent menuHeader"> <h3>{$extraTab.title}</h3> <div class="muted">{xen:phrase quick_links}</div> </div> {xen:raw $extraTab.linksTemplate} </div> </li> <xen:else /> <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}"> <a href="{$extraTab.href}" class="navLink">{$extraTab.title}<xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a> <xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if> </li> </xen:if> </xen:foreach> </xen:if> <!-- responsive popup --> <li class="navTab navigationHiddenTabs Popup PopupControl PopupClosed" style="display:none"> <a rel="Menu" class="navLink NoPopupGadget"><span class="menuIcon">{xen:phrase menu}</span></a> <div class="Menu JsOnly blockLinksList primaryContent" id="NavigationHiddenMenu"></div> </li> <!-- no selection --> <xen:if is="!{$selectedTab}"> <li class="navTab selected"><div class="tabLinks"></div></li> </xen:if> </ul> <xen:if is="{$visitor.user_id}"><xen:include template="navigation_visitor_tab" /></xen:if> </div> <span class="helper"></span> </nav> </div> </div>   ]]>   </template> - <template title="navigation.css" addon_id="XenForo" version_id="1040270" version_string="1.4.2" disable_modifications="0"> <![CDATA[ #navigation .pageContent { height: {xen:calc '{xen:property headerTabHeight} * 2 + 2 - 10'}px; position: relative; } #navigation .menuIcon { position: relative; font-size:18px; width: 16px; display: inline-block; text-indent: -9999px; } #navigation .PopupOpen .menuIcon:before, #navigation .navLink .menuIcon:before { zoom: 1; } #navigation .menuIcon:before { content: ""; font-size: 18px; position: absolute; top: {xen:calc 'round(-0.31 + 0.029 * {xen:property headerTabHeight}, 1)'}em; left: 0; width: 16px; height: 2px; border-top: 6px double currentColor; border-bottom: 2px solid currentColor; } .navTabs { {xen:property navTabs} height: {xen:property headerTabHeight}; } .navTabs .publicTabs { float: left; } .navTabs .visitorTabs { float: right; } .navTabs .navTab { float: left; white-space: nowrap; word-wrap: normal; <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if> } /* ---------------------------------------- */ /* Links Inside Tabs */ .navTabs .navLink, .navTabs .SplitCtrl { {xen:property navLink} <xen:if is="{$pageIsRtl}">*float: none; *display: inline; *zoom: 1;</xen:if> height: {xen:property headerTabHeight}; line-height: {xen:property headerTabHeight}; } .navTabs .publicTabs .navLink { padding: 0 20px; } .navTabs .visitorTabs .navLink { padding: 0 10px; } .navTabs .navLink:hover { text-decoration: none; } /* ---------------------------------------- */ /* unselected tab, popup closed */ .navTabs .navTab.PopupClosed { position: relative; } .navTabs .navTab.PopupClosed .navLink { color: {xen:property primaryLighter}; } .navTabs .navTab.PopupClosed:hover { background-color: {xen:property primaryMedium}; } .navTabs .navTab.PopupClosed .navLink:hover { color: {xen:property textCtrlBackground}; } .navTabs .navTab.PopupClosed .arrowWidget { /* circle-arrow-down-light */ background-position: -64px 0; } .navTabs .navTab .SplitCtrl { margin-left: -14px; width: 20px; } /* ---------------------------------------- */ /* selected tab */ .navTabs .navTab.selected .navLink { position: relative; {xen:property navTabSelected} } .navTabs .navTab.selected .SplitCtrl { display: none; } .navTabs .navTab.selected .arrowWidget { /* circle-arrow-down */ background-position: -32px 0; } .navTabs .navTab.selected.PopupOpen .arrowWidget { /* circle-arrow-up */ background-position: -16px 0; } /* ---------------------------------------- */ /* unselected tab, popup open */ .navTabs .navTab.PopupOpen .navLink { } /* ---------------------------------------- */ /* selected tab, popup open (account) */ .navTabs .navTab.selected.PopupOpen .navLink { {xen:property popupControl} } /* ---------------------------------------- */ /* Second Row */ .navTabs .navTab.selected .tabLinks { {xen:property navTabSelected.background} width: 100%; padding: 0; border: none; overflow: hidden; zoom: 1; position: absolute; left: 0px; top: {xen:calc '{xen:property headerTabHeight} + 2'}px; height: {xen:property headerTabHeight}; background-position: 0px -{xen:property headerTabHeight}; *clear:expression(style.width = document.getElementById('navigation').offsetWidth + 'px', style.clear = "none", 0); } .navTabs .navTab.selected .blockLinksList { background: none; padding: 0; border: none; margin-left: 8px; } .withSearch .navTabs .navTab.selected .blockLinksList { margin-right: 275px; } .navTabs .navTab.selected .tabLinks .menuHeader { display: none; } .navTabs .navTab.selected .tabLinks li { float: left; padding: 2px 0; } .navTabs .navTab.selected .tabLinks a { {xen:property navTabLink} line-height: {xen:calc '{xen:property headerTabHeight} - 6'}px; } .navTabs .navTab.selected .tabLinks .PopupOpen a { color: inherit; text-shadow: none; } .navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus { {xen:property navTabLinkHover} } .navTabs .navTab.selected .tabLinks .Popup a:hover, .navTabs .navTab.selected .tabLinks .Popup a:focus { color: inherit; background: none; border-color: transparent; border-radius: 0; text-shadow: none; } /* ---------------------------------------- */ /* Alert Balloons */ .navTabs .navLink .itemCount { {xen:property alertBalloon} } .navTabs .navLink .itemCount .arrow { {xen:property alertBalloonArrow} } .navTabs .navLink .itemCount.Zero { display: none; } .navTabs .navLink .itemCount.ResponsiveOnly { display: none !important; } .NoResponsive #VisitorExtraMenu_Counter, .NoResponsive #VisitorExtraMenu_ConversationsCounter, .NoResponsive #VisitorExtraMenu_AlertsCounter { display: none !important; } /* ---------------------------------------- */ /* Account Popup Menu */ .navTabs .navTab.account .navLink .accountUsername { display: block; max-width: 100px; overflow: hidden; text-overflow: ellipsis; } #AccountMenu { width: 274px; } #AccountMenu .menuHeader { position: relative; } #AccountMenu .menuHeader .avatar { float: left; margin-right: 10px; } #AccountMenu .menuHeader .visibilityForm { margin-top: 10px; color: {xen:property primaryMedium}; } #AccountMenu .menuHeader .links .fl { position: absolute; bottom: 10px; left: {xen:calc '10 + 10 + 96'}px; } #AccountMenu .menuHeader .links .fr { position: absolute; bottom: 10px; right: 10px; } #AccountMenu .menuColumns { overflow: hidden; zoom: 1; padding: 2px; } #AccountMenu .menuColumns ul { float: left; padding: 0; max-height: none; overflow: hidden; } #AccountMenu .menuColumns a, #AccountMenu .menuColumns label { width: 115px; } #AccountMenu .statusPoster textarea { width: 245px; margin: 0; resize: vertical; overflow: hidden; } #AccountMenu .statusPoster .submitUnit { margin-top: 5px; text-align: right; } #AccountMenu .statusPoster .submitUnit .statusEditorCounter { float: left; line-height: 23px; height: 23px; } /* ---------------------------------------- */ /* Inbox, Alerts Popups */ .navPopup { width: 260px; } .navPopup a:hover, .navPopup .listItemText a:hover { background: none; text-decoration: underline; } .navPopup .menuHeader .InProgress { float: right; display: block; width: 20px; height: 20px; } .navPopup .listPlaceholder { max-height: 350px; overflow: auto; } .navPopup .listPlaceholder ol.secondaryContent { padding: 0 10px; } .navPopup .listPlaceholder ol.secondaryContent.Unread { background-color: {xen:property inlineModChecked.background-color}; } .navPopup .listItem { overflow: hidden; zoom: 1; padding: 5px 0; border-bottom: 1px solid {xen:property primaryLighterStill}; } .navPopup .listItem:last-child { border-bottom: none; } .navPopup .PopupItemLinkActive:hover { margin: 0 -8px; padding: 5px 8px; border-radius: 5px; background-color: {xen:property primaryLighterStill}; cursor: pointer; } .navPopup .avatar { float: left; } .navPopup .avatar img { width: 32px; height: 32px; } .navPopup .listItemText { margin-left: 37px; } .navPopup .listItemText .muted { font-size: 9px; } .navPopup .unread .listItemText .title, .navPopup .listItemText .subject { font-weight: bold; } .navPopup .sectionFooter .floatLink { float: right; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property maxResponsiveMediumWidth}) { .Responsive .navTabs { padding-left: 10px; padding-right: 10px; } .Responsive .withSearch .navTabs .navTab.selected .blockLinksList { margin-right: 50px; } } @media (max-width:{xen:property maxResponsiveNarrowWidth}) { .Responsive.hasJs .navTabs:not(.showAll) .publicTabs .navTab:not(.selected):not(.navigationHiddenTabs) { display: none; } } </xen:if>   ]]>   </template> - <template title="navigation_sidebar.css" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ .container { display: table; table-layout: fixed; width: 100%; zoom: 1; } .navigationSideBar { width: 150px; display: table-cell; vertical-align: top; *float: left; } .navigationSideBar .heading { border-top-right-radius: 0; margin: 10px 0 0; } .navigationSideBar .section:first-child { margin-top: 0; } .navigationSideBar .section:last-child { margin-bottom: 0; } .navigationSideBar .primaryContent { font-size: 11px; } .navigationSideBar .secondaryContent { font-weight: bold; } .navigationSideBar a { display: block; padding: 5px 10px; word-wrap: normal; overflow: hidden; text-overflow: ellipsis; } .navigationSideBar a:hover { background: {xen:property primaryLighterStill} none repeat-x top; color: {xen:property primaryLightish}; text-decoration: none; } .mainContentBlock { display: table-cell; vertical-align: top; margin: 0; *margin-left: 150px; zoom: 1; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property maxResponsiveNarrowWidth}) { .Responsive .navigationSideBar { display: block; position: relative; margin: 0 auto; width: 200px; box-sizing: border-box; } .Responsive .navigationSideBar .heading { margin: 0; border-top-right-radius: {xen:property heading.border-top-right-radius}; border-bottom: 0; text-align: center; cursor: pointer; } .Responsive .navigationSideBar .heading span { {xen:property popupArrowClosed} } .Responsive .navigationSideBar > ul { display: none; position: absolute; background: {xen:property contentBackground}; border: 1px solid {xen:property primaryLighterStill}; box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); border-top: none; width: 200px; box-sizing: border-box; z-index: 51; } .Responsive .navigationSideBar > ul.menuVisible { display: block; } .Responsive .navigationSideBar .section:last-child li:last-child a { border-bottom: none; } html.Responsive:not(.hasJs) .navigationSideBar:hover > ul { display: block; } .Responsive .mainContentBlock { display: block; } } </xen:if>   ]]>   </template> - <template title="navigation_visitor_tab" addon_id="XenForo" version_id="1051670" version_string="1.5.16" disable_modifications="0"> <![CDATA[ <xen:edithint template="navigation.css" /> <ul class="visitorTabs"> <xen:hook name="navigation_visitor_tabs_start" /> <!-- account --> <li class="navTab account Popup PopupControl PopupClosed {xen:if $tabs.account.selected, 'selected'}"> <xen:set var="$visitorHiddenUnread" value="{xen:calc '{$visitor.alerts_unread} + {$visitor.conversations_unread}'}" /> <a href="{xen:link account}" class="navLink accountPopup NoPopupGadget" rel="Menu"><strong class="accountUsername"><i class="fa fa-chevron-down"></i> {$visitor.username}</strong> <strong class="itemCount ResponsiveOnly {xen:if $visitorHiddenUnread, '', 'Zero'}" id="VisitorExtraMenu_Counter"> <span class="Total">{xen:number $visitorHiddenUnread}</span> <span class="arrow"></span> </strong> </a> <div class="Menu JsOnly" id="AccountMenu"> <div class="primaryContent menuHeader"> <xen:avatar user="$visitor" size="m" class="NoOverlay plainImage" title="{xen:phrase view_your_profile}" /> <h3><a href="{xen:link members, $visitor}" class="concealed" title="{xen:phrase view_your_profile}">{$visitor.username}</a></h3> <xen:if hascontent="true"><div class="muted"><xen:contentcheck>{xen:helper usertitle, $visitor}</xen:contentcheck></div></xen:if> <ul class="links"> <li class="fl"><a href="{xen:link members, $visitor}">{xen:phrase your_profile_page}</a></li> </ul> </div> <div class="menuColumns secondaryContent"> <ul class="col1 blockLinksList"> <xen:hook name="navigation_visitor_tab_links1"> <xen:if is="{$canEditProfile}"><li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li></xen:if> <xen:if is="{$canEditSignature}"><li><a href="{xen:link account/signature}">{xen:phrase signature}</a></li></xen:if> <li><a href="{xen:link account/contact-details}">{xen:phrase contact_details}</a></li> <li><a href="{xen:link account/privacy}">{xen:phrase privacy}</a></li> <li><a href="{xen:link account/preferences}" class="OverlayTrigger">{xen:phrase preferences}</a></li> <li><a href="{xen:link account/alert-preferences}">{xen:phrase alert_preferences}</a></li> <xen:if is="{$canUploadAvatar}"><li><a href="{xen:link account/avatar}" class="OverlayTrigger" data-cacheOverlay="true">{xen:phrase avatar}</a></li></xen:if> <xen:if is="{$xenOptions.facebookAppId} OR {$xenOptions.twitterAppKey} OR {$xenOptions.googleClientId}"><li><a href="{xen:link account/external-accounts}">{xen:phrase external_accounts}</a></li></xen:if> <li><a href="{xen:link account/security}">{xen:phrase password}</a></li> </xen:hook> </ul> <ul class="col2 blockLinksList"> <xen:hook name="navigation_visitor_tab_links2"> <li><a href="{xen:link conversations}">{xen:phrase conversations} <strong class="itemCount {xen:if $visitor.conversations_unread, '', 'Zero'}" id="VisitorExtraMenu_ConversationsCounter"> <span class="Total">{xen:number $visitor.conversations_unread}</span> </strong></a></li> <li><a href="{xen:link account/alerts}">{xen:phrase alerts} <strong class="itemCount {xen:if $visitor.alerts_unread, '', 'Zero'}" id="VisitorExtraMenu_AlertsCounter"> <span class="Total">{xen:number $visitor.alerts_unread}</span> </strong></a></li> <li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li> <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}'}">{xen:phrase your_content}</a></li> <li><a href="{xen:link account/following}">{xen:phrase people_you_follow}</a></li> <li><a href="{xen:link account/ignored}">{xen:phrase people_you_ignore}</a></li> <xen:if is="{$xenCache.userUpgradeCount}"><li><a href="{xen:link account/upgrades}">{xen:phrase account_upgrades}</a></li></xen:if> </xen:hook> </ul> </div> <div class="menuColumns secondaryContent"> <ul class="col1 blockLinksList"> <li> <form action="{xen:link account/toggle-visibility}" method="post" class="AutoValidator visibilityForm"> <label><input type="checkbox" name="visible" value="1" class="SubmitOnChange" {xen:checked $visitor.visible} /> {xen:phrase show_online_status}</label> <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" /> </form> </li> </ul> <ul class="col2 blockLinksList"> <li><a href="{xen:link logout, '', '_xfToken={$visitor.csrf_token_page}'}" class="LogOut">{xen:phrase log_out}</a></li> </ul> </div> <xen:if is="{$canUpdateStatus}"> <form action="{xen:link members/post, $visitor}" method="post" class="sectionFooter statusPoster AutoValidator" data-optInOut="OptIn"> <textarea name="message" class="textCtrl StatusEditor UserTagger Elastic" placeholder="{xen:phrase update_your_status}..." rows="1" cols="40" style="height:18px" data-statusEditorCounter="#visMenuSEdCount" data-nofocus="true"></textarea> <div class="submitUnit"> <span id="visMenuSEdCount" title="{xen:phrase characters_remaining}"></span> <input type="submit" class="button primary MenuCloser" value="{xen:phrase post_verb}" /> <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" /> <input type="hidden" name="return" value="1" /> </div> </form> </xen:if> </div> </li> <xen:if is="{$tabs.account.selected}"> <li class="navTab selected"> <div class="tabLinks"> <ul class="secondaryContent blockLinksList"> <xen:hook name="navigation_tabs_account"> <li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li> <li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li> <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li></xen:if> <li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li> </xen:hook> </ul> </div> </li> </xen:if> <!-- conversations popup --> <li class="navTab inbox Popup PopupControl PopupClosed{xen:if {$visitor.conversations_unread}, ' unread'}{xen:if $tabs.inbox.selected, ' selected'}"> <a href="{xen:link conversations}" rel="Menu" class="navLink NoPopupGadget">{xen:property fa_inboxicon} <strong class="itemCount {xen:if {$visitor.conversations_unread}, '', 'Zero'}" id="ConversationsMenu_Counter" data-text="{xen:phrase you_have_x_new_unread_conversations}"> <span class="Total">{xen:number $visitor.conversations_unread}</span> <span class="arrow"></span> </strong> </a> <div class="Menu JsOnly navPopup" id="ConversationsMenu" data-contentSrc="{xen:link 'conversations/popup'}" data-contentDest="#ConversationsMenu .listPlaceholder"> <div class="menuHeader primaryContent"> <h3> <span class="Progress InProgress"></span> <a href="{xen:link conversations}" class="concealed">{xen:phrase conversations}</a> </h3> </div> <div class="listPlaceholder"></div> <div class="sectionFooter"> <xen:if is="{$canStartConversation}"><a href="{xen:link conversations/add}" class="floatLink">{xen:phrase start_new_conversation}</a></xen:if> <a href="{xen:link conversations}">{xen:phrase show_all}...</a> </div> </div> </li> <xen:if is="{$tabs.inbox.selected}"> <li class="navTab selected"> <div class="tabLinks"> <ul class="secondaryContent blockLinksList"> <li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li> <li><a href="{xen:link conversations/starred}">{xen:phrase starred_conversations}</a></li> <li><a href="{xen:link conversations/yours}">{xen:phrase conversations_you_started}</a></li> </ul> </div> </li> </xen:if> <xen:hook name="navigation_visitor_tabs_middle" /> <!-- alerts popup --> <li class="navTab alerts Popup PopupControl PopupClosed{xen:if {$visitor.alerts_unread}, ' unread'}"> <a href="{xen:link account/alerts}" rel="Menu" class="navLink NoPopupGadget">{xen:property fa_alertsicon} <strong class="itemCount {xen:if {$visitor.alerts_unread}, '', 'Zero'}" id="AlertsMenu_Counter" data-text="{xen:phrase you_have_x_new_alerts}"> <span class="Total">{xen:number $visitor.alerts_unread}</span> <span class="arrow"></span> </strong> </a> <div class="Menu JsOnly navPopup" id="AlertsMenu" data-contentSrc="{xen:link 'account/alerts-popup'}" data-contentDest="#AlertsMenu .listPlaceholder" data-removeCounter="#AlertsMenu_Counter"> <div class="menuHeader primaryContent"> <h3> <span class="Progress InProgress"></span> <a href="{xen:link account/alerts}" class="concealed">{xen:phrase alerts}</a> </h3> </div> <div class="listPlaceholder"></div> <div class="sectionFooter"> <a href="{xen:link account/alert-preferences}" class="floatLink">{xen:phrase alert_preferences}</a> <a href="{xen:link account/alerts}">{xen:phrase show_all}...</a> </div> </div> </li> <xen:hook name="navigation_visitor_tabs_end" /> </ul>   ]]>   </template> - <template title="news_feed_item_thread_insert" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ <p class="description">{xen:phrase news_feed_thread_insert, 'username={xen:helper username, $user, 'primaryText'}' }</p> <h3 class="title thread"><i class="fa fa-bullhorn"></i> <a href="{xen:link threads, $content}">{xen:helper threadPrefix, $content}{$content.title}</a></h3> <p class="snippet post">{xen:helper snippet, $content.message, $xenOptions.newsFeedMessageSnippetLength}</p> <xen:include template="news_feed_attached_images" /> <h4 class="minorTitle forum"><i class="fa fa-bars"></i> {xen:phrase forum}: <a href="{xen:link forums, $content}">{$content.node_title}</a></h4>   ]]>   </template> - <template title="node_category_level_2" addon_id="XenForo" version_id="1040031" version_string="1.4.0 Beta 1" disable_modifications="0"> <![CDATA[ <xen:require css="node_list.css" /> <xen:require css="node_category.css" /> <li class="node category_forum level_{$level} node_{$category.node_id}"> <div class="nodeInfo categoryForumNodeInfo {xen:if $category.hasNew, 'unread'}"> <span class="nodeIcon" title="{xen:if $category.hasNew, '{xen:phrase unread_messages}', ''}">{xen:property fa_nodeicon}</span> <div class="nodeText"> <h3 class="nodeTitle"><a href="{xen:link categories, $category}" data-description="{xen:if {xen:property nodeListDescriptionTooltips}, '#nodeDescription-{$category.node_id}'}">{$category.title}</a></h3> <xen:if is="{$category.description} AND {xen:property nodeListDescriptions}"> <blockquote class="nodeDescription {xen:if {xen:property nodeListDescriptionTooltips}, nodeDescriptionTooltip} baseHtml" id="nodeDescription-{$category.node_id}">{xen:raw $category.description}</blockquote> </xen:if> <div class="nodeStats pairsInline"> <dl><dt>{xen:phrase discussions}:</dt> <dd>{xen:if $category.privateInfo, '&ndash;', {xen:number $category.discussion_count}}</dd></dl> <dl><dt>{xen:phrase messages}:</dt> <dd>{xen:if $category.privateInfo, '&ndash;', {xen:number $category.message_count}}</dd></dl> <xen:if is="{$renderedChildren} AND {xen:property nodeListSubForumPopup}"> <div class="Popup subForumsPopup"> <a href="{xen:link categories, $category}" rel="Menu" class="cloaked" data-closemenu="true"><span class="dt">{xen:phrase sub_forums}:</span> {xen:number $category.childCount}</a> <div class="Menu JsOnly subForumsMenu"> <div class="primaryContent menuHeader"> <h3>{$category.title}</h3> <div class="muted">{xen:phrase sub_forums}</div> </div> <ol class="secondaryContent blockLinksList"> <xen:foreach loop="$renderedChildren" value="$child"> {xen:raw $child} </xen:foreach> </ol> </div> </div> </xen:if> </div> {xen:raw $nodeExtraHtml} </div> <xen:if is="{$renderedChildren} AND !{xen:property nodeListSubForumPopup}"> <ol class="subForumList"> <xen:foreach loop="$renderedChildren" value="$child"> {xen:raw $child} </xen:foreach> </ol> </xen:if> <div class="nodeLastPost secondaryContent"> <xen:if is="{$category.privateInfo}"> <span class="noMessages muted">({xen:phrase private})</span> <xen:elseif is="{$category.lastPost.date}" /> <span class="lastThreadTitle"><span>{xen:phrase latest}:</span> <a href="{xen:link posts, $category.lastPost}" title="{$category.lastPost.title}">{$category.lastPost.title}</a></span> <span class="lastThreadMeta"> <span class="lastThreadUser"><xen:if is="{xen:helper isIgnored, $category.last_post_user_id}">{xen:phrase ignored_member}<xen:else /><xen:username user="$category.lastPost" /></xen:if>,</span> <xen:datetime time="$category.lastPost.date" class="muted lastThreadDate" data-latest="{xen:phrase latest}: " /> </span> <xen:else /> <span class="noMessages muted">({xen:phrase contains_no_messages})</span> </xen:if> </div> </div> </li>   ]]>   </template> - <template title="node_forum_level_2" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ <xen:require css="node_list.css" /> <xen:require css="node_forum.css" /> <li class="node forum level_{$level} {xen:if '{$level} == 1 AND !{$renderedChildren}', 'groupNoChildren'} node_{$forum.node_id}"> <xen:if is="{$level} == 1"><div class="categoryStrip subHeading"></div></xen:if> <div class="nodeInfo forumNodeInfo primaryContent {xen:if $forum.hasNew, 'unread'}"> <span class="nodeIcon" title="{xen:if $forum.hasNew, '{xen:phrase unread_messages}', ''}">{xen:property fa_nodeicon}</span> <div class="nodeText"> <h3 class="nodeTitle"><xen:if is="{$watchCheckBoxName}"><input type="checkbox" name="{$watchCheckBoxName}" value="{$forum.node_id}" />&nbsp;</xen:if><a href="{xen:link forums, $forum}" data-description="{xen:if {xen:property nodeListDescriptionTooltips}, '#nodeDescription-{$forum.node_id}'}">{$forum.title}</a></h3> <xen:if is="{$forum.description} AND {xen:property nodeListDescriptions}"> <blockquote class="nodeDescription {xen:if {xen:property nodeListDescriptionTooltips}, nodeDescriptionTooltip} baseHtml" id="nodeDescription-{$forum.node_id}">{xen:raw $forum.description}</blockquote> </xen:if> <div class="nodeStats pairsInline"> <dl><dt>{xen:phrase discussions}:</dt> <dd>{xen:if $forum.privateInfo, '&ndash;', {xen:number $forum.discussion_count}}</dd></dl> <dl><dt>{xen:phrase messages}:</dt> <dd>{xen:if $forum.privateInfo, '&ndash;', {xen:number $forum.message_count}}</dd></dl> <xen:if is="{$renderedChildren} AND {$level} == 2 AND {xen:property nodeListSubForumPopup}"> <div class="Popup subForumsPopup"> <a href="{xen:link forums, $forum}" rel="Menu" class="cloaked" data-closemenu="true"><span class="dt">{xen:phrase sub_forums}:</span> {xen:number $forum.childCount}</a> <div class="Menu JsOnly subForumsMenu"> <div class="primaryContent menuHeader"> <h3>{$forum.title}</h3> <div class="muted">{xen:phrase sub_forums}</div> </div> <ol class="secondaryContent blockLinksList"> <xen:foreach loop="$renderedChildren" value="$child"> {xen:raw $child} </xen:foreach> </ol> </div> </div> </xen:if> </div> {xen:raw $nodeExtraHtml} </div> <xen:if is="{$renderedChildren} AND {$level} == 2 AND !{xen:property nodeListSubForumPopup}"> <ol class="subForumList"> <xen:foreach loop="$renderedChildren" value="$child"> {xen:raw $child} </xen:foreach> </ol> </xen:if> <xen:hook name="node_forum_level_2_before_lastpost" params="{xen:array 'forum={$forum}'}" /> <div class="nodeLastPost secondaryContent"> <xen:if is="{$forum.privateInfo}"> <span class="noMessages muted">({xen:phrase private})</span> <xen:elseif is="{$forum.lastPost.date}" /> <span class="lastThreadTitle"><span>{xen:phrase latest}:</span> <a href="{xen:link posts, $forum.lastPost}" title="{$forum.lastPost.title}">{$forum.lastPost.title}</a></span> <span class="lastThreadMeta"> <span class="lastThreadUser"><xen:if is="{xen:helper isIgnored, $forum.last_post_user_id}">{xen:phrase ignored_member}<xen:else /><xen:username user="$forum.lastPost" /></xen:if>,</span> <xen:datetime time="$forum.lastPost.date" class="muted lastThreadDate" data-latest="{xen:phrase latest}: " /> </span> <xen:else /> <span class="noMessages muted">({xen:phrase contains_no_messages})</span> </xen:if> </div> <div class="nodeControls"> <a href="{xen:link forums/index.rss, $forum}" class="tinyIcon feedIcon" title="{xen:phrase rss}"><i class="fa fa-rss-square"></i></a> </div> </div> <xen:if is="{$renderedChildren} AND {$level} == 1"> <ol class="nodeList"> <xen:foreach loop="$renderedChildren" value="$child">{xen:raw $child}</xen:foreach> </ol> </xen:if> </li>   ]]>   </template> - <template title="node_link_level_2" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ <xen:require css="node_list.css" /> <xen:require css="node_link.css" /> <li class="node link level_{$level} {xen:if '{$level} == 1 AND !{$renderedChildren}', 'groupNoChildren'} node_{$link.node_id}"> <xen:if is="{$level} == 1"><div class="categoryStrip"></div></xen:if> <div class="nodeInfo linkNodeInfo"> <span class="nodeIcon">{xen:property fa_linkicon}</span> <div class="nodeText"> <h3 class="nodeTitle"><a href="{xen:link link-forums, $link}" data-description-x="#nodeDescription-{$link.node_id}">{$link.title}</a></h3> <xen:if is="{$link.description}"><blockquote class="nodeDescription muted baseHtml" id="nodeDescription-{$link.node_id}">{xen:raw $link.description}</blockquote></xen:if> </div> </div> <xen:if is="{$renderedChildren} AND {$level} == 1"> <ol class="nodeList"> <xen:foreach loop="$renderedChildren" value="$child">{xen:raw $child}</xen:foreach> </ol> </xen:if> </li>   ]]>   </template> - <template title="node_list.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ .nodeList { zoom: 1; } .nodeList .node { zoom: 1; vertical-align: bottom; } .nodeList .node.level_1 { margin-bottom: 20px; } .nodeList .node.level_1:last-child { margin-bottom: 0; } .nodeList .node.groupNoChildren + .node.groupNoChildren { margin-top: -20px; } .node .nodeInfo { overflow: hidden; zoom: 1; position: relative; } .node .nodeInfo.primaryContent, .node .nodeInfo.secondaryContent { padding: 0; } .node .nodeIcon { margin: 10px 0 10px 10px; float: left; font-size: 30px; color: rgb(200,200,200); width: 36px; height: 36px; } .node .forumNodeInfo .nodeIcon, .node .categoryForumNodeInfo .nodeIcon { } .node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon { } .node .pageNodeInfo .nodeIcon { } .node .linkNodeInfo .nodeIcon { } .node .nodeText { margin: 15px 270px 15px 56px; } .node .nodeText .nodeTitle { font-size: 15px; } .node .unread .nodeText .nodeTitle { font-weight: bold; } .node .nodeDescription { font-size: 12px; } .hasJs .node .nodeDescriptionTooltip { /* will be shown as a tooltip */ display: none; } .Touch .node .nodeDescriptionTooltip { /* touch browsers don't see description tooltips */ display: block; } .node .nodeStats { font-size: 12px; margin-top: 2px; } .node .nodeExtraNote { text-align: right; font-size: 11px; color: rgb(150,150,150); } .node .subForumList { overflow: hidden; *zoom: 1; margin: -5px 0 15px; margin-left: 56px; } .node .subForumList li { float: left; width: 31%; margin: 2px 0 2px 2%; } .node .subForumList li .nodeTitle { font-size: 11px; overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; } .node .subForumList .unread .nodeTitle { font-weight: bold; } .node .subForumList li ol, .node .subForumList li ul { display: none; } .node .nodeLastPost { background-color: rgb(45, 45, 45); padding: 10px; border-bottom: 1px solid rgb(88, 88, 88); font-size: 12px; background: url(rgba.php?r=0&g=0&b=0&a=0); background: rgba(0, 0, 0, 0); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000); padding: 3px 10px; margin: 10px; border-width: 0px; position: absolute; top: 2px; right: 0; line-height: 18px; white-space: nowrap; word-wrap: normal; overflow: hidden; width: 210px; height: 35px; } .node .nodeLastPost .lastThreadTitle { text-overflow: ellipsis; max-width: 100%; display: block; overflow: hidden; } .node .nodeLastPost .lastThreadMeta { display: block; } .node .nodeLastPost .noMessages { line-height: 28px; } .node .nodeControls { position: absolute; top: 0; right: 240px; margin: 20px 0; } .node .tinyIcon { font-size: 17px; color: rgb(255, 102, 0); background-color: transparent; margin: 0px 6px 1px 4px; display: block; opacity: 0.25; } .node .nodeInfo:hover .tinyIcon[href], .Touch .node .tinyIcon { opacity: 1; } /* description tooltip */ .nodeDescriptionTip { padding: 4px 10px; margin-top: -22px; line-height: 1.5; width: 350px; height: auto; } .nodeDescriptionTip .arrow { border: 6px solid transparent; border-right-color: rgb(0,0,0); border-right-color: rgba(0,0,0, 0.6); _border-right-color: rgb(0,0,0); border-left: 1px none black; top: 6px; left: -6px; bottom: auto; } .nodeDescriptionTip.arrowBottom .arrow { top: auto; left: 10px; bottom: -6px; border: 6px solid transparent; border-top-color: rgb(0,0,0); border-top-color: rgba(0,0,0, 0.6); _border-top-color: rgb(0,0,0); border-bottom: 1px none black; } /* main area - used for L2 categories and most other nodes */ .nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo { background-color: rgb(51, 51, 51); padding: 10px; border-bottom: 1px solid rgb(80, 80, 80); padding: 0; } /* category strip - used for L1 categories and group headers */ .nodeList .categoryStrip { font-size: 15px; font-family: 'Open Sans', sans-serif; color: rgb(255, 255, 255); background-color: rgb(151, 57, 65); padding: 12px 10px; margin: 3px auto 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; margin: 0; border-bottom-color: ; min-height: 6px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; } .nodeList .categoryStrip .nodeTitle { font-size: 15px; color: rgb(255, 255, 255); } .nodeList .categoryStrip .nodeTitle a { color: rgb(255, 255, 255); } .nodeList .categoryStrip .nodeDescription { font-size: 12px; color: rgb(255, 255, 255); } .nodeList .categoryStrip .nodeDescription a { color: rgb(255, 255, 255); } .nodeList .node.groupNoChildren + .node.groupNoChildren .categoryStrip { display: none; } /* node stats area */ .nodeStats { overflow: hidden; zoom: 1; } .nodeStats dl, .subForumsPopup { float: left; display: block; margin-right: 3px; } .subForumsPopup.Popup .PopupControl.PopupOpen { background-image: none; } .subForumsPopup a.PopupControl { padding-left: 5px; padding-right: 5px; } .subForumsPopup .dt { color: #fff; } .subForumsPopup .PopupOpen .dt { color: #fff; } .subForumsMenu .node .node /* for depths 2+ */ { padding-left: 10px; } .subForumsMenu .node .nodeTitle { font-size: 11px; } .subForumsMenu .node .unread .nodeTitle { font-weight: bold; } /** new discussion button below nodelist **/ .nodeListNewDiscussionButton { margin-top: 10px; text-align: right; } @media (max-width:610px) { .Responsive .node .nodeText { margin-right: 0; } .Responsive.Touch .node .nodeDescriptionTooltip, .Responsive .node .nodeDescription { display: none; } .Responsive .node .nodeLastPost { position: static; height: auto; width: auto; background: none; border: none; padding: 0; margin: -13px 0 15px 56px; } .Responsive .node .nodeLastPost .noMessages { display: none; } .Responsive .node .nodeLastPost .lastThreadTitle, .Responsive .node .nodeLastPost .lastThreadUser { display: none; } .Responsive .node .nodeLastPost .lastThreadDate:before { content: attr(data-latest); } .Responsive .node .nodeControls { display: none; } .Responsive .node .subForumList { display: none; } .Responsive .nodeDescriptionTip { width: auto; max-width: 350px; } } @media (max-width:480px) { .Responsive .subForumsPopup { display: none; } }   ]]>   </template> - <template title="node_page_level_2" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ <xen:require css="node_list.css" /> <xen:require css="node_page.css" /> <li class="node page level_{$level} {xen:if '{$level} == 1 AND !{$renderedChildren}', 'groupNoChildren'} node_{$page.node_id}"> <xen:if is="{$level} == 1"><div class="categoryStrip"></div></xen:if> <div class="nodeInfo pageNodeInfo"> <span class="nodeIcon">{xen:property fa_pageicon}</span> <div class="nodeText"> <h3 class="nodeTitle"><a href="{xen:link pages, $page}">{$page.title}</a></h3> <xen:if is="{$page.description}"> <blockquote class="nodeDescription baseHtml muted" id="nodeDescription-{$page.node_id}">{xen:raw $page.description}</blockquote> </xen:if> </div> </div> <xen:if is="{$renderedChildren} AND {$level} == 1"> <ol class="nodeList"> <xen:foreach loop="$renderedChildren" value="$child">{xen:raw $child}</xen:foreach> </ol> </xen:if> </li>   ]]>   </template> - <template title="notice" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ <li class="panel Notice DismissParent notice_{$noticeId} {$notice.visibility}" data-notice="{$noticeId}"> <xen:if is="{$notice.imageUrl}"> <div class="blockImage {$notice.display_image}"> <img src="{$notice.imageUrl}" alt="" /> </div> </xen:if> <div class="{xen:if {$notice.wrap}, 'baseHtml noticeContent'}{xen:if '{$notice.imageUrl}', ' hasImage'}">{xen:raw $content}</div> <xen:if is="{$notice.dismissible}"> <a href="{xen:link account/dismiss-notice, '', 'notice_id={$noticeId}'}" title="{xen:phrase dismiss_notice}" class="DismissCtrl Tooltip" data-offsetx="7" data-tipclass="flipped"><i class="fa fa-times"></i></a></xen:if> </li>   ]]>   </template> - <template title="notices" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ <xen:if is="{$notices.block}"> <xen:require css="notices.css" /> <xen:require css="panel_scroller.css" /> <xen:edithint template="notice" /> <div class="{xen:if {xen:property scrollableNotices}, PanelScroller, PanelScrollerOff} Notices" data-vertical="{xen:property noticeVertical}" data-speed="{xen:property noticeSpeed}" data-interval="{xen:property noticeInterval}"> <div class="scrollContainer"> <div class="PanelContainer"> <ol class="Panels"> <xen:foreach loop="$notices.block" key="$noticeId" value="$notice"> <xen:include template="notice"> <xen:set var="$content">{xen:raw $notice.message}</xen:set> </xen:include> </xen:foreach> </ol> </div> </div> <xen:if is="{xen:property scrollableNotices} AND {xen:count $notices.block} > 1"><div class="navContainer"> <span class="navControls Nav JsOnly"> <xen:foreach loop="$notices.block" key="$noticeId" value="$notice" i="$i"> <a id="n{$noticeId}" href="{$requestPaths.requestUri}#n{$noticeId}"{xen:if '{$i} == 1', ' class="current"'}> <span class="arrow"><span></span></span> <!--{$i} -->{$notice.title}</a> </xen:foreach> </span> </div></xen:if> </div> </xen:if> <xen:if is="{$notices.floating}"> <xen:require css="notices.css" /> <div class="FloatingContainer Notices"> <xen:foreach loop="$notices.floating" key="$noticeId" value="$notice"> <div class="DismissParent Notice notice_{$noticeId} {$notice.visibility}" data-notice="{$noticeId}" data-delay-duration="{$notice.delay_duration}" data-display-duration="{$notice.display_duration}" data-auto-dismiss="{$notice.auto_dismiss}"> <div class="floatingItem {xen:if '{$notice.display_style} == "custom"', $notice.css_class, $notice.display_style}"> <xen:if is="{$notice.dismissible}"> <a href="{xen:link account/dismiss-notice, '', 'notice_id={$noticeId}'}" title="{xen:phrase dismiss_notice}" class="DismissCtrl Tooltip" data-offsetx="7" data-tipclass="flipped"><i class="fa fa-times"></i></a></xen:if> <xen:if is="{$notice.imageUrl}"> <div class="floatingImage {$notice.display_image}"> <img src="{$notice.imageUrl}" alt="" /> </div> </xen:if> <div class="{xen:if $notice.imageUrl, hasImage} {xen:if {$notice.wrap}, 'baseHtml noticeContent'}"> {xen:raw $notice.message} </div> </div> </div> </xen:foreach> </div> </xen:if>   ]]>   </template> - <template title="PAGE_CONTAINER" addon_id="XenForo" version_id="1040370" version_string="1.4.3" disable_modifications="0"> <![CDATA[ <!DOCTYPE html><xen:set var="$isResponsive" value="{xen:if '{xen:property enableResponsive} AND !{$noResponsive}', 1, 0}" /> <html id="XenForo" lang="{$visitorLanguage.language_code}" dir="{$visitorLanguage.text_direction}" class="Public NoJs {xen:if {$visitor.user_id}, 'LoggedIn', 'LoggedOut'} {xen:if {$sidebar}, 'Sidebar', 'NoSidebar'} {xen:if $hasAutoDeferred, RunDeferred} {xen:if $isResponsive, Responsive, NoResponsive}" xmlns:fb="http://www.facebook.com/2008/fbml"> <head> <xen:hook name="page_container_head"> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /> <xen:if is="{$isResponsive}"> <meta name="viewport" content="width=device-width, initial-scale=1" /> </xen:if> <xen:if is="{$requestPaths.fullBasePath}"> <base href="{$requestPaths.fullBasePath}" /> <script><xen:comment>/* Chrome bug and for Google cache */</xen:comment> var _b = document.getElementsByTagName('base')[0], _bH = "{xen:jsescape $requestPaths.fullBasePath}"; if (_b && _b.href != _bH) _b.href = _bH; </script> </xen:if> <title><xen:if is="{$title}">{xen:raw $title} | {$xenOptions.boardTitle}<xen:else />{$xenOptions.boardTitle}</xen:if></title> <noscript><style>.JsOnly, .jsOnly { display: none !important; }</style></noscript> <link rel="stylesheet" href="css.php?css=xenforo,form,public&amp;style={xen:urlencode $_styleId}&amp;dir={$visitorLanguage.text_direction}&amp;d={$visitorStyle.last_modified_date}" /> <!--XenForo_Require:CSS--> <xen:if is="{xen:property fa_hostlocal}"> <link rel="stylesheet" href="{$requestPaths.fullBasePath}{xen:property fa_localpath}"> <xen:else /> {xen:property fa_cdnpath} </xen:if> <xen:if is="{xen:property fa_webfonts}"> {xen:property fa_googlefont} </xen:if> {xen:helper ignoredCss, {$visitor.ignoredUsers}} <xen:include template="google_analytics" /> <xen:include template="page_container_js_head" /> <link rel="apple-touch-icon" href="{xen:helper fullurl, {xen:property ogLogoPath}, 1}" /> <link rel="alternate" type="application/rss+xml" title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}" href="{xen:link forums/-/index.rss}" /> <xen:if is="{$pageDescription.content} AND !{$pageDescription.skipmeta} AND !{$head.description}"><meta name="description" content="{xen:string wordTrim, {xen:helper stripHtml, {xen:raw $pageDescription.content}}, 200}" /></xen:if> <xen:if is="{$head}"><xen:foreach loop="$head" value="$headElement">{xen:raw $headElement}</xen:foreach></xen:if> </xen:hook> </head> <body{xen:if {$bodyClasses}, ' class="{$bodyClasses}"'}> <xen:hook name="body"> <xen:if is="{$visitor.is_moderator} || {$visitor.is_admin}"> <xen:include template="moderator_bar" /> <xen:elseif is="!{$visitor.user_id} && !{$hideLoginBar}" /> <xen:include template="login_bar" /> </xen:if> <div class="topHelper"></div> <div id="headerMover"> <div id="headerProxy"></div> <div id="content" class="{$contentTemplate}"> <div class="pageWidth"> <div class="pageContent"> <!-- main content area --> <xen:hook name="page_container_content_top" /> <xen:if is="{$sidebar}"> <div class="mainContainer"> <div class="mainContent"></xen:if> <xen:include template="ad_above_top_breadcrumb" /> <xen:hook name="page_container_breadcrumb_top"> <div class="breadBoxTop {xen:if $topctrl, withTopCtrl}"> <xen:if is="{$topctrl}"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if> <xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include> </div> </xen:hook> <xen:include template="ad_below_top_breadcrumb" /> <!--[if lt IE 8]> <p class="importantMessage">{xen:phrase you_are_using_out_of_date_browser_upgrade}</p> <![endif]--> <xen:hook name="page_container_notices"> <xen:include template="notices" /> </xen:hook> <xen:hook name="page_container_content_title_bar"> <xen:if is="!{$noH1}"> <!-- h1 title, description --> <div class="titleBar"> {xen:raw $beforeH1} <h1><xen:if is="{$h1}">{xen:raw $h1}<xen:elseif is="{$title}" />{xen:raw $title}<xen:else />{$xenOptions.boardTitle}</xen:if></h1> <xen:if is="{$pageDescription.content}"><p id="pageDescription" class="muted {$pageDescription.class}">{xen:raw $pageDescription.content}</p></xen:if> </div> </xen:if> </xen:hook> <xen:include template="ad_above_content" /> <!-- main template --> {xen:raw $contents} <xen:include template="ad_below_content" /> <xen:if is="!{$visitor.user_id} && !{$hideLoginBar}"> <!-- login form, to be moved to the upper drop-down --> <xen:include template="login_bar_form" /> </xen:if> <xen:if is="{$sidebar}"></div> </div> <!-- sidebar --> <aside> <div class="sidebar"> <xen:hook name="page_container_sidebar"> <xen:include template="ad_sidebar_top" /> <xen:if is="!{$noVisitorPanel}"><xen:include template="sidebar_visitor_panel" /></xen:if> {xen:raw $sidebar} <xen:include template="ad_sidebar_bottom" /> </xen:hook> </div> </aside> </xen:if> <xen:hook name="page_container_breadcrumb_bottom"> <div class="breadBoxBottom"><xen:include template="breadcrumb" /></div> </xen:hook> <xen:include template="ad_below_bottom_breadcrumb" /> </div> </div> </div> <header> <xen:include template="header" /> <xen:edithint template="navigation" /> <xen:edithint template="search_bar" /> </header> </div> <footer> <xen:include template="footer" /> </footer> <xen:include template="page_container_js_body" /> <xen:if is="{$isIndexPage} AND {$canSearch}"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "{xen:jsescape {xen:link canonical:index}}", "potentialAction": { "@type": "SearchAction", "target": "{xen:jsescape {xen:link canonical:search/search}}{xen:if $xenOptions.useFriendlyUrls, '?', '&'}keywords={search_keywords}", "query-input": "required name=search_keywords" } } </script> </xen:if> </xen:hook> <!-- Flat Awesome Version: {xen:property fa_version} --> </body> </html>   ]]>   </template> - <template title="profile_post_list_simple.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ .profilePostListItem { overflow: hidden; zoom: 1; margin: 5px 0; padding-top: 5px; border-top: 1px solid #505050; } :not(.nonInitial) > .profilePostListItem:first-child { border-top: none; padding-top: 0; } .profilePostListItem .avatar { float: left; font-size: 0; } .profilePostListItem .avatar img { width: 24px; height: 24px; } .profilePostListItem .messageInfo { margin-left: 34px; } .profilePostListItem .messageContent article, .profilePostListItem .messageContent blockquote { display: inline; } .profilePostListItem .poster { font-weight: bold; } .profilePostListItem .messageMeta { overflow: hidden; zoom: 1; font-size: 11px; line-height: 14px; padding-top: 4px; } .profilePostListItem .privateControls { float: left; } .profilePostListItem .privateControls .item { float: left; margin-right: 10px; } .profilePostListItem .publicControls { float: right; } .profilePostListItem .publicControls .item { float: left; margin-left: 10px; } .sidebar .statusPoster textarea { width: 100%; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; resize: vertical; overflow: hidden; } .sidebar .statusPoster .submitUnit { margin-top: 5px; text-align: right; }   ]]>   </template> - <template title="public.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ #header { } /* clearfix */ #header .pageWidth .pageContent { zoom: 1; } #header .pageWidth .pageContent:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } #logo { display: block; float: left; line-height: 46px; *line-height: 50px; height: 50px; max-width: 100%; vertical-align: middle; } /* IE6/7 vertical align fix */ #logo span { *display: inline-block; *height: 100%; } #logo a:hover { text-decoration: none; } #logo img { vertical-align: middle; max-width: 100%; } #visitorInfo { float: right; min-width: 250px; _width: 250px; overflow: hidden; zoom: 1; background: rgb(51, 51, 51); padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin: 10px 0; border: 1px solid #032A46; color: #032A46; } #visitorInfo .avatar { float: left; display: block; } #visitorInfo .avatar .img { border-color: #65a5d1; } #visitorInfo .username { font-size: 18px; text-shadow: 0 0 0 transparent, 1px 1px 10px white; color: #032A46; white-space: nowrap; word-wrap: normal; } #alerts { zoom: 1; } #alerts #alertMessages { padding-left: 5px; } #alerts li.alertItem { font-size: 11px; } #alerts .label { color: #032A46; } .footer .pageContent { font-size: 12px; font-family: 'Open Sans', sans-serif; color: rgb(222, 222, 222); background-color: rgb(51, 51, 51); padding-top: 7px; padding-bottom: 7px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; overflow: hidden; zoom: 1; } .footer a, .footer a:visited { color: rgb(222, 222, 222); padding: 5px 8px; display: block; } .footer a:hover, .footer a:active { color: rgb(151, 57, 65); text-decoration: none; } .footer .choosers { padding-left: 5px; float: left; overflow: hidden; zoom: 1; } .footer .choosers dt { display: none; } .footer .choosers dd { float: left; } .footerLinks { padding-right: 5px; float: right; overflow: hidden; zoom: 1; } .footerLinks li { float: left; } .footerLegal .pageContent { font-size: 11px; overflow: hidden; zoom: 1; padding: 5px 5px 15px; text-align: center; } #copyright { color: rgb(100,100,100); float: left; } #legal { float: right; } #legal li { float: left; margin-left: 10px; } @media (max-width:610px) { .Responsive .footerLinks a.globalFeed, .Responsive .footerLinks a.topLink, .Responsive .footerLinks a.homeLink { display: none; } .Responsive .footerLegal .debugInfo { clear: both; } } @media (max-width:480px) { .Responsive #copyright span { display: none; } } .breadBoxTop, .breadBoxBottom { padding: 10px 0; overflow: hidden; zoom: 1; clear: both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .breadBoxTop { } .breadBoxTop .topCtrl { margin-left: 5px; float: right; line-height: 24px; } .breadcrumb { font-size: 12px; color: rgb(255, 255, 255); background-color: #222222; border: 1px solid #222222; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; overflow: hidden; zoom: 1; max-width: 100%; height: 32px; } .breadcrumb.showAll { height: auto; } .breadcrumb .boardTitle { display: none; } .breadcrumb .crust { display: block; float: left; position: relative; zoom: 1; max-width: 50%; } .breadcrumb .crust a.crumb { cursor: pointer; color: rgb(255, 255, 255); text-decoration: none; background-color: #222222; padding: 0 10px 0 18px; margin-bottom: -1px; border-bottom: 1px solid #333333; outline: 0 none; -moz-outline-style: 0 none; display: block; _border-bottom: none; line-height: 32px; } .breadcrumb .crust a.crumb > span { display: block; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; overflow: hidden; max-width: 100%; } .breadcrumb .crust:first-child a.crumb, .breadcrumb .crust.firstVisibleCrumb a.crumb { padding-left: 10px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .breadcrumb .crust:last-child a.crumb { font-weight: bold; } .breadcrumb .crust .arrow { border-style: solid; border-color: transparent; border-top-width: 16px; border-right: 1px none black; border-bottom-width: 16px; border-left-width: 10px; border-left-color: #333333; -moz-border-right-colors: #333333; display: block; position: absolute; right: -9px; top: 0px; z-index: 50; width: 0px; height: 0px; } .breadcrumb .crust .arrow span { border-style: solid; border-color: transparent; border-top-width: 16px; border-right: 1px none black; border-bottom-width: 16px; border-left-width: 10px; border-left-color: #222222; -moz-border-right-colors: #222222; display: block; position: absolute; left: -11px; top: -16px; z-index: 51; white-space: nowrap; overflow: hidden; text-indent: 9999px; width: 0px; height: 0px; } .breadcrumb .crust:hover a.crumb { background-color: #222; } .breadcrumb .crust:hover .arrow span { border-left-color: #222; } .breadcrumb .crust .arrow { /* hide from IE6 */ _display: none; } .breadcrumb .jumpMenuTrigger { font-size: 16px; color: rgb(255, 255, 255); background-color: transparent; margin-top: 6px; margin-right: 7px; margin-left: 3px; display: block; float: right; white-space: nowrap; overflow: hidden; width: 17px; height: 19px; } @media (max-width:480px) { .Responsive .breadBoxTop.withTopCtrl { display: table; table-layout: fixed; width: 100%; } .Responsive .breadBoxTop.withTopCtrl nav { display: table-header-group; } .Responsive .breadBoxTop.withTopCtrl .topCtrl { display: table-footer-group; margin-top: 5px; text-align: right; } } #navigation .pageContent { height: 92px; position: relative; } #navigation .menuIcon { position: relative; font-size:18px; width: 16px; display: inline-block; text-indent: -9999px; } #navigation .PopupOpen .menuIcon:before, #navigation .navLink .menuIcon:before { zoom: 1; } #navigation .menuIcon:before { content: ""; font-size: 18px; position: absolute; top: 1.1em; left: 0; width: 16px; height: 2px; border-top: 6px double currentColor; border-bottom: 2px solid currentColor; } .navTabs { font-size: 15px; color: rgb(255, 255, 255); background-color: rgb(34, 34, 34); padding: 0 15px; border: 1px solid rgb(34, 34, 34); -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; height: 50px; } .navTabs .publicTabs { float: left; } .navTabs .visitorTabs { float: right; } .navTabs .navTab { float: left; white-space: nowrap; word-wrap: normal; } /* ---------------------------------------- */ /* Links Inside Tabs */ .navTabs .navLink, .navTabs .SplitCtrl { font-family: 'Open Sans', sans-serif; display: block; float: left; vertical-align: text-bottom; text-align: center; outline: 0 none; height: 50px; line-height: 50px; } .navTabs .publicTabs .navLink { padding: 0 20px; } .navTabs .visitorTabs .navLink { padding: 0 10px; } .navTabs .navLink:hover { text-decoration: none; } /* ---------------------------------------- */ /* unselected tab, popup closed */ .navTabs .navTab.PopupClosed { position: relative; } .navTabs .navTab.PopupClosed .navLink { color: rgb(51, 51, 51); } .navTabs .navTab.PopupClosed:hover { background-color: rgb(34, 34, 34); } .navTabs .navTab.PopupClosed .navLink:hover { color: #ffffff; } .navTabs .navTab.PopupClosed .arrowWidget { /* circle-arrow-down-light */ background-position: -64px 0; } .navTabs .navTab .SplitCtrl { margin-left: -14px; width: 20px; } /* ---------------------------------------- */ /* selected tab */ .navTabs .navTab.selected .navLink { position: relative; color: rgb(222, 222, 222); background-color: rgb(51, 51, 51); } .navTabs .navTab.selected .SplitCtrl { display: none; } .navTabs .navTab.selected .arrowWidget { /* circle-arrow-down */ background-position: -32px 0; } .navTabs .navTab.selected.PopupOpen .arrowWidget { /* circle-arrow-up */ background-position: -16px 0; } /* ---------------------------------------- */ /* unselected tab, popup open */ .navTabs .navTab.PopupOpen .navLink { } /* ---------------------------------------- */ /* selected tab, popup open (account) */ .navTabs .navTab.selected.PopupOpen .navLink { color: rgb(200,200,200); background-color: #333333; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } /* ---------------------------------------- */ /* Second Row */ .navTabs .navTab.selected .tabLinks { background-color: rgb(51, 51, 51); width: 100%; padding: 0; border: none; overflow: hidden; zoom: 1; position: absolute; left: 0px; top: 52px; height: 50px; background-position: 0px -50px; *clear:expression(style.width = document.getElementById('navigation').offsetWidth + 'px', style.clear = "none", 0); } .navTabs .navTab.selected .blockLinksList { background: none; padding: 0; border: none; margin-left: 8px; } .withSearch .navTabs .navTab.selected .blockLinksList { margin-right: 275px; } .navTabs .navTab.selected .tabLinks .menuHeader { display: none; } .navTabs .navTab.selected .tabLinks li { float: left; padding: 2px 0; } .navTabs .navTab.selected .tabLinks a { font-size: 12px; color: rgb(222, 222, 222); padding: 1px 10px; display: block; line-height: 36px !important; line-height: 44px; } .navTabs .navTab.selected .tabLinks .PopupOpen a { color: inherit; text-shadow: none; } .navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus { color: rgb(151, 57, 65); text-decoration: none; background: url(rgba.php?r=0&g=0&b=0&a=0); background: rgba(0, 0, 0, 0); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000); border-width: 0; outline: 0; } .navTabs .navTab.selected .tabLinks .Popup a:hover, .navTabs .navTab.selected .tabLinks .Popup a:focus { color: inherit; background: none; border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; text-shadow: none; } /* ---------------------------------------- */ /* Alert Balloons */ .navTabs .navLink .itemCount { font-weight: bold; font-size: 9px; color: white; background-color: #e03030; padding: 0 2px; position: absolute; right: 5px; top: 1px; line-height: 14px; min-width: 12px; _width: 12px; text-align: center; text-shadow: none; white-space: nowrap; word-wrap: normal; -webkit-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -moz-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -khtml-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); height: 14px; } .navTabs .navLink .itemCount .arrow { border: 3px solid transparent; border-top-color: #e03030; border-bottom: 1px none black; position: absolute; bottom: -3px; right: 4px; line-height: 0px; text-shadow: none; _display: none; /* Hide from IE6 */ width: 0px; height: 0px; } .navTabs .navLink .itemCount.Zero { display: none; } .navTabs .navLink .itemCount.ResponsiveOnly { display: none !important; } .NoResponsive #VisitorExtraMenu_Counter, .NoResponsive #VisitorExtraMenu_ConversationsCounter, .NoResponsive #VisitorExtraMenu_AlertsCounter { display: none !important; } /* ---------------------------------------- */ /* Account Popup Menu */ .navTabs .navTab.account .navLink .accountUsername { display: block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; } #AccountMenu { width: 274px; } #AccountMenu .menuHeader { position: relative; } #AccountMenu .menuHeader .avatar { float: left; margin-right: 10px; } #AccountMenu .menuHeader .visibilityForm { margin-top: 10px; color: rgb(34, 34, 34); } #AccountMenu .menuHeader .links .fl { position: absolute; bottom: 10px; left: 116px; } #AccountMenu .menuHeader .links .fr { position: absolute; bottom: 10px; right: 10px; } #AccountMenu .menuColumns { overflow: hidden; zoom: 1; padding: 2px; } #AccountMenu .menuColumns ul { float: left; padding: 0; max-height: none; overflow: hidden; } #AccountMenu .menuColumns a, #AccountMenu .menuColumns label { width: 115px; } #AccountMenu .statusPoster textarea { width: 245px; margin: 0; resize: vertical; overflow: hidden; } #AccountMenu .statusPoster .submitUnit { margin-top: 5px; text-align: right; } #AccountMenu .statusPoster .submitUnit .statusEditorCounter { float: left; line-height: 23px; height: 23px; } /* ---------------------------------------- */ /* Inbox, Alerts Popups */ .navPopup { width: 260px; } .navPopup a:hover, .navPopup .listItemText a:hover { background: none; text-decoration: underline; } .navPopup .menuHeader .InProgress { float: right; display: block; width: 20px; height: 20px; } .navPopup .listPlaceholder { max-height: 350px; overflow: auto; } .navPopup .listPlaceholder ol.secondaryContent { padding: 0 10px; } .navPopup .listPlaceholder ol.secondaryContent.Unread { background-color: rgb(32, 32, 32); } .navPopup .listItem { overflow: hidden; zoom: 1; padding: 5px 0; border-bottom: 1px solid rgb(88, 88, 88); } .navPopup .listItem:last-child { border-bottom: none; } .navPopup .PopupItemLinkActive:hover { margin: 0 -8px; padding: 5px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background-color: rgb(45, 45, 45); cursor: pointer; } .navPopup .avatar { float: left; } .navPopup .avatar img { width: 32px; height: 32px; } .navPopup .listItemText { margin-left: 37px; } .navPopup .listItemText .muted { font-size: 9px; } .navPopup .unread .listItemText .title, .navPopup .listItemText .subject { font-weight: bold; } .navPopup .sectionFooter .floatLink { float: right; } @media (max-width:610px) { .Responsive .navTabs { padding-left: 10px; padding-right: 10px; } .Responsive .withSearch .navTabs .navTab.selected .blockLinksList { margin-right: 50px; } } @media (max-width:480px) { .Responsive.hasJs .navTabs:not(.showAll) .publicTabs .navTab:not(.selected):not(.navigationHiddenTabs) { display: none; } } #navigation .helper { display: block; height: 25px; left: -5px; padding: 0px 5px; position: absolute; top: -16px; width: 100%; /*background: url('http://i.imgur.com/IDuoJPS.png') no-repeat; background: url('http://i.imgur.com/IDuoJPS.png') no-repeat 0% 0%, url('http://i.imgur.com/GgWt59r.png') no-repeat 50% 0%, url('http://i.imgur.com/3oUib16.png') no-repeat 100% 0%; _background: url('http://i.imgur.com/IDuoJPS.png') no-repeat;*/ } #searchBar { position: relative; zoom: 1; z-index: 52; /* higher than breadcrumb arrows */ } #QuickSearchPlaceholder { position: absolute; right: 20px; top: -34.5px; display: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; cursor: pointer; font-size: 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: rgb(252, 252, 255); } #QuickSearch { display: block; position: absolute; right: 20px; top: -18px; margin: 0; background-color: rgb(51, 51, 51); -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding-top: 5px; _padding-top: 3px; z-index: 7500; } #QuickSearch .secondaryControls { display: none; } #QuickSearch.active { -webkit-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -moz-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -khtml-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); padding-bottom: 5px; } #QuickSearch .submitUnit .button { min-width: 0; } #QuickSearch input.button.primary { float: left; width: 110px; } #QuickSearch #commonSearches { float: right; } #QuickSearch #commonSearches .button { width: 23px; padding: 0; } #QuickSearch #commonSearches .arrowWidget { margin: 0; float: left; margin-left: 4px; margin-top: 4px; } #QuickSearch .moreOptions { display: block; margin: 0 24px 0 110px; width: auto; } @media (max-width:610px) { .Responsive #QuickSearchPlaceholder { display: block; } .Responsive #QuickSearchPlaceholder.hide { display: none; } .Responsive #QuickSearch { display: none; } .Responsive #QuickSearch.show { display: block; } } /** move the header to the top again **/ #headerMover { position: relative; zoom: 1; } #headerMover #headerProxy { height: 141px; } #headerMover #header { width: 100%; position: absolute; top: 0px; left: 0px; } /** Generic page containers **/ .pageWidth { padding-right: 0px; padding-left: 0px; margin: 0 auto; max-width: 1180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .NoResponsive body { min-width: 976px; } #content .pageContent { background-color: rgb(51, 51, 51); padding: 10px 20px; } /* clearfix */ #content .pageContent { zoom: 1; } #content .pageContent:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } /* sidebar structural elements */ .mainContainer { float: left; margin-right: -260px; width: 100%; } .mainContent { margin-right: 260px; } .sidebar { float: right; font-size: 12px; width: 250px; } /* visitor panel */ .sidebar .visitorPanel { overflow: hidden; zoom: 1; } .sidebar .visitorPanel h2 .muted { display: none; } .sidebar .visitorPanel .avatar { margin-right: 5px; float: left; width: auto; height: auto; } .sidebar .visitorPanel .avatar img { width: ; height: ; } .sidebar .visitorPanel .username { font-weight: bold; font-size: 11pt; } .sidebar .visitorPanel .stats { margin-top: 2px; } .sidebar .visitorPanel .stats .pairsJustified { line-height: normal; } /* generic sidebar blocks */ .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3 { font-size: 15px; font-family: 'Open Sans', sans-serif; color: rgb(222, 222, 222); background-color: rgb(151, 57, 65); padding-top: 10px; padding-bottom: 10px; padding-left: 10px; margin: -10px -10px 7px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; -webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; -khtml-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; } .sidebar .section .primaryContent h3 a, .sidebar .section .secondaryContent h3 a { font-size: 15px; font-family: 'Open Sans', sans-serif; color: rgb(222, 222, 222); } .sidebar .section .secondaryContent .footnote, .sidebar .section .secondaryContent .minorHeading { color: #FFFFFF; margin-top: 5px; } .sidebar .section .secondaryContent .minorHeading a { color: #FFFFFF; } /* list of users with 32px avatars, username and user title */ .sidebar .avatarList li { margin: 5px 0; overflow: hidden; zoom: 1; } .sidebar .avatarList .avatar { margin-right: 5px; float: left; width: 32px; height: 32px; width: auto; height: auto; } .sidebar .avatarList .avatar img { width: 32px; height: 32px; } .sidebar .avatarList .username { font-size: 11pt; margin-top: 2px; display: block; } .sidebar .avatarList .userTitle { color: rgb(150,150,150); } /* list of users */ .sidebar .userList { } .sidebar .userList .username { font-size: 12px; } .sidebar .userList .username.invisible { color: #65a5d1; } .sidebar .userList .username.followed { } .sidebar .userList .moreLink { display: block; } /* people you follow online now */ .followedOnline { margin-top: 3px; margin-bottom: -5px; overflow: hidden; zoom: 1; } .followedOnline li { margin-right: 5px; margin-bottom: 5px; float: left; } .followedOnline .avatar { width: 32px; height: 32px; width: auto; height: auto; } .followedOnline .avatar img { width: 32px; height: 32px; } /* call to action */ #SignupButton { margin: 10px 30px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; text-align: center; line-height: 40px; display: block; cursor: pointer; height: 40px; } #SignupButton .inner { font-size: 12pt; font-family: 'Open Sans', sans-serif; color: rgb(255, 255, 255); background-color: rgb(139, 62, 56); -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; display: block; } #SignupButton:hover .inner { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(151, 57, 65); } #SignupButton:active { -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2); -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2); -khtml-box-shadow: 0 0 3px rgba(0,0,0, 0.2); box-shadow: 0 0 3px rgba(0,0,0, 0.2); /*position: relative; top: 2px;*/ } @media (max-width:800px) { .Responsive .mainContainer { float: none; margin-right: 0; width: auto; } .Responsive .mainContent { margin-right: 0; } .Responsive .sidebar { float: none; margin: 0 auto; } .Responsive .sidebar .visitorPanel { display: none; } } @media (max-width:340px) { .Responsive .sidebar { width: 100%; } } #boardStats .pairsJustified dl { padding: 5px 0px; } .forum_list #boardStats .pairsJustified dt:before { color: rgb(200,200,200); font-family: FontAwesome; font-weight: normal; margin-right: 5px; } .forum_list .sidebar #boardStats .discussionCount dt:before { content: "\f086"; } .forum_list .sidebar #boardStats .messageCount dt:before { content: "\f075"; } .forum_list .sidebar #boardStats .memberCount dt:before { content: "\f0c0"; } .forum_list .sidebar #boardStats .pairsJustified dl:last-child dt:before { content: "\f007"; } /** Text used in message bodies **/ .messageText { font-size: 15px; font-family: 'Open Sans', sans-serif; line-height: 1.7; } .messageText img, .messageText iframe, .messageText object, .messageText embed { max-width: 100%; } /** Link groups and pagenav container **/ .pageNavLinkGroup { display: table; *zoom: 1; table-layout: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 12px; margin: 10px 0; line-height: 16px; } opera:-o-prefocus, .pageNavLinkGroup { display: block; overflow: hidden; } .pageNavLinkGroup:after { content: ". ."; display: block; word-spacing: 99in; overflow: hidden; height: 0; font-size: 0.13em; line-height: 0; } .pageNavLinkGroup .linkGroup { float: right; } .linkGroup { } .linkGroup a { padding: 3px 0; } .linkGroup a.inline { padding: 0; } .linkGroup a, .linkGroup .Popup, .linkGroup .element { margin-left: 10px; display: block; float: left; } .linkGroup .Popup a { margin-left: -2px; margin-right: -5px; *margin-left: 10px; padding: 3px 5px; } .linkGroup .element { padding: 3px 0; } /** Call to action buttons **/ a.callToAction { display: inline-block; line-height: 34px; outline: 0 none; vertical-align: top; height: 34px; } a.callToAction span { font-size: 15px; font-family: 'Open Sans', sans-serif; color: rgb(255, 255, 255); background-color: rgb(139, 62, 56); padding: 0 15px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; display: block; /*text-shadow: 0 0 0 transparent, 0px 0px 3px rgb(34, 34, 34);*/ } a.callToAction:hover { text-decoration: none; } a.callToAction:hover span { background-color: #6cb2e4; } a.callToAction:active { /*position: relative; top: 2px;*/ } a.callToAction:active span { background-color: rgb(34, 34, 34); } /*********/ .avatarHeap { overflow: hidden; zoom: 1; } .avatarHeap ol { margin-right: -4px; margin-top: -4px; } .avatarHeap li { float: left; margin-right: 4px; margin-top: 4px; } .avatarHeap li .avatar { display: block; } /*********/ .fbWidgetBlock .fb_iframe_widget, .fbWidgetBlock .fb_iframe_widget > span, .fbWidgetBlock .fb_iframe_widget iframe { width: 100% !important; } /* User name classes */ .username .style74 { text-shadow: blue 1px 1px 10px; color:blue; } .username .style3 { text-shadow: red 1px 1px 10px; color:red; } .username .style71 { text-shadow: Green 1px 1px 10px; color:green; } .username .style79 { text-shadow: #20F5BA 1px 1px 10px; color: #20F5BA; } .username .style73 { text-shadow: #6DB36D 1px 1px 10px; color: #6DB36D; } .username .style76 { text-shadow: #4F00EA 1px 1px 10px; color: #642CD0; } .username .style4 { text-shadow: #332f2c 1px 1px 10px; color: #fff600; } .username .style72 { text-shadow: orange 1px 1px 10px; color:orange; } .username .style75 { text-shadow: Skyblue 1px 1px 10px; color:Skyblue; } .username .banned { text-decoration: line-through; } .prefix { background-color: transparent; padding: 0px 6px; margin: -1px 0; border: 1px solid transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; display: inline-block; } a.prefixLink:hover { text-decoration: none; } a.prefixLink:hover .prefix { color: rgb(34, 34, 34); text-decoration: none; background-color: rgb(51, 51, 51); padding: 0 6px; border: 1px solid rgb(51, 51, 51); } .prefix a { color: inherit; } .prefix.prefixPrimary { color: rgb(34, 34, 34); background-color: rgb(88, 88, 88); border-color: rgb(88, 88, 88); } .prefix.prefixSecondary { color: #8f6c3f; background-color: #f9d9b0; border-color: #f9d9b0; } .prefix.prefixRed { color: white; background-color: red; border-color: #F88; } .prefix.prefixGreen { color: white; background-color: green; border-color: green; } .prefix.prefixOlive { color: black; background-color: olive; border-color: olive; } .prefix.prefixLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; } .prefix.prefixBlue { color: white; background-color: blue; border-color: #88F; } .prefix.prefixRoyalBlue { color: white; background-color: royalblue; border-color: #81A9E1; } .prefix.prefixSkyBlue { color: black; background-color: skyblue; border-color: skyblue; } .prefix.prefixGray { color: black; background-color: gray; border-color: #AAA; } .prefix.prefixSilver { color: black; background-color: silver; border-color: silver; } .prefix.prefixYellow { color: black; background-color: yellow; border-color: #E0E000; } .prefix.prefixOrange { color: black; background-color: orange; border-color: #FFC520; } .discussionListItem .prefix, .searchResult .prefix { font-size: 80%; margin: 0; line-height: 16px; font-weight: normal; } h1 .prefix { font-size: 80%; margin: 0; line-height: 16px; line-height: normal; } .breadcrumb span.prefix, .heading span.prefix { font-style: italic; font-weight: bold; padding: 0; margin: 0; border: 0 none black; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; display: inline; color: inherit; } .userBanner { font-size: 11px; padding: 1px 5px; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -khtml-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); text-align: center; } .userBanner.wrapped { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; position: relative; } .userBanner.wrapped span { position: absolute; top: -4px; width: 5px; height: 4px; background-color: inherit; } .userBanner.wrapped span.before { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; left: -1px; } .userBanner.wrapped span.after { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; right: -1px; } .userBanner.bannerHidden { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; border: none; } .userBanner.bannerHidden.wrapped { margin-left: 0; margin-right: 0; } .userBanner.bannerHidden.wrapped span { display: none; } .userBanner.bannerStaff { color: rgb(34, 34, 34); background-color: rgb(88, 88, 88); border-color: rgb(51, 51, 51); } .userBanner.bannerStaff.wrapped span { background-color: rgb(51, 51, 51); } .userBanner.bannerPrimary { color: rgb(34, 34, 34); background-color: rgb(88, 88, 88); border-color: rgb(51, 51, 51); } .userBanner.bannerPrimary.wrapped span { background-color: rgb(51, 51, 51); } .userBanner.bannerSecondary { color: #8f6c3f; background-color: #f9d9b0; border-color: #f9d9b0; } .userBanner.bannerSecondary.wrapped span { background-color: #f9d9b0; } .userBanner.bannerRed { color: white; background-color: red; border-color: #F88; } .userBanner.bannerRed.wrapped span { background-color: #F88; } .userBanner.bannerGreen { color: white; background-color: green; border-color: green; } .userBanner.bannerGreen.wrapped span { background-color: green; } .userBanner.bannerOlive { color: black; background-color: #6DB36D; border-color: #6DB36D; } .userBanner.bannerOlive.wrapped span { background-color: #6DB36D; } .userBanner.bannerLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; } .userBanner.bannerLightGreen.wrapped span { background-color: lightgreen; } .userBanner.bannerBlue { color: white; background-color: blue; border-color: #88F; } .userBanner.bannerBlue.wrapped span { background-color: #88F; } .userBanner.bannerRoyalBlue { color: white; background-color: royalblue; border-color: #81A9E1; } .userBanner.bannerRoyalBlue.wrapped span { background-color: #81A9E1; } .userBanner.bannerSkyBlue { color: black; background-color: skyblue; border-color: skyblue; } .userBanner.bannerSkyBlue.wrapped span { background-color: skyblue; } .userBanner.bannerGray { color: white; background-color: gray; border-color: #AAA; } .userBanner.bannerGray.wrapped span { background-color: #AAA; } .userBanner.bannerSilver { color: black; background-color: silver; border-color: silver; } .userBanner.bannerSilver.wrapped span { background-color: silver; } .userBanner.bannerYellow { color: white; background-color: #642CD0; border-color: #642CD0; } .userBanner.bannerYellow.wrapped span { background-color: #642CD0; } .userBanner.bannerOrange { color: black; background-color: orange; border-color: #FFC520; } .userBanner.bannerOrange.wrapped span { background-color: #FFC520; } .userBanner.bannerPurple { color: white; background-color: #642CD0; border-color: #642CD0; } .userBanner.bannerPurple.wrapped span { background-color: #642CD0; } .userBanner.bannerJiza { color: black; background: linear-gradient(45deg, #24EC3C, #20F5BA); border-color: #24EC3C; } .userBanner.bannerJiza.wrapped span { background-color: #24EC3C; } @media (max-width:800px) { .Responsive .pageWidth { } .Responsive #content .pageContent { padding-left: 10px; padding-right: 10px; } } @media (max-width:610px) { .Responsive .pageWidth { padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0; } .Responsive .forum_view #pageDescription, .Responsive .thread_view #pageDescription { display: none; } } @media (max-width:480px) { .Responsive .pageWidth { } .Responsive .pageNavLinkGroup .PageNav, .Responsive .pageNavLinkGroup .linkGroup { clear: right; } } /* Navigation and Header CSS */ #logoBlock { background-color: rgba(20, 20, 20, 0); } .Responsive .navTabs .navTab.PopupClosed .navLink, .navTabs .navTab .SplitCtrl .fa { color: rgb(255, 255, 255); } .navTabs .navTab .SplitCtrl .fa { font-size: 10px; } .navTabs .navTab.selected .tabLinks { height: 40px; top: 51px; } .visitorTabs .alerts.unread .fa, .visitorTabs .inbox.unread .fa { color: #e03030; } .navTabs .navTab.PopupOpen .navLink { color: #fff; } #logo a { font-size: 30px; color: rgb(255, 255, 255); text-transform: uppercase; } #logo a span { color: rgb(143, 52, 58); } /* Forum List and Nodes */ .node .forumNodeInfo.unread .nodeIcon { color: rgb(151, 57, 65); } .nodeList .categoryStrip .nodeTitle:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 15px; content: "\f07c"; margin-right: 5px; } .Menu.tabMenu:before { bottom: 100%; left: 22px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .Menu.tabMenu:before { border-color: rgb(194, 225, 245); border-color: rgba(194, 225, 245, 0); _border-color: rgb(194, 225, 245); border-bottom-color: rgb(151, 57, 65); border-width: 14px; margin-left: -14px; } .Menu.tabMenu { overflow: visible; } /* Quick Search */ #QuickSearch { -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; padding: 2px; top: -35px; } #QuickSearch, #QuickSearch .formPopup, #QuickSearchQuery { background-color: rgb(34, 34, 34); border-width: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } #QuickSearchQuery { color: #FFF; } /* Popup Functions */ .PopupOpen .arrowWidget:before, .Popup .arrowWidget:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 15px; color: rgb(255, 255, 255); } .Popup .arrowWidget:before { content: "\f107"; } .PopupOpen .arrowWidget:before { content: "\f106"; color: rgb(200,200,200); } html .subForumsPopup .PopupOpen .dt, .subForumsPopup.Popup .PopupControl.PopupOpen { color: rgb(200,200,200) !important; } /* Misc */ .topHelper { position: absolute; /*background-color: rgb(34, 34, 34);*/ width: 100%; height: 180px; } .bottomHelper { margin-top: -112px; position: absolute; /*background-color: rgb(34, 34, 34);*/ width: 100%; height: 113px; } .DismissParent .DismissCtrl:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 18px; content: "\f00d"; color: rgb(151, 57, 65); } .DismissParent .DismissCtrl { margin-top: -1px; } .navTabs .navLink, .navTabs .SplitCtrl, .nodeList .categoryStrip, .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3, .discussionList .sectionHeaders, .footer .pageContent { } #headerMover, .footer, .footerLegal { position: relative; z-index: 1; } #copyright .Tooltip, .pairsInline.debugInfo > dd, #copyright .Tooltip, .pairsInline.debugInfo > dd a { color: rgb(151, 57, 65) !important;; } .footer .fa { font-size: 15px; } .footer .fa.fa-tint { margin-right: 4px; position: relative; top: 1px; } .PageNav .scrollable { height: 22px; } .PageNav a.text { padding: 2px 4px; } .PageNav .pageNavHeader { padding: 2px 1px; } a.PageNavPrev, a.PageNavNext { font-size: 11px; padding: 2px 1px; } html .textWithCount.subHeading .text { color: rgb(255, 255, 255); } .xenForm .ctrlUnit { padding: 7px 0; } #QuickSearch #commonSearches .button { line-height: 24px; } #QuickSearch .moreOptions { margin-left: 111px; } #QuickSearch #commonSearches .arrowWidget { margin-left: 5px; } #QuickSearch #commonSearches .arrowWidget:before { color: rgb(255, 255, 255); } #QuickSearch #commonSearches:hover .arrowWidget:before { color: rgb(151, 57, 65); } html .formPopup .controlsWrapper { -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .mainContentBlock.sectionMain { padding: 10px; } html .navigationSideBar .primaryContent { font-size: 12px; } html .conversation_view .message:first-child, html .conversation_view .quickReply { border-top: #333333 solid 1px; } html .conversation_view .messageList { border-width: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } .thread_view .message .newIndicator { margin-right: -15px; } .footerLegal .pageContent .debugInfo a, .sharePage .textHeading.larger { color: rgb(151, 57, 65); } .AttachmentEditor .AttachedFile .Thumbnail .genericAttachment { font-size: 20px; line-height: 36px; text-align: center; padding-left: 3px; } .bbCodeQuote .quoteContainer .quoteExpand.quoteCut { background: -moz-linear-gradient(top, rgba(51,50,50,0.59) 0%, rgba(51,50,50,0.77) 50%, rgba(51,50,50,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,url(rgba.php?r=51&g=50&b=50&a=150)), color-stop(50%,rgba(51,50,50,0.77)), color-stop(100%,rgba(51,50,50,1))); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,50,50,0.59)), color-stop(50%,rgba(51,50,50,0.77)), color-stop(100%,rgba(51,50,50,1))); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#96333232,endColorstr=#96333232); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,50,50,0.59) 0%,rgba(51,50,50,0.77) 50%,rgba(51,50,50,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,50,50,0.59) 0%,rgba(51,50,50,0.77) 50%,rgba(51,50,50,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,50,50,0.59) 0%,rgba(51,50,50,0.77) 50%,rgba(51,50,50,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(51,50,50,0.59) 0%,rgba(51,50,50,0.77) 50%,rgba(51,50,50,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96333232', endColorstr='#333232',GradientType=0 ); /* IE6-9 */ color: rgb(151, 57, 65); font-size: 12px; line-height: 0; padding-top: 69px; font-weight: bold; } html #moderatorBar a, html #moderatorBar .itemCount, html .navigationSideBar a:hover, html #calcurrent, html .userBanner.bannerStaff { color: #fff; } html .attachedFiles .attachmentList { background-color: #333232; } @media (max-width:480px) { html .afterDiscussionListHandle { margin-top: 30px;} html #logo { float: none; text-align: center; } .LoggedOut #loginBar #loginBarHandle { right: 0; } .LoggedOut #logo { float: left; text-align: left; } } .avatar img:hover, .avatar .img:hover, .avatarCropper:hover { -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } .avatar img, .avatar .img, .avatarCropper { -webkit-transition: border-radius 1s ease; -moz-transition: border-radius 1s ease; -o-transition: border-radius 1s ease; -ms-transition:border-radius 1s... /* Анимированный онлайн-статус*/ .messageUserBlock div.avatarHolder .onlineMarker { display: inline-block; width: 16px; height: 16px; margin: 9px 0 0 9px; background: #fff; border: none!important; -webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; -khtml-border-radius: 50%!important; border-radius: 50%!important } .messageUserBlock div.avatarHolder .onlineMarker:before { content: ''; position: absolute; width: 10px; height: 10px; margin: 3px 0 0 3px; background: #7fb900; border-color: #7fb900; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50% } .messageUserBlock div.avatarHolder .onlineMarker:after { content: ''; position: absolute; width: 32px; height: 32px; margin: -9px 0 0 -9px; border: 1px solid #7fb900; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 4px #7fb900, inset 0 0 4px #7fb900; -moz-box-shadow: 0 0 4px #7fb900, inset 0 0 4px #7fb900; -khtml-box-shadow: 0 0 4px #7fb900, inset 0 0 4px #7fb900; box-shadow: 0 0 4px #7fb900, inset 0 0 4px #7fb900; -webkit-transform: scale(0); -webkit-animation: online 2.5s ease-in-out infinite; animation: online 2.5s ease-in-out infinite } @-webkit-keyframes online { 0% {opacity: 1;-webkit-transform: scale(0)} 50% {opacity: .7} 100% {opacity: 0;-webkit-transform: scale(1)} } @keyframes online { 0% {opacity: 1;-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0);transform: scale(0)} 50% {opacity: .7} 100% {opacity: 0;-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);transform: scale(1)} } .message .helper { background: transparent url('http://www.i.imgur.com/KkCrZKh.png') no-repeat; display: block; height: 50px; position: absolute; right: -6px; top: -8px; width: 47px; z-index: 99; } /* Анимированный онлайн-статус*/ #navigation .helper { display: block; height: 25px; left: -5px; padding: 0px 5px; position: absolute; top: -16px; width: 100%; /*/* IE8 */ background: url('http://i.imgur.com/vhygpP5.png') no-repeat; /* Chrome & FF */ background: url('http://i.imgur.com/IofHaUT.png') no-repeat 0% 0%, url('http://i.imgur.com/vhygpP5.png') no-repeat 50% 0%, url('http://i.imgur.com/DLsOkRY.png') no-repeat 100% 0%; /* IE6, IE7 */ _background: url('http://i.imgur.com/IofHaUT.png') no-repeat; }*/   ]]>   </template> - <template title="quick_reply.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ /*quick reply*/ .quickReply { background-color: #2D2D2D; padding: 10px; margin-bottom: 10px; border: 1px solid #333333; } /* clearfix */ .quickReply { zoom: 1; } .quickReply:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .quickReply .replyPrompt em { font-style: italic; } /* the quick reply form */ #QuickReply { background: url(rgba.php?r=0&g=0&b=0&a=0); background: rgba(0, 0, 0, 0); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000); padding: 0; margin-left: 170px; border-bottom: 1px none black; } #QuickReply textarea { width: 100%; *width: 98%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #QuickReply .insertQuotes { display: none; float: left; margin-top: 0px; } #QuickReply .submitUnit { margin-top: 5px; text-align: right; line-height: 31px; position: relative; z-index: 1; } #QuickReply .submitUnit .draftUpdate { position: absolute; left: 0; z-index: -1; color: rgb(150,150,150); font-size: 11px; } #QuickReply .submitUnit .draftUpdate span { display: none; } #QuickReply .AttachmentEditor { padding-top: 10px; } /** Selected quote tooltip **/ #QuoteSelected { } #QuoteSelected .arrow { top: -6px; bottom: auto; border-top: 1px none black; border-bottom: 6px solid rgb(0,0,0); border-bottom: 6px solid rgba(0,0,0, 0.6); _border-bottom: 6px solid rgb(0,0,0); } #QuoteSelected a { text-decoration: none; } #QuoteSelected a:hover { text-decoration: underline; } @media (max-width:610px) { .Responsive #QuickReply .insertQuotes { float: right; margin-left: 3px; } } @media (max-width:480px) { .Responsive .quickReply .messageUserInfo { display: none; } .Responsive #QuickReply { margin-left: 0; } }   ]]>   </template> - <template title="rating.css" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ .ratings { font-family: FontAwesome; font-weight: normal; font-style: normal; } .rating .star { display: inline-block; overflow: hidden; white-space: nowrap; vertical-align: text-bottom; font-size: 1.42em; } .rating button.star { border: none; outline: none; padding: 0; background: none; font-family: inherit; } .rating .star:before { content: "\f006"; padding-right: 1px; color: #999; } .rating button.star { cursor: pointer; } .rating .star.Full:before { content: "\f005"; color: {xen:property facolor2}; } .rating .star.Half:before, .rating .star.Full.Half:before { content: "\f123"; color: {xen:property facolor2}; } .rating .RatingValue { display: none; }   ]]>   </template> - <template title="resource_history" addon_id="XenResource" version_id="1010570" version_string="1.1.5" disable_modifications="0"> <![CDATA[ <xen:title>{xen:helper resourcePrefix, $resource, escaped}{$resource.title} - {xen:phrase version_history}</xen:title> <xen:require css="resource_view.css" /> <xen:container var="$head.canonical"> <link rel="canonical" href="{xen:link 'canonical:resources/history', $resource}" /></xen:container> <table class="dataTable resourceHistory"> <tr class="dataRow"> <th class="version">{xen:phrase version}</th> <th class="releaseDate">{xen:phrase release_date}</th> <xen:if is="!{$resource.is_fileless}"><th class="downloads">{xen:phrase downloads}</th></xen:if> <th class="rating">{xen:phrase average_rating}</th> <xen:if is="{$resource.canDownload} AND !{$resource.is_fileless}"><th class="download">&nbsp;</th></xen:if> <xen:if is="{$canDelete}"><th class="deleteVersion">&nbsp;</th></xen:if> </tr> <xen:foreach loop="$versions" value="$version"> <tr class="dataRow {xen:if "{$version.version_state} == 'deleted'", resourceVersionDeleted} {xen:if "{$version.version_state} == 'moderated'", resourceVersionModerated}"> <td class="version">{$version.version_string}</td> <td class="releaseDate"><xen:datetime time="{$version.release_date}" /></td> <xen:if is="!{$resource.is_fileless}"><td class="downloads">{xen:number $version.download_count}</td></xen:if> <td class="rating"><xen:include template="rating"> <xen:set var="$rating">{xen:if $version.rating_count, {xen:calc '{$version.rating_sum} / {$version.rating_count}'}, 0}</xen:set> <xen:set var="$hint">{xen:if '{$version.rating_count} == 1', {xen:phrase rm_1_rating}, {xen:phrase rm_x_ratings, 'count={$version.rating_count}'}}</xen:set> </xen:include></td> <xen:if is="{$resource.canDownload} AND !{$resource.is_fileless}"><td class="dataOptions download"><a href="{xen:link resources/download, $resource, 'version={$version.resource_version_id}'}" class="secondaryContent">{xen:phrase download}</a></td></xen:if> <xen:if is="{$canDelete}"> <xen:if is="{$version.canDelete}"> <td class="delete deleteVersion"><a href="{xen:link resources/delete-version, $resource, 'resource_version_id={$version.resource_version_id}'}" class="OverlayTrigger"><i class="fa fa-times"></i></a></td> <xen:else /> <td class="delete deleteVersion">&nbsp;</td> </xen:if> </xen:if> </tr> </xen:foreach> </table>   ]]>   </template> - <template title="resource_list_item" addon_id="XenResource" version_id="1010570" version_string="1.1.5" disable_modifications="0"> <![CDATA[ <li class="resourceListItem {$resource.resource_state}{xen:if '{$resource.isIgnored} AND !{$showIgnored}', ' ignored'} {xen:if $resource.feature_date, featured}" id="resource-{$resource.resource_id}"> <div class="listBlock resourceImage"> <div class="listBlockInner"> <xen:if is="{$xenOptions.resourceAllowIcons}"> <a href="{xen:link resources, $resource}" class="resourceIcon"><img src="{xen:helper resourceiconurl, $resource}" alt="" /></a> <xen:avatar user="$resource" size="s" img="true" class="creatorMini" /> <xen:else /> <xen:avatar user="$resource" size="s" img="true" /> </xen:if> </div> </div> <div class="listBlock main"> <div class="listBlockInner"> <xen:if hascontent="true"> <div class="iconKey"> <xen:contentcheck> <xen:if is="{$resource.resource_state} == 'moderated'"><span class="moderated" title="{xen:phrase moderated}"><i class="fa fa-shield"></i></span></xen:if> <xen:if is="{$resource.resource_state} == 'deleted'"><span class="deleted" title="{xen:phrase deleted}"><i class="fa fa-exclamation-circle"></i></span></xen:if> </xen:contentcheck> </div> </xen:if> <xen:if is="{$listItemExtraHtml}"><span class="extra muted">{xen:raw $listItemExtraHtml}</span></xen:if> <xen:if is="{$resource.cost}"><span class="cost">{$resource.cost}</span></xen:if> <xen:if is="{$resource.feature_date}"><span class="featuredBanner">{xen:phrase featured}</span></xen:if> <h3 class="title"> <xen:if is="{$resource.canInlineMod} AND !{$hideInlineMod} AND !{$showCheckbox}"><input type="checkbox" name="resources[]" value="{$resource.resource_id}" class="InlineModCheck" id="inlineModCheck-resource-{$resource.resource_id}" data-target="#resource-{$resource.resource_id}" title="{xen:phrase select_resource}: '{$resource.title}'" /></xen:if> <xen:if is="{$showCheckbox}"><input type="checkbox" name="resource_ids[]" value="{$resource.resource_id}" /> </xen:if><xen:if is="{$resource.prefix_id} AND {$linkPrefixHtml}"><a href="{xen:raw $linkPrefixHtml}" class="prefixLink" title="{xen:phrase show_only_resources_prefixed_by_x, 'prefix={xen:helper resourcePrefix, $resource, escaped, ""}'}">{xen:helper resourcePrefix, $resource}</a><xen:else />{xen:helper resourcePrefix, $resource}</xen:if><a href="{xen:link resources, $resource}">{$resource.title}</a> <xen:if is="!{$resource.isFilelessNoExternal}"><span class="version">{$resource.version_string}</span></xen:if> </h3> <div class="resourceDetails muted"><xen:username user="{$resource}" />, <a href="{xen:link resources, $resource}" class="faint"><xen:datetime time="{$resource.resource_date}" /></a><xen:comment> </xen:comment><xen:if is="{$showCategoryTitle}">, <a href="{xen:link resources/categories, $resource}">{$resource.category_title}</a></xen:if> </div> <div class="tagLine"> <xen:if is="{$resource.resource_state} == 'deleted'"> <span class="deletionNote">{xen:phrase this_resource_has_been_deleted} <xen:if is="{$resource.delete_user_id}"> {xen:phrase deleted_by_x, 'name={xen:helper username, {xen:array "user_id={$resource.delete_user_id}", "username={$resource.delete_username}"}}'}, <xen:datetime time="{$resource.delete_date}" /><xen:if is="{$resource.delete_reason}">, {xen:phrase reason}: {$resource.delete_reason}</xen:if>. </xen:if> </span> <xen:else /> {$resource.tag_line} </xen:if> </div> </div> </div> <div class="listBlock resourceStats"> <div class="listBlockInner"> <xen:include template="rating"> <xen:set var="$rating">{$resource.rating_avg}</xen:set> <xen:set var="$hint">{xen:if '{$resource.rating_count} == 1', {xen:phrase rm_1_rating}, {xen:phrase rm_x_ratings, 'count={$resource.rating_count}'}}</xen:set> </xen:include> <div class="pairsJustified"> <xen:if is="!{$resource.is_fileless}"><dl class="resourceDownloads"><dt>{xen:phrase downloads}:</dt> <dd>{xen:number $resource.download_count}</dd></dl></xen:if> <dl class="resourceUpdated"><dt>{xen:phrase updated}:</dt> <dd><a href="{xen:link resources/updates, $resource}" class="concealed"><xen:datetime time="{$resource.last_update}" /></a></dd></dl> </div> </div> </div> </li> <xen:require css="resource_list.css" />   ]]>   </template> - <template title="resource_update.css" addon_id="XenResource" version_id="1010270" version_string="1.1.2" disable_modifications="0"> <![CDATA[ .resourceUpdate { border-bottom: none; border-top: 1px solid {xen:property primaryLighterStill}; padding: 40px 0 0; overflow: hidden; zoom: 1; } .resourceUpdate:first-child { border-top: none; padding-top: 0; } .resourceUpdate .hidden { display: none; } .resourceUpdate .avatar { display: none; } .resourceUpdate .versionInfo { float: right; width: 230px; margin-top: 0; margin-left: 10px; font-size: 11px; } .resourceUpdate .versionInfo .secondaryContent { padding: 10px; } .resourceUpdate .likesSummary { {xen:property messageLikesSummary} } .imageCollection { margin: 10px auto; border: 1px solid {xen:property primaryLighterStill}; border-radius: 5px; background: {xen:property primaryLightest} none repeat-x top; padding: 5px; overflow: hidden; zoom: 1; } .imageCollection .textHeading { margin-top: 0; color: {xen:property primaryLight}; } .imageCollection li { float: left; width: {$xenOptions.attachmentThumbnailDimensions}px; height: {$xenOptions.attachmentThumbnailDimensions}px; overflow: hidden; background-color: {xen:property contentBackground}; border: 1px solid {xen:property primaryLighterStill}; border-radius: 5px; text-align: center; line-height: {$xenOptions.attachmentThumbnailDimensions}px; font-size: 1px; margin: 3px; padding: 5px; white-space: nowrap; } .imageCollection li img { vertical-align: middle; }   ]]>   </template> - <template title="resource_view.css" addon_id="XenResource" version_id="1010270" version_string="1.1.2" disable_modifications="0"> <![CDATA[ .innerContent .bbCodeBlock { margin-right: 0; } .innerContent .updates ol { {xen:property textHeading.border} margin-bottom: 5px; border-top: none; border-left: none; border-right: none; } .innerContent .updates ol li { margin: 5px 0; } .innerContent .updates ol li .postDate { color: {xen:property mutedTextColor}; font-size: 11px; } .innerContent .customResourceFields { } .innerContent .customResourceFields.aboveInfo { border-bottom: 1px solid {xen:property primaryLighterStill}; margin-bottom: 10px; } .innerContent .customResourceFields.belowInfo { border-top: 1px solid {xen:property primaryLighterStill}; margin-top: 10px; } .innerContent .customResourceFields dl { overflow: hidden; margin: 8px 0; } .innerContent .customResourceFields dt { width: 190px; float: left; color: {xen:property mutedTextColor}; } .innerContent .customResourceFields dd { margin-left: 200px; } .innerContent .customResourceFields .plainList { margin-left: 0; list-style-type: none; } .innerContent .customResourceFields .plainList > li { list-style: none; } .innerContent .rateBlock { margin: 10px auto; border: 1px solid {xen:property primaryLighterStill}; border-radius: 5px; background: {xen:property primaryLightest} none repeat-x top; padding: 5px; text-align: center; overflow: hidden; zoom: 1; } .innerContent .rateBlock .rating { display: inline-block; text-align: left; width: 94px; } .innerContent .rateBlock .Hint { display: inline-block; width: 0; white-space: nowrap; word-wrap: normal; } .moreLink { font-weight: bold; text-align: right; } .sidebar .rating .Hint { display: block; } .sidebar .resourceActions, .sidebar .resourceControls { margin-top: 1em; line-height: 1.5; } .sidebar .featuredNotice { font-size: 11px; color: {xen:property secondaryMedium}; background-color: {xen:property secondaryLighter}; padding: 1px 3px; border: 1px solid {xen:property secondaryLight}; border-radius: 3px; display: block; float: right; box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); } .sidebar .callToAction { display: block; text-align: center; height: auto; line-height: normal; margin: 15px 0; } .sidebar .callToAction span { font-size: 12pt; padding: 3px 0; } .sidebar small.minorText { display: block; font-size: 11px; font-weight: normal; } .resourceVersionDeleted td { text-decoration: line-through; } .resourceVersionModerated td { color: {xen:property mutedTextColor}; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property maxResponsiveNarrowWidth}) { .Responsive .resourceHistory .rating, .Responsive .resourceHistory .downloads { display: none; } .Responsive .innerContent .rateBlock .Hint { display: none; } .Responsive .innerContent .customResourceFields dt { width: auto; float: none; } .Responsive .innerContent .customResourceFields dd { margin-left: 0; } } </xen:if>   ]]>   </template> - <template title="resource_view_header" addon_id="XenResource" version_id="1010570" version_string="1.1.5" disable_modifications="0"> <![CDATA[ <xen:require css="resource_view_header.css" /> <div class="resourceInfo"> <xen:hook name="resource_view_header_info"> <xen:if hascontent="true"> <ul class="primaryLinks {xen:if '{$resource.is_fileless} AND !{$resource.external_purchase_url}', noButton}"> <xen:contentcheck> <xen:if is="{$resource.external_purchase_url}"> <xen:if is="!{$resource.canDownload}"> <li><label class="downloadButton downloadDisabled"> <span class="inner"> {xen:phrase buy_now_for_x, 'cost={$resource.cost}'} <small class="minorText">{xen:phrase not_available}</small> </span> </label></li> <xen:else /> <li><label class="downloadButton purchase"> <a href="{$resource.external_purchase_url}" class="inner"> {xen:phrase buy_now_for_x, 'cost={$resource.cost}'} </a> </label></li> </xen:if> <xen:elseif is="!{$resource.is_fileless}" /> <li><label class="downloadButton {xen:if '!{$resource.canDownload}', downloadDisabled}"> <a href="{xen:link resources/download, $resource, 'version={$resource.current_version_id}'}" class="inner"> <xen:if is="{$resource.canDownload}">{xen:phrase download_now}<xen:else />{xen:phrase download_not_available}</xen:if> <xen:if is="{$resource.download_url}"> <small class="minorText">{xen:phrase via_external_site}</small> <xen:else /> <small class="minorText">{xen:number $resource.attachment.file_size, 'size'} .{$resource.attachment.extension}</small> </xen:if> </a> </label></li> </xen:if> <xen:hook name="resource_view_header_after_resource_buttons" /> </xen:contentcheck> </ul> </xen:if> <div class="resourceImage"> <xen:if is="{$xenOptions.resourceAllowIcons}"> <img src="{xen:helper resourceiconurl, $resource}" alt="" class="resourceIcon" /> <xen:else /> <xen:avatar user="$resource" size="s" img="true" /> </xen:if> </div> <h1><xen:if is="{$titleHtml} AND {$titleHtml} != {xen:escape $resource.title}">{xen:raw $titleHtml}<xen:else />{xen:helper resourcePrefix, $resource}{$resource.title}</xen:if> <xen:if is="!{$resource.isFilelessNoExternal}"><span class="muted">{$resource.version_string}</span></xen:if></h1> <xen:if is="{$resource.tag_line} OR {$extraDescriptionHtml}"><p class="tagLine muted">{$resource.tag_line}<xen:if is="{$resource.tag_line} AND {$extraDescriptionHtml}"><br /></xen:if>{xen:raw $extraDescriptionHtml}</p></xen:if> </xen:hook> </div> <xen:hook name="resource_view_header_after_info" /> <xen:if is="{$resource.resource_state} != 'visible'"> <ul class="secondaryContent resourceAlerts"> <xen:if is="{$resource.resource_state} == 'deleted'"> <li class="deletedAlert"> <span class="icon"><i class="fa fa-exclamation-circle"></i></span> {xen:phrase this_resource_has_been_deleted} <xen:if is="{$resource.delete_user_id}"> {xen:phrase deleted_by_x, 'name={xen:helper username, {xen:array "user_id={$resource.delete_user_id}", "username={$resource.delete_username}"}}'}, <xen:datetime time="{$resource.delete_date}" /><xen:if is="{$resource.delete_reason}">, {xen:phrase reason}: {$resource.delete_reason}</xen:if>. </xen:if> </li> </xen:if> <xen:if is="{$resource.resource_state} == 'moderated'"> <li class="moderatedAlert"> <span class="icon"><i class="fa fa-shield"></i></span> {xen:phrase this_resource_is_currently_awaiting_approval} </li> </xen:if> </ul> </xen:if>   ]]>   </template> - <template title="resource_view_header.css" addon_id="XenResource" version_id="1010270" version_string="1.1.2" disable_modifications="0"> <![CDATA[ .resourceInfo { overflow: hidden; zoom: 1; margin-bottom: 10px; } .resourceInfo .resourceImage { float: left; margin-right: 12px; margin-bottom: 3px; width: 48px; position: relative; } .resourceInfo .resourceImage .resourceIcon { {xen:property avatar} width: 48px; height: 48px; } .resourceInfo h1 { {xen:property h1} } .resourceInfo .primaryLinks { float: right; margin-left: 10px; min-width: 180px; } .resourceInfo .primaryLinks.noButton { min-width: 0; margin-top: 5px; } .resourceInfo .primaryLinks li { text-align: center; margin-bottom: 5px; } .resourceInfo .primaryLinks li:last-child { margin-bottom: 0; } .resourceInfo small.minorText { display: block; font-size: 11px; font-weight: normal; } .downloadButton { {xen:property signupButton} margin: 0; line-height: normal; height: auto; } .downloadDisabled { border-color: {xen:property mutedTextColor}; } .downloadButton .inner { {xen:property signupButtonInner} padding: 3px 10px; } .downloadButton.purchase .inner { padding: 6px 10px; } .downloadButton:hover .inner { {xen:property signupButtonHover} } .downloadButton:active { {xen:property signupButtonActive} } .downloadDisabled .inner, .downloadDisabled:hover .inner { background-color: {xen:property mutedTextColor}; color: white; } .resourceAlerts { border: 1px solid {xen:property primaryLighterStill}; border-radius: 5px; font-size: 11px; margin: 10px 0; padding: 5px; line-height: 16px; } .resourceAlerts .icon { float: right; width: 16px; height: 16px; margin-left: 5px; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property maxResponsiveNarrowWidth}) { .Responsive .resourceInfo { display: table; table-layout: fixed; width: 100%; box-sizing: border-box; } .Responsive .resourceInfo .primaryLinks { display: table-footer-group; float: none; padding-right: 0; border-right: none; margin: 0 auto; margin-top: 10px; } .Responsive .resourceInfo .downloadButton { display: inline-block; } } </xen:if>   ]]>   </template> - <template title="search_bar" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ <xen:edithint template="search_bar.css" /> <div id="searchBar" class="pageWidth"> <xen:hook name="quick_search"> <span id="QuickSearchPlaceholder" title="{xen:phrase search}"><i class="fa fa-search"></i></span> <fieldset id="QuickSearch"> <form action="{xen:link 'search/search'}" method="post" class="formPopup"> <div class="primaryControls"> <!-- block: primaryControls --> <input type="search" name="keywords" value="" class="textCtrl" placeholder="{xen:phrase search}..." title="{xen:phrase enter_your_search_and_hit_enter}" id="QuickSearchQuery" /> <!-- end block: primaryControls --> </div> <div class="secondaryControls"> <div class="controlsWrapper"> <!-- block: secondaryControls --> <dl class="ctrlUnit"> <dt></dt> <dd><ul> <li><label><input type="checkbox" name="title_only" value="1" id="search_bar_title_only" class="AutoChecker" data-uncheck="#search_bar_thread" /> {xen:phrase search_titles_only}</label></li> </ul></dd> </dl> <dl class="ctrlUnit"> <dt><label for="searchBar_users">{xen:phrase posted_by_member}:</label></dt> <dd> <input type="text" name="users" value="" class="textCtrl AutoComplete" id="searchBar_users" /> <p class="explain">{xen:phrase separate_names_with_comma}</p> </dd> </dl> <dl class="ctrlUnit"> <dt><label for="searchBar_date">{xen:phrase newer_than}:</label></dt> <dd><input type="date" name="date" value="" class="textCtrl" id="searchBar_date" /></dd> </dl> <xen:if is="{$searchBar}"> <dl class="ctrlUnit"> <dt></dt> <dd><ul> <xen:foreach loop="$searchBar" value="{$constraint}"> <li>{xen:raw $constraint}</li> </xen:foreach> </ul></dd> </dl> </xen:if> </div> <!-- end block: secondaryControls --> <dl class="ctrlUnit submitUnit"> <dt></dt> <dd> <input type="submit" value="{xen:phrase search}" class="button primary Tooltip" title="{xen:phrase find_now}" /> <div class="Popup" id="commonSearches"> <a rel="Menu" class="button NoPopupGadget Tooltip" title="{xen:phrase useful_searches}" data-tipclass="flipped"><span class="arrowWidget"></span></a> <div class="Menu"> <div class="primaryContent menuHeader"> <h3>{xen:phrase useful_searches}</h3> </div> <ul class="secondaryContent blockLinksList"> <!-- block: useful_searches --> <li><a href="{xen:link find-new/posts, '', 'recent=1'}" rel="nofollow">{xen:phrase recent_posts}</a></li> <xen:if is="{$visitor.user_id}"> <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}', 'content=thread'}">{xen:phrase your_threads}</a></li> <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}', 'content=post'}">{xen:phrase your_posts}</a></li> <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}', 'content=profile_post'}">{xen:phrase your_profile_posts}</a></li> </xen:if> <!-- end block: useful_searches --> </ul> </div> </div> <a href="{xen:link search}" class="button moreOptions Tooltip" title="{xen:phrase advanced_search}">{xen:phrase more}...</a> </dd> </dl> </div> <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" /> </form> </fieldset> </xen:hook> </div>   ]]>   </template> - <template title="search_bar.css" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ #searchBar { position: relative; zoom: 1; z-index: 52; /* higher than breadcrumb arrows */ } #QuickSearchPlaceholder { position: absolute; right: 20px; top: {xen:calc '-1 * ({xen:property headerTabHeight} / 2 + 19 / 2)'}px; display: none; border-radius: 5px; cursor: pointer; font-size: 17px; box-sizing: border-box; color: {xen:property contentBackground}; } #QuickSearch { display: block; position: absolute; right: 20px; top: -18px; margin: 0; background-color: {xen:property content.background-color}; border-radius: 5px; padding-top: 5px; _padding-top: 3px; z-index: 7500; } #QuickSearch .secondaryControls { display: none; } #QuickSearch.active { box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); padding-bottom: 5px; } #QuickSearch .submitUnit .button { min-width: 0; } #QuickSearch input.button.primary { float: left; width: 110px; } #QuickSearch #commonSearches { float: right; } #QuickSearch #commonSearches .button { width: 23px; padding: 0; } #QuickSearch #commonSearches .arrowWidget { margin: 0; float: left; margin-left: 4px; margin-top: 4px; } #QuickSearch .moreOptions { display: block; margin: 0 24px 0 110px; width: auto; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property maxResponsiveMediumWidth}) { .Responsive #QuickSearchPlaceholder { display: block; } .Responsive #QuickSearchPlaceholder.hide { display: none; } .Responsive #QuickSearch { display: none; } .Responsive #QuickSearch.show { display: block; } } </xen:if>   ]]>   </template> - <template title="sidebar.css" addon_id="XenForo" version_id="1051670" version_string="1.5.16" disable_modifications="0"> <![CDATA[ /* sidebar structural elements */ .mainContainer { float: left; margin-right: -{xen:calc '{xen:property sidebar.width} + 10'}px; width: 100%; } .mainContent { margin-right: {xen:calc '{xen:property sidebar.width} + 10'}px; } .sidebar { float: right; {xen:property sidebar} } /* visitor panel */ .sidebar .visitorPanel { overflow: hidden; zoom: 1; } .sidebar .visitorPanel h2 .muted { display: none; } .sidebar .visitorPanel .avatar { margin-right: 5px; float: left; width: auto; height: auto; } .sidebar .visitorPanel .avatar img { width: ; height: ; } .sidebar .visitorPanel .username { font-weight: bold; font-size: 11pt; } .sidebar .visitorPanel .stats { margin-top: 2px; } .sidebar .visitorPanel .stats .pairsJustified { line-height: normal; } /* generic sidebar blocks */ .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3 { {xen:property sidebarBlockHeading} } .sidebar .section .primaryContent h3 a, .sidebar .section .secondaryContent h3 a { {xen:property sidebarBlockHeading.font} } .sidebar .section .secondaryContent .footnote, .sidebar .section .secondaryContent .minorHeading { {xen:property sidebarBlockFootnote} } .sidebar .section .secondaryContent .minorHeading a { color: {xen:property sidebarBlockFootnote.color}; } /* list of users with 32px avatars, username and user title */ .sidebar .avatarList li { {xen:property sidebarAvatarListItem} } .sidebar .avatarList .avatar { {xen:property sidebarAvatarListAvatar} width: auto; height: auto; } .sidebar .avatarList .avatar img { width: {xen:property sidebarAvatarListAvatar.width}; height: {xen:property sidebarAvatarListAvatar.height}; } .sidebar .avatarList .username { {xen:property sidebarAvatarListUsername} } .sidebar .avatarList .userTitle { {xen:property sidebarAvatarListUserTitle} } /* list of users */ .sidebar .userList { } .sidebar .userList .username { {xen:property sidebarUserListUsername} } .sidebar .userList .username.invisible { {xen:property sidebarUserListUsernameInvisible} } .sidebar .userList .username.followed { {xen:property sidebarUserListUsernameFollowed} } .sidebar .userList .moreLink { display: block; } /* people you follow online now */ .followedOnline { {xen:property sidebarFollowedUsers} } .followedOnline li { {xen:property sidebarFollowedUsersItem} } .followedOnline .avatar { {xen:property sidebarFollowedUsersAvatar} width: auto; height: auto; } .followedOnline .avatar img { width: {xen:property sidebarFollowedUsersAvatar.width}; height: {xen:property sidebarFollowedUsersAvatar.height}; } /* call to action */ #SignupButton { {xen:property signupButton} } #SignupButton .inner { {xen:property signupButtonInner} } #SignupButton:hover .inner { {xen:property signupButtonHover} } #SignupButton:active { {xen:property signupButtonActive} } <xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property maxResponsiveWideWidth}) { .Responsive .mainContainer { float: none; margin-right: 0; width: auto; } .Responsive .mainContent { margin-right: 0; } .Responsive .sidebar { float: none; margin: 0 auto; } .Responsive .sidebar .visitorPanel { display: none; } } @media (max-width:340px) { .Responsive .sidebar { width: 100%; } } </xen:if> <xen:include template="fa_sidebar.css" />   ]]>   </template> - <template title="sidebar_online_users" addon_id="XenForo" version_id="1051670" version_string="1.5.16" disable_modifications="0"> <![CDATA[ <xen:edithint template="sidebar.css" /> <!-- block: sidebar_online_staff --> <xen:if hascontent="true"> <div class="section staffOnline avatarList"> <div class="secondaryContent"> <h3><a href="{xen:link members, '', 'type=staff'}">{xen:phrase staff_online_now}</a></h3> <ul> <xen:contentcheck> <xen:foreach loop="$onlineUsers.records" value="$user"> <xen:if is="{$user.is_staff}"> <li> <xen:avatar user="$user" size="s" img="true" /> <xen:username user="$user" rich="true" /> <div class="userTitle">{xen:helper userTitle, $user}</div> </li> </xen:if> </xen:foreach> </xen:contentcheck> </ul> </div> </div> </xen:if> <!-- end block: sidebar_online_staff --> <!-- block: sidebar_online_users --> <div class="section membersOnline userList"> <div class="secondaryContent"> <h3><a href="{xen:link online}" title="{xen:phrase see_all_online_users}">{xen:phrase members_online_now}</a></h3> <xen:if is="{$onlineUsers.records}"> <xen:if is="{$visitor.user_id}"> <xen:if hascontent="true"> <h4 class="minorHeading"><a href="{xen:link account/following}">{xen:phrase people_you_follow}:</a></h4> <ul class="followedOnline"> <xen:contentcheck> <xen:foreach loop="$onlineUsers.records" value="$user"> <xen:if is="{$user.followed}"> <li title="{$user.username}" class="Tooltip"><xen:avatar user="$user" size="s" img="true" class="_plainImage" /></li> </xen:if> </xen:foreach> </xen:contentcheck> </ul> <h4 class="minorHeading"><a href="{xen:link members}">{xen:phrase members}:</a></h4> </xen:if> </xen:if> <ol class="listInline"> <xen:foreach loop="$onlineUsers.records" value="$user" i="$i"> <xen:if is="{$i} <= {$onlineUsers.limit}"> <li> <xen:if is="{$user.user_id}"> <a href="{xen:link members, $user}" dir="auto" class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{xen:helper richUserName, $user}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if> <xen:else /> {xen:phrase guest}<xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if> </xen:if> </li> </xen:if> </xen:foreach> <xen:if is="{$onlineUsers.recordsUnseen}"> <li class="moreLink">... <a href="{xen:link online}" title="{xen:phrase see_all_visitors}">{xen:phrase and_x_more, 'count={xen:number $onlineUsers.recordsUnseen}'}</a></li> </xen:if> </ol> </xen:if> <div class="footnote"> {xen:phrase online_now_x_members_y_guests_z_robots_a, 'total={xen:number $onlineUsers.total}', 'members={xen:number $onlineUsers.members}', 'guests={xen:number $onlineUsers.guests}', 'robots={xen:number $onlineUsers.robots}'} </div> </div> </div> <!-- end block: sidebar_online_users -->   ]]>   </template> - <template title="sidebar_visitor_panel" addon_id="XenForo" version_id="1051670" version_string="1.5.16" disable_modifications="0"> <![CDATA[ <xen:if is="{$visitor.user_id}"> <div class="section visitorPanel"> <div class="secondaryContent"> <xen:avatar user="$visitor" size="m" img="true" /> <div class="visitorText"> <h2>{xen:phrase signed_in_as_x_sidebar, 'name={xen:helper username, $visitor, 'NoOverlay'}'}</h2> <div class="stats"> <xen:hook name="sidebar_visitor_panel_stats"> <dl class="pairsJustified"><dt>{xen:phrase messages}:</dt> <dd>{xen:number $visitor.message_count}</dd></dl> <dl class="pairsJustified"><dt>{xen:phrase likes}:</dt> <dd>{xen:number $visitor.like_count}</dd></dl> <xen:if is="{$xenOptions.enableTrophies}"> <dl class="pairsJustified"><dt>{xen:phrase points}:</dt> <dd>{xen:number $visitor.trophy_points}</dd></dl> </xen:if> </div> </xen:hook> </div> </div> </div> <xen:else /> <div class="section loginButton"> <div class="secondaryContent"> <label for="LoginControl" id="SignupButton"><a href="{xen:link login}" class="inner">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase sign_up_now}, {xen:phrase log_in}}</a></label> </div> </div> </xen:if> <xen:include template="ad_sidebar_below_visitor_panel" />   ]]>   </template> - <template title="thread_list_item" addon_id="XenForo" version_id="1051670" version_string="1.5.16" disable_modifications="0"> <![CDATA[ <xen:require css="discussion_list.css" /> <xen:if is="{$thread.isDeleted}"><xen:include template="thread_list_item_deleted" /><xen:else /> <li id="thread-{$thread.thread_id}" class="discussionListItem {$thread.discussion_state}{xen:if '!{$thread.discussion_open}', ' locked'}{xen:if {$thread.sticky}, ' sticky'}{xen:if {$thread.isNew}, ' unread'}{xen:if {$thread.prefix_id}, ' prefix{$thread.prefix_id}'}{xen:if {$thread.isIgnored}, ' ignored'} {xen:if $thread.thread_is_watched, threadWatched} {xen:if $thread.forum_is_watched, forumWatched}" data-author="{$thread.username}"> <div class="listBlock posterAvatar"> <span class="avatarContainer"> <xen:avatar user="$thread" size="s" img="true" /> <xen:if is="{$thread.user_post_count}"><xen:avatar user="$visitor" size="s" img="true" class="miniMe" title="{xen:phrase you_have_posted_x_messages_in_this_thread, 'count={xen:number $thread.user_post_count}'}" /></xen:if> </span> </div> <div class="listBlock main"> <div class="titleText"> <xen:if hascontent="true"> <div class="iconKey"> <xen:contentcheck> <xen:hook name="thread_list_item_icon_key" params="{xen:array 'thread={$thread}'}"> <xen:if is="{$thread.isModerated}"><span class="moderated" title="{xen:phrase moderated}"><i class="fa fa-shield"></i></span></xen:if> <xen:if is="!{$thread.discussion_open}"><span class="locked" title="{xen:phrase locked}"><i class="fa fa-lock"></i></span></xen:if> <xen:if is="{$thread.sticky}"><span class="sticky" title="{xen:phrase sticky}"><i class="fa fa-thumb-tack"></i></span></xen:if> <xen:if is="{$thread.isRedirect}"><span class="redirect" title="{xen:phrase redirect}"><i class="fa fa-share"></i></span></xen:if> <xen:if is="{$thread.thread_is_watched} OR {$thread.forum_is_watched}"><span class="watched" title="{xen:phrase watched}"><i class="fa fa-eye"></i></span></xen:if> </xen:hook> </xen:contentcheck> </div> </xen:if> <h3 class="title"> <xen:if is="{$thread.canInlineMod}"><input type="checkbox" name="threads[]" value="{$thread.thread_id}" class="InlineModCheck" id="inlineModCheck-thread-{$thread.thread_id}" data-target="#thread-{$thread.thread_id}" title="{xen:phrase select_thread}: {$thread.title}" /></xen:if> <xen:if is="{$showSubscribeOptions}"><input type="checkbox" name="thread_ids[]" value="{$thread.thread_id}" /></xen:if> <xen:if is="{$thread.prefix_id}"> <xen:if is="{$linkPrefix}"> <a href="{xen:link forums, $forum, 'prefix_id={$thread.prefix_id}'}" class="prefixLink" title="{xen:phrase show_only_threads_prefixed_by_x, 'prefix={xen:helper threadPrefix, $thread, plain, ""}'}">{xen:helper threadPrefix, $thread, html, ''}</a> <xen:else /> {xen:helper threadPrefix, $thread} </xen:if> </xen:if> <a href="{xen:link "threads{xen:if '{$thread.isNew} AND {$thread.haveReadData}', '/unread'}", $thread}" title="{xen:if '{$thread.isNew} AND {$thread.haveReadData}', {xen:phrase go_to_first_unread_message}}" class="{xen:if $thread.hasPreview, PreviewTooltip}" data-previewUrl="{xen:if $thread.hasPreview, {xen:link threads/preview, $thread}}">{xen:helper wrap, $thread.title, 50}</a> <xen:if is="{$thread.isNew}"><a href="{xen:link threads/unread, $thread}" class="unreadLink" title="{xen:phrase go_to_first_unread_message}"><i class="fa fa-circle"></i></a></xen:if> </h3> <div class="secondRow"> <div class="posterDate muted"> <xen:username user="$thread" title="{xen:phrase thread_starter}" rich="true" /><span class="startDate">, <a{xen:if {$visitor.user_id}, ' href="{xen:link threads, $thread}"'} class="faint"><xen:datetime time="$thread.post_date" title="{xen:if {$visitor.user_id}, '{xen:phrase go_to_first_message_in_thread}'}" /></a></span><xen:if is="{$showForumLink}"><span class="containerName">, <a href="{xen:link forums, $thread.forum}" class="forumLink">{$thread.forum.title}</a></span></xen:if> <xen:if is="{$showLastPageNumbers} AND {$thread.lastPageNumbers}"> <span class="itemPageNav"> <span>...</span> <xen:foreach loop="$thread.lastPageNumbers" value="$pageNumber"> <a href="{xen:link threads, $thread, 'page={$pageNumber}'}">{$pageNumber}</a> </xen:foreach> </span> </xen:if> </div> <div class="controls faint"> <xen:if is="{$thread.canEditThread}"><a href="javascript:" data-href="{xen:link 'threads/list-item-edit', $thread, 'showForumLink={$showForumLink}'}" class="EditControl JsOnly">{xen:phrase edit}</a></xen:if> <xen:if is="{$showSubscribeOptions} AND {$thread.email_subscribe}">{xen:phrase email}</xen:if> </div> </div> </div> </div> <div class="listBlock stats pairsJustified" title="{xen:phrase members_who_liked_first_message}: {xen:if $thread.isRedirect, '&ndash;', {xen:number $thread.first_post_likes}}"> <dl class="major"><dt>{xen:phrase replies}:</dt> <dd>{xen:if $thread.isRedirect, '&ndash;', {xen:number $thread.reply_count}}</dd></dl> <dl class="minor"><dt>{xen:phrase views}:</dt> <dd>{xen:if $thread.isRedirect, '&ndash;', {xen:number $thread.view_count}}</dd></dl> </div> <div class="listBlock lastPost"> <xen:if is="{$thread.isRedirect}"> <div class="lastPostInfo">{xen:phrase n_a}</div> <xen:else /> <dl class="lastPostInfo"> <dt><xen:if is="{xen:helper isIgnored, $thread.last_post_user_id}">{xen:phrase ignored_member}<xen:else /><xen:username user="$thread.lastPostInfo" /></xen:if></dt> <dd class="muted"><a{xen:if '{$visitor.user_id}', ' href="{xen:link posts, $thread.lastPostInfo}" title="{xen:phrase go_to_last_message}"'} class="dateTime"><xen:datetime time="$thread.lastPostInfo.post_date" /></a></dd> </dl> </xen:if> </div> </li> </xen:if>   ]]>   </template> - <template title="thread_list_item_deleted" addon_id="XenForo" version_id="1040031" version_string="1.4.0 Beta 1" disable_modifications="0"> <![CDATA[ <xen:require css="discussion_list.css" /> <li id="thread-{$thread.thread_id}" class="discussionListItem {$thread.discussion_state}{xen:if {$thread.isNew}, ' new'}{xen:if {$thread.prefix_id}, ' prefix{$thread.prefix_id}'}{xen:if {$thread.isIgnored}, ' ignored'}" data-author="{$thread.username}"> <div class="listBlock posterAvatar"> <xen:avatar user="$thread" size="s" img="true" /> </div> <div class="listBlock main"> <div class="titleText"> <xen:if hascontent="true"> <div class="iconKey"> <xen:contentcheck> <xen:if is="{$thread.discussion_state} == 'moderated'"><span class="moderated" title="{xen:phrase moderated}"><i class="fa fa-shield"></i></span></xen:if> <xen:if is="!{$thread.discussion_open}"><span class="locked" title="{xen:phrase locked}"><i class="fa fa-lock"></i></span></xen:if> <xen:if is="{$thread.sticky}"><span class="sticky" title="{xen:phrase sticky}"><i class="fa fa-thumb-tack"></i></span></xen:if> <xen:if is="{$thread.discussion_type} == 'redirect'"><span class="redirect" title="{xen:phrase redirect}"><i class="fa fa-share"></i></span></xen:if> </xen:contentcheck> </div> </xen:if> <h3 class="title muted"> <xen:if is="{$thread.canInlineMod}"><input type="checkbox" name="threads[]" value="{$thread.thread_id}" class="InlineModCheck" id="inlineModCheck-thread-{$thread.thread_id}" data-target="#thread-{$thread.thread_id}" title="{xen:phrase select_thread}: {$thread.title}" /></xen:if> {xen:helper threadPrefix, $thread} <label for="inlineModCheck-thread-{$thread.thread_id}">{xen:helper wrap, $thread.title, 50}</label> </h3> <div class="secondRow"> <div class="deletionNote"> {xen:phrase this_thread_started_by_x_has_been_deleted, 'name={xen:helper username, $thread}'} <xen:if is="{$thread.delete_username}"> {xen:phrase deleted_by_x, 'name={xen:helper username, $thread.deleteInfo}'}, <xen:datetime time="{$thread.delete_date}" /><xen:if is="{$thread.delete_reason}">, {xen:phrase reason}: {$thread.delete_reason}</xen:if>. </xen:if> </div> <div class="controls faint"> <a href="{xen:link threads, $thread}" class="viewLink">{xen:phrase view}</a> <xen:if is="{$thread.canEditThread}"><a href="javascript:" data-href="{xen:link 'threads/list-item-edit', $thread}" class="EditControl JsOnly">{xen:phrase edit}</a></xen:if> </div> </div> </div> </div> <div class="listBlock statsLastPost"></div> </li>   ]]>   </template> - <template title="thread_list_simple.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ .threadListItem { overflow: hidden; zoom: 1; margin: 5px 0; padding-top: 5px; border-top: 1px solid #333; } .threadListItem:first-child { border-top: none; padding-top: 0; } .threadListItem .avatar { float: left; font-size: 0; } .threadListItem .avatar img { width: 24px; height: 24px; } .threadListItem .messageInfo { margin-left: 34px; } .threadListItem .title { padding: 1px 0; } .threadListItem .title, .threadListItem .additionalRow { overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; }   ]]>   </template> - <template title="thread_view" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ <xen:title>{xen:helper threadPrefix, $thread, escaped}{$thread.title}{xen:helper pagenumber, $page}</xen:title> <xen:h1>{xen:helper threadPrefix, $thread}{$thread.title}</xen:h1> <xen:description> {xen:phrase discussion_in_x_started_by_y_date_z, 'forum=<a href="{xen:link forums, $forum}">{$forum.title}</a>', 'name={xen:helper username, $thread}', 'date=<a href="{xen:link threads, $thread}">{xen:datetime $thread.post_date, html}</a>'} </xen:description> <xen:navigation> <xen:breadcrumb source="$nodeBreadCrumbs" /> </xen:navigation> <xen:container var="$head.canonical"> <link rel="canonical" href="{xen:link 'canonical:threads', $thread, 'page={$page}'}" /></xen:container> <xen:container var="$head.description"> <meta name="description" content="{xen:helper snippet, $firstPost.message, 155}" /></xen:container> <xen:container var="$head.openGraph"><xen:include template="open_graph_meta"> <xen:set var="$url">{xen:link 'canonical:threads', $thread}</xen:set> <xen:set var="$title">{xen:helper threadPrefix, $thread, escaped}{$thread.title}</xen:set> <xen:set var="$description">{xen:helper snippet, $firstPost.message, 155}</xen:set> <xen:set var="$avatar">{xen:helper avatar, $thread, m, 0, 1}</xen:set> </xen:include></xen:container> <xen:container var="$bodyClasses">{xen:helper nodeClasses, $nodeBreadCrumbs, $forum}{xen:if {$xenOptions.selectQuotable}, ' SelectQuotable'}</xen:container> <xen:container var="$searchBar.thread"><xen:include template="search_bar_thread_only" /></xen:container> <xen:container var="$searchBar.forum"><xen:include template="search_bar_forum_only" /></xen:container> <xen:require css="thread_view.css" /> <xen:set var="$threadTagsHtml"><xen:if is="{$xenOptions.enableTagging} AND ({$canEditTags} OR {$thread.tagsList})"> <xen:include template="helper_tag_list"> <xen:map from="$thread.tagsList" to="$tags" /> <xen:set var="$editUrl">{xen:if $canEditTags, {xen:link threads/tags, $thread}}</xen:set> </xen:include> </xen:if></xen:set> <xen:if is="{$threadTagsHtml} AND {$xenOptions.tagPosition} == 'top'">{xen:raw $threadTagsHtml}</xen:if> <xen:edithint template="message" /> <xen:if is="{$poll}"> <xen:include template="poll_block"> <xen:set var="$options"> <xen:if is="{$poll.canVote} AND !{$poll.hasVoted}"> <xen:include template="poll_block_vote" /> <xen:else /> <xen:include template="poll_block_result" /> </xen:if> </xen:set> </xen:include> </xen:if> <xen:if is="{$showPostedNotice}"> <div class="importantMessage">{xen:phrase message_submitted_displayed_pending_approval}</div> </xen:if> <xen:set var="$threadStatusHtml"> <xen:if hascontent="true"> <dl class="threadAlerts secondaryContent"> <dt>{xen:phrase thread_status}:</dt> <xen:contentcheck> <xen:if is="{$thread.discussion_state} == 'deleted'"> <dd class="deletedAlert"> <span class="icon Tooltip" title="{xen:phrase deleted}" data-tipclass="iconTip"><i class="fa fa-trash-o"></i></span> {xen:phrase removed_from_public_view}</dd> <xen:elseif is="{$thread.discussion_state} == 'moderated'" /> <dd class="moderatedAlert"> <span class="icon Tooltip" title="{xen:phrase awaiting_moderation}" data-tipclass="iconTip"><i class="fa fa-shield"></i></span> {xen:phrase awaiting_moderation_before_being_displayed_publicly}</dd> </xen:if> <xen:if is="!{$thread.discussion_open}"> <dd class="lockedAlert"> <span class="icon Tooltip" title="{xen:phrase locked}" data-tipclass="iconTip"><i class="fa fa-lock"></i></span> {xen:phrase not_open_for_further_replies}</dd> </xen:if> </xen:contentcheck> </dl> </xen:if> </xen:set> {xen:raw $threadStatusHtml} <xen:hook name="thread_view_pagenav_before" params="{xen:array 'thread={$thread}'}" /> <div class="pageNavLinkGroup"> <div class="linkGroup SelectionCountContainer"> <xen:if hascontent="true"> <div class="Popup"> <a rel="Menu">{xen:phrase thread_tools}</a> <div class="Menu"> <xen:contentcheck> <xen:if hascontent="true"> <div class="primaryContent menuHeader"><h3>{xen:phrase thread_tools}</h3></div> <ul class="secondaryContent blockLinksList"> <xen:contentcheck> <xen:if is="{$canEditThread}"> <li><a href="{xen:link 'threads/edit', $thread}" class="OverlayTrigger">{xen:phrase edit_thread}</a></li> <xen:elseif is="{$canEditTitle}" /> <li><a href="{xen:link threads/edit-title, $thread}" class="OverlayTrigger">{xen:phrase edit_title}</a></li> </xen:if> <xen:if is="{$canAddPoll}"> <li><a href="{xen:link 'threads/poll/add', $thread}">{xen:phrase add_poll}</a></li> </xen:if> <xen:if is="{$canDeleteThread}"> <li><a href="{xen:link 'threads/delete', $thread}" class="OverlayTrigger">{xen:phrase delete_thread}</a></li> </xen:if> <xen:if is="{$canMoveThread}"> <li><a href="{xen:link 'threads/move', $thread}" class="OverlayTrigger">{xen:phrase move_thread}</a></li> </xen:if> <xen:if is="{$canReplyBan}"> <li><a href="{xen:link 'threads/reply-bans', $thread}" class="OverlayTrigger">{xen:phrase manage_reply_bans}</a></li> </xen:if> <xen:if is="{$canViewModeratorLog}"> <li><a href="{xen:link 'threads/moderator-actions', $thread}" class="OverlayTrigger">{xen:phrase moderator_actions}</a></li> </xen:if> <xen:if is="{$deletedPosts}"> <li><a href="{xen:link threads/show-posts, $thread, 'page={$page}'}" class="MessageLoader" data-messageSelector="#messageList .message.deleted.placeholder">{xen:phrase show_deleted_posts}</a></li> </xen:if> <xen:hook name="thread_view_tools_links" params="{xen:array 'thread={$thread}'}" /> </xen:contentcheck> </ul> </xen:if> <xen:if hascontent="true"> <form action="{xen:link threads/quick-update, $thread}" method="post" class="AutoValidator"> <ul class="secondaryContent blockLinksList checkboxColumns"> <xen:contentcheck> <xen:if is="{$canLockUnlockThread}"> <li><label><input type="checkbox" name="discussion_open" value="1" class="SubmitOnChange" {xen:checked $thread.discussion_open} /> {xen:phrase open_thread}</label> <input type="hidden" name="set[discussion_open]" value="1" /></li></xen:if> <xen:if is="{$canStickUnstickThread}"> <li><label><input type="checkbox" name="sticky" value="1" class="SubmitOnChange" {xen:checked $thread.sticky} /> {xen:phrase sticky}</label> <input type="hidden" name="set[sticky]" value="1" /></li></xen:if> </xen:contentcheck> </ul> <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" /> </form> </xen:if> <xen:if is="{$thread.canInlineMod}"> <form action="{xen:link inline-mod/thread/switch}" method="post" class="InlineModForm sectionFooter" id="threadViewThreadCheck" data-cookieName="threads"> <label><input type="checkbox" name="threads[]" value="{$thread.thread_id}" class="InlineModCheck" /> {xen:phrase select_for_thread_moderation}</label> <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" /> </form> </xen:if> </xen:contentcheck> </div> </div> </xen:if> <xen:if is="{$canWatchThread}"> <a href="{xen:link 'threads/watch-confirm', $thread}" class="OverlayTrigger" data-cacheOverlay="false">{xen:if $thread.thread_is_watched, '{xen:phrase unwatch_thread}', '{xen:phrase watch_thread}'}</a> </xen:if> </div> <xen:pagenav link="threads" linkdata="{$thread}" page="{$page}" perpage="{$postsPerPage}" total="{$totalPosts}" unreadlink="{$unreadLink}" /> </div> <xen:include template="ad_thread_view_above_messages" /> <xen:hook name="thread_view_form_before" params="{xen:array 'thread={$thread}'}" /> <form action="{xen:link 'inline-mod/post/switch'}" method="post" class="InlineModForm section" data-cookieName="posts" data-controls="#InlineModControls" data-imodOptions="#ModerationSelect option"> <ol class="messageList" id="messageList"> <xen:foreach loop="$posts" value="$post"> <xen:if is="{$post.message_state} == 'deleted'"> <xen:include template="post_deleted_placeholder" /> <xen:else /> <xen:include template="post" /> </xen:if> </xen:foreach> <xen:edithint template="attached_files" /> </ol> <xen:if is="{$inlineModOptions}"> <div class="sectionFooter InlineMod Hide"> <label for="ModerationSelect">{xen:phrase perform_action_with_selected_posts}...</label> <xen:include template="inline_mod_controls_post" /> </div> </xen:if> <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" /> </form> <div class="pageNavLinkGroup"> <xen:if is="{$canQuickReply}"> <xen:if is="{$postsRemaining}"> <div class="linkGroup"> <xen:if is="{$postsRemaining} == 1"> <a href="{xen:link threads, $thread, 'page={xen:calc "{$page} + 1"}'}" class="postsRemaining">{xen:phrase 1_more_message}...</a> <xen:else /> <a href="{xen:link threads, $thread, 'page={xen:calc "{$page} + 1"}'}" class="postsRemaining">{xen:phrase x_more_messages, 'count={xen:number $postsRemaining}'}...</a> </xen:if> </div> </xen:if> <xen:else /> <div class="linkGroup"> <xen:if is="{$canReply}"> <a href="{xen:link 'threads/reply', $thread}" class="callToAction"><span>{xen:phrase reply_to_thread}</span></a> <xen:elseif is="{$visitor.user_id}" /> <span class="element">({xen:phrase no_permission_to_reply})</span> <xen:else /> <label for="LoginControl"><a href="{xen:link login}" class="concealed element">({xen:phrase log_in_or_sign_up_to_reply})</a></label> </xen:if> </div> </xen:if> <div class="linkGroup"{xen:if '!{$ignoredNames}', ' style="display: none"'}><a href="javascript:" class="muted JsOnly DisplayIgnoredContent Tooltip" title="{xen:phrase show_hidden_content_by_x, "names={xen:helper implode, $ignoredNames, ', '}"}">{xen:phrase show_ignored_content}</a></div> <xen:pagenav link="threads" linkdata="{$thread}" page="{$page}" perpage="{$postsPerPage}" total="{$totalPosts}" unreadlink="{$unreadLink}" /> </div> <xen:include template="ad_thread_view_below_messages" /> <xen:hook name="thread_view_qr_before" params="{xen:array 'thread={$thread}'}" /> <xen:if is="{$canQuickReply}"> <xen:include template="quick_reply"> <xen:set var="$formAction">{xen:link 'threads/add-reply', $thread}</xen:set> <xen:set var="$lastDate">{$lastPost.post_date}</xen:set> <xen:set var="$lastKnownDate">{$thread.last_post_date}</xen:set> <xen:set var="$showMoreOptions">1</xen:set> <xen:set var="$multiQuoteAction">{xen:link 'threads/multi-quote', $thread, 'formId=#QuickReply'}</xen:set> </xen:include> </xen:if> <xen:hook name="thread_view_qr_after" params="{xen:array 'thread={$thread}'}" /> <xen:if is="{$threadTagsHtml} AND {$xenOptions.tagPosition} == 'bottom'">{xen:raw $threadTagsHtml}</xen:if> {xen:raw $threadStatusHtml} <xen:include template="share_page"> <xen:set var="$url">{xen:link 'canonical:threads', $thread}</xen:set> </xen:include>   ]]>   </template> - <template title="thread_view.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ .thread_view .threadAlerts { border: 1px solid #222222; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size: 11px; margin: 10px 0; padding: 5px; line-height: 16px; } .thread_view .threadAlerts dt { color: #fff; display: inline; } .thread_view .threadAlerts dd { color: rgb(255, 255, 255); font-weight: bold; display: inline; } .thread_view .threadAlerts .icon { float: right; width: 16px; height: 16px; margin-left: 5px; font-size: 15px; } .thread_view .threadAlerts + * > .messageList { border-top: none; } .thread_view .threadNotices { background-color: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 10px; margin: 10px auto; } .thread_view .InlineMod { overflow: hidden; zoom: 1; }   ]]>   </template> - <template title="title_prefix_edit.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ .textCtrl .prefix, .textCtrl .Popup { float: left; margin-right: 3px; } .textCtrl .prefix .Remove { cursor: pointer; margin-left: 5px; font-weight: bold; opacity: 0.35; } .textCtrl .prefix .Remove:hover { opacity: 1; text-decoration: none; } .PrefixPopup a[rel] { } .PrefixMenu { z-index: 15000; padding: 0; max-height: 300px; overflow: auto; padding: 2px; } .PrefixMenu .PrefixOption a { display: block; padding: 5px 10px; font-size: 100% !important; margin: 0 2px 3px; } .PrefixMenu .PrefixOption a:hover { text-decoration: none; } .PrefixMenu .PrefixGroup { border-bottom: 1px solid rgb(88, 88, 88); padding-bottom: 3px; } .PrefixMenu .PrefixGroup h3 { color: #6cb2e4; font-weight: bold; padding: 4px 5px; } .PrefixMenu .PrefixGroup .PrefixOption a { margin-left: 12px; } .PrefixMenu .PrefixGroup + .PrefixOption { margin-top: 5px; } .PrefixMenu .PrefixGroup.selected, .PrefixMenu .PrefixOption.selected { display: none; } .textCtrl .Popup .PopupControl.prefix.noPrefix { background: url(rgba.php?r=51&g=51&b=51&a=51); background: rgba(51, 51, 51, 0.2); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33333333,endColorstr=#33333333); } .prefix.noPrefix { color: rgb(150,150,150); font-style: italic; }   ]]>   </template> - <template title="twitter.css" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ a.twitterLogin, #loginBar a.twitterLogin { display: inline-block; width: {xen:property eAuthButtonWidth}; height: 22px; box-sizing: border-box; cursor: pointer; background-color: #eee; background-image: -webkit-linear-gradient(#fff, #dedede); background-image: linear-gradient(#fff, #dedede); border: #ccc solid 1px; border-radius: 3px; padding: 3px; color: #333 !important; font-weight: bold; font-size: 11px; line-height: 14px; } .twitterLogin .fa { float: left; padding: 0px 0 0 5px; font-size: 18px; color: #4099FF; margin-top: -1px; } a.twitterLogin span { display: block; background-position: left 0; padding-left: 10px; text-shadow: 0 1px 0 rgba(255,255,255,.5); white-space: nowrap; overflow: hidden; } a.twitterLogin:hover, #loginBar a.twitterLogin:hover, a.twitterLogin:active, #loginBar a.twitterLogin:active { border-color: #d9d9d9; background-image: -webkit-linear-gradient(#f8f8f8, #d9d9d9); background-image: linear-gradient(#f8f8f8, #d9d9d9); text-decoration: none; }   ]]>   </template> - <template title="ulogin.css" addon_id="" version_id="0" version_string="" disable_modifications="0"> <![CDATA[ #loginBar #uLoginBar { @property "uLoginBar"; font-size: 11px; color: #f0f7fc; background-color: #032A46; padding: 1px 4px 1px 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px; position: absolute!important; right: 280px; bottom: -20px; text-align: center; z-index: 1; -webkit-box-shadow: 0px 2px 5px #032A46; -moz-box-shadow: 0px 2px 5px #032A46; -khtml-box-shadow: 0px 2px 5px #032A46; box-shadow: 0px 2px 5px #032A46; -webkit-box-shadow: 0px 2px 5px #032A46; -moz-box-shadow: 0px 2px 5px #032A46; -khtml-box-shadow: 0px 2px 5px #032A46; @property "/uLoginBar"; } @media screen and (max-width: 610px) { #loginBar #uLoginBar { @property "uLoginBar"; right: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; padding: 4px 5px 1px 10px; bottom: -48px; @property "/uLoginBar"; } #loginBar #uLoginBar #uLogin { @property "uLoginBar"; margin-top: 1px; @property "/uLoginBar"; }}   ]]>   </template> - <template title="user_banners.css" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ .userBanner { font-size: 11px; padding: 1px 5px; border: 1px solid transparent; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); text-align: center; } .userBanner.wrapped { border-top-right-radius: 0; border-top-left-radius: 0; position: relative; } .userBanner.wrapped span { position: absolute; top: -4px; width: 5px; height: 4px; background-color: inherit; } .userBanner.wrapped span.before { border-top-left-radius: 3px; left: -1px; } .userBanner.wrapped span.after { border-top-right-radius: 3px; right: -1px; } .userBanner.bannerHidden { background: none; box-shadow: none; border: none; } .userBanner.bannerHidden.wrapped { margin-left: 0; margin-right: 0; } .userBanner.bannerHidden.wrapped span { display: none; } .userBanner.bannerStaff { color: {xen:property primaryMedium}; background-color: {xen:property primaryLighterStill}; border-color: {xen:property primaryLighter}; } .userBanner.bannerStaff.wrapped span { background-color: {xen:property primaryLighter}; } .userBanner.bannerPrimary { color: {xen:property primaryMedium}; background-color: {xen:property primaryLighterStill}; border-color: {xen:property primaryLighter}; } .userBanner.bannerPrimary.wrapped span { background-color: {xen:property primaryLighter}; } .userBanner.bannerSecondary { color: {xen:property secondaryDark}; background-color: {xen:property secondaryLighter}; border-color: {xen:property secondaryLighter}; } .userBanner.bannerSecondary.wrapped span { background-color: {xen:property secondaryLighter}; } .userBanner.bannerRed { color: white; background-color: red; border-color: #F88; } .userBanner.bannerRed.wrapped span { background-color: #F88; } .userBanner.bannerGreen { color: white; background-color: green; border-color: green; } .userBanner.bannerGreen.wrapped span { background-color: green; } .userBanner.bannerOlive { color: black; background-color: olive; border-color: olive; } .userBanner.bannerOlive.wrapped span { background-color: olive; } .userBanner.bannerLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; } .userBanner.bannerLightGreen.wrapped span { background-color: lightgreen; } .userBanner.bannerBlue { color: white; background-color: blue; border-color: #88F; } .userBanner.bannerBlue.wrapped span { background-color: #88F; } .userBanner.bannerRoyalBlue { color: white; background-color: royalblue; border-color: #81A9E1; } .userBanner.bannerRoyalBlue.wrapped span { background-color: #81A9E1; } .userBanner.bannerSkyBlue { color: black; background-color: skyblue; border-color: skyblue; } .userBanner.bannerSkyBlue.wrapped span { background-color: skyblue; } .userBanner.bannerGray { color: black; background-color: gray; border-color: #AAA; } .userBanner.bannerGray.wrapped span { background-color: #AAA; } .userBanner.bannerSilver { color: black; background-color: silver; border-color: silver; } .userBanner.bannerSilver.wrapped span { background-color: silver; } .userBanner.bannerYellow { color: black; background-color: yellow; border-color: #E0E000; } .userBanner.bannerYellow.wrapped span { background-color: #E0E000; } .userBanner.bannerOrange { color: black; background-color: orange; border-color: #FFC520; } .userBanner.bannerOrange.wrapped span { background-color: #FFC520; }   ]]>   </template> - <template title="vfchh.css" addon_id="" version_id="0" version_string="" disable_modifications="0"> <![CDATA[ .redactor_btn_group li a.redactor_btn_hreply { background-image: url('styles/vfchh/hreplyw.gif') !important; width: 41px; height: 24px; } .redactor_btn_group li a.redactor_btn_hthanks { background-image: url('styles/vfchh/hthanksw.gif') !important; width: 41px; height: 24px; } .redactor_btn_group li a.redactor_btn_hrt { background-image: url('styles/vfchh/htrw.gif') !important; width: 29px; height: 24px; } .redactor_btn_group li a.redactor_btn_hposts { background-image: url('styles/vfchh/hpostsw.gif') !important; width: 58px; height: 24px; } .redactor_btn_group li a.redactor_btn_stg { background-image: url('styles/vfchh/stgw.gif') !important; width: 31px; height: 24px; } .redactor_btn_group li a.redactor_btn_hide { background-image: url('styles/vfchh/hidew.gif') !important; width: 41px; height: 24px; }   ]]>   </template> - <template title="xenforo.css" addon_id="XenForo" version_id="1050070" version_string="1.5.0" disable_modifications="0"> <![CDATA[ @charset "UTF-8"; /* --- xenforo.css --- */ /* * YUI reset-fonts.css * Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;text-decoration:none}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* * Firefox broken image placeholder support. * http://lab.gmtplusone.com/image-placeholder/ */ img:-moz-broken, img:-moz-user-disabled { -moz-force-broken-image-icon: 1; } img:-moz-broken:not([width]), img:-moz-user-disabled:not([width]) { width: 50px; } img:-moz-broken:not([height]), img:-moz-user-disabled:not([height]) { height: 50px; } /* * XenForo Core CSS * */ html { background-color: #141414; overflow-y: scroll !important; background: url('styles/background/bottom-bg.jpg') fixed no-repeat 100% center; background-size: cover; } body { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; font-family: 'Open Sans', sans-serif; color: #fff; word-wrap: break-word; line-height: 1.35; } /* counteract the word-wrap setting in 'body' */ pre, textarea { word-wrap: normal; } [dir=auto] { text-align: left; } a:link, a:visited { color: rgb(226, 226, 226); text-decoration: none; } a[href]:hover { text-decoration: underline; } a:hover { _text-decoration: underline; } a.noOutline { outline: 0 none; } .emCtrl, .messageContent a { -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .emCtrl:hover, .emCtrl:focus, .ugc a:hover, .ugc a:focus { /*position: relative; top: -1px;*/ text-decoration: none; -webkit-box-shadow: 5px 5px 7px #CCCCCC; -moz-box-shadow: 5px 5px 7px #CCCCCC; -khtml-box-shadow: 5px 5px 7px #CCCCCC; box-shadow: 5px 5px 7px #CCCCCC; outline: 0 none; } .emCtrl:active, .ugc a:active { position: relative; top: 1px; -webkit-box-shadow: 2px 2px 7px #CCCCCC; -moz-box-shadow: 2px 2px 7px #CCCCCC; -khtml-box-shadow: 2px 2px 7px #CCCCCC; box-shadow: 2px 2px 7px #CCCCCC; outline: 0 none; } .ugc a:link, .ugc a:visited { color: rgb(151, 57, 65); padding: 0 3px; margin: 0 -3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .ugc a:hover, .ugc a:focus { color: #6d3f03; background-color: #fff4e5; } img.mceSmilie, img.mceSmilieSprite { vertical-align: text-bottom; margin: 0 1px; } /** title bar **/ .titleBar { margin-bottom: 10px; } /* clearfix */ .titleBar { zoom: 1; } .titleBar:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .titleBar h1 { font-size: 18pt; color: rgb(156, 156, 156); overflow: hidden; zoom: 1; } .titleBar h1 em { color: rgb(100,100,100); } .titleBar h1 .Popup { float: left; } #pageDescription { font-size: 12px; color: rgb(150,150,150); margin-top: 2px; } .topCtrl { float: right; } .topCtrl h2 { font-size: 12pt; } /** images **/ img { -ms-interpolation-mode: bicubic; } a.avatar { *cursor: pointer; /* IE7 refuses to do this */ } .avatar img, .avatar .img, .avatarCropper { padding: 2px; border: 1px solid rgb(0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); _border: 1px solid rgb(0, 0, 0); -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; background-color: rgba(28, 26, 28, 0); } .avatar.plainImage img, .avatar.plainImage .img { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; padding: 0; background-position: left top; } .avatar .img { display: block; background-repeat: no-repeat; background-position: 2px 2px; text-indent: 1000px; overflow: hidden; white-space: nowrap; word-wrap: normal; } .avatar .img.s { width: 48px; height: 48px; } .avatar .img.m { width: 96px; height: 96px; } .avatar .img.l { width: 192px; height: 192px; } .avatarCropper { width: 192px; height: 192px; direction: ltr; } .avatarCropper a, .avatarCropper span, .avatarCropper label { overflow: hidden; position: relative; display: block; width: 192px; height: 192px; } .avatarCropper img { padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; position: relative; display: block; } .avatarScaler img { max-width: 192px; _width: 192px; } /* ***************************** */ body .dimmed, body a.dimmed, body .dimmed a { color: rgb(100,100,100); } body .muted, body a.muted, body .muted a { color: rgb(254, 254, 254); } body .faint, body a.faint, body .faint a { color: rgb(200,200,200); } .highlight { font-weight: bold; } .concealed, .concealed a, .cloaked, .cloaked a { text-decoration: inherit !important; color: inherit !important; *clear:expression( style.color = parentNode.currentStyle.color, style.clear = "none", 0); } a.concealed:hover, .concealed a:hover { text-decoration: underline !important; } /* ***************************** */ .xenTooltip { font-size: 11px; color: rgb(255, 255, 255); background: url(rgba.php?r=0&g=0&b=0&a=153); background: rgba(0,0,0, 0.6); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; display: none; z-index: 15000; cursor: default; } .xenTooltip a, .xenTooltip a:hover { color: rgb(255, 255, 255); text-decoration: underline; } .xenTooltip .arrow { border-top: 6px solid rgb(0,0,0); border-top: 6px solid rgba(0,0,0, 0.6); _border-top: 6px solid rgb(0,0,0); border-right: 6px solid transparent; border-bottom: 1px none black; border-left: 6px solid transparent; position: absolute; bottom: -6px; line-height: 0px; width: 0px; height: 0px; left: 9px; /* Hide from IE6 */ _display: none; } .xenTooltip.flipped .arrow { left: auto; right: 9px; } .xenTooltip.statusTip { /* Generated by XenForo.StatusTooltip JavaScript */ padding: 5px 10px; line-height: 17px; width: 250px; height: auto; } .xenTooltip.statusTip .arrow { border: 6px solid transparent; border-right-color: rgb(0,0,0); border-right-color: rgba(0,0,0, 0.6); _border-right-color: rgb(0,0,0); border-left: 1px none black; top: 6px; left: -6px; bottom: auto; right: auto; } .xenTooltip.iconTip { margin-left: -6px; } .xenTooltip.iconTip.flipped { margin-left: 7px; } /* ***************************** */ #PreviewTooltip { display: none; } .xenPreviewTooltip { border: 10px solid rgb(0,0,0); border: 10px solid rgba(0,0,0, 0.5); _border: 10px solid rgb(0,0,0); -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; position: relative; -webkit-box-shadow: 0px 12px 25px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 12px 25px rgba(0,0,0, 0.5); -khtml-box-shadow: 0px 12px 25px rgba(0,0,0, 0.5); box-shadow: 0px 12px 25px rgba(0,0,0, 0.5); width: 400px; display: none; z-index: 15000; cursor: default; border-color: rgb(0,0,0); border-color: rgba(0,0,0, 0.5); _border-color: rgb(0,0,0); } .xenPreviewTooltip .arrow { border-top: 15px solid rgb(3,42,70); border-top: 15px solid rgba(3,42,70, 0.25); _border-top: 15px solid rgb(3,42,70); border-right: 15px solid transparent; border-bottom: 1px none black; border-left: 15px solid transparent; position: absolute; bottom: -15px; left: 22px; _display: none; } .xenPreviewTooltip .arrow span { border-top: 15px solid rgb(51, 51, 51); border-right: 15px solid transparent; border-bottom: 1px none black; border-left: 15px solid transparent; position: absolute; top: -17px; left: -15px; } .xenPreviewTooltip .section, .xenPreviewTooltip .sectionMain, .xenPreviewTooltip .primaryContent, .xenPreviewTooltip .secondaryContent { margin: 0; } .xenPreviewTooltip .previewContent { overflow: hidden; zoom: 1; min-height: 1em; } /* ***************************** */ .importantMessage { margin: 10px 0; color: #6d3f03; background-color: #fff4e5; text-align: center; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border: solid 1px #f9bc6d; } .importantMessage a { font-weight: bold; color: #6d3f03; } /* ***************************** */ .section { margin: 10px auto; } .sectionMain { } .heading, .xenForm .formHeader { font-weight: bold; font-size: 11pt; color: rgb(240, 240, 240); background-color: #65a5d1; padding: 5px 10px; margin-bottom: 3px; border-bottom: 1px solid rgb(34, 34, 34); -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; } .heading a { color: rgb(240, 240, 240); } .subHeading { font-size: 15px; font-family: 'Open Sans', sans-serif; color: rgb(255, 255, 255); background-color: rgb(151, 57, 65); padding: 12px 10px; margin: 3px auto 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .subHeading a { color: rgb(255, 255, 255); } .textHeading, .xenForm .sectionHeader { font-weight: bold; color: #fff; padding-bottom: 2px; margin: 10px auto 5px; border-bottom: 1px solid rgb(88, 88, 88); } .xenForm .sectionHeader, .xenForm .formHeader { margin: 10px 0; } .primaryContent > .textHeading:first-child, .secondaryContent > .textHeading:first-child { margin-top: 0; } .larger.textHeading, .xenForm .sectionHeader { color: rgb(51, 51, 51); font-size: 11pt; margin-bottom: 6px; } .larger.textHeading a, .xenForm .sectionHeader a { color: rgb(51, 51, 51); } .primaryContent { background-color: rgb(51, 51, 51); padding: 10px; border-bottom: 1px solid rgb(80, 80, 80); } .primaryContent a { color: rgb(190, 190, 190); } .secondaryContent { background-color: rgb(45, 45, 45); padding: 10px; border-bottom: 1px solid rgb(88, 88, 88); -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; } .secondaryContent a { color: #fff; } .secondaryContent2 { background-color: rgb(45, 45, 45); padding: 10px; border-bottom: 1px solid rgb(88, 88, 88); } .secondaryContent2 a { color: #fff; } .secondaryContent3 { background-color: rgb(45, 45, 45); padding: 10px; border-bottom: 1px solid rgb(88, 88, 88); padding-bottom: 35px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; } .secondaryContent3 a { color: #fff; } .sectionFooter { overflow: hidden; zoom: 1; font-size: 12px; color: rgb(200,200,200); background-color: #222222; padding: 4px 10px; border-bottom: 1px solid #222222; line-height: 16px; } .sectionFooter a { color: rgb(200,200,200); } .sectionFooter .left { float: left; } .sectionFooter .right { float: right; } /* used for section footers with central buttons, esp. in report viewing */ .actionList { text-align: center; } /* left-right aligned options */ .opposedOptions { overflow: hidden; zoom: 1; } .opposedOptions .left { float: left; } .opposedOptions .right { float: right; } .columns { overflow: hidden; zoom: 1; } .columns .columnContainer { float: left; } .columns .columnContainer .column { margin-left: 3px; } .columns .columnContainer:first-child .column { margin-left: 0; } .c50_50 .c1, .c50_50 .c2 { width: 49.99%; } .c70_30 .c1 { width: 70%; } .c70_30 .c2 { width: 29.99%; } .c60_40 .c1 { width: 60%; } .c60_40 .c2 { width: 39.99%; } .c40_30_30 .c1 { width: 40%; } .c40_30_30 .c2, .c40_30_30 .c3 { width: 29.99%; } .c50_25_25 .c1 { width: 50%; } .c50_25_25 .c2, .c50_25_25 .c3 { width: 25%; } /* ***************************** */ /* Basic Tabs */ .tabs { font-size: 12px; background-color: rgb(34, 34, 34); padding: 0 10px; border-bottom: 1px solid #222222; word-wrap: normal; min-height: 30px; _height: 23px; display: table; width: 100%; *width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .tabs li { float: left; } .tabs li a, .tabs.noLinks li { color: #fff; text-decoration: none; background-color: #222222; padding: 0 8px; margin-right: -1px; margin-bottom: -1px; border: 1px solid #222222; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; display: inline-block; line-height: 30px; cursor: pointer; outline: 0 none; white-space: nowrap; word-wrap: normal; height: 30px; } .tabs li:hover a, .tabs.noLinks li:hover { text-decoration: none; background-color: rgb(51, 51, 51); } .tabs li.active a, .tabs.noLinks li.active { background-color: rgb(51, 51, 51); padding-bottom: 1px; border-bottom: 1px none black; } /* Tabs inside forms */ .xenForm .tabs, .xenFormTabs { padding: 5px 30px 0; } @media (max-width:480px) { .Responsive .tabs li { float: none; } .Responsive .tabs li a, .Responsive .tabs.noLinks li { display: block; } .Responsive .tabs { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .Responsive .tabs li { flex-grow: 1; -webkit-flex-grow: 1; text-align: center; } .Responsive .xenForm .tabs, .Responsive .xenFormTabs { padding-left: 10px; padding-right: 10px; } } /* ***************************** */ /* Popup Menus */ .Popup { position: relative; } .Popup.inline { display: inline; } /** Popup menu trigger **/ .Popup .arrowWidget { /* circle-arrow-down */ background-color: transparent; margin-top: -5px; margin-left: 2px; display: inline-block; *margin-top: 0; vertical-align: middle; width: 13px; height: 14px; } .PopupOpen .arrowWidget { /* circle-arrow-up */ background-position: -16px 0; } .Popup .PopupControl, .Popup.PopupContainerControl { display: inline-block; cursor: pointer; } .Popup .PopupControl:hover, .Popup.PopupContainerControl:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(88, 88, 88); } .Popup .PopupControl:focus, .Popup .PopupControl:active, .Popup.PopupContainerControl:focus, .Popup.PopupContainerControl:active { outline: 0; } .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen { color: rgb(200,200,200); background-color: #333333; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .Popup .PopupControl.BottomControl.PopupOpen, .Popup.PopupContainerControl.BottomControl.PopupOpen { -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } .Popup .PopupControl.PopupOpen:hover, .Popup.PopupContainerControl.PopupOpen:hover { text-decoration: none; } /** Menu body **/ .Menu { /*background-color: #ffffff;*/ font-size: 12px; border: 1px solid rgb(151, 57, 65); overflow: hidden; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 5px 5px rgba(0,0,0, 0.5); -khtml-box-shadow: 0px 5px 5px rgba(0,0,0, 0.5); box-shadow: 0px 5px 5px rgba(0,0,0, 0.5); /*border-top: 5px solid #6cb2e4;*/ min-width: 200px; *width: 200px; /* makes menus actually work... */ position: absolute; z-index: 7500; display: none; } /* allow menus to operate when JS is disabled */ .Popup:hover .Menu { display: block; } .Popup:hover .Menu.JsOnly { display: none; } .Menu.BottomControl { border-top-width: 1px; border-bottom-width: 3px; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; -khtml-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; } .Menu > li > a, .Menu .menuRow { display: block; } /* Menu header */ .Menu .menuHeader { overflow: hidden; zoom: 1; } .Menu .menuHeader h3 { font-size: 15px; } .Menu .menuHeader .muted { font-size: 12px; } /* Standard menu sections */ .Menu .primaryContent { background-color: rgba(51, 51, 51, 0.96); } .Menu .secondaryContent { background-color: rgba(45, 45, 45, 0.96); } .Menu .sectionFooter { background-color: rgba(34, 34, 34, 0.9); } /* Links lists */ .Menu .blockLinksList { max-height: 400px; overflow: auto; } /* form popups */ .formPopup { width: 250px; background-color: rgb(252, 252, 255); } .formPopup form, .formPopup .ctrlUnit { margin: 5px auto; } .formPopup .ctrlUnit { } .formPopup .textCtrl, .formPopup .button { width: 232px; } .formPopup .ctrlUnit > dt label { display: block; margin-bottom: 2px; } .formPopup .submitUnit dd { text-align: center; } .formPopup .ctrlUnit > dd .explain { margin: 2px 0 0; } .formPopup .primaryControls { zoom: 1; white-space: nowrap; word-wrap: normal; padding: 0 5px; } .formPopup .primaryControls input.textCtrl { margin-bottom: 0; } .formPopup .secondaryControls { padding: 0 5px; } .formPopup .controlsWrapper { background: rgb(88, 88, 88) none repeat-x top; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 5px; margin: 5px 0; font-size: 11px; } .formPopup .controlsWrapper .textCtrl { width: 222px; } .formPopup .advSearchLink { display: block; text-align: center; padding: 5px; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border: 1px solid rgb(88, 88, 88); background: rgb(51, 51, 51) none repeat-x top; } .formPopup .advSearchLink:hover { background-color: rgb(88, 88, 88); text-decoration: none; } /* All overlays must have this */ .xenOverlay { display: none; z-index: 10000; width: 90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; max-width: 690px; /*calc: 90=overlay padding+borders*/ } .xenOverlay .overlayScroll { max-height: 400px; overflow: auto; } .xenOverlay .overlayScroll.ltr { direction: ltr; } .xenOverlay .overlayScroll .sortable-placeholder { background-color: rgb(51, 51, 51); } .xenOverlay .overlayContain { overflow-x: auto; } .xenOverlay .overlayContain.ltr { direction: ltr; } .overlayOnly /* needs a bit more specificity over regular buttons */ { display: none !important; } .xenOverlay .overlayOnly { display: block !important; } .xenOverlay input.overlayOnly, .xenOverlay button.overlayOnly, .xenOverlay a.overlayOnly { display: inline !important; } .xenOverlay a.close { font-size: 28px; position: absolute; right: 4px; top: 4px; cursor: pointer; text-align: center; width: 35px; height: 35px; } .xenOverlay .nonOverlayOnly { display: none !important; } /* Generic form overlays */ .xenOverlay .formOverlay { color: #eee; background: url(rgba.php?r=0&g=0&b=0&a=191); background: rgba(0,0,0, 0.75); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); padding: 15px 25px; border: 20px solid rgb(0,0,0); border: 20px solid rgba(0,0,0, 0.25); _border: 20px solid rgb(0,0,0); -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); -moz-box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); -khtml-box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); _zoom: 1; margin: 0; } .Touch .xenOverlay .formOverlay { background: rgb(0, 0, 0); -webkit-box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; } .xenOverlay .formOverlay a.muted, .xenOverlay .formOverlay .muted a { color: rgb(150,150,150); } .xenOverlay .formOverlay .heading { font-weight: bold; font-size: 12pt; color: rgb(255, 255, 255); background-color: rgb(34, 34, 34); padding: 5px 10px; margin-bottom: 10px; border: 1px solid #2b485c; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .xenOverlay .formOverlay .subHeading { font-weight: bold; font-size: 11px; color: rgb(255, 255, 255); background-color: #2b485c; padding: 5px 10px; margin-bottom: 10px; border: 1px solid rgb(34, 34, 34); -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .xenOverlay .formOverlay .textHeading { color: rgb(255, 255, 255); } .xenOverlay .formOverlay > p { padding-left: 10px; padding-right: 10px; } .xenOverlay .formOverlay .textCtrl { color: #fff; background-color: #222; border-color: #080808; } .xenOverlay .formOverlay .textCtrl option { background-color: #222; } .xenOverlay .formOverlay .textCtrl:focus, .xenOverlay .formOverlay .textCtrl.Focus { background: #333 none; } .xenOverlay .formOverlay .textCtrl:focus option { background: #333 none; } .xenOverlay .formOverlay .textCtrl.disabled { background: url(rgba.php?r=0&g=0&b=0&a=63); background: rgba(0,0,0, 0.25); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000,endColorstr=#3F000000); } .xenOverlay .formOverlay .textCtrl.disabled option { background: url(rgba.php?r=0&g=0&b=0&a=63); background: rgba(0,0,0, 0.25); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000,endColorstr=#3F000000); } .xenOverlay .formOverlay .textCtrl.prompt { color: rgb(160,160,160); } .xenOverlay .formOverlay .ctrlUnit > dt dfn, .xenOverlay .formOverlay .ctrlUnit > dd li .hint, .xenOverlay .formOverlay .ctrlUnit > dd .explain { color: #bbb; } .xenOverlay .formOverlay a { color: #fff; } .xenOverlay .formOverlay a.button { } .xenOverlay .formOverlay .avatar img, .xenOverlay .formOverlay .avatar .img, .xenOverlay .formOverlay .avatarCropper { background-color: transparent; } /* tabs in form overlay */ .xenOverlay .formOverlay .tabs /* the actual tabs */ { background: transparent none; border-color: rgb(51, 51, 51); } .xenOverlay .formOverlay .tabs a { background: transparent none; border-color: rgb(51, 51, 51); } .xenOverlay .formOverlay .tabs a:hover { background: url(rgba.php?r=255&g=255&b=255&a=63); background: rgba(255,255,255, 0.25); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3FFFFFFF,endColorstr=#3FFFFFFF); } .xenOverlay .formOverlay .tabs .active a { background-color: black; } .xenOverlay .formOverlay .tabPanel /* panels switched with the tab controls */ { background: transparent url('styles/flatawesomedark/xenforo/color-picker/panel.png') repeat-x top; border: 1px solid rgb(51, 51, 51); } /* Generic overlays */ .xenOverlay .section, .xenOverlay .sectionMain { padding: 0px; border: 20px solid rgb(51,51,51); border: 20px solid rgba(51,51,51, 0.50); _border: 20px solid rgb(51,51,51); -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 25px 50px rgba(51,51,51,0.50); -moz-box-shadow: 0px 25px 50px rgba(51,51,51,0.50); -khtml-box-shadow: 0px 25px 50px rgba(51,51,51,0.50); box-shadow: 0px 25px 50px rgba(51,51,51,0.50); border-color: rgb(51,51,51); border-color: rgba(51,51,51, 0.50); _border-color: rgb(51,51,51); } .Touch .xenOverlay .section, .Touch .xenOverlay .sectionMain { border-color: rgb(51, 51, 51); -webkit-box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; } .xenOverlay > .section, .xenOverlay > .sectionMain { background: none; margin: 0; } .xenOverlay .section .heading, .xenOverlay .sectionMain .heading { -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; margin-bottom: 0; } .xenOverlay .section .subHeading, .xenOverlay .sectionMain .subHeading { margin-top: 0; } .xenOverlay .section .sectionFooter, .xenOverlay .sectionMain .sectionFooter { overflow: hidden; zoom: 1; } .xenOverlay .sectionFooter .buttonContainer { line-height: 31px; } .xenOverlay .sectionFooter .button, .xenOverlay .sectionFooter .buttonContainer { min-width: 75px; *min-width: 0; float: right; margin-left: 5px; } .xenOverlay .sectionFooter .buttonContainer .button { float: none; margin-left: 0; } /* The AJAX progress indicator overlay */ #AjaxProgress.xenOverlay { width: 100%; max-width: none; overflow: hidden; zoom: 1; } #AjaxProgress.xenOverlay .content { background: rgb(0, 0, 0) url('styles/flatawesomedark/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center; background: rgba(0,0,0, 0.5) url('styles/flatawesomedark/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; float: right; width: 85px; height: 30px; } .Touch #AjaxProgress.xenOverlay .content { background-color: rgb(0, 0, 0); } /* Timed message for redirects */ .xenOverlay.timedMessage { color: black; background: transparent url('styles/flatawesomedark/xenforo/overlay/timed-message.png') repeat-x; border-bottom: 1px solid black; max-width: none; width: 100%; } .xenOverlay.timedMessage .content { font-size: 18pt; padding: 30px; text-align: center; } /* Growl-style message */ #StackAlerts { position: fixed; bottom: 70px; left: 35px; z-index: 9999; /* in front of the expose mask */ } #StackAlerts .stackAlert { position: relative; width: 270px; border: 1px solid #6cb2e4; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0, 0.4); -moz-box-shadow: 2px 2px 5px 0 rgba(0,0,0, 0.4); -khtml-box-shadow: 2px 2px 5px 0 rgba(0,0,0, 0.4); box-shadow: 2px 2px 5px 0 rgba(0,0,0, 0.4); margin-top: 5px; } #StackAlerts .stackAlertContent { padding: 10px; padding-right: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: solid 2px rgb(88, 88, 88); background: url(rgba.php?r=51&g=51&b=51&a=229); background: rgba(51, 51, 51, 0.9); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5333333,endColorstr=#E5333333); font-size: 11px; font-weight: bold; } /* Inline Editor */ .xenOverlay .section .messageContainer { padding: 0; } .xenOverlay .section .messageContainer .mceLayout { border: none; } .xenOverlay .section .messageContainer tr.mceFirst td.mceFirst { border-top: none; } .xenOverlay .section .messageContainer tr.mceLast td.mceLast, .xenOverlay .section .messageContaner tr.mceLast td.mceIframeContainer { border-bottom: none; } .xenOverlay .section .textCtrl.MessageEditor, .xenOverlay .section .mceLayout, .xenOverlay .section .bbCodeEditorContainer textarea { width: 100% !important; min-height: 260px; _height: 260px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } @media (max-width:610px) { .Responsive .xenOverlay { width: 100%; } .Responsive .xenOverlay .formOverlay, .Responsive .xenOverlay .section, .Responsive .xenOverlay .sectionMain { -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border-width: 10px; } .Responsive .xenOverlay a.close { top: 0; right: 0; width: 28px; height: 28px; background-size: 100% 100%; } } .alerts .alertGroup { margin-bottom: 20px; } .alerts .primaryContent { overflow: hidden; zoom: 1; padding: 5px; } .alerts .avatar { float: left; } .alerts .avatar img { width: 32px; height: 32px; } .alerts .alertText { margin-left: 32px; padding: 0 5px; } .alerts h3 { display: inline; } .alerts h3 .subject { font-weight: bold; } .alerts .timeRow { font-size: 11px; margin-top: 5px; } .alerts .newIcon, .alertsPopup .newIcon { display: inline-block; vertical-align: baseline; margin-left: 2px; width: 11px; height: 11px; color: rgb(151, 57, 65); } /** Data tables **/ table.dataTable { width: 100%; _width: 99.5%; margin: 10px 0; } .dataTable caption { font-weight: bold; font-size: 11pt; color: rgb(240, 240, 240); background-color: #65a5d1; padding: 5px 10px; margin-bottom: 3px; border-bottom: 1px solid rgb(34, 34, 34); -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; } .dataTable tr.dataRow td { border-bottom: 1px solid rgb(88, 88, 88); padding: 5px 10px; word-wrap: break-word; } .dataTable tr.dataRow td.secondary { background: rgb(51, 51, 51) none repeat-x top; } .dataTable tr.dataRow th { background: #333 none repeat-x top; border-bottom: 1px solid #222; border-top: 1px solid #222; color: #fff; font-size: 11px; padding: 5px 10px; } .dataTable tr.dataRow th a { color: inherit; text-decoration: underline; } .dataTable .dataRow .dataOptions { text-align: right; white-space: nowrap; word-wrap: normal; padding: 0; } .dataTable .dataRow .important, .dataTable .dataRow.important { font-weight: bold; } .dataTable .dataRow .dataOptions a.secondaryContent { display: inline-block; border-left: 1px solid rgb(88, 88, 88); border-bottom: none; padding: 7px 10px 6px; font-size: 11px; } .dataTable .dataRow .dataOptions a.secondaryContent:hover { background-color: rgb(88, 88, 88); text-decoration: none; } .dataTable .dataRow .delete { padding: 0px; width: 26px; border-left: 1px solid rgb(88, 88, 88); background-color: rgb(45, 45, 45); } .dataTable .dataRow .delete a { display: block; cursor: pointer; padding: 5px; width: 16px; height: 16px; overflow: hidden; white-space: nowrap; text-indent: -1000px; } .memberListItem { overflow: hidden; zoom: 1; } .memberListItem .avatar, .memberListItem .icon { float: left; } /* ----------------------- */ .memberListItem .extra { font-size: 12px; float: right; } .memberListItem .extra .DateTime { display: block; } .memberListItem .extra .bigNumber { font-size: 250%; color: rgb(150,150,150); } .memberListItem .member { margin-left: 65px; } /* ----------------------- */ .memberListItem h3.username { font-weight: bold; font-size: 13pt; color: rgb(151, 57, 65) !important; margin-bottom: 3px; } .memberListItem .username.guest { font-style: italic; font-weight: normal; } /* ----------------------- */ .memberListItem .userInfo { font-size: 12px; margin-bottom: 3px; } .memberListItem .userBlurb { } .memberListItem .userBlurb .userTitle { font-weight: bold; } .memberListItem .userStats dt, .memberListItem .userStats dd { white-space: nowrap; } /* ----------------------- */ .memberListItem .member .contentInfo { margin-top: 5px; } /* ----------------------- */ /* extended member list items have a fixed 200px right column */ .memberListItem.extended .extra { width: 200px; } .memberListItem.extended .member { margin-right: 210px; } /* Styling for hover-dismiss controls */ .DismissParent .DismissCtrl { position: absolute; top: 12px; right: 5px; display: block; color: white; width: 16px; height: 16px; line-height: 15px; text-align: center; font-size: 18px !important; opacity: .4; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; font-size: 10px; overflow: hidden; white-space: nowrap; cursor: pointer; } .DismissParent:hover .DismissCtrl, .Touch .DismissParent .DismissCtrl { opacity: 1; } .DismissParent:hover .DismissCtrl:hover { background-position: -96px 0; } .DismissParent:hover .DismissCtrl:active { background-position: -112px 0; } /* ***************************** */ /* un-reset, mostly from YUI */ .baseHtml h1 { font-size:138.5%; } .baseHtml h2 { font-size:123.1%; } .baseHtml h3 { font-size:108%; } .baseHtml h1, .baseHtml h2, .baseHtml h3 { margin:1em 0; } .baseHtml h1, .baseHtml h2, .baseHtml h3, .baseHtml h4, .baseHtml h5, .baseHtml h6, .baseHtml strong { font-weight:bold; } .baseHtml abbr, .baseHtml acronym { border-bottom:1px dotted #000; cursor:help; } .baseHtml em { font-style:italic; } .baseHtml blockquote, .baseHtml ul, .baseHtml ol, .baseHtml dl { margin:1em; } .baseHtml ol, .baseHtml ul, .baseHtml dl { margin-left:3em; margin-right:0; } .baseHtml ul ul, .baseHtml ul ol, .baseHtml ul dl, .baseHtml ol ul, .baseHtml ol ol, .baseHtml ol dl, .baseHtml dl ul, .baseHtml dl ol, .baseHtml dl dl { margin-top:0; margin-bottom:0; } .baseHtml ol li { list-style: decimal outside; } .baseHtml ul li { list-style: disc outside; } .baseHtml ol ul li, .baseHtml ul ul li { list-style-type: circle; } .baseHtml ol ol ul li, .baseHtml ol ul ul li, .baseHtml ul ol ul li, .baseHtml ul ul ul li { list-style-type: square; } .baseHtml ul ol li, .baseHtml ul ol ol li, .baseHtml ol ul ol li { list-style: decimal outside; } .baseHtml dl dd { margin-left:1em; } .baseHtml th, .baseHtml td { border:1px solid #000; padding:.5em; } .baseHtml th { font-weight:bold; text-align:center; } .baseHtml caption { margin-bottom:.5em; text-align:center; } .baseHtml p, .baseHtml pre, .baseHtml fieldset, .baseHtml table { margin-bottom:1em; } .PageNav { font-size: 12px; padding: 2px 0; overflow: hidden; zoom: 1; line-height: 16px; word-wrap: normal; min-width: 150px; white-space: nowrap; } .PageNav .hidden { display: none; } .PageNav .pageNavHeader, .PageNav a, .PageNav .scrollable { display: block; float: left; margin-right: 3px; } .PageNav .pageNavHeader { padding: 1px 0; } .PageNav a { color: rgb(150,150,150); text-decoration: none; background-color: #222222; padding-top: 2px; padding-bottom: 2px; border: 1px solid #222222; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; text-align: center; width: 23px; } /* @property "pageNavPage"; @property "/pageNavPage"; */ .PageNav a[rel=start] { width: 23px !important; } .PageNav a.text { width: auto !important; padding: 0 4px; } .PageNav a { } .PageNav a.currentPage { color: rgb(255, 255, 255); background-color: rgb(151, 57, 65); border-color: rgb(151, 57, 65); position: relative; } a.PageNavPrev, a.PageNavNext { color: rgb(255, 255, 255); background-color: transparent; padding: 1px; border: 1px none black; cursor: pointer; width: 23px !important; } .PageNav a:hover, .PageNav a:focus { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(139, 62, 56); border-color: rgb(139, 62, 56); } .PageNav a.distinct { margin-left: 3px; } .PageNav .scrollable { position: relative; overflow: hidden; width: 137px; /* width of 5 page numbers plus their margin & border */ height: 18px; /* only needs to be approximate */ } .PageNav .scrollable .items { display: block; width: 20000em; /* contains scrolling items, should be huge */ position: absolute; display: block; } /** Edge cases - large numbers of digits **/ .PageNav .gt999 { font-size: 9px; letter-spacing: -0.05em; } .PageNav.pn5 a { width: 29px; } .PageNav.pn5 .scrollable { width: 167px; } .PageNav.pn6 a { width: 33px; } .PageNav.pn6 .scrollable { width: 187px; } .PageNav.pn7 a { width: 37px; } .PageNav.pn7 .scrollable { width: 207px; } @media (max-width:610px) { .Responsive .PageNav .pageNavHeader { display: none; } } @media (max-width:480px) { .Responsive .PageNav .unreadLink { display: none; } } /* ***************************** */ /* DL Name-Value Pairs */ .pairs dt, .pairsInline dt, .pairsRows dt, .pairsColumns dt, .pairsJustified dt { color: rgb(255, 255, 255); } .pairsRows, .pairsColumns, .pairsJustified { line-height: 1.5; } .pairsInline dl, .pairsInline dt, .pairsInline dd { display: inline; } .pairsRows dt, .pairsRows dd { display: inline-block; vertical-align: top; *display: inline; *margin-right: 1ex; *zoom: 1; } dl.pairsColumns, dl.pairsJustified, .pairsColumns dl, .pairsJustified dl { overflow: hidden; zoom: 1; } .pairsColumns dt, .pairsColumns dd { float: left; width: 48%; } .pairsJustified dt { float: left; max-width: 100%; margin-right: 5px; } .pairsJustified dd { float: right; text-align: right; max-width: 100% } /* ***************************** */ /* Lists that put all elements on a single line */ .listInline ul, .listInline ol, .listInline li, .listInline dl, .listInline dt, .listInline dd { display: inline; } /* intended for use with .listInline, produces 'a, b, c, d' / 'a * b * c * d' lists */ .commaImplode li:after, .commaElements > *:after { content: ', '; } .commaImplode li:last-child:after, .commaElements > *:last-child:after { content: ''; } .bulletImplode li:before { content: '\2022\a0'; } .bulletImplode li:first-child:before { content: ''; } /* Three column list display */ .threeColumnList { overflow: hidden; zoom: 1; } .threeColumnList li { float: left; width: 32%; margin: 2px 1% 2px 0; } .twoColumnList { overflow: hidden; zoom: 1; } .twoColumnList li { float: left; width: 48%; margin: 2px 1% 2px 0; } /* ***************************** */ /* Preview tooltips (threads etc.) */ .previewTooltip { } .previewTooltip .avatar { float: left; } .previewTooltip .text { margin-left: 64px; } .previewTooltip blockquote { font-size: 15px; font-family: 'Open Sans', sans-serif; line-height: 1.7; font-size: 10pt; max-height: 150px; overflow: hidden; } .previewTooltip .posterDate { font-size: 11px; padding-top: 5px; border-top: 1px solid rgb(88, 88, 88); margin-top: 5px; } /* ***************************** */ /* List of block links */ .blockLinksList { font-size: 12px; padding: 2px; } .blockLinksList a, .blockLinksList label { color: rgb(214, 214, 214); padding: 5px 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; display: block; outline: 0 none; } .blockLinksList a:hover, .blockLinksList a:focus, .blockLinksList li.kbSelect a, .blockLinksList label:hover, .blockLinksList label:focus, .blockLinksList li.kbSelect label { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(88, 88, 88); } .blockLinksList a:active, .blockLinksList a.selected, .blockLinksList label:active, .blockLinksList label.selected { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); } .blockLinksList a.selected, .blockLinksList label.selected { font-weight: bold; display: block; } .blockLinksList span.depthPad { display: block; } .blockLinksList .itemCount { font-weight: bold; font-size: 9px; color: white; background-color: #e03030; padding: 0 2px; position: absolute; right: 5px; top: 1px; line-height: 14px; min-width: 12px; _width: 12px; text-align: center; text-shadow: none; white-space: nowrap; word-wrap: normal; -webkit-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -moz-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -khtml-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); height: 14px; float: right; position: relative; right: 0; top: -1px; } .blockLinksList .itemCount.Zero { display: none; } .bubbleLinksList { overflow: hidden; } .bubbleLinksList a { float: left; padding: 2px 4px; margin-right: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-decoration: none; } .bubbleLinksList a:hover, .bubbleLinksList a:active { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(88, 88, 88); } .bubbleLinksList a.active { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); font-weight: bold; display: block; } /* ***************************** */ /* Normally-indented nested lists */ .indentList ul, .indentList ol { margin-left: 2em; } /* ***************************** */ /* AJAX progress image */ .InProgress { background: transparent url('styles/flatawesomedark/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat right center; } /* ***************************** */ /* Hidden inline upload iframe */ .hiddenIframe { display: block; width: 500px; height: 300px; } /* ***************************** */ /* Exception display */ .traceHtml { font-size:11px; font-family:calibri, verdana, arial, sans-serif; } .traceHtml .function { color:rgb(180,80,80); font-weight:normal; } .traceHtml .file { font-weight:normal; } .traceHtml .shade { color:rgb(128,128,128); } .traceHtml .link { font-weight:bold; } /* ***************************** */ /* Indenting for options */ ._depth0 { padding-left: 0em; } ._depth1 { padding-left: 2em; } ._depth2 { padding-left: 4em; } ._depth3 { padding-left: 6em; } ._depth4 { padding-left: 8em; } ._depth5 { padding-left: 10em; } ._depth6 { padding-left: 12em; } ._depth7 { padding-left: 14em; } ._depth8 { padding-left: 16em; } ._depth9 { padding-left: 18em; } .xenOverlay .errorOverlay { color: white; padding: 25px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; border: 20px solid rgb(0,0,0); border: 20px solid rgba(0,0,0, 0.25); _border: 20px solid rgb(0,0,0); background: url(rgba.php?r=0&g=0&b=0&a=191); background: rgba(0,0,0, 0.75); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); } .xenOverlay .errorOverlay .heading { padding: 5px 10px; font-weight: bold; font-size: 12pt; background: rgb(180,0,0); color: white; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border: 1px solid rgb(100,0,0); } .xenOverlay .errorOverlay li { line-height: 2; } .xenOverlay .errorOverlay .exceptionMessage { color: rgb(150,150,150); } /*** inline errors ***/ .formValidationInlineError { display: none; position: absolute; z-index: 5000; background-color: white; border: 1px solid rgb(180,0,0); color: rgb(180,0,0); -webkit-box-shadow: 2px 2px 10px #999; -moz-box-shadow: 2px 2px 10px #999; -khtml-box-shadow: 2px 2px 10px #999; box-shadow: 2px 2px 10px #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding: 2px 5px; font-size: 11px; width: 175px; min-height: 2.5em; _height: 2.5em; word-wrap: break-word; } .formValidationInlineError.inlineError { position: static; width: auto; min-height: 0; } /** Block errors **/ .errorPanel { margin: 10px 0 20px; color: rgb(180,0,0); background: rgb(255, 235, 235); -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border: 1px solid rgb(180,0,0); } .errorPanel .errorHeading { margin: .75em; font-weight: bold; font-size: 12pt; } .errorPanel .errors { margin: .75em 2em; display: block; line-height: 1.5; } @media (max-width:800px) { .Responsive .formValidationInlineError { position: static; width: auto; min-height: auto; } } /* Undo some nasties */ input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; } /* ignored content hiding */ .ignored { display: none !important; } /* Misc */ .floatLeft { float: left; } .floatRight { float: right; } .ltr { direction: ltr; } /* Square-cropped thumbs */ .SquareThumb { position: relative; display: block; overflow: hidden; padding: 0; direction: ltr; /* individual instances can override this size */ width: 48px; height: 48px; } .SquareThumb img { position: relative; display: block; } /* Basic, common, non-templated BB codes */ .bbCodeImage { max-width: 100%; } .bbCodeImageFullSize { position: absolute; z-index: 50000; background-color: rgb(51, 51, 51); } .bbCodeStrike { text-decoration: line-through; } img.mceSmilie, img.mceSmilieSprite { vertical-align: text-bottom; margin: 0 1px; } /* smilie sprite classes */ .visibleResponsiveFull { display: inherit !important; } .visibleResponsiveWide, .visibleResponsiveMedium, .visibleResponsiveNarrow { display: none !important; } .hiddenResponsiveFull { display: none !important; } .hiddenResponsiveWide, .hiddenResponsiveMedium, .hiddenResponsiveNarrow { display: inherit !important; } @media (max-width:800px) { .Responsive .visibleResponsiveFull { display: none !important; } .Responsive .hiddenResponsiveFull { display: inherit !important; } .Responsive .hiddenWideUnder { display: none !important; } } @media (min-width:611px) AND (max-width:800px) { .Responsive .visibleResponsiveWide { display: inherit !important; } .Responsive .hiddenResponsiveWide { display: none !important; } } @media (min-width:481px) AND (max-width:610px) { .Responsive .visibleResponsiveMedium { display: inherit !important; } .Responsive .hiddenResponsiveMedium { display: none !important; } .Responsive .hiddenWideUnder, .Responsive .hiddenMediumUnder { display: none !important; } } @media (max-width:480px) { .Responsive .visibleResponsiveNarrow { display: inherit !important; } .Responsive .hiddenResponsiveNarrow { display: none !important; } .Responsive .hiddenWideUnder, .Responsive .hiddenMediumUnder, .Responsive .hiddenNarrowUnder { display: none !important; } } @media (max-width:610px) { .Responsive .threeColumnList li { float: none; width: auto; margin: 2px 1% 2px 0; } } @media (max-width:480px) { .Responsive .xenTooltip.statusTip { width: auto; } .Responsive .xenPreviewTooltip { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: auto; max-width: 100%; } .Responsive .xenPreviewTooltip .arrow { display: none; } .Responsive .previewTooltip .avatar { display: none; } .Responsive .previewTooltip .text { margin-left: 0; } } /* --- form.css --- */ /** Forms **/ .xenForm { margin: 10px auto; max-width: 800px; } .xenOverlay .xenForm { max-width: 600px; } .xenForm .ctrlUnit > dd { width: 68%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-right: 30px; } .xenForm .ctrlUnit > dd .textCtrl { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; } .xenForm .ctrlUnit > dd .textCtrl.indented { width: calc(100% - 16px); } .xenForm .ctrlUnit > dd .textCtrl[size], .xenForm .ctrlUnit > dd .textCtrl.autoSize { width: auto !important; min-width: 0; } .xenForm .ctrlUnit > dd .textCtrl.number { width: 150px; } .xenForm > .sectionHeader:first-child, .xenForm > fieldset > .sectionHeader:first-child { margin-top: 0; } /** Sections **/ .xenForm fieldset, .xenForm .formGroup { border-top: 1px solid rgb(88, 88, 88); margin: 20px auto; } .xenForm > fieldset:first-child, .xenForm > .formGroup:first-child { border-top: none; margin: auto; } .xenForm .PreviewContainer + fieldset, .xenForm .PreviewContainer + .formGroup { border-top: none; } .xenForm fieldset + .ctrlUnit, .xenForm .formGroup + .ctrlUnit, .xenForm .submitUnit { border-top: 1px solid rgb(88, 88, 88); } .xenForm fieldset + .ctrlUnit, .xenForm .formGroup + .ctrlUnit { padding-top: 10px; } .xenForm .primaryContent + .submitUnit, .xenForm .secondaryContent + .submitUnit { margin-top: 0; border-top: none; } .xenForm .ctrlUnit.submitUnit dd { line-height: 31px; padding-top: 0; } .ctrlUnit.submitUnit dd .explain, .ctrlUnit.submitUnit dd .text, .ctrlUnit.submitUnit dd label { line-height: 1.28; } /* now undo that */ .xenOverlay .ctrlUnit.submitUnit dd, .Menu .ctrlUnit.submitUnit dd, #QuickSearch .ctrlUnit.submitUnit dd { border: none; background: none; } .xenForm .ctrlUnit { } .xenForm .ctrlUnit.limited { display: none; } /** Sections Immediately Following Headers **/ .xenForm .sectionHeader + fieldset, .xenForm .heading + fieldset, .xenForm .subHeading + fieldset, .xenForm .sectionHeader + .formGroup, .xenForm .heading + .formGroup, .xenForm .subHeading + .formGroup { border-top: none; margin-top: 0; } .xenForm .formHiderHeader { margin: 10px; font-size: 15px; font-weight: bold; } /** *********************** **/ /** TEXT INPUTS **/ /** *********************** **/ .textCtrl { font-size: 13px; font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff; background-color: #222; padding: 3px; margin-bottom: 2px; border: 1px solid rgb(72, 72, 72); -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; outline: 0; } select.textCtrl { word-wrap: normal; -webkit-appearance: menulist; } select[multiple].textCtrl, select[size].textCtrl { -webkit-appearance: listbox; } select[size="0"].textCtrl, select[size="1"].textCtrl { -webkit-appearance: menulist; } textarea.textCtrl { word-wrap: break-word; } .textCtrl:focus, .textCtrl.Focus { } textarea.textCtrl:focus { } input.textCtrl.disabled, textarea.textCtrl.disabled, .disabled .textCtrl { font-style: italic; color: #000; background-color: rgb(252, 252, 255); } .textCtrl.prompt { font-style: italic; color: rgb(160,160,160); } .textCtrl:-moz-placeholder { /* needs to be in its own rule due to weird selector */ font-style: italic; color: rgb(160,160,160); } .textCtrl::-moz-placeholder { /* needs to be in its own rule due to weird selector */ font-style: italic; color: rgb(160,160,160); } .textCtrl::-webkit-input-placeholder { /* needs to be in its own rule due to weird selector */ font-style: italic; color: rgb(160,160,160); } .textCtrl:-ms-input-placeholder { /* needs to be in its own rule due to weird selector */ font-style: italic; color: rgb(160,160,160); } .textCtrl.autoSize { width: auto !important; } .textCtrl.number, .textCtrl.number input { text-align: right; width: 150px; } .textCtrl.fillSpace { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; _width: 95%; } .textCtrl.code, .textCtrl.code input { font-family: Consolas, "Courier New", Courier, monospace; white-space: pre; word-wrap: normal; direction: ltr; } input.textCtrl[type="password"] { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } input[type="email"], input[type="url"] { direction: ltr; } .textCtrl.titleCtrl, .textCtrl.titleCtrl input { font-size: 18pt; } textarea.textCtrl.Elastic { /* use for jQuery.elastic */ max-height: 300px; } /* for use with wrapped inputs */ .textCtrlWrap { display: inline-block; } .textCtrlWrap input.textCtrl { padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -khtml-border-radius: 0 !important; border-radius: 0 !important; } .textCtrlWrap.blockInput input.textCtrl { border-top: 1px solid rgb(72, 72, 72) !important; margin-top: 4px !important; } .taggingInput.textCtrl { padding-top: 1px; min-height: 25px; } .taggingInput input { margin: 0px; font-size: 12px; border: 1px solid transparent; padding: 0; background: transparent; outline: 0; color: inherit; font-family: inherit; } .taggingInput .tag { border: 1px solid rgb(51, 51, 51); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 0 3px; text-decoration: none; background: rgb(88, 88, 88) url('styles/flatawesomedark/xenforo/gradients/form-button-white-25px.png') repeat-x top; color: rgb(34, 34, 34); margin-right: 3px; margin-top: 2px; font-size: 12px; max-width: 98%; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -khtml-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); } .disabled.taggingInput .tag { opacity: 0.7; } .disabled.taggingInput .tag a { pointer-events: none; } html .taggingInput .tag a { color: #6cb2e4; font-weight: bold; text-decoration: none; } .taggingInput .addTag { display: inline-block; min-width: 150px; max-width: 100%; margin-top: 2px; } .taggingInput .tagsClear { clear: both; width: 100%; height: 0px; float: none; } /** *********************** **/ /** BUTTONS **/ /** *********************** **/ .button { font-style: normal; font-size: 12px; font-family: 'Open Sans', sans-serif; color: rgb(255, 255, 255); background-color: rgb(139, 62, 56); padding: 0px 6px; border-width: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; text-align: center; outline: none; line-height: 30px; display: inline-block; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 30px; } .button.smallButton { font-size: 11px; padding: 0px 4px; line-height: 21px; height: 21px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .button.primary { } input.button.disabled, a.button.disabled, input.button.primary.disabled, a.button.primary.disabled, html .buttonProxy .button.disabled { color: rgb(100,100,100); background-color: #EEE; } .button::-moz-focus-inner { border: none; } a.button { display: inline-block; color: rgb(255, 255, 255); } .button:hover, .button[href]:hover, .buttonProxy:hover .button { text-decoration: none; -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset; -khtml-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset; } .button:focus { } .button:active, .button[href]:active, .button.ToggleButton.checked, .buttonProxy:active .button { -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; -khtml-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; } .button.ToggleButton { cursor: default; width: auto; color: ; } .button.ToggleButton.checked { background-color: rgb(255,150,50); } .button.inputSupplementary { width: 25px; position: absolute; top: 0px; right: 0px; } .button.inputSupplementary.add { color: green; } .button.inputSupplementary.delete { color: red; } .submitUnit .button { min-width: 100px; *min-width: 0; } /** Control Units **/ .xenForm .ctrlUnit { position: relative; margin: 10px auto; } /* clearfix */ .xenForm .ctrlUnit { zoom: 1; } .xenForm .ctrlUnit:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .xenForm .ctrlUnit.fullWidth { overflow: visible; } /** Control Unit Labels **/ .xenForm .ctrlUnit > dt { padding-top: 4px; padding-right: 15px; text-align: right; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 32%; float: left; } /* special long-text label */ .xenForm .ctrlUnit > dt.explain { font-size: 11px; text-align: justify; } .xenForm .ctrlUnit.fullWidth dt, .xenForm .ctrlUnit.submitUnit.fullWidth dt { float: none; width: auto; text-align: left; height: auto; } .xenForm .ctrlUnit.fullWidth dt { margin-bottom: 2px; } .xenForm .ctrlUnit > dt label { margin-left: 30px; } /** Hidden Labels **/ .xenForm .ctrlUnit.surplusLabel dt label { display: none; } /** Section Links **/ .ctrlUnit.sectionLink dt { text-align: left; font-size: 11px; } .ctrlUnit.sectionLink dt a { margin-left: 11px; /*TODO: sectionHeader padding + border*/ } /** Hints **/ .ctrlUnit > dt dfn { font-style: italic; font-size: 10px; color: rgb(150,150,150); margin-left: 30px; display: block; } .ctrlUnit.fullWidth dt dfn { display: inline; margin: 0; } .ctrlUnit > dt dfn b, .ctrlUnit > dt dfn strong { color: rgb(100,100,100); } /** Inline Errors **/ .ctrlUnit > dt .error { font-size: 10px; color: red; display: block; } .ctrlUnit > dt dfn, .ctrlUnit > dt .error, .ctrlUnit > dt a { font-weight: normal; } .xenForm .ctrlUnit.submitUnit dt { height: 19px; display: block; } .ctrlUnit.submitUnit dt.InProgress { background: transparent url('styles/flatawesomedark/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat center center; } /** Control Holders **/ .xenForm .ctrlUnit > dd { /*todo: kill property */ float: left; } .xenForm .ctrlUnit.fullWidth > dd { float: none; width: auto; padding-left: 30px; } /** Explanatory paragraph **/ .ctrlUnit > dd .explain { font-size: 11px; color: rgb(150,150,150); margin-top: 2px; /*TODO:max-width: auto;*/ } .ctrlUnit > dd .explain b, .ctrlUnit > dd .explain strong { color: rgb(100,100,100); } /** List items inside controls **/ .ctrlUnit > dd > * > li { margin: 4px 0 8px; padding-left: 1px; /* fix a webkit display bug */ } .ctrlUnit > dd > * > li:first-child > .textCtrl:first-child { margin-top: -3px; } .ctrlUnit > dd .break { margin-bottom: 0.75em; padding-bottom: 0.75em; } .ctrlUnit > dd .rule { border-bottom: 1px solid rgb(88, 88, 88); } .ctrlUnit > dd .ddText { margin-bottom: 2px; } /** Hints underneath checkbox / radio controls **/ .ctrlUnit > dd > * > li .hint { font-size: 11px; color: rgb(150,150,150); margin-left: 16px; margin-top: 2px; } /** DISABLERS **/ .ctrlUnit > dd > * > li > ul, .ctrlUnit .disablerList, .ctrlUnit .indented { margin-left: 16px; } .ctrlUnit > dd > * > li > ul > li:first-child { margin-top: 6px; } .ctrlUnit > dd .disablerList > li, .ctrlUnit > dd .checkboxColumns > li, .ctrlUnit > dd .choiceList > li { margin-top: 6px; } /** Other stuff... **/ .ctrlUnit > dd .helpLink { font-size: 10px; } .ctrlUnit.textValue dt { padding-top: 0px; } .button.spinBoxButton { font-family: 'Open Sans', sans-serif; font-size: 11pt; } .unitPairsJustified li { overflow: hidden; } .unitPairsJustified li .label { float: left; } .unitPairsJustified li .value { float: right; } #calroot { margin-top: -1px; width: 198px; padding: 2px; background-color: rgba(33,33,33,1); font-size: 11px; border: 1px solid rgb(33,33,33); border: 1px solid rgba(33,33,33, 1); _border: 1px solid rgb(33,33,33); -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 15px #666; -moz-box-shadow: 0 0 15px #666; -khtml-box-shadow: 0 0 15px #666; box-shadow: 0 0 15px #666; z-index: 7500; } #calhead { padding: 2px 0; height: 22px; } #caltitle { font-size: 11pt; color: #65a5d1; float: left; text-align: center; width: 155px; line-height: 20px; } #calnext, #calprev { display: block; width: 20px; height: 20px; font-size: 11pt; line-height: 20px; text-align: center; float: left; cursor: pointer; } #calnext { float: right; } #calprev.caldisabled, #calnext.caldisabled { visibility: hidden; } #caldays { height: 14px; border-bottom: 1px solid #65a5d1; } #caldays span { display: block; float: left; width: 28px; text-align: center; color: #65a5d1; } #calweeks { margin-top: 4px; } .calweek { clear: left; height: 22px; } .calweek a { display: block; float: left; width: 27px; height: 20px; text-decoration: none; font-size: 11px; margin-left: 1px; text-align: center; line-height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .calweek a:hover, .calfocus { background-color: rgb(51, 51, 51); } a.caloff { color: rgb(150,150,150); } a.caloff:hover { background-color: rgb(51, 51, 51); } a.caldisabled { background-color: #efefef !important; color: #ccc !important; cursor: default; } #caltoday { font-weight: bold; } #calcurrent { background-color: #333; color: #fff; } ul.autoCompleteList { background-color: rgb(45, 45, 45); border: 1px solid #6cb2e4; padding: 2px; font-size: 11px; min-width: 180px; _width: 180px; z-index: 1000; } ul.autoCompleteList li { padding: 3px 3px; height: 24px; line-height: 24px; } ul.autoCompleteList li:hover, ul.autoCompleteList li.selected { background-color: rgb(88, 88, 88); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } ul.autoCompleteList img.autoCompleteAvatar { float: left; margin-right: 3px; width: 24px; height: 24px; } ul.autoCompleteList li strong { font-weight: bold; } /** status editor **/ .statusEditorCounter { color: green; } .statusEditorCounter.warning { color: orange; font-weight: bold; } .statusEditorCounter.error { color: red; font-weight: bold; } .explain .statusHeader { display: inline; } .explain .CurrentStatus { color: #fff; font-style: italic; padding-left: 5px; } /* BB code-based editor styling */ .xenForm .ctrlUnit.fullWidth dd .bbCodeEditorContainer textarea { margin-left: 0; min-height: 200px; } .bbCodeEditorContainer a { font-size: 11px; } /* * Fix silly top padding. This may require additional tags in the padding-top selector. */ .xenForm .ctrlUnit > dd { padding-top: 4px; } .xenForm .ctrlUnit.fullWidth > dd { padding-top: 0; } .xenForm .ctrlUnit > dd > input, .xenForm .ctrlUnit > dd > select, .xenForm .ctrlUnit > dd > textarea, .xenForm .ctrlUnit > dd > ul, .xenForm .ctrlUnit > dd > .verticalShift { margin-top: -4px; } .xenForm .ctrlUnit.fullWidth > dd > input, .xenForm .ctrlUnit.submitUnit > dd > input, .xenForm .ctrlUnit.fullWidth > dd > select, .xenForm .ctrlUnit.submitUnit > dd > select, .xenForm .ctrlUnit.fullWidth > dd > textarea, .xenForm .ctrlUnit.submitUnit > dd > textarea, .xenForm .ctrlUnit.fullWidth > dd > ul, .xenForm .ctrlUnit.submitUnit > dd > ul { margin-top: 0; } /* * Multi-column checkboxes */ .xenForm .checkboxColumns > dd > ul, ul.checkboxColumns { -webkit-column-count : 2; -moz-column-count : 2;column-count: 2; -webkit-column-gap : 8px; -moz-column-gap : 8px;column-gap: 8px; } .xenForm .checkboxColumns > dd > ul li, ul.checkboxColumns li { -webkit-column-break-inside : avoid; -moz-column-break-inside : avoid;column-break-inside: avoid; break-inside: avoid-column; margin-bottom: 4px; padding-left: 1px; display: inline-block; width: 100%; } .xenForm .checkboxColumns.blockLinksList > dd > ul li, ul.checkboxColumns.blockLinksList li { display: block; } .xenForm .checkboxColumns.multiple > dd > ul { -webkit-column-count : 1; -moz-column-count : 1;column-count: 1; -webkit-column-gap : 0; -moz-column-gap : 0;column-gap: 0; } .xenForm .checkboxColumns.multiple > dd { -webkit-column-count : 2; -moz-column-count : 2;column-count: 2; -webkit-column-gap : 8px; -moz-column-gap : 8px;column-gap: 8px; } .xenForm .checkboxColumns.multiple > dd > ul { margin-bottom: 18px; } #recaptcha_image { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; max-width: 100%; } #recaptcha_image img { max-width: 100%; } #helper_birthday { display: inline-block; } #helper_birthday > li { display: inline; } html[dir=rtl] #helper_birthday input, html[dir=rtl] #helper_birthday select { direction: rtl; } @media (max-width:480px) { .Responsive .xenForm .ctrlUnit > dt { float: none; width: auto; text-align: left; height: auto; } .Responsive .xenForm .ctrlUnit > dt label, .Responsive .xenForm .ctrlUnit > dt dfn { margin-left: 0; } .Responsive .xenForm .ctrlUnit.submitUnit dt { height: auto; } .Responsive .xenForm .ctrlUnit > dd, .Responsive .xenForm .ctrlUnit.fullWidth dd { float: none; width: auto; text-align: left; height: auto; padding-left: 10px; padding-right: 10px; overflow: hidden; } .Responsive .xenForm .checkboxColumns > dd > ul, .Responsive ul.checkboxColumns { -webkit-column-count : 1; -moz-column-count : 1;column-count: 1; } .Responsive #ctrl_upload { max-width: 200px; } .Responsive .xenForm .ctrlUnit > dd .textCtrl[size], .Responsive .xenForm .ctrlUnit > dd .textCtrl.autoSize { width: 100% !important; } .Responsive .xenForm .ctrlUnit > dd > input, .Responsive .xenForm .ctrlUnit > dd > select, .Responsive .xenForm .ctrlUnit > dd > textarea, .Responsive .xenForm .ctrlUnit > dd > ul, .Responsive .xenForm .ctrlUnit > dd > .verticalShift { margin-top: 0; } } @media (max-width:610px) { .Responsive .insideSidebar .xenForm .ctrlUnit > dt { float: none; width: auto; text-align: left; height: auto; } .Responsive .insideSidebar .xenForm .ctrlUnit > dt label, .Responsive .insideSidebar .xenForm .ctrlUnit > dt dfn { margin-left: 0; } .Responsive .insideSidebar .xenForm .ctrlUnit.submitUnit dt { height: auto; } .Responsive .insideSidebar .xenForm .ctrlUnit > dd, .Responsive .insideSidebar .xenForm .ctrlUnit.fullWidth dd { float: none; width: auto; text-align: left; height: auto; padding-left: 10px; padding-right: 10px; overflow: hidden; } .Responsive .insideSidebar .xenForm .ctrlUnit > dd .textCtrl[size], .Responsive .insideSidebar .xenForm .ctrlUnit > dd .textCtrl.autoSize { width: 100% !important; } .Responsive .insideSidebar .xenForm .ctrlUnit > dd > input, .Responsive .insideSidebar .xenForm .ctrlUnit > dd > select, .Responsive .insideSidebar .xenForm .ctrlUnit > dd > textarea, .Responsive .insideSidebar .xenForm .ctrlUnit > dd > ul { margin-top: -0; } } @media (max-device-width:568px) { .Responsive .textCtrl, .Responsive .taggingInput input, .Responsive .taggingInput .tag { font-size: 16px; } } /* --- public.css --- */ #header { } /* clearfix */ #header .pageWidth .pageContent { zoom: 1; } #header .pageWidth .pageContent:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } #logo { display: block; float: left; line-height: 46px; *line-height: 50px; height: 50px; max-width: 100%; vertical-align: middle; } /* IE6/7 vertical align fix */ #logo span { *display: inline-block; *height: 100%; } #logo a:hover { text-decoration: none; } #logo img { vertical-align: middle; max-width: 100%; } #visitorInfo { float: right; min-width: 250px; _width: 250px; overflow: hidden; zoom: 1; background: rgb(51, 51, 51); padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin: 10px 0; border: 1px solid #032A46; color: #032A46; } #visitorInfo .avatar { float: left; display: block; } #visitorInfo .avatar .img { border-color: #65a5d1; } #visitorInfo .username { font-size: 18px; text-shadow: 0 0 0 transparent, 1px 1px 10px white; color: #032A46; white-space: nowrap; word-wrap: normal; } #alerts { zoom: 1; } #alerts #alertMessages { padding-left: 5px; } #alerts li.alertItem { font-size: 11px; } #alerts .label { color: #032A46; } .footer .pageContent { font-size: 12px; font-family: 'Open Sans', sans-serif; color: rgb(222, 222, 222); background-color: rgb(51, 51, 51); padding-top: 7px; padding-bottom: 7px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; overflow: hidden; zoom: 1; } .footer a, .footer a:visited { color: rgb(222, 222, 222); padding: 5px 8px; display: block; } .footer a:hover, .footer a:active { color: rgb(151, 57, 65); text-decoration: none; } .footer .choosers { padding-left: 5px; float: left; overflow: hidden; zoom: 1; } .footer .choosers dt { display: none; } .footer .choosers dd { float: left; } .footerLinks { padding-right: 5px; float: right; overflow: hidden; zoom: 1; } .footerLinks li { float: left; } .footerLegal .pageContent { font-size: 11px; overflow: hidden; zoom: 1; padding: 5px 5px 15px; text-align: center; } #copyright { color: rgb(100,100,100); float: left; } #legal { float: right; } #legal li { float: left; margin-left: 10px; } @media (max-width:610px) { .Responsive .footerLinks a.globalFeed, .Responsive .footerLinks a.topLink, .Responsive .footerLinks a.homeLink { display: none; } .Responsive .footerLegal .debugInfo { clear: both; } } @media (max-width:480px) { .Responsive #copyright span { display: none; } } .breadBoxTop, .breadBoxBottom { padding: 10px 0; overflow: hidden; zoom: 1; clear: both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .breadBoxTop { } .breadBoxTop .topCtrl { margin-left: 5px; float: right; line-height: 24px; } .breadcrumb { font-size: 12px; color: rgb(255, 255, 255); background-color: #222222; border: 1px solid #222222; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; overflow: hidden; zoom: 1; max-width: 100%; height: 32px; } .breadcrumb.showAll { height: auto; } .breadcrumb .boardTitle { display: none; } .breadcrumb .crust { display: block; float: left; position: relative; zoom: 1; max-width: 50%; } .breadcrumb .crust a.crumb { cursor: pointer; color: rgb(255, 255, 255); text-decoration: none; background-color: #222222; padding: 0 10px 0 18px; margin-bottom: -1px; border-bottom: 1px solid #333333; outline: 0 none; -moz-outline-style: 0 none; display: block; _border-bottom: none; line-height: 32px; } .breadcrumb .crust a.crumb > span { display: block; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; overflow: hidden; max-width: 100%; } .breadcrumb .crust:first-child a.crumb, .breadcrumb .crust.firstVisibleCrumb a.crumb { padding-left: 10px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .breadcrumb .crust:last-child a.crumb { font-weight: bold; } .breadcrumb .crust .arrow { border-style: solid; border-color: transparent; border-top-width: 16px; border-right: 1px none black; border-bottom-width: 16px; border-left-width: 10px; border-left-color: #333333; -moz-border-right-colors: #333333; display: block; position: absolute; right: -9px; top: 0px; z-index: 50; width: 0px; height: 0px; } .breadcrumb .crust .arrow span { border-style: solid; border-color: transparent; border-top-width: 16px; border-right: 1px none black; border-bottom-width: 16px; border-left-width: 10px; border-left-color: #222222; -moz-border-right-colors: #222222; display: block; position: absolute; left: -11px; top: -16px; z-index: 51; white-space: nowrap; overflow: hidden; text-indent: 9999px; width: 0px; height: 0px; } .breadcrumb .crust:hover a.crumb { background-color: #222; } .breadcrumb .crust:hover .arrow span { border-left-color: #222; } .breadcrumb .crust .arrow { /* hide from IE6 */ _display: none; } .breadcrumb .jumpMenuTrigger { font-size: 16px; color: rgb(255, 255, 255); background-color: transparent; margin-top: 6px; margin-right: 7px; margin-left: 3px; display: block; float: right; white-space: nowrap; overflow: hidden; width: 17px; height: 19px; } @media (max-width:480px) { .Responsive .breadBoxTop.withTopCtrl { display: table; table-layout: fixed; width: 100%; } .Responsive .breadBoxTop.withTopCtrl nav { display: table-header-group; } .Responsive .breadBoxTop.withTopCtrl .topCtrl { display: table-footer-group; margin-top: 5px; text-align: right; } } #navigation .pageContent { height: 92px; position: relative; } #navigation .menuIcon { position: relative; font-size:18px; width: 16px; display: inline-block; text-indent: -9999px; } #navigation .PopupOpen .menuIcon:before, #navigation .navLink .menuIcon:before { zoom: 1; } #navigation .menuIcon:before { content: ""; font-size: 18px; position: absolute; top: 1.1em; left: 0; width: 16px; height: 2px; border-top: 6px double currentColor; border-bottom: 2px solid currentColor; } .navTabs { font-size: 15px; color: rgb(255, 255, 255); background-color: rgb(34, 34, 34); padding: 0 15px; border: 1px solid rgb(34, 34, 34); -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; height: 50px; } .navTabs .publicTabs { float: left; } .navTabs .visitorTabs { float: right; } .navTabs .navTab { float: left; white-space: nowrap; word-wrap: normal; } /* ---------------------------------------- */ /* Links Inside Tabs */ .navTabs .navLink, .navTabs .SplitCtrl { font-family: 'Open Sans', sans-serif; display: block; float: left; vertical-align: text-bottom; text-align: center; outline: 0 none; height: 50px; line-height: 50px; } .navTabs .publicTabs .navLink { padding: 0 20px; } .navTabs .visitorTabs .navLink { padding: 0 10px; } .navTabs .navLink:hover { text-decoration: none; } /* ---------------------------------------- */ /* unselected tab, popup closed */ .navTabs .navTab.PopupClosed { position: relative; } .navTabs .navTab.PopupClosed .navLink { color: rgb(51, 51, 51); } .navTabs .navTab.PopupClosed:hover { background-color: rgb(34, 34, 34); } .navTabs .navTab.PopupClosed .navLink:hover { color: #ffffff; } .navTabs .navTab.PopupClosed .arrowWidget { /* circle-arrow-down-light */ background-position: -64px 0; } .navTabs .navTab .SplitCtrl { margin-left: -14px; width: 20px; } /* ---------------------------------------- */ /* selected tab */ .navTabs .navTab.selected .navLink { position: relative; color: rgb(222, 222, 222); background-color: rgb(51, 51, 51); } .navTabs .navTab.selected .SplitCtrl { display: none; } .navTabs .navTab.selected .arrowWidget { /* circle-arrow-down */ background-position: -32px 0; } .navTabs .navTab.selected.PopupOpen .arrowWidget { /* circle-arrow-up */ background-position: -16px 0; } /* ---------------------------------------- */ /* unselected tab, popup open */ .navTabs .navTab.PopupOpen .navLink { } /* ---------------------------------------- */ /* selected tab, popup open (account) */ .navTabs .navTab.selected.PopupOpen .navLink { color: rgb(200,200,200); background-color: #333333; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } /* ---------------------------------------- */ /* Second Row */ .navTabs .navTab.selected .tabLinks { background-color: rgb(51, 51, 51); width: 100%; padding: 0; border: none; overflow: hidden; zoom: 1; position: absolute; left: 0px; top: 52px; height: 50px; background-position: 0px -50px; *clear:expression(style.width = document.getElementById('navigation').offsetWidth + 'px', style.clear = "none", 0); } .navTabs .navTab.selected .blockLinksList { background: none; padding: 0; border: none; margin-left: 8px; } .withSearch .navTabs .navTab.selected .blockLinksList { margin-right: 275px; } .navTabs .navTab.selected .tabLinks .menuHeader { display: none; } .navTabs .navTab.selected .tabLinks li { float: left; padding: 2px 0; } .navTabs .navTab.selected .tabLinks a { font-size: 12px; color: rgb(222, 222, 222); padding: 1px 10px; display: block; line-height: 36px !important; line-height: 44px; } .navTabs .navTab.selected .tabLinks .PopupOpen a { color: inherit; text-shadow: none; } .navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus { color: rgb(151, 57, 65); text-decoration: none; background: url(rgba.php?r=0&g=0&b=0&a=0); background: rgba(0, 0, 0, 0); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#00000000); border-width: 0; outline: 0; } .navTabs .navTab.selected .tabLinks .Popup a:hover, .navTabs .navTab.selected .tabLinks .Popup a:focus { color: inherit; background: none; border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; text-shadow: none; } /* ---------------------------------------- */ /* Alert Balloons */ .navTabs .navLink .itemCount { font-weight: bold; font-size: 9px; color: white; background-color: #e03030; padding: 0 2px; position: absolute; right: 5px; top: 1px; line-height: 14px; min-width: 12px; _width: 12px; text-align: center; text-shadow: none; white-space: nowrap; word-wrap: normal; -webkit-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -moz-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); -khtml-box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); box-shadow: 2px 2px 5px rgba(0,0,0, 0.25); height: 14px; } .navTabs .navLink .itemCount .arrow { border: 3px solid transparent; border-top-color: #e03030; border-bottom: 1px none black; position: absolute; bottom: -3px; right: 4px; line-height: 0px; text-shadow: none; _display: none; /* Hide from IE6 */ width: 0px; height: 0px; } .navTabs .navLink .itemCount.Zero { display: none; } .navTabs .navLink .itemCount.ResponsiveOnly { display: none !important; } .NoResponsive #VisitorExtraMenu_Counter, .NoResponsive #VisitorExtraMenu_ConversationsCounter, .NoResponsive #VisitorExtraMenu_AlertsCounter { display: none !important; } /* ---------------------------------------- */ /* Account Popup Menu */ .navTabs .navTab.account .navLink .accountUsername { display: block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; } #AccountMenu { width: 274px; } #AccountMenu .menuHeader { position: relative; } #AccountMenu .menuHeader .avatar { float: left; margin-right: 10px; } #AccountMenu .menuHeader .visibilityForm { margin-top: 10px; color: rgb(34, 34, 34); } #AccountMenu .menuHeader .links .fl { position: absolute; bottom: 10px; left: 116px; } #AccountMenu .menuHeader .links .fr { position: absolute; bottom: 10px; right: 10px; } #AccountMenu .menuColumns { overflow: hidden; zoom: 1; padding: 2px; } #AccountMenu .menuColumns ul { float: left; padding: 0; max-height: none; overflow: hidden; } #AccountMenu .menuColumns a, #AccountMenu .menuColumns label { width: 115px; } #AccountMenu .statusPoster textarea { width: 245px; margin: 0; resize: vertical; overflow: hidden; } #AccountMenu .statusPoster .submitUnit { margin-top: 5px; text-align: right; } #AccountMenu .statusPoster .submitUnit .statusEditorCounter { float: left; line-height: 23px; height: 23px; } /* ---------------------------------------- */ /* Inbox, Alerts Popups */ .navPopup { width: 260px; } .navPopup a:hover, .navPopup .listItemText a:hover { background: none; text-decoration: underline; } .navPopup .menuHeader .InProgress { float: right; display: block; width: 20px; height: 20px; } .navPopup .listPlaceholder { max-height: 350px; overflow: auto; } .navPopup .listPlaceholder ol.secondaryContent { padding: 0 10px; } .navPopup .listPlaceholder ol.secondaryContent.Unread { background-color: rgb(32, 32, 32); } .navPopup .listItem { overflow: hidden; zoom: 1; padding: 5px 0; border-bottom: 1px solid rgb(88, 88, 88); } .navPopup .listItem:last-child { border-bottom: none; } .navPopup .PopupItemLinkActive:hover { margin: 0 -8px; padding: 5px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background-color: rgb(45, 45, 45); cursor: pointer; } .navPopup .avatar { float: left; } .navPopup .avatar img { width: 32px; height: 32px; } .navPopup .listItemText { margin-left: 37px; } .navPopup .listItemText .muted { font-size: 9px; } .navPopup .unread .listItemText .title, .navPopup .listItemText .subject { font-weight: bold; } .navPopup .sectionFooter .floatLink { float: right; } @media (max-width:610px) { .Responsive .navTabs { padding-left: 10px; padding-right: 10px; } .Responsive .withSearch .navTabs .navTab.selected .blockLinksList { margin-right: 50px; } } @media (max-width:480px) { .Responsive.hasJs .navTabs:not(.showAll) .publicTabs .navTab:not(.selected):not(.navigationHiddenTabs) { display: none; } } #navigation .helper { display: block; height: 25px; left: -5px; padding: 0px 5px; position: absolute; top: -16px; width: 100%; /*background: url('http://i.imgur.com/IDuoJPS.png') no-repeat; background: url('http://i.imgur.com/IDuoJPS.png') no-repeat 0% 0%, url('http://i.imgur.com/GgWt59r.png') no-repeat 50% 0%, url('http://i.imgur.com/3oUib16.png') no-repeat 100% 0%; _background: url('http://i.imgur.com/IDuoJPS.png') no-repeat;*/ } #searchBar { position: relative; zoom: 1; z-index: 52; /* higher than breadcrumb arrows */ } #QuickSearchPlaceholder { position: absolute; right: 20px; top: -34.5px; display: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; cursor: pointer; font-size: 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: rgb(252, 252, 255); } #QuickSearch { display: block; position: absolute; right: 20px; top: -18px; margin: 0; background-color: rgb(51, 51, 51); -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding-top: 5px; _padding-top: 3px; z-index: 7500; } #QuickSearch .secondaryControls { display: none; } #QuickSearch.active { -webkit-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -moz-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); -khtml-box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); box-shadow: 5px 5px 25px rgba(0,0,0, 0.5); padding-bottom: 5px; } #QuickSearch .submitUnit .button { min-width: 0; } #QuickSearch input.button.primary { float: left; width: 110px; } #QuickSearch #commonSearches { float: right; } #QuickSearch #commonSearches .button { width: 23px; padding: 0; } #QuickSearch #commonSearches .arrowWidget { margin: 0; float: left; margin-left: 4px; margin-top: 4px; } #QuickSearch .moreOptions { display: block; margin: 0 24px 0 110px; width: auto; } @media (max-width:610px) { .Responsive #QuickSearchPlaceholder { display: block; } .Responsive #QuickSearchPlaceholder.hide { display: none; } .Responsive #QuickSearch { display: none; } .Responsive #QuickSearch.show { display: block; } } /** move the header to the top again **/ #headerMover { position: relative; zoom: 1; } #headerMover #headerProxy { height: 141px; } #headerMover #header { width: 100%; position: absolute; top: 0px; left: 0px; } /** Generic page containers **/ .pageWidth { padding-right: 0px; padding-left: 0px; margin: 0 auto; max-width: 1180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .NoResponsive body { min-width: 976px; } #content .pageContent { background-color: rgb(51, 51, 51); padding: 10px 20px; } /* clearfix */ #content .pageContent { zoom: 1; } #content .pageContent:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } /* sidebar structural elements */ .mainContainer { float: left; margin-right: -260px; width: 100%; } .mainContent { margin-right: 260px; } .sidebar { float: right; font-size: 12px; width: 250px; } /* visitor panel */ .sidebar .visitorPanel { overflow: hidden; zoom: 1; } .sidebar .visitorPanel h2 .muted { display: none; } .sidebar .visitorPanel .avatar { margin-right: 5px; float: left; width: auto; height: auto; } .sidebar .visitorPanel .avatar img { width: ; height: ; } .sidebar .visitorPanel .username { font-weight: bold; font-size: 11pt; } .sidebar .visitorPanel .stats { margin-top: 2px; } .sidebar .visitorPanel .stats .pairsJustified { line-height: normal; } .visitorPanel > .secondaryContent { padding-bottom: 35px; } /* generic sidebar blocks */ .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3 { font-size: 15px; font-family: 'Open Sans', sans-serif; color: rgb(222, 222, 222); background-color: rgb(151, 57, 65); padding-top: 10px; padding-bottom: 10px; padding-left: 10px; margin: -10px -10px 7px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; -webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; -khtml-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; } .sidebar .section .primaryContent h3 a, .sidebar .section .secondaryContent h3 a { font-size: 15px; font-family: 'Open Sans', sans-serif; color: rgb(222, 222, 222); } .sidebar .section .secondaryContent .footnote, .sidebar .section .secondaryContent .minorHeading { color: #FFFFFF; margin-top: 5px; } .sidebar .section .secondaryContent .minorHeading a { color: #FFFFFF; } /* list of users with 32px avatars, username and user title */ .sidebar .avatarList li { margin: 5px 0; overflow: hidden; zoom: 1; } .sidebar .avatarList .avatar { margin-right: 5px; float: left; width: 32px; height: 32px; width: auto; height: auto; } .sidebar .avatarList .avatar img { width: 32px; height: 32px; } .sidebar .avatarList .username { font-size: 11pt; margin-top: 2px; display: block; } .sidebar .avatarList .userTitle { color: rgb(150,150,150); } /* list of users */ .sidebar .userList { } .sidebar .userList .username { font-size: 12px; } .sidebar .userList .username.invisible { color: #65a5d1; } .sidebar .userList .username.followed { } .sidebar .userList .moreLink { display: block; } /* people you follow online now */ .followedOnline { margin-top: 3px; margin-bottom: -5px; overflow: hidden; zoom: 1; } .followedOnline li { margin-right: 5px; margin-bottom: 5px; float: left; } .followedOnline .avatar { width: 32px; height: 32px; width: auto; height: auto; } .followedOnline .avatar img { width: 32px; height: 32px; } /* call to action */ #SignupButton { margin: 10px 30px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; text-align: center; line-height: 40px; display: block; cursor: pointer; height: 40px; } #SignupButton .inner { font-size: 12pt; font-family: 'Open Sans', sans-serif; color: rgb(255, 255, 255); background-color: rgb(139, 62, 56); -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; display: block; } #SignupButton:hover .inner { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(151, 57, 65); } #SignupButton:active { -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2); -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2); -khtml-box-shadow: 0 0 3px rgba(0,0,0, 0.2); box-shadow: 0 0 3px rgba(0,0,0, 0.2); /*position: relative; top: 2px;*/ } @media (max-width:800px) { .Responsive .mainContainer { float: none; margin-right: 0; width: auto; } .Responsive .mainContent { margin-right: 0; } .Responsive .sidebar { float: none; margin: 0 auto; } .Responsive .sidebar .visitorPanel { display: none; } } @media (max-width:340px) { .Responsive .sidebar { width: 100%; } } #boardStats .pairsJustified dl { padding: 5px 0px; } .forum_list #boardStats .pairsJustified dt:before { color: rgb(200,200,200); font-family: FontAwesome; font-weight: normal; margin-right: 5px; } .forum_list .sidebar #boardStats .discussionCount dt:before { content: "\f086"; } .forum_list .sidebar #boardStats .messageCount dt:before { content: "\f075"; } .forum_list .sidebar #boardStats .memberCount dt:before { content: "\f0c0"; } .forum_list .sidebar #boardStats .pairsJustified dl:last-child dt:before { content: "\f007"; } /** Text used in message bodies **/ .messageText { font-size: 15px; font-family: 'Open Sans', sans-serif; line-height: 1.7; } .messageText img, .messageText iframe, .messageText object, .messageText embed { max-width: 100%; } /** Link groups and pagenav container **/ .pageNavLinkGroup { display: table; *zoom: 1; table-layout: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 12px; margin: 10px 0; line-height: 16px; } opera:-o-prefocus, .pageNavLinkGroup { display: block; overflow: hidden; } .pageNavLinkGroup:after { content: ". ."; display: block; word-spacing: 99in; overflow: hidden; height: 0; font-size: 0.13em; line-height: 0; } .pageNavLinkGroup .linkGroup { float: right; } .linkGroup { } .linkGroup a { padding: 3px 0; } .linkGroup a.inline { padding: 0; } .linkGroup a, .linkGroup .Popup, .linkGroup .element { margin-left: 10px; display: block; float: left; } .linkGroup .Popup a { margin-left: -2px; margin-right: -5px; *margin-left: 10px; padding: 3px 5px; } .linkGroup .element { padding: 3px 0; } /** Call to action buttons **/ a.callToAction { display: inline-block; line-height: 34px; outline: 0 none; vertical-align: top; height: 34px; } a.callToAction span { font-size: 15px; font-family: 'Open Sans', sans-serif; color: rgb(255, 255, 255); background-color: rgb(139, 62, 56); padding: 0 15px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; display: block; /*text-shadow: 0 0 0 transparent, 0px 0px 3px rgb(34, 34, 34);*/ } a.callToAction:hover { text-decoration: none; } a.callToAction:hover span { background-color: #6cb2e4; } a.callToAction:active { /*position: relative; top: 2px;*/ } a.callToAction:active span { background-color: rgb(34, 34, 34); } /*********/ .avatarHeap { overflow: hidden; zoom: 1; } .avatarHeap ol { margin-right: -4px; margin-top: -4px; } .avatarHeap li { float: left; margin-right: 4px; margin-top: 4px; } .avatarHeap li .avatar { display: block; } /*********/ .fbWidgetBlock .fb_iframe_widget, .fbWidgetBlock .fb_iframe_widget > span, .fbWidgetBlock .fb_iframe_widget iframe { width: 100% !important; } /* User name classes */ .username .style74 { text-shadow: blue 1px 1px 10px; color:blue; } .username .style3 { text-shadow: red 1px 1px 10px; color:red; } .username .style71 { text-shadow: Green 1px 1px 10px; color:green; } .username .style79 { text-shadow: #20F5BA 1px 1px 10px; color: #20F5BA; } .username .style73 { text-shadow: #6DB36D 1px 1px 10px; color: #6DB36D; } .username .style76 { text-shadow: #4F00EA 1px 1px 10px; color: #642CD0; } .username .style4 { text-shadow: #332f2c 1px 1px 10px; color: #fff600; } .username .style72 { text-shadow: orange 1px 1px 10px; color:orange; } .username .style75 { text-shadow: Skyblue 1px 1px 10px; color:Skyblue; } .username .banned { text-decoration: line-through; } .prefix { background-color: transparent; padding: 0px 6px; margin: -1px 0; border: 1px solid transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; display: inline-block; } a.prefixLink:hover { text-decoration: none; } a.prefixLink:hover .prefix { color: rgb(34, 34, 34); text-decoration: none; background-color: rgb(51, 51, 51); padding: 0 6px; border: 1px solid rgb(51, 51, 51); } .prefix a { color: inherit; } .prefix.prefixPrimary { color: rgb(34, 34, 34); background-color: rgb(88, 88, 88); border-color: rgb(88, 88, 88); } .prefix.prefixSecondary { color: #8f6c3f; background-color: #f9d9b0; border-color: #f9d9b0; } .prefix.prefixRed { color: white; background-color: red; border-color: #F88; } .prefix.prefixGreen { color: white; background-color: green; border-color: green; } .prefix.prefixOlive { color: black; background-color: olive; border-color: olive; } .prefix.prefixLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; } .prefix.prefixBlue { color: white; background-color: blue; border-color: #88F; } .prefix.prefixRoyalBlue { color: white; background-color: royalblue; border-color: #81A9E1; } .prefix.prefixSkyBlue { color: black; background-color: skyblue; border-color: skyblue; } .prefix.prefixGray { color: black; background-color: gray; border-color: #AAA; } .prefix.prefixSilver { color: black; background-color: silver; border-color: silver; } .prefix.prefixYellow { color: black; background-color: yellow; border-color: #E0E000; } .prefix.prefixOrange { color: black; background-color: orange; border-color: #FFC520; } .discussionListItem .prefix, .searchResult .prefix { font-size: 80%; margin: 0; line-height: 16px; font-weight: normal; } h1 .prefix { font-size: 80%; margin: 0; line-height: 16px; line-height: normal; } .breadcrumb span.prefix, .heading span.prefix { font-style: italic; font-weight: bold; padding: 0; margin: 0; border: 0 none black; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; display: inline; color: inherit; } .userBanner { font-size: 11px; padding: 1px 5px; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); -khtml-box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); text-align: center; } .userBanner.wrapped { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; position: relative; } .userBanner.wrapped span { position: absolute; top: -4px; width: 5px; height: 4px; background-color: inherit; } .userBanner.wrapped span.before { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; left: -1px; } .userBanner.wrapped span.after { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; right: -1px; } .userBanner.bannerHidden { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; border: none; } .userBanner.bannerHidden.wrapped { margin-left: 0; margin-right: 0; } .userBanner.bannerHidden.wrapped span { display: none; } .userBanner.bannerStaff { color: rgb(34, 34, 34); background-color: rgb(88, 88, 88); border-color: rgb(51, 51, 51); } .userBanner.bannerStaff.wrapped span { background-color: rgb(51, 51, 51); } .userBanner.bannerPrimary { color: rgb(34, 34, 34); background-color: rgb(88, 88, 88); border-color: rgb(51, 51, 51); } .userBanner.bannerPrimary.wrapped span { background-color: rgb(51, 51, 51); } .userBanner.bannerSecondary { color: #8f6c3f; background-color: #f9d9b0; border-color: #f9d9b0; } .userBanner.bannerSecondary.wrapped span { background-color: #f9d9b0; } .userBanner.bannerRed { color: white; background-color: red; border-color: #F88; } .userBanner.bannerRed.wrapped span { background-color: #F88; } .userBanner.bannerGreen { color: white; background-color: green; border-color: green; } .userBanner.bannerGreen.wrapped span { background-color: green; } .userBanner.bannerOlive { color: black; background-color: #6DB36D; border-color: #6DB36D; } .userBanner.bannerOlive.wrapped span { background-color: #6DB36D; } .userBanner.bannerLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; } .userBanner.bannerLightGreen.wrapped span { background-color: lightgreen; } .userBanner.bannerBlue { color: white; background-color: blue; border-color: #88F; } .userBanner.bannerBlue.wrapped span { background-color: #88F; } .userBanner.bannerRoyalBlue { color: white; background-color: royalblue; border-color: #81A9E1; } .userBanner.bannerRoyalBlue.wrapped span { background-color: #81A9E1; } .userBanner.bannerSkyBlue { color: black; background-color: skyblue; border-color: skyblue; } .userBanner.bannerSkyBlue.wrapped span { background-color: skyblue; } .userBanner.bannerGray { color: white; background-color: gray; border-color: #AAA; } .userBanner.bannerGray.wrapped span { background-color: #AAA; } .userBanner.bannerSilver { color: black; background-color: silver; border-color: silver; } .userBanner.bannerSilver.wrapped span { background-color: silver; } .userBanner.bannerYellow { color: white; background-color: #642CD0; border-color: #642CD0; } .userBanner.bannerYellow.wrapped span { background-color: #642CD0; } .userBanner.bannerOrange { color: black; background-color: orange; border-color: #FFC520; } .userBanner.bannerOrange.wrapped span { background-color: #FFC520; } .userBanner.bannerPurple { color: white; background-color: #642CD0; border-color: #642CD0; } .userBanner.bannerPurple.wrapped span { background-color: #642CD0; } .userBanner.bannerJiza { color: black; background: linear-gradient(45deg, #24EC3C, #20F5BA); border-color: #24EC3C; } .userBanner.bannerJiza.wrapped span { background-color: #24EC3C; } @media (max-width:800px) { .Responsive .pageWidth { } .Responsive #content .pageContent { padding-left: 10px; padding-right: 10px; } } @media (max-width:610px) { .Responsive .pageWidth { padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0; } .Responsive .forum_view #pageDescription, .Responsive .thread_view #pageDescription { display: none; } } @media (max-width:480px) { .Responsive .pageWidth { } .Responsive .pageNavLinkGroup .PageNav, .Responsive .pageNavLinkGroup .linkGroup { clear: right; } } /* Navigation and Header CSS */ #logoBlock { background-color: rgba(20, 20, 20, 0); } .Responsive .navTabs .navTab.PopupClosed .navLink, .navTabs .navTab .SplitCtrl .fa { color: rgb(255, 255, 255); } .navTabs .navTab .SplitCtrl .fa { font-size: 10px; } .navTabs .navTab.selected .tabLinks { height: 40px; top: 51px; } .visitorTabs .alerts.unread .fa, .visitorTabs .inbox.unread .fa { color: #e03030; } .navTabs .navTab.PopupOpen .navLink { color: #fff; } #logo a { font-size: 30px; color: rgb(255, 255, 255); text-transform: uppercase; } #logo a span { color: rgb(143, 52, 58); } /* Forum List and Nodes */ .node .forumNodeInfo.unread .nodeIcon { color: rgb(151, 57, 65); } .nodeList .categoryStrip .nodeTitle:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 15px; content: "\f07c"; margin-right: 5px; } .Menu.tabMenu:before { bottom: 100%; left: 22px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .Menu.tabMenu:before { border-color: rgb(194, 225, 245); border-color: rgba(194, 225, 245, 0); _border-color: rgb(194, 225, 245); border-bottom-color: rgb(151, 57, 65); border-width: 14px; margin-left: -14px; } .Menu.tabMenu { overflow: visible; } /* Quick Search */ #QuickSearch { -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; padding: 2px; top: -35px; } #QuickSearch, #QuickSearch .formPopup, #QuickSearchQuery { background-color: rgb(34, 34, 34); border-width: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } #QuickSearchQuery { color: #FFF; } /* Popup Functions */ .PopupOpen .arrowWidget:before, .Popup .arrowWidget:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 15px; color: rgb(255, 255, 255); } .Popup .arrowWidget:before { content: "\f107"; } .PopupOpen .arrowWidget:before { content: "\f106"; color: rgb(200,200,200); } html .subForumsPopup .PopupOpen .dt, .subForumsPopup.Popup .PopupControl.PopupOpen { color: rgb(200,200,200) !important; } /* Misc */ .topHelper { position: absolute; /*background-color: rgb(34, 34, 34);*/ width: 100%; height: 180px; } .bottomHelper { margin-top: -112px; position: absolute; /*background-color: rgb(34, 34, 34);*/ width: 100%; height: 113px; } .DismissParent .DismissCtrl:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 18px; content: "\f00d"; color: rgb(151, 57, 65); } .DismissParent .DismissCtrl { margin-top: -1px; } .navTabs .navLink, .navTabs .SplitCtrl, .nodeList .categoryStrip, .sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3, .discussionList .sectionHeaders, .footer .pageContent { } #headerMover, .footer, .footerLegal { position: relative; z-index: 1; } #copyright .Tooltip, .pairsInline.debugInfo > dd, #copyright .Tooltip, .pairsInline.debugInfo > dd a { color: rgb(151, 57, 65) !important;; } .footer .fa { font-size: 15px; } .footer .fa.fa-tint { margin-right: 4px; position: relative; top: 1px; } .PageNav .scrollable { height: 22px; } .PageNav a.text { padding: 2px 4px; } .PageNav .pageNavHeader { padding: 2px 1px; } a.PageNavPrev, a.PageNavNext { font-size: 11px; padding: 2px 1px; } html .textWithCount.subHeading .text { color: rgb(255, 255, 255); } .xenForm .ctrlUnit { padding: 7px 0; } #QuickSearch #commonSearches .button { line-height: 24px; } #QuickSearch .moreOptions { margin-left: 111px; } #QuickSearch #commonSearches .arrowWidget { margin-left: 5px; } #QuickSearch #commonSearches .arrowWidget:before { color: rgb(255, 255, 255); } #QuickSearch #commonSearches:hover .arrowWidget:before { color: rgb(151, 57, 65); } html .formPopup .controlsWrapper { -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .mainContentBlock.sectionMain { padding: 10px; } html .navigationSideBar .primaryContent { font-size: 12px; } html .conversation_view .message:first-child, html .conversation_view .quickReply { border-top: #333333 solid 1px; } html .conversation_view .messageList { border-width: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; } .thread_view .message .newIndicator { margin-right: -15px; } .footerLegal .pageContent .debugInfo a, .sharePage .textHeading.larger { color: rgb(151, 57, 65); } .AttachmentEditor .AttachedFile .Thumbnail .genericAttachment { font-size: 20px; line-height: 36px; text-align: center; padding-left: 3px; } .bbCodeQuote .quoteContainer .quoteExpand.quoteCut { background: -moz-linear-gradient(top, rgba(51,50,50,0.59) 0%, rgba(51,50,50,0.77) 50%, rgba(51,50,50,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,url(rgba.php?r=51&g=50&b=50&a=150)), color-stop(50%,rgba(51,50,50,0.77)), color-stop(100%,rgba(51,50,50,1))); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,50,50,0.59)), color-stop(50%,rgba(51,50,50,0.77)), color-stop(100%,rgba(51,50,50,1))); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#96333232,endColorstr=#96333232); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,50,50,0.59) 0%,rgba(51,50,50,0.77) 50%,rgba(51,50,50,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,50,50,0.59) 0%,rgba(51,50,50,0.77) 50%,rgba(51,50,50,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,50,50,0.59) 0%,rgba(51,50,50,0.77) 50%,rgba(51,50,50,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(51,50,50,0.59) 0%,rgba(51,50,50,0.77) 50%,rgba(51,50,50,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96333232', endColorstr='#333232',GradientType=0 ); /* IE6-9 */ color: rgb(151, 57, 65); font-size: 12px; line-height: 0; padding-top: 69px; font-weight: bold; } html #moderatorBar a, html #moderatorBar .itemCount, html .navigationSideBar a:hover, html #calcurrent, html .userBanner.bannerStaff { color: #fff; } html .attachedFiles .attachmentList { background-color: #333232; } @media (max-width:480px) { html .afterDiscussionListHandle { margin-top: 30px;} html #logo { float: none; text-align: center; } .LoggedOut #loginBar #loginBarHandle { right: 0; } .LoggedOut #logo { float: left; text-align: left; } } .avatar img:hover, .avatar .img:hover, .avatarCropper:hover { -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; } .avatar img, .avatar .img, .avatarCropper { -webkit-transition: border-radius 1s ease; -moz-transition: border-radius 1s ease; -o-transition: border-radius 1s ease; -ms-transition:border-radius 1s... /* Анимированный онлайн-статус*/ .messageUserBlock div.avatarHolder .onlineMarker { display: inline-block; width: 16px; height: 16px; margin: 9px 0 0 9px; background: #fff; border: none!important; -webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; -khtml-border-radius: 50%!important; border-radius: 50%!important } .messageUserBlock div.avatarHolder .onlineMarker:before { content: ''; position: absolute; width: 10px; height: 10px; margin: 3px 0 0 3px; background: #7fb900; border-color: #7fb900; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50% } .messageUserBlock div.avatarHolder .onlineMarker:after { content: ''; position: absolute; width: 32px; height: 32px; margin: -9px 0 0 -9px; border: 1px solid #7fb900; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 4px #7fb900, inset 0 0 4px #7fb900; -moz-box-shadow: 0 0 4px #7fb900, inset 0 0 4px #7fb900; -khtml-box-shadow: 0 0 4px #7fb900, inset 0 0 4px #7fb900; box-shadow: 0 0 4px #7fb900, inset 0 0 4px #7fb900; -webkit-transform: scale(0); -webkit-animation: online 2.5s ease-in-out infinite; animation: online 2.5s ease-in-out infinite } @-webkit-keyframes online { 0% {opacity: 1;-webkit-transform: scale(0)} 50% {opacity: .7} 100% {opacity: 0;-webkit-transform: scale(1)} } @keyframes online { 0% {opacity: 1;-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0);transform: scale(0)} 50% {opacity: .7} 100% {opacity: 0;-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);transform: scale(1)} } .message .helper { background: transparent url('http://www.i.imgur.com/KkCrZKh.png') no-repeat; display: block; height: 50px; position: absolute; right: -6px; top: -8px; width: 47px; z-index: 99; } /* Анимированный онлайн-статус*/ #navigation .helper { display: block; height: 25px; left: -5px; padding: 0px 5px; position: absolute; top: -16px; width: 100%; /*/* IE8 */ background: url('http://i.imgur.com/vhygpP5.png') no-repeat; /* Chrome & FF */ background: url('http://i.imgur.com/IofHaUT.png') no-repeat 0% 0%, url('http://i.imgur.com/vhygpP5.png') no-repeat 50% 0%, url('http://i.imgur.com/DLsOkRY.png') no-repeat 100% 0%; /* IE6, IE7 */ _background: url('http://i.imgur.com/IofHaUT.png') no-repeat; }*/   ]]>   </template> - <template title="xenforo_alert.css" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ .alerts .alertGroup { margin-bottom: 20px; } .alerts .primaryContent { overflow: hidden; zoom: 1; padding: 5px; } .alerts .avatar { float: left; } .alerts .avatar img { width: 32px; height: 32px; } .alerts .alertText { margin-left: 32px; padding: 0 5px; } .alerts h3 { display: inline; } .alerts h3 .subject { font-weight: bold; } .alerts .timeRow { font-size: 11px; margin-top: 5px; } .alerts .newIcon, .alertsPopup .newIcon { display: inline-block; vertical-align: baseline; margin-left: 2px; width: 11px; height: 11px; color: {xen:property facolor2}; }   ]]>   </template> - <template title="xenforo_data_table.css" addon_id="XenForo" version_id="1050031" version_string="1.5.0 Beta 1" disable_modifications="0"> <![CDATA[ /** Data tables **/ .dataTableWrapper { overflow-x: auto; overflow-y: visible; } table.dataTable { width: 100%; _width: 99.5%; margin: 10px 0; } .dataTable caption { {xen:property heading} } .dataTable tr.dataRow td { border-bottom: 1px solid {xen:property primaryLighterStill}; padding: 5px 10px; word-wrap: break-word; } .dataTable tr.dataRow td.secondary { background: {xen:property primaryLightest} none repeat-x top; } .dataTable tr.dataRow th { background: {xen:property secondaryLighter} none repeat-x top; border-bottom: 1px solid {xen:property secondaryLight}; border-top: 1px solid {xen:property secondaryLighter}; color: {xen:property secondaryDarker}; font-size: 11px; padding: 5px 10px; } .dataTable tr.dataRow th a { color: inherit; text-decoration: underline; } .dataTable .dataRow .dataOptions { text-align: right; white-space: nowrap; word-wrap: normal; padding: 0; } .dataTable .dataRow .important, .dataTable .dataRow.important { font-weight: bold; } .dataTable .dataRow .dataOptions a.secondaryContent { display: inline-block; border-left: 1px solid {xen:property primaryLighterStill}; border-bottom: none; padding: 7px 10px 6px; font-size: 11px; } .dataTable .dataRow .dataOptions a.secondaryContent:hover { background-color: {xen:property primaryLighterStill}; text-decoration: none; } .dataTable .dataRow .delete { padding: 0px; width: 26px; border-left: 1px solid {xen:property primaryLighterStill}; {xen:property secondaryContent.background} } .dataTable .dataRow .delete a { display: block; cursor: pointer; padding: 5px; width: 16px; height: 16px; overflow: hidden; white-space: nowrap; text-indent: -1000px; }   ]]>   </template> - <template title="xenforo_dismiss.css" addon_id="XenForo" version_id="1030370" version_string="1.3.3" disable_modifications="0"> <![CDATA[ /* Styling for hover-dismiss controls */ .DismissParent .DismissCtrl { position: absolute; top: 12px; right: 5px; display: block; color: white; width: 16px; height: 16px; line-height: 15px; text-align: center; font-size: 18px !important; opacity: .4; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; font-size: 10px; overflow: hidden; white-space: nowrap; cursor: pointer; } .DismissParent:hover .DismissCtrl, .Touch .DismissParent .DismissCtrl { opacity: 1; } .DismissParent:hover .DismissCtrl:hover { background-position: -96px 0; } .DismissParent:hover .DismissCtrl:active { background-position: -112px 0; }   ]]>   </template> - <template title="xenforo_popup.css" addon_id="XenForo" version_id="1050031" version_string="1.5.0 Beta 1" disable_modifications="0"> <![CDATA[ /* ***************************** */ /* Popup Menus */ .Popup { position: relative; } .Popup.inline { display: inline; } /** Popup menu trigger **/ .Popup .arrowWidget { /* circle-arrow-down */ {xen:property popupArrowClosed} } .PopupOpen .arrowWidget { /* circle-arrow-up */ {xen:property popupArrowOpen} } .Popup .PopupControl, .Popup.PopupContainerControl { display: inline-block; cursor: pointer; } .Popup .PopupControl:hover, .Popup.PopupContainerControl:hover { {xen:property popupControlClosedHover} } .Popup .PopupControl:focus, .Popup .PopupControl:active, .Popup.PopupContainerControl:focus, .Popup.PopupContainerControl:active { outline: 0; } .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen { {xen:property popupControl} } .Popup .PopupControl.BottomControl.PopupOpen, .Popup.PopupContainerControl.BottomControl.PopupOpen { border-top-left-radius: {xen:property popupControl.border-bottom-left-radius}; border-top-right-radius: {xen:property popupControl.border-bottom-right-radius}; border-bottom-left-radius: {xen:property popupControl.border-top-left-radius}; border-bottom-right-radius: {xen:property popupControl.border-top-left-radius}; } .Popup .PopupControl.PopupOpen:hover, .Popup.PopupContainerControl.PopupOpen:hover { text-decoration: none; } /** Menu body **/ .Menu { /*background-color: {xen:property textCtrlBackground};*/ {xen:property menu} min-width: {xen:property menuMinWidth}; *width: {xen:property menuMinWidth}; /* makes menus actually work... */ position: absolute; z-index: 7500; display: none; } /* allow menus to operate when JS is disabled */ .Popup:hover .Menu { display: block; } .Popup:hover .Menu.JsOnly { display: none; } .Menu.BottomControl { border-top-width: 1px; border-bottom-width: 3px; box-shadow: 0px 0px 0px transparent; } .Menu > li > a, .Menu .menuRow { display: block; } .Menu.inOverlay { z-index: 10000; } /* Menu header */ .Menu .menuHeader { overflow: hidden; zoom: 1; } .Menu .menuHeader h3 { {xen:property menuHeaderTitle} } .Menu .menuHeader .muted { {xen:property menuHeaderSubtitle} } /* Standard menu sections */ .Menu .primaryContent { background-color: {xen:helper rgba, {xen:property primaryContent.background-color}, 0.96}; } .Menu .secondaryContent { background-color: {xen:helper rgba, {xen:property secondaryContent.background-color}, 0.96}; } .Menu .sectionFooter { background-color: {xen:helper rgba, {xen:property sectionFooter.background-color}, 0.9}; } /* Links lists */ .Menu .blockLinksList { max-height: 400px; overflow: auto; } /* form popups */ .formPopup { width: 250px; background-color: {xen:property contentBackground}; } .formPopup form, .formPopup .ctrlUnit { margin: 5px auto; } .formPopup .ctrlUnit { } .formPopup .textCtrl, .formPopup .button { width: 232px; } .formPopup .ctrlUnit > dt label { display: block; margin-bottom: 2px; } .formPopup .submitUnit dd { text-align: center; } .formPopup .ctrlUnit > dd .explain { margin: 2px 0 0; } .formPopup .primaryControls { zoom: 1; white-space: nowrap; word-wrap: normal; padding: 0 5px; } .formPopup .primaryControls input.textCtrl { margin-bottom: 0; } .formPopup .secondaryControls { padding: 0 5px; } .formPopup .controlsWrapper { background: {xen:property primaryLighterStill} none repeat-x top; border-radius: 5px; padding: 5px; margin: 5px 0; font-size: 11px; } .formPopup .controlsWrapper .textCtrl { width: 222px; } .formPopup .advSearchLink { display: block; text-align: center; padding: 5px; font-size: 11px; border-radius: 5px; border: 1px solid {xen:property primaryLighterStill}; background: {xen:property primaryLightest} none repeat-x top; } .formPopup .advSearchLink:hover { background-color: {xen:property primaryLighterStill}; text-decoration: none; }   ]]>   </template>   </templates>   </style>