

styles/brivium/silicon
{"extra":"_width: 976px;\n_margin: 0 auto;\nbox-sizing: border-box;\nmax-width: 1170px;","margin-bottom":"0","margin-left":"auto","margin-right":"auto","margin-top":"0","padding-left":"5px","padding-right":"5px"}
{"padding-bottom":"10px","padding-left":"0","padding-right":"0","padding-top":"10px"}
{"background-color":"@pageBackground","background-image":"@imagePath\/extra\/bg-body.jpg","background-repeat":"repeat"}
rgb(255, 255, 255)
rgb(34, 32, 46)
rgb(231, 220, 173)
rgb(138, 137, 144)
rgb(0, 193, 140)
styles/brivium/silicon/xenforo/logo.png
120px
styles/brivium/silicon/xenforo/logo.og.png
48px
{"background-color":"@contentBackground","border-bottom-left-radius":"4px","border-bottom-right-radius":"4px","border-top-color":"@primaryLighterStill","border-top-style":"dotted","border-top-width":"1px","font-size":"18px","padding-all":"0"}
{"color":"@primaryMedium"}
{"border-radius":"0","color":"@textCtrlText","extra":"display: block;","font-size":"14px","font-style":"italic","padding-bottom":"0","padding-left":"10px","padding-right":"10px","padding-top":"0"}
{"background-color":"transparent","border-radius":"0","color":"@primaryDark","extra":"outline: 0;","padding-bottom":"0","padding-left":"10px","padding-right":"10px","padding-top":"0","text-decoration":{"none":"none"}}
{"color":"@contentText","extra":"word-wrap: break-word;\nline-height: 1.28;","font-family":"'Open Sans', sans-serif"}
{"background-color":"@primaryMedium","border-radius":"0","color":"@textCtrlText"}
{"background-color":"@contentBackground","color":"@contentText","extra":"line-height: 16px;","font-size":"11px","padding-bottom":"4px","padding-left":"10px","padding-right":"10px","padding-top":"4px"}
{"background-color":"@contentBackground","border-bottom-color":"@primaryLighterStill","border-bottom-style":"solid","border-bottom-width":"1px","padding-all":"10px"}
{"font-size":"12px","padding-all":"2px"}
{"color":"@textCtrlText","extra":"display: block;\noutline: 0 none;","padding-bottom":"5px","padding-left":"10px","padding-right":"10px","padding-top":"5px"}
{"background-color":"@primaryLighterStill","color":"@primaryMedium","text-decoration":{"none":"none"}}
{"border-bottom-left-radius":"3px","border-bottom-right-radius":"3px","extra":"overflow: hidden;\nbox-shadow: 0px 5px 5px rgba(0,0,0, 0.5);","font-size":"11px","margin-top":"1px"}
{"background-color":"#e03030","border-radius":"100%","color":"white","extra":"position: absolute;\nright: 10px;\ntop: -4px;\nline-height: 20px;\nmin-width: 16px;\n_width: 16px;\ntext-align: center;\ntext-shadow: none;\nwhite-space: nowrap;\nword-wrap: normal;\ntext-indent: 0;","font-size":"9px","font-weight":"bold","height":"20px","padding-bottom":"0","padding-left":"2px","padding-right":"2px","padding-top":"0"}
{"border-bottom-color":"black","border-bottom-style":"none","border-bottom-width":"1px","border-color":"transparent","border-style":"solid","border-top-color":"#e03030","border-width":"3px","extra":"position: absolute;\nbottom: -3px;\nright: 4px;\nline-height: 0px;\ntext-shadow: none;\ndisplay: none;\n\/* Hide from IE6 *\/","height":"0px","width":"0px"}
{"color":"@dimmedTextColor","font-size":"11px"}
{"color":"@textCtrlText","font-size":"18px"}
{"background-color":"@textCtrlBackground","background-image":"@imagePath\/xenforo\/clear.png","border-bottom-color":"rgb(233, 233, 233)","border-left-color":"rgb(192, 192, 192)","border-radius":"2px","border-right-color":"rgb(233, 233, 233)","border-style":"solid","border-top-color":"rgb(192, 192, 192)","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"}
{"background-color":"@primaryLighterStill","border-color":"@primaryLighter","border-radius":"2px","border-style":"solid","border-width":"1px","color":"@contentText","extra":"text-align: center;\ntext-shadow: 0px 1px 2px black;\noutline: none;\nline-height: 26px;\ndisplay: inline-block;\ncursor: pointer;\nbox-sizing: border-box;\nbackground-image: linear-gradient(#3f3e44, #0d0d12);","font-size":"12px","height":"28px","padding-bottom":"0px","padding-left":"6px","padding-right":"6px","padding-top":"0px"}
rgb(26, 25, 35)
{"background-color":"rgb(153, 153, 163)","color":"@contentText","extra":"background-image: linear-gradient(#0d0d12, #3f3e44);\noutline: 0;"}
{"text-decoration":{"none":"none"}}
{"background-color":"@primaryLighter","border-color":"@primaryLighter","border-style":"solid","border-width":"1px","extra":"background-image: linear-gradient(#eac160, #b58c2b);"}
{"background-color":"@primaryMedium","border-radius":"2px","extra":"overflow: hidden;\nzoom: 1;\nmax-width: 100%;","font-size":"11px","height":"24px","padding-bottom":"1px","padding-left":"0","padding-right":"0","padding-top":"1px"}
{"border-bottom-left-radius":"2px","border-top-left-radius":"2px","padding-left":"10px"}
{"background-color":"@contentBackground"}
{"border-color":"transparent","border-left-color":"@primaryMedium","border-right-color":"black","border-right-style":"none","border-right-width":"1px","border-style":"solid","border-width":"12px","extra":"-moz-border-right-colors: @primaryMedium;\ndisplay: block;\nposition: absolute;\nleft: -13px;\ntop: -12px;\nz-index: 51;\nwhite-space: nowrap;\noverflow: hidden;\ntext-indent: 9999px;","height":"0px","width":"0px"}
{"background-color":"transparent","border-bottom-color":"@breadcrumb.border-color","border-bottom-style":"solid","border-bottom-width":"1px","extra":"outline: 0 none;\n-moz-outline-style: 0 none;\ndisplay: block;\n_border-bottom: none;\nline-height: 24px;","margin-bottom":"-1px","padding-bottom":"0","padding-left":"18px","padding-right":"10px","padding-top":"0","text-decoration":{"none":"none"}}
{"background-color":"@contentBackground"}
{"border-color":"transparent","border-left-color":"@primaryMedium","border-right-color":"black","border-right-style":"none","border-right-width":"1px","border-style":"solid","border-width":"12px","extra":"-moz-border-right-colors: @primaryMedium;\ndisplay: block;\nposition: absolute;\nright: -12px;\ntop: 0px;\nz-index: 50;","height":"0px","width":"0px"}
{"background-color":"@contentBackground","border-radius":"2px"}
{"background-color":"@primaryMedium","border-radius":"3px"}
{"background-color":"@primaryLightest"}
{"background-color":"@contentBackground","border-color":"@primaryLighter","border-radius":"3px","border-style":"solid","border-width":"1px","margin-bottom":"10px","margin-left":"auto","margin-right":"auto","margin-top":"10px","padding-all":"10px"}
{"border-bottom-color":"@primaryLighterStill","border-bottom-style":"solid","border-bottom-width":"1px","border-style":"none","border-top-left-radius":"3px","border-top-right-radius":"3px","color":"@contentText","extra":"min-height: 6px;","margin-bottom":"0","margin-left":"-10px","margin-right":"-10px","margin-top":"-10px","padding-all":"10px"}
{"background-color":"@contentBackground","border-bottom-color":"@primaryLighterStill","border-bottom-style":"solid","border-bottom-width":"1px","border-top-left-radius":"2px","border-top-right-radius":"2px","color":"@contentText","font-size":"14px","margin-all":"0","padding-all":"10px"}
{"color":"@contentText","font-size":"16px"}
[]
{"color":"@textCtrlBackground","extra":"font-weight: 600;","font-size":"14px"}
{"background-color":"transparent","border-style":"none","extra":"position: absolute;\ntop: 0;\nright: 0;\nline-height: 14px;\nwhite-space: nowrap;\nword-wrap: normal;\noverflow: hidden;","font-size":"12px","height":"28px","margin-all":"10px","padding-bottom":"3px","padding-left":"10px","padding-right":"10px","padding-top":"3px","width":"210px"}
{"border-bottom-color":"@primaryLighterStill","border-bottom-style":"dotted","border-bottom-width":"1px","color":"@contentText","extra":"text-align: right;\ntext-transform: uppercase;","font-size":"16px","font-style":"italic","margin-bottom":"10px","margin-left":"-10px","margin-right":"-10px","margin-top":"-10px","padding-all":"10px"}
{"extra":"\/*position: relative;\n\t\ttop: 2px;*\/"}
{"border-color":"@secondaryMedium","border-radius":"2px","border-style":"solid","border-width":"1px","extra":"text-align: center;\nline-height: 30px;\ndisplay: block;\ncursor: pointer;\nbackground-image: linear-gradient(#A2620F, @secondaryMedium);","height":"32px","margin-bottom":"10px","margin-left":"30px","margin-right":"30px","margin-top":"10px","padding-all":"3px"}
{"background-color":"@secondaryMedium","border-color":"@secondaryDarker","border-radius":"2px","border-style":"solid","border-width":"1px","color":"@textCtrlBackground","extra":"display: block;\nfont-weight: 600;\nbackground-image: linear-gradient(@secondaryMedium, #A2620F);","font-size":"18px"}
{"text-decoration":{"none":"none"}}
{"text-decoration":{"none":"none"}}
{"color":"@textCtrlText","extra":"line-height: 18px;","font-size":"11pt"}
{"color":"@faintTextColor","font-size":"11px"}
{"color":"@faintTextColor","font-size":"10px"}
{"color":"@textCtrlText","font-size":"11px"}
{"background-color":"@sectionMain.background-color","border-bottom-left-radius":"3px","border-bottom-right-radius":"3px","border-color":"@primaryLighter","border-style":"solid","border-top-color":"black","border-top-style":"none","border-top-width":"1px","border-width":"1px","color":"@textCtrlBackground","extra":"display: inline-block;\noutline: 0;\nposition: relative;\nright: -50%;","font-size":"11px","margin-bottom":"0","margin-left":"auto","margin-right":"auto","margin-top":"0","padding-bottom":"0","padding-left":"20px","padding-right":"20px","padding-top":"0"}
{"border-color":"@primaryLighter","border-radius":"3px","border-style":"solid","border-width":"1px","extra":"line-height: 20px;\noverflow: hidden;\nzoom: 1;","margin-all":"10px"}
{"extra":"text-align: center;","padding-bottom":"0","padding-left":"6px","padding-right":"6px","padding-top":"6px"}
{"color":"@contentBackground","extra":"font-weight: 600;\ndisplay: block;\noverflow: hidden;\nline-height: 16px;\ntext-align: center;","font-size":"14px"}
{"color":"@textCtrlText","extra":"display: block;","font-size":"11px","margin-bottom":"5px"}
{"border-color":"transparent","border-left-color":"rgb(127, 185, 0)","border-style":"solid","border-top-color":"rgb(127, 185, 0)","border-top-left-radius":"2px","border-width":"7px"}
{"border-bottom-color":"black","border-bottom-style":"none","border-bottom-width":"1px","margin-left":"140px","padding-all":"10px"}
{"border-color":"@primaryLighterStill","border-radius":"3px","extra":"outline: none;"}
{"border-radius":"3px","extra":"overflow: hidden;\n*zoom: 1;\nbox-shadow: 1px 1px 1px rgba(255, 255, 255, .5);\n\/*background: @primaryLightest url('@imagePath\/xenforo\/gradients\/form-button-white-25px.png') repeat-x top;*\/","margin-all":"0","padding-all":"1px"}
{"background-color":"#FFF","color":"@textCtrlText","extra":"opacity: 1;"}
{"background-color":"@primaryLightest","border-bottom-color":"@primaryLighterStill","border-bottom-style":"solid","border-bottom-width":"1px","extra":"background-image: linear-gradient(#fff, #F4F4F4);\nposition: 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"}
{"extra":"overflow: auto;","margin-bottom":"1em","margin-left":"0","margin-right":"0","margin-top":"1em"}
{"background-color":"transparent","border-bottom-color":"@primaryMedium","border-bottom-style":"dotted","border-bottom-width":"1px","color":"@textCtrlBackground","extra":"text-transform: uppercase;","font-family":"@body.font-family","font-size":"12px","padding-all":"8px"}
{"background-color":"transparent","border-radius":"5px","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"}
{"background-color":"@secondaryMedium","border-radius":"2px","border-top-right-radius":"0px","color":"@textCtrlBackground","extra":"display: block;\nfloat: right;\nposition: relative;","font-size":"11px","margin-bottom":"5px","margin-left":"5px","margin-right":"-5px","margin-top":"-5px","padding-bottom":"1px","padding-left":"5px","padding-right":"5px","padding-top":"1px"}
{"background-color":"@primaryLight","border-top-right-radius":"3px","extra":"position: absolute;\ntop: -4px;\nright: -1px;\ndisplay: none;","height":"4px","width":"5px"}
{"background-image":"@imagePath\/extra\/brivium-images.png","background-position":"center -125px","background-repeat":"no-repeat","extra":"display: block;","height":"36px","width":"36px"}
{"background-color":"@contentBackground","border-radius":"2px","color":"@textCtrlBackground","extra":"box-shadow: 0px 5px 20px rgba(0,0,0, 0.5);\n_zoom: 1;","padding-all":"15px"}
{"background-color":"@primaryMedium","border-bottom-color":"@primaryMedium","border-bottom-style":"dotted","border-bottom-width":"1px","border-top-left-radius":"2px","border-top-right-radius":"2px","color":"@textCtrlBackground","extra":"font-weight: normal;\ntext-transform: uppercase;","font-size":"16px","margin-bottom":"10px","margin-left":"-10px","margin-right":"-10px","margin-top":"-10px","padding-all":"10px"}
{"border-radius":"2px","extra":"box-shadow: 0px 5px 10px rgba(0,0,0, 0.5);","padding-all":"0px"}
{"background-color":"@primaryMedium","border-bottom-color":"@primaryLighterStill","border-bottom-style":"dotted","border-bottom-width":"1px","border-top-left-radius":"5px","border-top-right-radius":"5px","color":"@textCtrlText","extra":"font-weight: 600;","font-size":"11pt","margin-bottom":"3px","padding-all":"10px"}
[]
10px
{"border-color":"@primaryLighterStill","border-radius":"2px","border-style":"solid","border-width":"1px","margin-bottom":"20px"}
{"extra":"word-wrap: normal;\nmin-height: 23px;\n_height: 23px;","font-size":"11px","padding-all":"0"}
{"background-color":"@primaryMedium","border-bottom-color":"black","border-bottom-style":"none","border-bottom-width":"1px","color":"@textCtrlText"}
{"background-color":"@primaryMedium"}
{"height":"auto","width":"100%"}
{"color":"@textCtrlBackground","font-size":"18px","font-style":"italic"}
{"background-color":"@contentBackground","color":"@textCtrlBackground","extra":"position: relative;\nz-index: 1;"}
{"extra":"display: none;\nline-height: 20px;\nposition: relative;","margin-bottom":"0","margin-left":"auto","margin-right":"auto","margin-top":"0","padding-bottom":"10px","padding-left":"0","padding-right":"0","padding-top":"10px"}
{"background-color":"@primaryDark","border-color":"@primaryLighterStill","color":"@primaryLightest"}
{"font-size":"16px","font-style":"italic"}
{"background-color":"black","border-radius":"3px","color":"@textCtrlBackground","extra":"position: absolute;\nright: 0px;\nbottom: -78px;\ntext-align: center;\nz-index: 1;\nline-height: 20px;","font-size":"13px","padding-bottom":"8px","padding-left":"10px","padding-right":"10px","padding-top":"8px"}
{"background-color":"@primaryLighter","border-radius":"2px","extra":"display: inline-block;\nline-height: 26px;\noutline: 0 none;\nvertical-align: top;\nbackground-image: linear-gradient(#A2620F, @secondaryMedium);","height":"26px"}
{"border-radius":"2px","color":"@textCtrlBackground","extra":"display: block;\n\/*text-shadow: 0px 0px 3px @primaryMedium;*\/","font-size":"11px","padding-bottom":"0","padding-left":"15px","padding-right":"15px","padding-top":"0"}
[]
{"background-color":"@primaryMedium","extra":"background-image: linear-gradient(@secondaryMedium, #A2620F);"}
&lt;h3>ABOUT US&lt;/h3>    &lt;p class="text">     Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur. Lorem Ipsum is simply dummy text of the printing and typesetting industry.     &lt;/p>    &lt;p class="social">     &lt;a href="#">&lt;img src="@imagePath/extra/google.png" alt="image" />&lt;/a>      &lt;a href="#">&lt;img src="@imagePath/extra/facebook.png" alt="image" />&lt;/a>      &lt;a href="#">&lt;img src="@imagePath/extra/twitter.png" alt="image" />&lt;/a>     &lt;a href="#">&lt;img src="@imagePath/extra/blog.png" alt="image" />&lt;/a>     &lt;a href="#">&lt;img src="@imagePath/extra/youtube.png" alt="image" />&lt;/a>    &lt;/p>
&lt;h3>RELATED LINK&lt;/h3>    &lt;ul>     &lt;li>&lt;a href="#">Related Link 1&lt;/a>&lt;/li>     &lt;li>&lt;a href="#">Related Link 2&lt;/a>&lt;/li>     &lt;li>&lt;a href="#">Related Link 3&lt;/a>&lt;/li>     &lt;li>&lt;a href="#">Related Link 4&lt;/a>&lt;/li>     &lt;li>&lt;a href="#">Related Link 5&lt;/a>&lt;/li>    &lt;/ul>
&lt;h3>RELATED LINK&lt;/h3>    &lt;ul>     &lt;li>&lt;a href="#">Related Link 1&lt;/a>&lt;/li>     &lt;li>&lt;a href="#">Related Link 2&lt;/a>&lt;/li>     &lt;li>&lt;a href="#">Related Link 3&lt;/a>&lt;/li>     &lt;li>&lt;a href="#">Related Link 4&lt;/a>&lt;/li>     &lt;li>&lt;a href="#">Related Link 5&lt;/a>&lt;/li>    &lt;/ul>
&lt;h3>CONTACT US&lt;/h3>    &lt;ul>     &lt;li>&lt;i class="fa fa-home">&lt;/i> 15 Str., 4844, Ipsum, State, UK&lt;/li>     &lt;li>&lt;i class="fa fa-phone">&lt;/i> +30-2106019311&lt;/li>     &lt;li>&lt;a href="mailto: info@brivium.com">&lt;i class="fa fa-envelope-o">&lt;/i> info@brivium.com&lt;/a>&lt;/li>     &lt;li>&lt;a href="#">&lt;i class="fa fa-globe">&lt;/i> www.brivium.com&lt;/a>&lt;/li>    &lt;/ul>
{"extra":"overflow: hidden;\nzoom: 1;","font-size":"12px"}
{"color":"@textCtrlBackground"}
{"color":"@textCtrlBackground"}
{"extra":"overflow: hidden;\nzoom: 1;","font-family":"'Youngblood'","font-size":"46px"}
{"color":"@textCtrlBackground"}
{"background-color":"transparent","border-bottom-color":"@primaryLighterStill","border-bottom-style":"dashed","border-bottom-width":"1px","color":"@contentText"}
{"background-color":"transparent","border-bottom-left-radius":"2px","border-bottom-right-radius":"2px","font-size":"9pt","font-style":"italic","padding-all":"10px"}
{"margin-bottom":"10px","margin-left":"56px","margin-right":"10px","margin-top":"10px"}
{"background-color":"#FFF","border-radius":"2px","color":"white","extra":"overflow: hidden;\nmax-width: 565px;\nbox-shadow: 0 0 10px 0 rgba(0,0,0, 0.8);"}
{"background-color":"@primaryMedium","color":"@primaryLighter","font-size":"18px","margin-bottom":"10px","margin-left":"-13px","padding-all":"10px"}
{"font-size":"13pt","margin-bottom":"3px"}
{"extra":"position: absolute;\nbottom: 1px;\nleft: 29px;\nz-index: 10;\ndisplay: none;","padding-all":"0"}
{"background-color":"@contentBackground","border-radius":"100%","color":"@contentText","extra":"text-align: center;","text-decoration":{"none":"none"}}
{"background-color":"@primaryLightest","color":"@textCtrlText","extra":"position: relative;"}
{"background-color":"@primaryLightest","color":"@textCtrlText","text-decoration":{"none":"none"}}
{"background-color":"@primaryMedium","border-radius":"5px","color":"@textCtrlText","extra":"display: none;\nz-index: 15000;\ncursor: default;","font-size":"11px","padding-bottom":"5px","padding-left":"10px","padding-right":"10px","padding-top":"5px"}
{"border-bottom-color":"black","border-bottom-style":"none","border-bottom-width":"1px","border-left-color":"transparent","border-left-style":"solid","border-left-width":"6px","border-right-color":"transparent","border-right-style":"solid","border-right-width":"6px","border-top-color":"@primaryMedium","border-top-style":"solid","border-top-width":"6px","extra":"position: absolute;\nbottom: -6px;\nline-height: 0px;","height":"0px","width":"0px"}
{"border-color":"transparent","border-left-color":"black","border-left-style":"none","border-left-width":"1px","border-right-color":"@primaryMedium","border-style":"solid","border-width":"6px","extra":"top: 6px;\nleft: -6px;\nbottom: auto;\nright: auto;"}
{"background-color":"transparent","background-image":"@imagePath\/xenforo\/xenforo-ui-sprite.png","background-position":"-48px 0","background-repeat":"no-repeat","extra":"display: inline-block;\n*margin-top: 0;\nvertical-align: middle;","height":"14px","margin-left":"2px","margin-top":"-2px","width":"13px"}
{"background-position":"-32px 0"}
0
rgb(23, 23, 23)
1
1
1
1
1
1
1
1
1
10px
21px
{"extra":"overflow: hidden;\nzoom: 1;\nline-height: 20px;\nword-wrap: normal;\nmin-width: 150px;\nwhite-space: nowrap;","font-size":"11px","padding-bottom":"2px","padding-left":"0","padding-right":"0","padding-top":"2px"}
{"background-color":"@contentBackground","font-size":"10px","padding-bottom":"4px","padding-left":"6px","padding-right":"6px","padding-top":"4px"}

[Brivium] - Footer
Brivum Controls the bottom of the page



/* the attached files block is intended to appear like a bb code block */ #attachment1 {  border: none; }  .attachedFiles {  {xen:property bbCodeBlock} }  .messageList.withSidebar .attachedFiles {  margin-right: 0px; }   .attachedFiles .attachedFilesHeader  {   {xen:property bbCodeBlockType}     }   .attachedFiles .attachmentList  {   /* roughly the same as "bbCodeCode" with the monospacing stuff removed */   overflow: hidden; zoom: 1;     padding-top: 10px;   background:transparent;   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: transparent;    border: 1px solid {xen:property primaryMedium};    border-radius: 3px;    }       &lt;xen:set var="$attachThumbSize">{xen:calc 'min(100, {$xenOptions.attachmentThumbnailDimensions} / 2)'}px&lt;/xen:set>       .attachment .thumbnail    {     float: left;         margin-right: 10px;     width: {$attachThumbSize};     height: {$attachThumbSize};     overflow: hidden;     background-color: {xen:property contentBackground};    }         .attachment .thumbnail .SquareThumb     {      width: {$attachThumbSize};      height: {$attachThumbSize};      border-radius: 3px;     }          .attachment .thumbnail .genericAttachment     {      {xen:property genericAttachmentThumb}            margin: {xen:calc '(min(100, {$xenOptions.attachmentThumbnailDimensions} / 2) - {xen:property genericAttachmentThumb.height}) / 2'}px {xen:calc '(min(100, {$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%;    }  &lt;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%;  } } &lt;/xen:if>
/* .bbCodeX classes are designed to exist inside .baseHtml. ie: they have no CSS reset applied */  .bbCodeBlock {  {xen:property bbCodeBlock} }   .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 {  {xen:property bbCodeBlockType}  padding-top: 0; }  .bbCodeBlock pre, .bbCodeBlock .code {  {xen:property bbCodeCode} }  .bbCodeBlock .code {  white-space: nowrap; }  .bbCodeQuote {  {xen:property bbCodeQuote} }  .bbCodeQuote .attribution {  {xen:property bbCodeQuoteAttribution} }  .bbCodeQuote .quoteContainer {  overflow: hidden;  position: relative;    {xen:property bbCodeQuoteMessage} }  &lt;xen:if is="{xen:property bbCodeQuoteMaxHeight}">  .bbCodeQuote .quoteContainer .quote  {   max-height: {xen:property bbCodeQuoteMaxHeight};   overflow: hidden;   padding-bottom: 1px;  }     .NoJs .bbCodeQuote .quoteContainer .quote   {    max-height: none;   }   .bbCodeQuote .quoteContainer .quoteExpand  {     display: none;   box-sizing: border-box;   position: absolute;   height: 80px;   top: {xen:calc '{xen:property bbCodeQuoteMaxHeight} + intval({xen:property bbCodeQuoteMessage.padding-top}) + intval({xen:property bbCodeQuoteMessage.padding-bottom}) - 80'}px;   left: 0;   right: 0;      font-size: 11px;   line-height: 1;   text-align: center;   color: {xen:property secondaryLight};   cursor: pointer;   padding-top: 65px;   background: -webkit-linear-gradient(top, {xen:helper rgba, {xen:property bbCodeQuoteMessage.background-color}, 0} 0%, {xen:helper unrgba, {xen:property bbCodeQuoteMessage.background-color}} 80%);   background: -moz-linear-gradient(top, {xen:helper rgba, {xen:property bbCodeQuoteMessage.background-color}, 0} 0%, {xen:helper unrgba, {xen:property bbCodeQuoteMessage.background-color}} 80%);   background: -o-linear-gradient(top, {xen:helper rgba, {xen:property bbCodeQuoteMessage.background-color}, 0} 0%, {xen:helper unrgba, {xen:property bbCodeQuoteMessage.background-color}} 80%);   background: linear-gradient(to bottom, {xen:helper rgba, {xen:property bbCodeQuoteMessage.background-color}, 0} 0%, {xen:helper unrgba, {xen:property bbCodeQuoteMessage.background-color}} 80%);      border-bottom-left-radius: {xen:property bbCodeQuoteMessage.border-bottom-left-radius};   border-bottom-right-radius: {xen:property bbCodeQuoteMessage.border-bottom-right-radius};  }    .bbCodeQuote .quoteContainer .quoteExpand.quoteCut  {   display: block;  }    .bbCodeQuote .quoteContainer.expanded .quote  {   max-height: none;  }    .bbCodeQuote .quoteContainer.expanded .quoteExpand  {   display: none;  } &lt;xen:else />  .bbCodeQuote .quoteContainer .quoteExpand  {   display: none;  } &lt;/xen:if>   .bbCodeQuote img  {   max-height: 150px;  }    .bbCodeQuote iframe,  .bbCodeQuote .fb_iframe_widget,  .bbCodeQuote object,  .bbCodeQuote embed  {   max-width: 200px;   max-height: 150px;  }    .bbCodeQuote iframe:-webkit-full-screen  {   max-width: none;   max-height: none;  }    .bbCodeQuote iframe:-moz-full-screen  {   max-width: none;   max-height: none;  }    .bbCodeQuote iframe:-ms-fullscreen  {   max-width: none;   max-height: none;  }    .bbCodeQuote iframe:fullscreen  {   max-width: none;   max-height: none;  }   .bbCodeSpoilerButton {  margin: 5px 0;  max-width: 99%; }   .bbCodeSpoilerButton > span  {   display: inline-block;   max-width: 100%;   white-space: nowrap;   text-overflow: ellipsis;   overflow: hidden;  }   .hasJs .bbCodeSpoilerText {  display: none;  {xen:property bbCodeSpoilerText} }   .hasJs .bbCodeSpoilerText .bbCodeSpoilerText,  .hasJs .bbCodeSpoilerText .bbCodeBlock,  .hasJs .messageList.withSidebar .bbCodeSpoilerText  {   margin-right: 0;  }   .NoJs .bbCodeSpoilerContainer {  background-color: {xen:property contentText}; /* 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;   }  &lt;xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property maxResponsiveWideWidth}) {  .Responsive .bbCodeBlock,  .Responsive.hasJs .bbCodeSpoilerText  {   margin-right: 0;  } } &lt;/xen:if>
.breadBoxTop, .breadBoxBottom {  {xen:property breadBox} }  .breadBoxTop { }  .breadBoxTop .topCtrl {  {xen:property breadBoxTopCtrl} }  .breadcrumb {  {xen:property breadcrumb} }  .breadcrumb.showAll {  height: auto; }  .breadcrumb .boardTitle {  {xen:property breadcrumbBoardTitle} }  .breadcrumb .crust {  {xen:property breadcrumbItemCrust} }  .breadcrumb .crust:first-child {  margin-left: 1px; }  .breadcrumb .crust a.crumb {  cursor: pointer;  {xen:property breadcrumbItemCrumb} }   .breadcrumb .crust a.crumb > span  {   display: block;   text-overflow: ellipsis;   word-wrap: normal;   white-space: nowrap;   overflow: hidden;   max-width: 100%;   color: {xen:property textCtrlText};  }   .breadcrumb .crust:first-child a.crumb,  .breadcrumb .crust.firstVisibleCrumb a.crumb  {   {xen:property breadcrumbItemFirstCrumb}  }    .breadcrumb .crust:last-child a.crumb  {   {xen:property breadcrumbItemLastCrumb}  }  .breadcrumb .crust .arrow {  {xen:property breadcrumbItemArrowOuter} }  .breadcrumb .crust .arrow span {  {xen:property breadcrumbItemArrowInner} }  .breadcrumb .crust:hover a.crumb {  {xen:property breadcrumbItemCrumbHover} }  .breadcrumb .crust:hover .arrow span {  border-left-color: {xen:property contentBackground}; }   .breadcrumb .crust .arrow  {   /* hide from IE6 */   _display: none;  }  .breadcrumb .jumpMenuTrigger {  {xen:property breadcrumbJumpMenuTrigger} }  .breadcrumb .crust:last-child .arrow span {  border-left-color: {xen:property contentBackground}; }  .breadcrumb .crust:hover a.crumb > span, .breadcrumb .crust:last-child a.crumb > span {  color: {xen:property textCtrlBackground}; }   &lt;xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property maxResponsiveNarrowWidth}) {  .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;  } } &lt;/xen:if>
.xenOverlay.chooserOverlay {  max-width: 700px; }   .chooserColumns  {   overflow: hidden; zoom: 1;   padding: 0;  }     .chooserColumns li   {    float: left;    width: 33%;   }       .chooserColumns.twoColumns li    {     width: 49.5%;    }       .chooserColumns.oneColumns li    {     width: 100%;    }        .chooserColumns.threeColumns li    {     width: 33%;    }        .chooserColumns.fourColumns li    {     width: 24.5%;    }       .chooserColumns li a    {     margin: 3px;     display: block;     padding: 5px 10px;     border-radius: 5px;     overflow: hidden; zoom: 1;    }        .chooserColumns li a:hover    {     text-decoration: none;    }        .chooserColumns li a:hover .title    {     font-weight: 600;    }        .chooserColumns .icon    {     float: left;     display: block;     width: 64px;     height: 64px;     background: {xen:property primaryLighter};     border: 1px solid {xen:property primaryLighter};     border-radius: 2px;     box-shadow: 2px 2px 6px rgba(0,0,0, 0.25);    }         .styleChooser .icon     {      background-image: url('{xen:property imagePath}/xenforo/widgets/style-preview.png');     }        .chooserColumns .title,    .chooserColumns .description    {     margin-left: 76px;     display: block;     color: {xen:property contentBackground};    }        .chooserColumns .title    {     font-size: 11pt;    }         .chooserColumns .unselectable .title:after     {      content: " *";     }        .chooserColumns .description    {     color: {xen:property mutedTextColor};     font-size: 11px;    }     .chooserScroller  {   overflow: auto;   max-height: 200px;  }     .chooserScroller li a   {    display: block;   }      .chooserScroller li a:hover   {    background-color: {xen:property secondaryLightest};    text-decoration: none;   }       .chooserScroller li a .info    {     font-size: 11px;     color: {xen:property contentText};     }     .chooserConfirm {  text-align: center; }    .chooserConfirm strong  {   display: block;   margin-top: 10px;   font-size: 18px;  }  &lt;xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property maxResponsiveNarrowWidth}) {  .Responsive .chooserOverlay .chooserColumns li  {   width: auto;   float: none;  } } &lt;/xen:if>
.conversation_view .messageList {  padding-right: 10px;  border-top-right-radius: 10px; }   .conversation_view .message:first-child  {   border-top: none;  }   .conversation_view .message .newIndicator  {   margin-top: 0;   margin-right: -15px;  }    .conversation_view .attachment  {   width: 49.5%;  }   .conversation_view .quickReply  {   border-top: none;  }   &lt;xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property maxResponsiveWideWidth}) {  .Responsive .conversation_view .messageList  {   border-right: none;   padding-right: 0;   border-top-right-radius: 0;  } } &lt;/xen:if>
.discussionList {  position: relative;  zoom: 1;  padding: 0;  border: none;  background-color: {xen:property primaryMedium};  float: left;  width: 100%;  border-radius: 3px; }  /** 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: {xen:property discussionListAvatarWidth};   }      .discussionList .main   {    width: auto;   }     .discussionList .sectionHeaders .main .postDate    {     text-align: right;    }      .discussionList .stats   {    width: {xen:property discussionListStatsWidth};   }        .discussionList .sectionHeaders .stats .minor    {     text-align: right;    }      .discussionList .lastPost   {    width: {xen:property discussionListLastPostWidth};    text-align: right;    overflow: hidden;   }      .discussionList .statsLastPost /* combined last two columns */   {    width: {xen:calc '{xen:property discussionListStatsWidth} + {xen:property discussionListLastPostWidth}'}px;   }    /* column headers */  .discussionList .sectionHeaders {   {xen:property subHeading}    padding: 0; }   .discussionList .sectionHeaders dt span  {   display: none !important;  }     .discussionList .sectionHeaders a  {   display: block;   color: {xen:property subHeading.color};   outline: none;  }    .discussionList .sectionHeaders a:hover  {   text-decoration: none;  }      .discussionList .sectionHeaders dd a[href]:hover  {   {xen:property subHeadingHover}  }     .discussionList .sectionHeaders .main a,  .discussionList .sectionHeaders .stats a  {   float: left;   width: 50%;   white-space: nowrap;  }     .discussionList .sectionHeaders a span   {    {xen:property subHeading.padding}    display: block;   }    /** IE &lt;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 {  {xen:property primaryContent.background}    {xen:property primaryContent.border}  background-color: {xen:property primaryMedium}; }       /* sections, section widths */     .discussionListItem .posterAvatar,     .discussionListItem .stats   {    /*{xen:property secondaryContent.background}*/   }      .discussionListItem .main,   .discussionListItem .lastPost   {   }                          /* avatar section */    .discussionListItem .posterAvatar .avatarContainer  {   display: block;   position: relative;  }    .discussionListItem .posterAvatar .avatar  {   {xen:property discussionListAvatar}      width: auto;   height: auto;  }     .discussionListItem .posterAvatar .avatar img   {    width: {xen:property discussionListAvatar.width};    height: {xen:property discussionListAvatar.height};    display: block;   }      .discussionListItem .posterAvatar .miniMe   {    {xen:property discussionListMiniMe}   }       .discussionListItem .posterAvatar .miniMe img    {     {xen:property discussionListMiniMeImg}        }          /* 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;        background: url('{xen:property imagePath}/xenforo/xenforo-ui-sprite.png') no-repeat 10000px 0;        white-space: nowrap;    overflow: hidden;    text-indent: 9999px;   }       .LoggedIn .discussionListItem .unreadLink,    .LoggedIn .discussionListItem.unread .ReadToggle    {     background-position: -5px -42px;    }       .LoggedIn .discussionListItem .ReadToggle:hover    {     background-position: -25px -42px;    }     /* first row */     .discussionListItem .title   {    {xen:property discussionListFirstRow}    max-width: 100%;    word-wrap: break-word;   }      .discussionListItem .title a   {    color: {xen:property textCtrlText};   }       .discussionListItems .unread .title a    {     {xen:property discussionListTitleUnread}    }          .discussionListItem .iconKey span   {    {xen:property dicussionListIcon}   }        .discussionListItem .iconKey .sticky    { background-position:   0px -16px; }    .discussionListItem .iconKey .starred   { background-position: -90px -32px; width: 18px; height: 18px; }    .discussionListItem .iconKey .watched   { background-position: -144px -16px; width: 16px; height: 16px; }    .discussionListItem .iconKey .locked    { background-position: -16px -16px; }    .discussionListItem .iconKey .moderated { background-position: -32px -16px; }    .discussionListItem .iconKey .redirect  { background-position: -48px -16px; }    .discussionListItem .iconKey .new       { background-position: -64px -16px; }      /* second row */      .discussionListItem .secondRow   {    {xen:property discussionListSecondRow}    clear: both;   }       .discussionListItem .secondRow .controls    {     float: right;     padding-left: 20px;    }          .discussionListItem.AjaxProgress .controls     {      background: transparent url('{xen:property imagePath}/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat left center;     }        .discussionListItem .posterDate    {     float: left;    }            .discussionListItem .posterDate a    {     color: {xen:property textCtrlText};    }        .discussionListItem .posterDate a.username    {     font-weight: 600;    }              /* stats section */    .discussionListItem .stats  {   border-left: 1px solid {xen:property primaryLighterStill};   border-right: 1px solid {xen:property primaryLighterStill};  }    .discussionListItem .stats dl  {   padding: 0 10px;  }   .discussionListItem .stats .major   {    {xen:property discussionListFirstRow}    font-size: 14px;        margin-top: 5px;   }       .discussionListItem .stats .minor   {   }      .discussionListItem .stats dd,   .discussionListItem .stats dt   {    color: {xen:property textCtrlText};   }      /* last post section */    .discussionListItem .lastPostInfo  {   padding: 5px;  }     .discussionListItem .lastPostInfo .username   {    {xen:property discussionListFirstRow}    color: {xen:property primaryLightish};   }         .discussionListItems .unread .lastPostInfo .username    {     {xen:property discussionListTitleUnread}    }      .discussionListItem .lastPostInfo .dateTime   {    {xen:property discussionListSecondRow}   }   /* extra note row */  .discussionListItem .noteRow {  {xen:property primaryContent.background}  padding: 5px;  text-align: center;  font-size: 11px;  color: {xen:property primaryMedium}; }   .discussionListItem .noteRow.secondary  {   {xen:property secondaryContent.background}  }     /* 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 {  {xen:property primaryContent.background} }                     /* 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 {  {xen:property inlineModChecked} }                    /** bottom summary **/  .discussionList .sectionFooter {  overflow: hidden; zoom: 1;  margin: 5px 10px;  border-radius: 3px; }   .discussionList .sectionFooter .contentSummary  {   float: left;   display: block;  }     /** thread list options **/  .DiscussionListOptions {  {xen:property discussionListOptions} }  .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 {  {xen:property discussionListOptionsHandle} }    #DiscussionListOptionsHandle a  {   {xen:property discussionListOptionsHandleLink}  }   .afterDiscussionListHandle {  margin-top: 20px; }   /** item page nav **/  .discussionListItem .itemPageNav {  {xen:if '{xen:property discussionListPageNavHidden}', 'visibility: hidden;'} }  .discussionListItem:hover .itemPageNav, .Touch .discussionListItem .itemPageNav {  visibility: visible; }   .itemPageNav a,  .itemPageNav span  {   {xen:property discussionListItemPageNavItem}  }    body .itemPageNav a  {   {xen:property discussionListItemPageNavLink}  }    body .itemPageNav a:hover  {   {xen:property discussionListItemPageNavLinkHover}  }  /** filters **/    .discussionListFilters {  font-size: 11px;  overflow: hidden; zoom: 1; }   .discussionListFilters .filtersHeading  {   float: left;   margin-right: 5px;   color: {xen:property primaryLight};   font-weight: bold;  }    .discussionListFilters .removeFilter,  .discussionListFilters .removeAllFilters  {   color: {xen:property primaryMedium};   background: {xen:property primaryLighterStill} url('{xen:property imagePath}/xenforo/gradients/form-button-white-25px.png') repeat-x top;   border: 1px solid {xen:property primaryLighterStill};   border-radius: 5px;   padding: 2px 10px;  }     .discussionListFilters .gadget   {    color: {xen:property primaryLight};    font-weight: bold;    margin-left: 3px;   }      .discussionListFilters .removeFilter:hover,   .discussionListFilters .removeAllFilters:hover   {    background-color: {xen:property primaryLightest};    text-decoration: none;    color: {xen:property mutedTextColor};    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;   }  &lt;xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property maxResponsiveMediumWidth}) {  .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:{xen:property maxResponsiveWideWidth}) {  .Responsive .discussionList .sectionHeaders .lastPost,  .Responsive .discussionList .lastPost  {   width: 125px;  }    .Responsive .discussionList .sectionHeaders  {   font-size: 13px;  } }  @media (max-width:{xen:property maxResponsiveNarrowWidth}) {  .Responsive .discussionListItem .secondRow .startDate,  .Responsive .discussionListItem .secondRow .EditControl  {   display: none;  } } &lt;/xen:if>
html {  cursor: text;  height: 100%;  word-wrap: break-word;  max-width: 100%;   {xen:property html.background}  {xen:property html.font}    {xen:property body.background}  {xen:property body.font}    {xen:property content.background}  {xen:property content.font}   {xen:property primaryContent.background}  {xen:property primaryContent.font}    {xen:property messageInfo.background}  {xen:property messageInfo.font}   {xen:property messageText}    background-image: none;    {xen:property editorContent} }  body {  padding: 8px;  margin: 0;  word-wrap: break-word;  display: inline-block;  width: 100%;  min-height: 30px;  box-sizing: border-box;  cursor: auto;  *display: block;  *width: auto; }  body:empty {  min-height: 0 !important;  height: 1.3em; }  body.noElastic {  display: block !important;  min-height: 0 !important;  height: auto !important; }  a:link, a:visited, a:focus, a:active {  cursor: text;  background: transparent;   {xen:helper cssImportant, {xen:property link}}  {xen:helper cssImportant, {xen:property ugcLink}} }  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; } img { max-width: 90%; border: none; cursor: pointer; } img.mceSmilie, img.mceSmilieSprite, img.attachFull, img.attachThumb { cursor: text; }  p, div { margin: 0; padding: 0; }  font[size="1"] { font-size: 9px; } font[size="2"] { font-size: 10px; } font[size="3"] { font-size: 12px; } font[size="4"] { font-size: 15px; } font[size="5"] { font-size: 18px; } font[size="6"] { font-size: 22px; } font[size="7"] { font-size: 26px; }  blockquote { margin: 0 !important; padding: 0 !important; margin-left: 30px !important; } body[dir=rtl] blockquote {  margin-right: 30px !important; margin-left: 0; }  &lt;xen:include template="bb_code_base.css" /> &lt;xen:include template="bb_code.css" />  /* make the font bigger to prevent zooming on iPhones */ @media (max-device-width:568px) {  body  {   font-size: 16px;  } }
.xenOverlay .errorOverlay {  color: white;  padding: 15px;  border-radius: 2px;     background: rgba(0,0,0, 0.85); }   .xenOverlay .errorOverlay .heading  {   padding: 10px;   margin: -15px -15px 0;   font-weight: 600;   font-size: 12pt;   background: rgb(180,0,0);   color: white;   margin-bottom: 10px;   border-top-left-radius: 2px;   border-top-right-radius: 2px;   border-bottom: 1px dotted {xen:property primaryLighterStill};  }   .xenOverlay .errorOverlay li  {   line-height: 2;  }    .xenOverlay .errorOverlay .exceptionMessage  {   color: {xen:property mutedTextColor};  }  /*** 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);  box-shadow: 2px 2px 10px #999;  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);  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;  }  &lt;xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property maxResponsiveWideWidth}) {  .Responsive .formValidationInlineError  {   position: static;   width: auto;   min-height: auto;  } } &lt;/xen:if>
@font-face {  font-family: 'Youngblood';  src:url('{xen:property imagePath}/font/Youngblood.ttf') format('truetype');  font-weight:normal;  font-style:normal; }  .button.primary:active {  background-image: linear-gradient(#b58c2b, #eac160); }  #SignupButton:active .inner {  background-image: linear-gradient(#A2620F, {xen:property secondaryMedium} 60%); }  .button.smallButton:active, .bbCodeSpoilerButton:active {  background-image: none;  background-color: {xen:property secondaryLight}; }  .report_list .discussionList {  background-color: transparent; }  .discussionListItem .secondRow .faint {  color: {xen:property dimmedTextColor}; }
footer {  background: {xen:property contentBackground}; }  .footer {  line-height: 18px; }  .footer .pageContent {   padding: 20px 0; }  .footer h3 {  padding: 10px 0;  margin-bottom: 5px;  font-size: 15px;  font-weight: 600;  color: {xen:property contentText};  font-weight: bold; }  .footerBlock {  font-size: 13px;  float: left; }  .footerBlock > div  {  padding:0 10px;   box-sizing: border-box; }  .footerBlock:first-child > div {  padding-left: 0; }  .footerBlock:last-child > div {  padding-right: 0; }  .footerBlock1 {  width: 34%; }  .footerBlock1 .social {  padding-top: 20px; }  .footerBlock1 .social a {  margin-right: 3%;  display: inline-block; }  .footerBlock2, .footerBlock4 {  width: 22%; }  .footerBlock4 ul li {  margin-bottom: 6px; }  .footerBlock4 ul li .fa {  margin-right: 5px; }  /********** FooterLegal ***********/  .footerLegal {  font-style: italic; }  .footerLegal .pageContent {  padding:10px; }  .footerLegal .fa {  font-size: 18px;  color: {xen:property primaryMedium}; }  .footerLegal #legal li  a {  margin-left: 10px; }  .footerLinks a.globalFeed {  margin: 0; }  .footerLegal #BRCopyright .muted .concealed {  color: {xen:property faintTextColor} !important; }  &lt;xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property nonResponsiveMinWidth}) {  .Responsive .pairsInline.debugInfo  {   display: none;  } } @media (max-width:{xen:property maxResponsiveWideWidth}) {  .Responsive #copyright  {   float: none;  }    .Responsive #legal   {   float: none;   display: inline-block;  }    .Responsive #legal>li  {  }    .Responsive .footerBlock1  {   width: 100%;   float: none;   display: inline-block;   text-align: justify;  }    .Responsive .footerBlock2,  .Responsive .footerBlock4  {   width: 33%;  }   } @media (max-width:{xen:property maxResponsiveMediumWidth}) {  .Responsive #BRCopyright  {   float: none !important;  }   } @media (max-width:{xen:property maxResponsiveNarrowWidth}) {  .Responsive .footerBlock2,  .Responsive .footerBlock4  {   float: none;   width: 90%;   margin: auto;    text-align: center;   margin-top: 10px;  }    .Responsive .footerBlock1 h3  {   text-align: center;  }   .Responsive #legal li  {   display: inline-block;   float: none;   vertical-align: middle;  }    .Responsive .footerBlock1 .social a  {   margin-right: 2%;  }   } &lt;/xen:if>
/** BEGIN LOGOBLOCK **/  #logoBlock {  background-color: {xen:property contentBackground}; }  #AccountMenu .menuHeader .links .fl a {  color: {xen:property textCtrlText}; }  /** END LOGOBLOCK **/  /** BEGIN NAVIGATION PUBLICTABS **/  .navTabs .navTab.PopupOpen {  background-color: transparent; }  .navTabs .navTab:hover .navLink {  color: {xen:property primaryMedium}; }   /** END NAVIGATION PUBLICTABS **/   /** BEGIN NAVIGATION VISITORTABS**/  #logoBlock .navTabs {  float: right;  height: {xen:property headerLogoHeight};  padding: {xen:calc '( {xen:property headerLogoHeight} - {xen:property headerTabHeight}) / 2'}px 0;  box-sizing: border-box; }  #logoBlock .navTabs .navTab {  float: right; }  #logoBlock .navTabs .navTab:hover {  background-color: transparent; }  #logoBlock .navTabs .navTab.alerts .navLink, #logoBlock .navTabs .navTab.inbox .navLink {  background: {xen:property primaryMedium} url('{xen:property imagePath}/extra/brivium-images.png') no-repeat;  border-radius: 100%;  width: {xen:property headerTabHeight};  height: {xen:property headerTabHeight};  margin: 0 15px;  box-sizing: border-box;  transition: all 0.3s;  text-indent: 9999px;  overflow: hidden; }  #logoBlock .navTabs .navTab.alerts .navLink {  background-position: center -251px; }  #logoBlock .navTabs .navTab.inbox .navLink {  background-position: center -310px; }  #logoBlock .navTabs .navTab.alerts:hover .navLink, #logoBlock .navTabs .navTab.inbox:hover .navLink {  border-radius: 0; }  .navTabs .navTab.account .navLink img {  display: inline-block;  vertical-align: top;  height: {xen:calc '{xen:property headerTabHeight} - 6'}px;  width: auto;  border: 3px solid rgba(0,0,0,0.5);  border-radius: 4px; }  /** END NAVIGATION VISITORTABS**/  &lt;xen:if is="{xen:property enableResponsive}"> @media (max-width:{xen:property maxResponsiveMediumWidth}) { }  #logo  {   max-width: 200px;   padding-left: 5px;  }  @media (max-width:{xen:property maxResponsiveNarrowWidth}) {  .Responsive #logoBlock .navTabs .navTab  {   display: none;  }    .Responsive #logoBlock .navTabs .navTab.account  {   display: block;  }    #logo  {   max-width: 150px;  } } &lt;/xen:if> @media(max-width: 320px) {  .Responsive #logoBlock .navTabs .navTab.account .navLink .accountUsername  {   display: none;  } }
&lt;xen:edithint template="footer.css" />  &lt;xen:hook name="footer"> &lt;div class="footer">  &lt;div class="pageWidth">   &lt;div class="pageContent">   &lt;ul>   &lt;li class="footerBlock footerBlock1">    &lt;xen:if is="{xen:property footerBlock1}">    &lt;div>     {xen:property footerBlock1}    &lt;/div>    &lt;/xen:if>   &lt;/li>   &lt;li class="footerBlock footerBlock2">    &lt;xen:if is="{xen:property footerBlock2}">    &lt;div>     {xen:property footerBlock2}    &lt;/div>    &lt;/xen:if>   &lt;/li>   &lt;li class="footerBlock footerBlock2 footerBlock3">    &lt;xen:if is="{xen:property footerBlock3}">    &lt;div>     {xen:property footerBlock3}    &lt;/div>    &lt;/xen:if>   &lt;/li>   &lt;li class="footerBlock footerBlock4">    &lt;xen:if is="{xen:property footerBlock4}">    &lt;div>     {xen:property footerBlock4}    &lt;/div>    &lt;/xen:if>   &lt;/li>   &lt;/ul>   &lt;xen:comment>    &lt;xen:if is="{$canChangeStyle} OR {$canChangeLanguage}">    &lt;dl class="choosers">     &lt;xen:if is="{$canChangeStyle}">      &lt;dt>{xen:phrase style}&lt;/dt>      &lt;dd>&lt;a href="{xen:link 'misc/style', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase style_chooser}" rel="nofollow">{$visitorStyle.title}&lt;/a>&lt;/dd>     &lt;/xen:if>     &lt;xen:if is="{$canChangeLanguage}">      &lt;dt>{xen:phrase language}&lt;/dt>      &lt;dd>&lt;a href="{xen:link 'misc/language', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase language_chooser}" rel="nofollow">{$visitorLanguage.title}&lt;/a>&lt;/dd>     &lt;/xen:if>    &lt;/dl>    &lt;/xen:if>        &lt;ul class="footerLinks">    &lt;xen:hook name="footer_links">     &lt;xen:if is="{$xenOptions.contactUrl.type} === 'default'">      &lt;a href="{xen:link 'misc/contact'}" class="OverlayTrigger" data-overlayOptions="{"fixed":false}">{xen:phrase contact_us}&lt;/a>     &lt;xen:elseif is="{$xenOptions.contactUrl.type} === 'custom'" />      &lt;a href="{$xenOptions.contactUrl.custom}" {xen:if {$xenOptions.contactUrl.overlay}, 'class="OverlayTrigger" data-overlayOptions="{"fixed":false}"'}>{xen:phrase contact_us}&lt;/a>     &lt;/xen:if>     &lt;li>&lt;a href="{xen:link help}">{xen:phrase help}&lt;/a>&lt;/li>     &lt;xen:if is="{$homeLink}">&lt;li>&lt;a href="{$homeLink}" class="homeLink">{xen:phrase home}&lt;/a>&lt;/li>&lt;/xen:if>     &lt;li>&lt;a href="{$requestPaths.requestUri}#navigation" class="topLink">{xen:phrase go_to_top}&lt;/a>&lt;/li>     &lt;li>&lt;a href="{xen:link forums/-/index.rss}" rel="alternate" class="globalFeed" target="_blank"      title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}">{xen:phrase rss}&lt;/a>&lt;/li>    &lt;/xen:hook>    &lt;/ul>    &lt;/xen:comment>        &lt;span class="helper">&lt;/span>   &lt;/div>  &lt;/div> &lt;/div>  &lt;div class="footerLegal">  &lt;div class="pageWidth">   &lt;div class="pageContent">       &lt;div id="copyright">     {xen:helper copyright} {xen:phrase extra_copyright}     &lt;a href="http://brivium.com/xenforo-add-ons" title="Brivium XenForo Add-ons">XenForo Add-ons&lt;/a> & &lt;a href="http://brivium.com/xenforo-styles" title="Brivium XenForo Style">XenForo Styles&lt;/a> ™ © 2012-2016 Brivium LLC.    &lt;/div>    &lt;xen:hook name="footer_after_copyright" />       &lt;ul id="legal">    &lt;xen:if is="{$canChangeStyle} OR {$canChangeLanguage}">     &lt;xen:if is="{$canChangeStyle}">     &lt;li>      &lt;a href="{xen:link 'misc/style', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase style_chooser}" rel="nofollow">{$visitorStyle.title}&lt;/a>     &lt;/li>     &lt;/xen:if>     &lt;xen:if is="{$canChangeLanguage}">     &lt;li>      &lt;a href="{xen:link 'misc/language', '', 'redirect={$requestPaths.requestUri}'}" class="OverlayTrigger Tooltip" title="{xen:phrase language_chooser}" rel="nofollow">{$visitorLanguage.title}&lt;/a>     &lt;/li>     &lt;/xen:if>    &lt;/xen:if>    &lt;xen:hook name="footer_links_legal">     &lt;xen:if is="{$tosUrl}">&lt;li>&lt;a href="{$tosUrl}">{xen:phrase terms_and_rules}&lt;/a>&lt;/li>&lt;/xen:if>     &lt;xen:if is="{$xenOptions.privacyPolicyUrl}">&lt;li>&lt;a href="{$xenOptions.privacyPolicyUrl}">{xen:phrase privacy_policy}&lt;/a>&lt;/li>&lt;/xen:if>    &lt;/xen:hook>    &lt;li>     &lt;ul class="footerLinks">    &lt;xen:hook name="footer_links">     &lt;xen:if is="{$xenOptions.contactUrl.type} === 'default'">      &lt;li>&lt;a href="{xen:link 'misc/contact'}" class="OverlayTrigger" data-overlayOptions="{"fixed":false}">{xen:phrase contact_us}&lt;/a>&lt;/li>     &lt;xen:elseif is="{$xenOptions.contactUrl.type} === 'custom'" />      &lt;li>&lt;a href="{$xenOptions.contactUrl.custom}" {xen:if {$xenOptions.contactUrl.overlay}, 'class="OverlayTrigger" data-overlayOptions="{"fixed":false}"'}>{xen:phrase contact_us}&lt;/a>&lt;/li>     &lt;/xen:if>     &lt;li>&lt;a href="{xen:link help}">{xen:phrase help}&lt;/a>&lt;/li>     &lt;xen:if is="{$homeLink}">&lt;li>&lt;a href="{$homeLink}" class="homeLink">{xen:phrase home}&lt;/a>&lt;/li>&lt;/xen:if>     &lt;li>&lt;a href="{$requestPaths.requestUri}#navigation" class="topLink">&lt;i class="fa fa-angle-up fa-lg">&lt;/i>&lt;xen:comment>{xen:phrase go_to_top}&lt;/xen:comment>&lt;/a>&lt;/li>     &lt;li>&lt;a href="{xen:link forums/-/index.rss}" rel="alternate" class="globalFeed" target="_blank"      title="{xen:phrase rss_feed_for_x, 'title={$xenOptions.boardTitle}'}">{xen:phrase rss}&lt;/a>&lt;/li>    &lt;/xen:hook>    &lt;/ul>    &lt;/li>    &lt;/ul>        &lt;xen:if is="{$debugMode}">     &lt;xen:if hascontent="true">      &lt;dl class="pairsInline debugInfo" title="{$controllerName}->{$controllerAction}{xen:if $viewName, ' ({$viewName})'}">      &lt;xen:contentcheck>       &lt;xen:if is="{$page_time}">&lt;dt>{xen:phrase timing}:&lt;/dt> &lt;dd>&lt;a href="{$debug_url}" rel="nofollow">{xen:phrase x_seconds, 'time={xen:number $page_time, 4}'}&lt;/a>&lt;/dd>&lt;/xen:if>       &lt;xen:if is="{$memory_usage}">&lt;dt>{xen:phrase memory}:&lt;/dt> &lt;dd>{xen:phrase x_mb, 'size={xen:number {xen:calc "{$memory_usage} / 1024 / 1024"}, 3}'}&lt;/dd>&lt;/xen:if>       &lt;xen:if is="{$db_queries}">&lt;dt>{xen:phrase db_queries}:&lt;/dt> &lt;dd>{xen:number {$db_queries}}&lt;/dd>&lt;/xen:if>      &lt;/xen:contentcheck>      &lt;/dl>     &lt;/xen:if>    &lt;/xen:if>        &lt;span class="helper">&lt;/span>   &lt;/div>  &lt;/div>  &lt;/div> &lt;/xen:hook>
.footer .pageContent {  {xen:property footer} }  footer,  .footerLegal a,  .footer a,  .footer a:visited  {   {xen:property footerLink}  }      .footerLegal a:hover,   .footerLegal a:active,   .footer a:hover,   .footer a:active   {    {xen:property footerLinkHover}   }   .footer .choosers  {   {xen:property footerLeftBlock}  }     .footer .choosers dt   {    display: none;   }      .footer .choosers dd   {    float: left;    &lt;xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;&lt;/xen:if>   }     .footerLinks  {   {xen:property footerRightBlock}  }     .footerLinks li   {    float: left;    &lt;xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;&lt;/xen:if>   }       .footerLinks a.globalFeed    {     width: 14px;     height: 14px;     display: block;     text-indent: -9999px;     white-space: nowrap;     background: url('{xen:property imagePath}/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;     padding: 0;     /*margin: 5px;*/    }  .footerLegal .pageContent {  font-size: 13px;  overflow: hidden; zoom: 1;  padding: 10px 5px;  text-align: center; }    #copyright  {   float: left;  }    #legal  {   float: right;  }     #legal li   {    float: left;    &lt;xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;&lt;/xen:if>   }  &lt;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;  } } &lt;/xen:if>
/** Forms **/  .xenForm {  margin: 10px auto;  max-width: {xen:property formWidth}; }   .xenOverlay .xenForm  {   max-width: {xen:property overlayFormWidth};  }  .xenForm .ctrlUnit > dd {  width: {xen:property ctrlUnitValueWidth};  box-sizing: border-box;  padding-right: {xen:property ctrlUnitEdgeSpacer}; }  .xenForm .ctrlUnit > dd .textCtrl {  box-sizing: border-box;  width: 100%; }   .xenForm .ctrlUnit > dd .textCtrl.indented  {   width: calc(100% - {xen:property formCtrlIndent});  }   .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 {xen:property primaryLighterStill};  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 {xen:property primaryLighterStill}; }  .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 {  {xen:property 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 .formHide

.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member, .bday_strip {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}