<style title="muabantop" description="" user_selectable="1">
<properties>...</properties>
<templates>
<template title="ad_header" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
<xen:hook name="ad_header" /> <ul class="main-2-menu"> <a class="besthost" href="http://www.besthost.com.vn/" target="blank" tittle="&#272;&#259;ng k&#253; hosting"><img src="http://muabantop.com/images/728x90.gif" alt="&#272;&#259;ng k&#253; hosting" title="&#272;&#259;ng k&#253; hosting" width="700"></a> </ul>
]]>
</template>
<template title="breadcrumb" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
<xen:edithint template="breadcrumb.css" /> <div class="pageWidth"> <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}"><!--{xen:phrase jump_to}...--></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"'}>{xen:phrase home}</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"'}>{$homeTab.title}</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> </div>
]]>
</template>
<template title="breadcrumb.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
.breadBoxTop, .breadBoxBottom { background-color: #fff; padding: 5px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; overflow: hidden; zoom: 1; clear: both; position: relative; } .breadBoxTop .topCtrl { margin-left: 5px; float: right; line-height: 24px; } .breadcrumb { font-size: 13px; overflow: hidden; zoom: 1; max-width: 100%; position: relative; height: 24px; } .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; text-decoration: none; padding: 0 10px 0 18px; margin-bottom: -1px; display: block; line-height: 24px; } .breadcrumb .crust a.crumb > span { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; } .breadcrumb .crust:first-child a.crumb { padding-left: 10px; } .breadcrumb .crust:last-child a.crumb { font-weight: bold; } .breadcrumb .crust .arrow { display: block; position: absolute; right: -12px; top: 5px; z-index: 50; } .breadcrumb .crust .arrow { display: block; background: url(vxfdesign/mbt/nar.png) center right no-repeat; opacity: 0.3; background-size: 70%; width: 16px; height: 16px; } .breadcrumb .crust:hover .arrow span { border-left-color: rgb(221, 221, 221); } .breadcrumb .crust .arrow { /* hide from IE6 */ _display: none; } .breadcrumb .jumpMenuTrigger:before { content: "&#272;&#259;ng tin nhanh"; font-size: 14px; font-weight:bold; position: absolute; width: 106px;right:10px;background-color: #f06343;padding:4px;color:#fff;-webkit-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; border-radius:3px } <xen:if is="{xen:property enableResponsive}"> @media (max-width:500px) { .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; } } </xen:if>
]]>
</template>
<template title="discussion_list.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" 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: 140px; text-align: right;padding-right:10px; overflow: hidden; } .discussionList .statsLastPost /* combined last two columns */ { width: 290px; } /* column headers */ .discussionList .sectionHeaders {	font-size: 11px; color: #ffffff; background-color: #f06343; padding: 6px 10px; border-top: 1px solid #f06343; margin-left: -5px;-webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin-bottom: 10px;margin-top: 4px; padding: 1px 12px 1px 0px; width:100% } .discussionList .sectionHeaders dt span { display: none !important; } .discussionList .sectionHeaders a { display: block; color: #ffffff; outline: none; } .discussionList .sectionHeaders a:hover { text-decoration: none; } .discussionList .sectionHeaders dd a[href]:hover { color: #ccc; text-decoration: none; } .discussionList .sectionHeaders .main a, .discussionList .sectionHeaders .stats a { float: left; width: 50%; white-space: nowrap; } .discussionList .sectionHeaders a span { padding: 6px 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; } /* individual thread list item */ /** main **/ .discussionListItem { background-color: #fff; border-bottom: 1px solid #eee; } /* sections, section widths */ .discussionListItem .posterAvatar,	.discussionListItem .stats { } .discussionListItem .main, .discussionListItem .lastPost { } /* 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: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -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; } .discussionListItem .title { font-size: 11pt; line-height: 18px; max-width: 100%; word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .discussionListItem .iconKey span { margin-left: 5px; text-indent: -10000em; float: right; background: transparent url('styles/default/xenforo/xenforo-ui-sprite.png') no-repeat 10000px 0; width: 16px; height: 16px; } .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 { font-size: 11px; clear: both; } .discussionListItem .secondRow .controls { float: right; padding-left: 20px; } .discussionListItem.AjaxProgress .controls { background: transparent url('styles/default/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(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); } .discussionListItem .stats .major { font-size: 11pt; line-height: 18px; margin-top: 5px; } .discussionListItem .stats .minor { font-size: 11px; margin-bottom: 5px; } /* last post section */ .discussionListItem .lastPostInfo { padding: 5px; } .discussionListItem .lastPostInfo .username { font-size: 11pt; line-height: 18px; } .discussionListItems .unread .lastPostInfo .username { font-weight: bold; /*padding-right: 18px; background: transparent url('styles/default/xenforo/widgets/discussion-new.png') no-repeat right center;*/ } .discussionListItem .lastPostInfo .dateTime { font-size: 11px; } /* extra note row */ .discussionListItem .noteRow { background-color: #fff; padding: 5px; text-align: center; font-size: 11px; color: #176093; } /* 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: #fff; } /* 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: rgb(255, 255, 200) url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; } /** bottom summary **/ .discussionList .sectionFooter { overflow: hidden; zoom: 1; } .discussionList .sectionFooter .contentSummary { float: left; display: block; } /** thread list options **/ .DiscussionListOptions { margin: 10px auto; line-height: 20px; overflow: hidden; zoom: 1; } .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;margin-top:10px;clear:both; } .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: 11px; color: #cccccc; background-color: rgb(252, 252, 255); padding: 0 20px; margin: 0 auto; border: 1px solid #cccccc; border-top: 1px none black; -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-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; display: inline-block; outline: 0; position: relative; right: -50%; } .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: 9px; padding: 0 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; display: inline-block; text-align: center; } .itemPageNav a { color: rgb(112,147,192); background: rgb(0,11,26) url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x; border: 1px solid #f06343; } .itemPageNav a:hover { color: rgb(112,147,192); text-decoration: none; background-color: #f06343; border-color: rgb(6,67,146); } /** 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: #176093; background: rgb(221, 221, 221) url('styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top; border: 1px solid rgb(221, 221, 221); -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: #f0f7fc; 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; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:630px) { .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:850px) { .Responsive .discussionList .sectionHeaders .lastPost, .Responsive .discussionList .lastPost { width: 125px; } } @media (max-width:500px) { .Responsive .discussionListItem .secondRow .startDate, .Responsive .discussionListItem .secondRow .EditControl { display: none; } } </xen:if> .prefixx {padding-left: 20px;float: left !important;} .discussionList .main.title {width:64%} .discussionListItem.unread {background:#f8f8f8} .forum_view .sectionMain {padding:0}
]]>
</template>
<template title="error.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
.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; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:850px) { .Responsive .formValidationInlineError { position: static; width: auto; min-height: auto; } } </xen:if>
]]>
</template>
<template title="EXTRA.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
.main-2-menu img { float: right; margin-top: 5px; width: 95%; } .section { border: 1px solid #DDDDDD; } #head-wrapper{ background-color:#f8f8f8; padding:0; width:100%; z-index:999; } .head-bar{ height:90px; margin:0 auto; padding: 0 10px; } .head-bar a{ -webkit-transition:color .2s
]]>
<![CDATA[
linear; -moz-transition:color .2s linear } .head-bar a:hover{ color:#b2d0ff } .logo-head { display:block; width:220px; overflow:hidden; float: left } .head-bar ul{ margin:0; padding:0; list-style-type:none; } .head-bar ul.main-2-menu{ float:right; } .main-2-menu img {width:95%;float:right;margin-top: 5px;} .category_border { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; margin-top: -2px; } .nodeList h3.nodeTitle a { text-transform: uppercase; font-weight: bold; font-size: 10pt; color:#333; } .nodeText h3.nodeTitle { width:auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal !important; } } .sidebar .section .secondaryContent { background-color: #fff; padding: 10px; border: 1px solid #ddd; -webkit-box-shadow: 0 1px #EEEEEE, 0 0 0 1px #FFFFFF inset; -moz-box-shadow: 0 1px #EEEEEE, 0 0 0 1px #FFFFFF inset; -khtml-box-shadow: 0 1px #EEEEEE, 0 0 0 1px #FFFFFF inset; box-shadow: 0 1px #EEEEEE, 0 0 0 1px #FFFFFF inset; } #widget-56 h3 { font-weight: bold; font-size: 12pt; color: #222; text-shadow: 0 1px #FFFFFF; } #widget-56 {margin: 0 3px;} .widget-tabs h3 { padding: 3px 6px; font-size: 14px; margin-top: -2px; border-bottom: 0 !important; } .forum_view .sectionMain { padding: 0 10px 10px; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; border-radius:0; } .category_view .nodeList .forumNodeInfo, .forum_view .nodeList .forumNodeInfo { margin:4px 0; } .category_view .sectionMain{ border:none; padding:0 } .forum_list .nodeList .forumNodeInfo { border: 1px solid #ddd; margin: 3px; } .forum_list .nodeList .node.forum.level_2 { } #bttop{ background: url("vxfdesign/mbt/ontop.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 46px; opacity: .5; position: fixed; right: 10px; bottom: 10px; width: 46px; z-index: 999; } .jumpMenuColumn a {color: #333} .forum_list .besthost img {display:block !important;width: 710px;padding:20px 0} #head-wrapper .blockLinksList label {color:#fff} .messageMeta a.Bump, .controls a.Bump{color:red;font-weight:bold;} .sidebar .tabs {border-bottom:none} .firstPost .messageInfo {margin-left: 0 !important;padding-top: 50px;} .Tinhte_XenTag_TagsInlineEditor .add-tags { background: url('vxfdesign/mbt/tag_add.png') no-repeat left; padding: 10px 35px; } .title span.sticky { display: inline-block; line-height: 17px; height: 16px; vertical-align: 2px; margin-left: 0; padding: 2px 5px;font-weight: bold; border-left: 10px solid rgb(0, 0, 0); border-left: 10px solid rgba(0, 0, 0, 0); _border-left: 10px solid rgb(0, 0, 0); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background-color: red; background-color: hsla(0,0%,0%,0); background-image: -webkit-linear-gradient(#F00, #F00), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%), -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%); background-image: -moz-linear-gradient(#F00, #F00), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%); background-image: linear-gradient(#F00, #F00), linear-gradient(135deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%); background-clip: padding-box, border-box, border-box; background-origin: padding-box, border-box, border-box; background-size: auto auto, 20px 100%, 20px 100%; background-repeat: repeat, repeat-y, repeat-y; background-position: 0 0, 0 21px, 0 21px; color: white; font-size: 12px; text-shadow: 0 0 0 transparent, 0 1px 1px rgba(0, 0, 0, 0.35); } .nodeInfo.unread h3.nodeTitle:after { content: "M&#7899;i"; display: inline-block; line-height: 14px; height: 14px; vertical-align: 2px; margin-left: 0; padding: 0 5px; border-left: 10px solid rgb(0, 0, 0); border-left: 10px solid rgba(0, 0, 0, 0); _border-left: 10px solid rgb(0, 0, 0); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background-color: red; background-color: hsla(0,0%,0%,0); background-image: -webkit-linear-gradient(#F00, #F00), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%), -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%); background-image: -moz-linear-gradient(#F00, #F00), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%); background-image: linear-gradient(#F00, #F00), linear-gradient(135deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%); background-clip: padding-box, border-box, border-box; background-origin: padding-box, border-box, border-box; background-size: auto auto, 20px 100%, 20px 100%; background-repeat: repeat, repeat-y, repeat-y; background-position: 0 0, 0 21px, 0 21px; color: white; font-size: 12px; text-shadow: 0 0 0 transparent, 0 1px 1px rgba(0, 0, 0, 0.35); } .category_view .subForumsPopup .blockLinksList, .forum_list .hide-forumlist {display:none} .norip {position:fixed;top: 0;right: 0;bottom: 0;left: 0;pointer-events: none;} .VietXfAdvStats_SectionItemBlock a:first-letter { float: left; padding: 6px 4px 0 0; display: block; color: #804040; font: 54px/44px Georgia, Times, serif; text-shadow: 0 0 0 transparent, 1px 1px 1px #BBBBBB; } .thread_create .sidebar{display:none} .thread_create .mainContent {margin-right:0} .sidebar .WidgetFramework_WidgetRenderer_Threads li a{color:#666;font-weight:bold;} .non-sidebar-widget .avatarList li {font-size: 15px;text-transform: lowercase;border-bottom: 1px solid #eee;} .non-sidebar-widget .avatarList li:last-child {border:none} .non-sidebar-widget .avatarList li:first-letter {text-transform: uppercase;} .widget-container .secondaryContent { border: 1px solid #ddd; } .tabs li {margin:0 2px 2px 0} .sidebar {position: relative;} span.tinvip:after,.vip h3.title:after{ content: "Tin Vip"; display: inline-block; line-height: 14px; height: 14px; vertical-align: 2px; margin-left: 0; padding: 0 5px; border-left: 10px solid rgb(0, 0, 0); border-left: 10px solid rgba(0, 0, 0, 0); _border-left: 10px solid rgb(0, 0, 0); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background-color: red; background-color: hsla(0,0%,0%,0); background-image: -webkit-linear-gradient(#F00, #F00), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%), -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%); background-image: -moz-linear-gradient(#F00, #F00), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%); background-image: linear-gradient(#F00, #F00), linear-gradient(135deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%); background-clip: padding-box, border-box, border-box; background-origin: padding-box, border-box, border-box; background-size: auto auto, 20px 100%, 20px 100%; background-repeat: repeat, repeat-y, repeat-y; background-position: 0 0, 0 21px, 0 21px; color: white; font-size: 12px; text-shadow: 0 0 0 transparent, 0 1px 1px rgba(0, 0, 0, 0.35); } .PanelContainer li a {font-weight:bold;font-size:17px;color:red} .PanelContainer ul li:nth-child(2) a{color:green} .PanelContainer ul li:nth-child(2):after {content:"Mi&#7877;n ph&#237;"; display: inline-block; line-height: 14px; height: 14px; vertical-align: 2px; margin-left: 0; padding: 0 5px; border-left: 10px solid rgb(0, 0, 0); border-left: 10px solid rgba(0, 0, 0, 0); _border-left: 10px solid rgb(0, 0, 0); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background-color: red; background-color: hsla(0,0%,0%,0); background-image: -webkit-linear-gradient(#F00, #F00), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%), -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%); background-image: -moz-linear-gradient(#F00, #F00), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%); background-image: linear-gradient(#F00, #F00), linear-gradient(135deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%), linear-gradient(45deg, rgba(0, 0, 0, 0) 50.5%, #F00 50.5%); background-clip: padding-box, border-box, border-box; background-origin: padding-box, border-box, border-box; background-size: auto auto, 20px 100%, 20px 100%; background-repeat: repeat, repeat-y, repeat-y; background-position: 0 0, 0 21px, 0 21px; color: white; font-size: 12px; text-shadow: 0 0 0 transparent, 0 1px 1px rgba(0, 0, 0, 0.35); } .left {overflow: hidden;width: 43%;float: left;} .main-2-menu {width:56%;} /* Slide carousel */ .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-vertical { padding:0; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-vertical { height: 230px; } .jcarousel-skin-tango .jcarousel-item { height:26px;width: 100%; } .jcarousel-skin-tango .jcarousel-item-vertical { margin: 10px 0; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin-tango img {float:left;margin-right:10px;width:30px;height:30px} .jcarousel-skin-tango ul li .title a{color:#666;font-weight:bold;} .jcarousel-skin-tango ul li .title{text-transform:lowercase;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .jcarousel-skin-tango ul li .title:first-letter {text-transform: uppercase;} .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .view { background: red; line-height: 20px; padding: 1px 4px; color: #fff;font-size:9px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -khtml-border-radius: 100%; border-radius: 100%; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; }
]]>
</template>
<template title="footer" addon_id="XenForo" version_id="1020170" version_string="1.2.1" 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">{$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}">{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}"'}>{xen:phrase contact_us}</a></li> </xen:if> <li><a href="{xen:link help}">{xen:phrase help}</a></li> <xen:if is="{$homeLink}"><li><a href="{$homeLink}" class="homeLink">{xen:phrase home}</a></li></xen:if> <li><a href="{$requestPaths.requestUri}#navigation" class="topLink">{xen:phrase go_to_top}</a></li> <li><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}</a></li> </xen:hook> </ul> <span class="helper"></span> </div> </div> </div> <div class="footerLegal"> <div class="pageWidth"> <div class="pageContent"> <div id="copyright">{xen:phrase xenforo_copyright}</div> <xen:hook name="footer_after_copyright" /> <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>
]]>
</template>
<template title="footer.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
.footer { background: none repeat scroll 0 0 #FFFFFF; border-top: 1px solid #DDDDDD; position: relative; z-index: 1; } #copyright {color: #666;clear: both;font-size: 11px;} .ripcailon{position:fixed;top: 0;right: 0;bottom: 0;left: 0;pointer-events: none;} .footer .pageContent { background-color: #FFFFFF; color: #000000; font-size: 11px; overflow: hidden; } .footer a, .footer a:visited { color: #000000; display: block; padding: 5px; } .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> } .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: 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="1020170" version_string="1.2.1" 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[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(221, 221, 221); 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(221, 221, 221); } .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 { } /** 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; } /** *********************** **/ /** TEXT INPUTS **/ /** *********************** **/ .textCtrl { font-size: 13px; color: #000000; background-color: #ffffff; padding: 3px; border-width: 1px; border-style: solid; border-top-color: rgb(192, 192, 192); border-right-color: rgb(233, 233, 233); border-bottom-color: rgb(233, 233, 233); border-left-color: rgb(192, 192, 192); -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; 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 { border-top-color: rgb(150,150,150); border-bottom-color: rgb(230,230,230); background: #d; } textarea.textCtrl:focus { background-image: url('styles/default/xenforo/gradients/form-element-focus-100.png'); } input.textCtrl.disabled, textarea.textCtrl.disabled, .disabled .textCtrl { font-style: italic; color: rgb(100,100,100); background-color: rgb(245,245,245); } .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(192, 192, 192) !important; margin-top: 4px !important; } /** *********************** **/ /** BUTTONS **/ /** *********************** **/ .button { font-style: normal; font-size: 12px; color: #fff; background-color: #0F93C4; padding: 2px 6px; border: 1px solid rgb(221, 221, 235); border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(179, 179, 189); -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; text-align: center; -webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210); -moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210); -khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210); box-shadow: 0px 1px 4px 0px rgb(200,200,210); text-shadow: 0 0 0 transparent, 0px 0px 1px white; outline: none; line-height: 23px; display: inline-block; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .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 { background-color: #0F93C4; } input.button.disabled, a.button.disabled, input.button.primary.disabled, a.button.primary.disabled { color: #999; background-color: #EEE; border-color: #CCC; -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -khtml-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } .button::-moz-focus-inner { border: none; } a.button { display: inline-block; color: #fff; } .button:hover, .button[href]:hover, .buttonProxy:hover .button { color: black; text-decoration: none; background-color: #d; border-color: rgb(255,255,200); border-top-color: white; border-bottom-color: rgb(190,190,170); } .button:focus { border-color: #6cb2e4; } .button:active, .button.ToggleButton.checked, .buttonProxy:active .button { color: black; background-color: #ddd; border-color: rgb(200,200,215); border-top-color: #b3b3bd; border-bottom-color: white; -webkit-box-shadow: 0px 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px 0px transparent; -khtml-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; outline: 0; } .button.ToggleButton { cursor: default; width: auto; color: rgb(179, 179, 189); } .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/default/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(221, 221, 221); } .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 .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: Arial, Helvetica, sans-serif; font-size: 11pt; } .unitPairsJustified li { overflow: hidden; } .unitPairsJustified li .label { float: left; } .unitPairsJustified li .value { float: right; } <xen:include template="form_date_picker.css" /> <xen:include template="form_auto_complete.css" /> /** 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: rgb(20,20,20); 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 { 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; 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; } #helper_birthday { display: inline-block; } #helper_birthday > li { display: inline; } html[dir=rtl] #helper_birthday input, html[dir=rtl] #helper_birthday select { direction: rtl; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:500px) { .Responsive .xenForm .ctrlUnit > dt { float: none; width: auto; text-align: left; height: auto; } .Responsive .xenForm .ctrlUnit > dt label { 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: 30px; 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 { margin-top: -0; } } @media (max-width:630px) { .Responsive .insideSidebar .xenForm .ctrlUnit > dt { float: none; width: auto; text-align: left; height: auto; } .Responsive .insideSidebar .xenForm .ctrlUnit > dt label { 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: 30px; 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 { font-size: 16px; } } </xen:if>
]]>
</template>
<template title="form_auto_complete.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
ul.autoCompleteList { 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(221, 221, 221); -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; }
]]>
</template>
<template title="form_date_picker.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
#calroot { margin-top: -1px; width: 198px; padding: 2px; background-color: rgb(252, 252, 255); font-size: 11px; border: 1px solid #65a5d1; -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: #f0f7fc; } a.caloff { color: rgb(150,150,150);	} a.caloff:hover { background-color: #f0f7fc;	} a.caldisabled { background-color: #efefef !important; color: #ccc !important; cursor: default; } #caltoday { font-weight: bold; } #calcurrent { background-color: #65a5d1; color: #f0f7fc; }
]]>
</template>
<template title="header" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
<xen:hook name="header"> <xen:include template="navigation" /> <div id="head-wrapper"> <div class="head-bar pageWidth"> <div class="left"> <a href="{$logoLink}" title="{$xenOptions.boardTitle}" class="logo-head"><img src="vxfdesign/mbt/logo.png" alt="{$xenOptions.boardTitle}"></a> </div> <xen:include template="ad_header" /> </div> </div> </xen:hook>
]]>
</template>
<template title="header.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
.topheader a { color: white; text-decoration: none; display: inline-block; padding: 12px; } .topheader a:hover {color:#ccc} .topheader { font-size: 14px; color: white; background-color: #464646; text-align: center; vertical-align: top; overflow: hidden; position: relative; top: 0px; left: 0px; z-index: 999; display: block; height: 40px; width: 100%; } .topleftmenu { display: inline-block; float: left; } .toprightmenu { font-size: 14px; color: white; text-align: right; float: right; } .navTab {float:left} .relog {text-transform:uppercase;font-weight:bold} #header { background-color: #f06343; } /* 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: #cccccc; 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; }
]]>
</template>
<template title="login_bar" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
<xen:require css="login_bar.css" /> <ul class="visitorTabs relog"> <li class="navTab"> <a class="navLink" title="&#272;&#259;ng k&#253; mi&#7877;n ph&#237;" href="register">&#272;&#259;ng k&#253;</a> </li> <li class="navTab"> <label for="LoginControl"> <a class="navLink" title="&#272;&#259;ng nh&#7853;p" href="login">&#272;&#259;ng nh&#7853;p</a> </label> </li> </ul>
]]>
</template>
<template title="login_bar.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
/** Login bar basics **/ #loginBar { color: #cccccc; background-color: #032A46; position: relative; z-index: 1; } #loginBar .ctrlWrapper { margin: 0 10px; } #loginBar .pageContent { 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: #f0f7fc; 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: #f0f7fc; } #loginBar .textCtrl:focus { background: black none; } #loginBar input.textCtrl.disabled { color: #cccccc; 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 #176093; 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; } #eAuthUnit li a { width: 180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /** handle **/ #loginBar #loginBarHandle { font-size: 11px; color: #f0f7fc; background-color: #032A46; padding: 0 10px; margin-right: 20px; -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-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; position: absolute; right: 0px; 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; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:850px) { .Responsive #loginBar form.eAuth .ctrlWrapper { border-right: none; margin-right: 10px; } .Responsive #loginBar form.eAuth #eAuthUnit { position: static; width: 180px; margin: 0 auto 10px; } } </xen:if>
]]>
</template>
<template title="message" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
<xen:require css="message.css" /> <xen:require css="bb_code.css" /> <li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_staff}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}"> <xen:include template="message_user_info
]]>
<![CDATA[
"> <xen:map from="$message" to="$user" /> </xen:include> <div class="messageInfo"> <xen:if is="{$message.isNew}"><strong class="newIndicator"><span></span>{xen:phrase new}</strong></xen:if> <xen:if hascontent="true"> <ul class="messageNotices"> <xen:contentcheck> <xen:hook name="message_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"></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"></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> <xen:hook name="message_content" params="{xen:array 'message={$message}'}"> <div class="messageContent">	<article> <blockquote class="messageText ugc baseHtml{xen:if $message.isIgnored, ' ignored'}"> <xen:include template="ad_message_body" /> {xen:raw $message.messageHtml} </blockquote> </article> {xen:raw $messageContentAfterTemplate} </div> </xen:hook> <xen:if is="{$message.last_edit_date}"> <div class="editDate"> <xen:if is="{$message.user_id} == {$message.last_edit_user_id}"> {xen:phrase last_edited}: <xen:datetime time="{$message.last_edit_date}" /> <xen:else /> {xen:phrase last_edited_by_moderator}: <xen:datetime time="{$message.last_edit_date}" /> </xen:if> </div> </xen:if> <xen:if is="{$visitor.content_show_signature} && {$message.signature}"> <div class="baseHtml signature messageText ugc{xen:if $message.isIgnored, ' ignored'}"><aside>{xen:raw $message.signatureHtml}</aside></div> </xen:if> {xen:raw $messageAfterTemplate} <div id="likes-{$messageId}"><xen:if is="{$message.likes}"><xen:include template="likes_summary" /></xen:if></div> </div> <xen:hook name="message_below" params="{xen:array 'post={$message}','message_id={$messageId}'}" /> <xen:include template="ad_message_below" /> </li>
]]>
</template>
<template title="message.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
<xen:edithint template="message_user_info.css" /> .avatar img, .avatar .img, .avatarCropper { height: 48px; width: 48px; } .author { position: relative; overflow:hidden; padding:10px; border-bottom: 1px dashed #ccc; } .avatarHolder { float: left; } .userinfo {float:right} .userText1 {float: left;padding:0 10px;font-weight: bold;} .userText1 dd {font-weight: normal;margin-top:20px} .userText1 p {font-weight:normal} .userinfo p { } .quickReply .author {display:none} .messageList { margin: 0; } .messageList .message { padding-top: 10px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd; } /* clearfix */ .messageList .message { zoom: 1; } .messageList .message:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } /*** Message block ***/ .message .messageInfo { margin-left: 0px; zoom: 1; } .message .newIndicator { font-size: 11px; color: #176093; background: #6cb2e4 url('styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top; padding: 1px 5px; margin: -5px -5px 5px 5px; border: 1px solid #6cb2e4; -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); display:none; margin-right: -0px; } .message .newIndicator span { background-color: #6cb2e4; -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: 10px; min-height: 100px; overflow: hidden; *zoom: 1; } .message .editDate { text-align: right; margin-top: 5px; font-size: 11px; color: rgb(150,150,150); } .message .signature { font-size: 9pt; color: rgb(150,150,150); padding: 5px 0 0; margin-top: 5px; border-top: 1px dashed #cccccc; } .message .messageMeta { font-size: 11px; 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 { } <xen:include template="message_notices.css" /> .message .likesSummary { padding: 5px; margin-top: 10px; border: 1px solid rgb(221, 221, 221); -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .message .messageText > *:first-child { margin-top: 0; } /* inline moderation changes */ .InlineModChecked .messageUserBlock, .InlineModChecked .messageInfo, .InlineModChecked .messageNotices, .InlineModChecked .bbCodeBlock .type, .InlineModChecked .bbCodeBlock blockquote { background: rgb(255, 255, 200) url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; } .InlineModChecked .messageUserBlock div.avatarHolder, .InlineModChecked .messageUserBlock .extraUserInfo { background: transparent; } .InlineModChecked .messageUserBlock .arrow span { border-left-color: rgb(255, 255, 200); } /* 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 #cccccc; background: rgb(221, 221, 221) url(styles/default/xenforo/gradients/category-23px-light.png) repeat-x top; 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); } <xen:if is="{xen:property enableResponsive}"> @media (max-width:850px) { .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:500px) { .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; } } </xen:if>
]]>
</template>
<template title="message_user_info" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
<xen:require css="message_user_info.css" /> <div class="author" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person"> <xen:hook name="message_user_info_avatar" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}"> <div class="avatarHolder"> <span class="helper"></span> <xen:avatar user="$user" size="m" img="true" /> <!-- slot: message_user_info_avatar --> </div> </xen:hook> <div class="userText1"> <xen:hook name="message_user_info_text" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}"> <xen:username user="$user" itemprop="name" rich="true" /> <xen:if hascontent="true"><p><em class="userTitle" itemprop="title"><xen:contentcheck>{xen:helper userTitle, $user, 1, 1}</xen:contentcheck></em></p></xen:if> <p>{xen:helper userBanner, $user, 'wrapped'}</p> <!-- slot: message_user_info_text --> </xen:hook> <p>{xen:phrase messages}: <a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed">{xen:number $user.message_count}</a></p> </div> <div class="userinfo"> <p>&#272;&#259;ng l&#250;c: <span class="startDate"><xen:datetime time="$thread.post_date" title="{xen:if {$visitor.user_id}, '{xen:phrase go_to_first_message_in_thread}'}" /></span></p> <xen:if is="{$post.position} == 0 AND !{$message.conversation_id}"> <p>Xem: {xen:number $thread.view_count}</p> </xen:if> </div> </div>
]]>
</template>
<template title="navigation" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
<xen:edithint template="navigation.css" /> <div id="loginBar"> <div class="pageWidth"> <div class="pageContent">	<span class="helper"></span> <xen:edithint template="login_bar_form" /> </div> </div> </div> <div id="navigation" class="topheader withSearch{xen:if $canSearch, withSearch}"> <div class="pageContent pageWidth"> <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"> <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}"> <a href="{$extraTab.href}" class="navLink">{$extraTab.title}</a> </li> </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"></a> </li> </xen:if> <!-- extra tabs: middle --> <xen:if is="{$extraTabs.middle}"> <xen:foreach loop="$extraTabs.middle" key="$extraTabId" value="$extraTab"> <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}"> <a href="{$extraTab.href}" class="navLink">{$extraTab.title}</a> </li> </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"></a> </li> </xen:if>	<!-- extra tabs: end --> <xen:if is="{$extraTabs.end}"> <xen:foreach loop="$extraTabs.end" key="$extraTabId" value="$extraTab"> <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}"> <a href="{$extraTab.href}" class="navLink">{$extraTab.title}</a> </li> </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> </ul> <xen:if is="{$visitor.user_id}"><xen:include template="navigation_visitor_tab" /> <xen:else /> <xen:include template="login_bar" /> </xen:if> </div> <span class="helper"></span> </nav>	</div> </div>
]]>
</template>
<template title="navigation.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
span.arrow span {display:none} #navigation .pageContent { _height: 52px; position: relative; } #navigation .menuIcon { position: relative; font-size:18px; width: .9em; display: inline-block; text-indent: -9999px; } #navigation .PopupOpen .menuIcon:before, #navigation .navLink .menuIcon:before { zoom: 1; } .openmenu:before, #navigation .menuIcon:before { content: ""; font-size: 18px; position: absolute; /*top: 0.4em;*/ top: 0.4em; left: 0; width: .9em; height: 0.125em; border-top: 0.375em double currentColor; border-bottom: 0.125em solid currentColor; } .navTabs { font-size: 11px; padding: 0; height: 25px; } .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 { display: block; float: left; vertical-align: text-bottom; text-align: center; outline: 0 none; height: 25px; line-height: 25px; } .navTabs .publicTabs .navLink { padding: 8px 12px;margin:0 2px;text-transform: uppercase;font-weight: bold; } .navTabs .visitorTabs .navLink { padding: 8px 10px; } .navTabs .navLink:hover { text-decoration: none; } /* ---------------------------------------- */ /* unselected tab, popup closed */ .navTabs .navTab.PopupClosed { position: relative; } .navTabs .navTab .navLink:hover { color: #333;background:#fff } .navTabs .navTab.PopupClosed .arrowWidget { /* circle-arrow-down-light */ background-position: -64px 0; } .navTabs .navTab.PopupClosed .SplitCtrl { margin-left: -14px; width: 14px; } /* ---------------------------------------- */ /* selected tab */ .navTabs .navTab.selected .navLink { position: relative; font-weight: bold; color: #032A46; background: #f8f8f8; text-shadow: 0 0 0 transparent, 0px 0px 3px #f0f7fc; } .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: #2b485c; -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; -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; text-shadow: 0 0 0 transparent, 1px 1px 2px white; } /* ---------------------------------------- */ /* Second Row */ .navTabs .navTab.selected .tabLinks { background: #65a5d1 url('styles/default/xenforo/gradients/navigation-tab.png') repeat-x top; width: 100%;	padding: 0; border: none; overflow: hidden; zoom: 1; position: absolute; left: 0px;	top: 27px; height: 25px; background-position: 0px -25px; *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: 11px; color: #ffffff; padding: 1px 10px; display: block; text-shadow: 0 0 0 transparent, 1px 1px 1px #176093; line-height: 19px; } .navTabs .navTab.selected .tabLinks .PopupOpen a { color: inherit; text-shadow: none; } .navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus { color: #2b485c; text-decoration: none; background-color: #fff; padding: 0 9px; border: 1px solid #6cb2e4; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; text-shadow: 0 0 0 transparent, 1px 1px 0px #f0f7fc; 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; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; position: absolute; right: 2px; bottom: -2px; line-height: 16px; min-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: 16px; } .navTabs .navLink .itemCount .arrow { border: 3px solid transparent; border-top: 1px none black; border-bottom-color: #e03030; position: absolute; top: -3px; right: 6px; 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 { font-weight: bold; } .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: #176093; } #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(255, 255, 200); } .navPopup .listItem { overflow: hidden; zoom: 1; padding: 5px 0; border-bottom: 1px solid rgb(221, 221, 221); } .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; 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:630px) { .Responsive .navTabs { padding-left: 10px; padding-right: 10px; } .Responsive .withSearch .navTabs .navTab.selected .blockLinksList { margin-right: 50px; } } @media (max-width:500px) { .Responsive.hasJs .navTabs:not(.showAll) .publicTabs .navTab:not(.selected):not(.navigationHiddenTabs) { display: none; } } </xen:if>
]]>
</template>
<template title="navigation_visitor_tab" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
<xen:edithint template="navigation.css" /> <ul class="visitorTabs relog"> <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">{$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> <xen:if is="{$canEditProfile}"><li><a href="{xen:link account/contact-details}">{xen:phrase contact_details}</a></li></xen:if> <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}"><li><a href="{xen:link account/facebook}">{xen:phrase facebook_integration}</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"> <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 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 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> <li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li> <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 $tabs.inbox.selected, 'selected'}"> <a href="{xen:link conversations}" rel="Menu" class="navLink NoPopupGadget">{xen:phrase inbox} <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">	<a href="{xen:link account/alerts}" rel="Menu" class="navLink NoPopupGadget">{xen:phrase alerts} <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="node_list" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
<xen:require css="node_list.css" /> <xen:if hascontent="true"> <ol class="nodeList" id="forums"> <xen:contentcheck> <xen:foreach loop="$renderedNodes" value="$node">{xen:raw $node}</xen:foreach> </xen:contentcheck> </ol> </xen:if> <xen:edithint template="node_category.css" /> <xen:edithint template="node_category_level_1" /> <xen:edithint template="node_category_level_2" /> <xen:edithint template="node_category_level_n" /> <xen:edithint template="node_forum.css" /> <xen:edithint template="node_forum_level_1" /> <xen:edithint template="node_forum_level_2" /> <xen:edithint template="node_forum_level_n" /> <xen:edithint template="node_page.css" /> <xen:edithint template="node_page_level_1" /> <xen:edithint template="node_page_level_2" /> <xen:edithint template="node_page_level_n" /> <xen:edithint template="node_link.css" /> <xen:edithint template="node_link_level_1" /> <xen:edithint template="node_link_level_2" /> <xen:edithint template="node_link_level_n" />
]]>
</template>
<template title="node_list.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
.nodeList { zoom: 1; } .nodeList .node { zoom: 1; vertical-align: bottom; } .nodeList .node.level_1 { margin-bottom: 0px; } .nodeList .node.level_1:last-child { margin-bottom: 0; } .nodeList .node.groupNoChildren + .node.groupNoChildren { margin-top: -20px; } .node .nodeInfo { overflow: hi
]]>
<![CDATA[
dden; zoom: 1; position: relative; } .node .nodeInfo.primaryContent, .node .nodeInfo.secondaryContent { padding: 0; } .node .nodeIcon { margin: 5px 10px; float: left; width: 36px; height: 36px; } .node .forumNodeInfo .nodeIcon, .node .categoryForumNodeInfo .nodeIcon { background-image: url('styles/default/xenforo/node-sprite.png'); background-repeat: no-repeat; background-position: 0 0; } .node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon { background-image: url('styles/default/xenforo/node-sprite.png'); background-repeat: no-repeat; background-position: -36px 0; } .node .pageNodeInfo .nodeIcon { background-image: url('styles/default/xenforo/node-sprite.png'); background-repeat: no-repeat; background-position: -72px 0; } .node .linkNodeInfo .nodeIcon { background-image: url('styles/default/xenforo/node-sprite.png'); background-repeat: no-repeat; background-position: -108px 0; } .node .nodeText { margin: 3px 270px 10px 56px; } .node .nodeText .nodeTitle {	font-size: 12pt; text-overflow: ellipsis; } .node .unread .nodeText .nodeTitle { font-weight: bold; } .node .nodeDescription { font-size: 11px; } .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: 11px; 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 10px; margin-left: 56px; } .node .subForumList li { float: left; width: 31%; margin: 2px 0 2px 2%; } .node .subForumList li .nodeTitle { font-size: 11px; } .node .subForumList .unread .nodeTitle { font-weight: bold; } .node .subForumList li ol, .node .subForumList li ul { display: none; } .node .nodeLastPost { padding: 10px; font-size: 11px; padding: 3px 10px; margin: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; position: absolute; top: 0; right: 0; line-height: 14px; white-space: nowrap; word-wrap: normal; overflow: hidden; width: 210px; height: 28px; } .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 { background: transparent url('styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px; margin: 1px 4px; display: block; white-space: nowrap; text-indent: 9999px; overflow: hidden; opacity: 0.25; width: 14px; height: 14px; } .node .nodeInfo:hover .tinyIcon[href], .Touch .node .tinyIcon { opacity: 1; } /*.node .feedIcon { background: transparent url('styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px; }*/ /* 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: #fff; padding: 10px; margin: 0; border: 1px solid #eee; border-bottom: 1px solid #eee; padding: 0; } /* category strip - used for L1 categories and group headers */ .nodeList .categoryStrip { font-size: 11px; color: #ffffff; background-color: #f06343; padding: 6px 10px; border-top: 1px solid #f06343; margin: 0 -5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; min-height: 6px; display:none } .nodeList .categoryStrip .nodeTitle { font-size: 10pt; color: #fff; } .nodeList .categoryStrip .nodeTitle a { color: #ffffff; } .nodeList .categoryStrip .nodeDescription { font-size: 10px; color: #6d3f03; } .nodeList .categoryStrip .nodeDescription a { color: #6d3f03; } .nodeList .node.groupNoChildren + .node.groupNoChildren .categoryStrip { display: none; } /* node stats area */ .nodeStats { 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: rgb(150,150,150); } .subForumsPopup .PopupOpen .dt { color: rgb(20,20,20); } .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; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:630px) { .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: -8px 0 10px 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 li { width: 48%; } .Responsive .nodeDescriptionTip { width: auto; max-width: 350px; } } </xen:if>
]]>
</template>
<template title="PAGE_CONTAINER" addon_id="XenForo" version_id="1020170" version_string="1.2.1" 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 {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 { 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: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:if> <xen:edithint template="navigation" /> <xen:include template="header" /> <div id="headerMover"> <div id="content" class="{$contentTemplate}"> <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> <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: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:include template="ad_below_bottom_breadcrumb" /> </div> </div> </div> </div> <footer> <xen:include template="footer" /> </footer> <xen:include template="page_container_js_body" /> </xen:hook> </body> </html>
]]>
</template>
<template title="page_nav.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
.PageNav { font-size: 11px; 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;margin-top:5px } .PageNav a {	color: rgb(112,147,192); text-decoration: none; background-color: #f8f8f8; border: 1px solid #e7e7e7; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; text-align: center; padding:5px; width: 19px; } /* @property "pageNavPage"; @property "/pageNavPage"; */ .PageNav a[rel=start] { width: 19px !important; } .PageNav a.text { width: auto !important; } .PageNav a { } .PageNav a.currentPage { color: #ffffff; background-color: #f06343; border-color: #eee; position: relative; } a.PageNavPrev, a.PageNavNext { color: rgb(20,20,20); background-color: transparent; cursor: pointer; width: 19px !important; } .PageNav a:hover, .PageNav a:focus { color: #fff; text-decoration: none; background-color: #f06343; border-color: #ccc; } .PageNav a.distinct { margin-left: 3px; } .PageNav .scrollable { position: relative; overflow: hidden; width: 135px; height: 28px; /* 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; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:630px) { .Responsive .PageNav .pageNavHeader { display: none; } } @media (max-width:500px) { .Responsive .PageNav .unreadLink { display: none; } } </xen:if>
]]>
</template>
<template title="public.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
<xen:include template="header.css" /> <xen:include template="footer.css" /> <xen:include template="breadcrumb.css" /> <xen:include template="navigation.css" /> <xen:include template="search_bar.css" /> /** move the header to the top again **/ #headerMover { position: relative; zoom: 1;padding-top:0 } #headerMover #headerProxy { background-color: #f06343; height: 102px; /* +2 borders */ } #headerMover #header { width: 100%; position: absolute; top: 0px; left: 0px; } /** Generic page containers **/ .pageWidth { padding-right: 5px; padding-left: 5px; margin: 0 auto; max-width: 980px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .NoResponsive body { <xen:if is="{xen:property nonResponsiveMinWidth}">min-width: 976px;</xen:if> } #content .pageContent { padding: 10px; margin-top: -3px; -webkit-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.5); -khtml-box-shadow: 0 10px 22px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.5); background:#fff; } /* clearfix */ #content .pageContent { zoom: 1; } #content .pageContent:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } <xen:include template="sidebar.css" /> /** Text used in message bodies **/ .messageText { font-size: 11pt; font-family: Arial, Tahoma, 'Trebuchet MS', Helvetica, sans-serif; line-height: 1.4; } .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: 11px; 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 { background-color: #f5f5f5; padding: 3px 12px; border: 1px solid rgb(202, 213, 224); -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; } .linkGroup a.inline { padding: 0; } .linkGroup a, .linkGroup .Popup, .linkGroup .element { margin-left: 10px; display: block; float: left; <xen:if is="{$pageIsRtl}">*display: inline; *float: none; *zoom: 1;</xen:if> } .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 { padding: 2px; border: 1px solid #cccccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; display: inline-block; line-height: 20px; -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); outline: 0 none; } a.callToAction span { font-weight: bold; font-size: 11px; color: #ffffff; background-color: #f06343; padding: 1px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; display: block; text-shadow: 0 0 0 transparent, 0px 0px 3px #176093; } 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: #176093; } /*********/ .avatarHeap { overflow: hidden; zoom: 1; } .avatarHeap ol { margin-right: -4px; margin-top: -4px; } .avatarHeap li { float: left; margin-right: 4px; margin-top: 4px; } <xen:include template="username_styles.css" /> <xen:include template="thread_prefixes.css" /> <xen:include template="user_banners.css" /> <xen:if is="{xen:property enableResponsive}"> @media (max-width:850px) { .Responsive .pageWidth { } .Responsive #content .pageContent { padding-left: 5px; padding-right: 5px; } } @media (max-width:630px) { .Responsive .pageWidth { padding: 0; } .Responsive .forum_view #pageDescription, .Responsive .thread_view #pageDescription { display: none; } } @media (max-width:500px) { .Responsive .pageWidth { } .Responsive .pageNavLinkGroup .PageNav, .Responsive .pageNavLinkGroup .linkGroup { *clear: right; } } @media (max-width:1024px) { .openmenu{display:block!important}	.rightcol {display:none !important} .mainContent {margin-left:0!important} } @media (max-width:900px) { .subForumsPopup {display:none!important} } @media (max-width:380px) { .jcarousel-skin-tango .info,.nodeLastPost,.nodeInfo.unread h3.nodeTitle:after {display:none!important} .userinfo {float:none!important;text-aling:right} .jcarousel-skin-tango ul li .title { white-space: normal!important; height: 34px; } } @media (max-width:480px) { .secondRow, .forum_view .stats,.lastPostInfo,.forum_view .pageNavLinkGroup .SelectionCountContainer{display:none!important} .DiscussionListOptions .controlGroup {float:none!important;text-align:center} .forum_view select.textCtrl {display:block;margin:0 auto!important} .DiscussionListOptions .buttonGroup {text-align:center;margin-top:10px;float:none!important} } @media (max-width:700px) { #bttop,.main-2-menu {display:none!important} .logo-head,.left {float:none!important;width:100%!important} .left img {display:block;margin:0 auto} } </xen:if> <xen:include template="EXTRA.css" />
]]>
</template>
<template title="search_bar.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
#searchBar { position: relative; zoom: 1; z-index: 52; /* higher than breadcrumb arrows */ } #QuickSearch { display: block; margin: 20px 0 0 40px; overflow: hidden; float: left; padding:0; } #QuickSearch .secondaryControls { display: none; } #QuickSearch .submitUnit .button { min-width: 0; } #QuickSearch input.button.primary { background: #f06343 url(styles/default/icon/sprite.png) -1px -52px no-repeat; border: 1px solid #f06343; -webkit-border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -khtml-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.196); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.196); -khtml-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.196); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.196); display: inline-block; box-shadow:none!important; text-indent: -3000em; padding:5px; width: 35px; position: absolute;right:20px } #QuickSearch #commonSearches { float: right; } #QuickSearch #commonSearches .button { width: 24px; padding: 0; } #QuickSearch #commonSearches .arrowWidget { margin-top: -4px; } #QuickSearch .moreOptions { margin-left:30px;background: url('styles/default/xenforo/advanced_search.png') 50% 50% no-repeat; display: inline-block; height: 23px; box-shadow:none!important; text-indent: -3000em; width: 16px;border:none } /*#QuickSearch .commonSearches li { width: 50%; float: left; } #QuickSearch .commonSearches li a { display: block; font-size: 11px; padding: 2px 5px; background: #f0f7fc; border: 1px solid rgb(221, 221, 221); margin: 0 1px 1px 0; } #QuickSearch .commonSearches li a:hover, #QuickSearch .commonSearches li a:focus { background: transparent; text-decoration: none; } #QuickSearch .commonSearches li a:active { background: rgb(221, 221, 221); }*/ #QuickSearch .textCtrl { padding: 7px; font-size: 16px; -webkit-border-radius: none!important; -moz-border-radius: none!important; -khtml-border-radius: none!important; border-radius: none!important; border: 1px solid #ddd; } .formPopup { position: relative; }
]]>
</template>
<template title="sidebar.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
.mainContainer { float: left; margin-right: -290px; width: 100%; } .mainContent { margin-right: 280px; padding:10px;background:#fff;padding-left: 0; } .sidebar { float: right; font-size: 11px; width: 280px; } /* visitor panel */ .sidebar .visitorPanel { overflow: hidden; zoom: 1;border: 1px solid #ddd;padding: 10px; } .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-weight: bold; font-size: 12pt; color: #222; text-shadow: 0 1px #FFFFFF; } .sidebar .section .primaryContent h3 a, .sidebar .section .secondaryContent h3 a { font-weight: bold; font-size: 12pt; color: #222; } .sidebar .section .secondaryContent .footnote, .sidebar .section .secondaryContent .minorHeading { color: #6cb2e4; margin-top: 5px; } .sidebar .section .secondaryContent .minorHeading a { color: #6cb2e4; } /* list of users with 32px avatars, username and user title */ .sidebar .avatarList li { font-size: 13px; 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: 11px; } .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 { background-color: white; padding: 3px; margin: 10px 30px; border: 1px solid rgb(6,67,146); -webkit-border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; text-align: center; line-height: 30px; -webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.2); -moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.2); -khtml-box-shadow: 0px 2px 5px rgba(0,0,0, 0.2); box-shadow: 0px 2px 5px rgba(0,0,0, 0.2); display: block; cursor: pointer; height: 30px; } #SignupButton .inner { font-weight: bold; font-size: 12pt; font-family: ; color: #ffffff; background: rgb(25,115,232) url('styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x center -7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; display: block; text-shadow: 0 0 0 transparent, 0px 0px 3px rgba(0,0,0, 0.5); } #SignupButton:hover .inner { text-decoration: none; background-color: rgb(6,67,146); } #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; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:850px) { .Responsive .mainContainer { float: none; margin-right: 0; width: auto; } .Responsive .mainContent { margin-right: 0;padding-right:0 } .Responsive .sidebar { display:none } .Responsive .sidebar .visitorPanel { display: none; } } @media (max-width:340px) { .Responsive .sidebar { width: 100%; } } </xen:if>
]]>
</template>
<template title="thread_prefixes.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
.prefix { background: transparent url('styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top; 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: #176093; text-decoration: none; background-color: #f0f7fc; padding: 0 6px; border: 1px solid #cccccc; } .prefix a { color: inherit; } .prefix.prefixPrimary { color: #176093; background-color: rgb(221, 221, 221); border-color: rgb(221, 221, 221); } .prefix.prefixSecondary { color: rgb(112,147,192); background-color: #f06343; border-color: #f06343; } .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: normal; background: none; 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; }
]]>
</template>
<template title="thread_view" addon_id="XenForo" version_id="1020170" version_string="1.2.1" 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
]]>
<![CDATA[
.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="$avatar">{xen:helper avatar, $thread, m, 0, 1}</xen:set> </xen:include></xen:container> <xen:container var="$bodyClasses">{xen:helper nodeClasses, $nodeBreadCrumbs, $forum}</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:if is="{$canReply}"> <xen:comment><xen:topctrl> <a href="{xen:link 'threads/reply', $thread}" class="callToAction"><span>{xen:phrase reply_to_thread}</span></a> </xen:topctrl></xen:comment> </xen:if> <xen:require css="thread_view.css" /> <xen:edithint template="message" /> <xen:if is="{$poll}"> <xen:include template="poll_block"> <xen:set var="$options"> <xen:if is="{$poll.canVote}"> <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"></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"></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"></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="{$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="{$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" 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"> <xen:set var="$text">{xen:phrase post_moderation}</xen:set> <xen:set var="$options"> <xen:if is="{$inlineModOptions.delete}"><option value="delete">{xen:phrase delete_posts}...</option></xen:if> <xen:if is="{$inlineModOptions.undelete}"><option value="undelete">{xen:phrase undelete_posts}</option></xen:if> <xen:if is="{$inlineModOptions.approve}"><option value="approve">{xen:phrase approve_posts}</option></xen:if> <xen:if is="{$inlineModOptions.unapprove}"><option value="unapprove">{xen:phrase unapprove_posts}</option></xen:if> <xen:if is="{$inlineModOptions.move}"><option value="move">{xen:phrase move_posts}...</option></xen:if> <xen:if is="{$inlineModOptions.merge}"><option value="merge">{xen:phrase merge_posts}...</option></xen:if> <option value="deselect">{xen:phrase deselect_posts}</option> </xen:set> <xen:set var="$checkboxTitle">{xen:phrase select_deselect_all_posts_on_this_page}</xen:set> <xen:set var="$selectedItemsPhrase">{xen:phrase selected_posts}</xen:set> </xen:include> </div> </xen:if> <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" /> </form> <xen:if hascontent="true"> <div class="pageNavLinkGroup"> <xen:contentcheck> <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}" /> </xen:contentcheck> </div> </xen:if> <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:include> </xen:if> <xen:hook name="thread_view_qr_after" params="{xen:array 'thread={$thread}'}" /> {xen:raw $threadStatusHtml} <xen:include template="share_page"> <xen:set var="$url">{xen:link 'canonical:threads', $thread}</xen:set> </xen:include>
]]>
</template>
<template title="user_banners.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
.userBanner { font-size: 11px; background: transparent url('styles/default/xenforo/gradients/form-button-white-25px.png') repeat-x top; 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: #176093; background-color: rgb(221, 221, 221); border-color: #cccccc; } .userBanner.bannerStaff.wrapped span { background-color: #cccccc; } .userBanner.bannerPrimary { color: #176093; background-color: rgb(221, 221, 221); border-color: #cccccc; } .userBanner.bannerPrimary.wrapped span { background-color: #cccccc; } .userBanner.bannerSecondary { color: rgb(112,147,192); background-color: #f06343; border-color: #f06343; } .userBanner.bannerSecondary.wrapped span { background-color: #f06343; } .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="xenforo.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
<xen:include template="xenforo_reset.css" /> 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;}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: rgb(248, 248, 248); overflow-x: hidden; } body { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; font-family: Arial, Helvetica, sans-serif; color: rgb(20,20,20); word-wrap: break-word; line-height: 1.28; } /* counteract the word-wrap setting in 'body' */ pre, textarea { word-wrap: normal; } a:link, a:visited { color: #176093; text-decoration: none; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; -transition: background-color 0.2s linear; } a[href]:hover { color: #555; text-decoration: none; } 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 { 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; } img.mceSmilie, img.mceSmilieSprite { vertical-align: text-bottom; margin: 0 1px; } /** title bar **/ .titleBar { margin-bottom: 10px; width: auto; overflow: hidden; white-space: nowrap; } /* clearfix */ .titleBar { zoom: 1; } .titleBar:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .titleBar h1 { font-size: 18pt; padding-top: 20px; overflow: hidden; text-overflow: ellipsis; zoom: 1; text-align: center; text-transform: lowercase; } .thread_view .titleBar h1 {text-align:left} .titleBar h1:first-letter {text-transform: uppercase;} .titleBar h1 em { color: rgb(100,100,100); } .titleBar h1 .Popup { float: left; } #pageDescription { font-size: 11px; 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 { background-color: rgb(252, 252, 255); padding: 2px; border: 1px solid #cccccc; } .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; 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(150,150,150); } 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 #032A46; -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(3, 42, 70); border-color: rgba(3, 42, 70, 0.5); _border-color: rgb(3, 42, 70); } .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 #fff; 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: rgb(0,11,26); text-align: center; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border: solid 1px rgb(6,67,146); } .importantMessage a { font-weight: bold; color: #6d3f03; } /* ***************************** */ <xen:include template="xenforo_sections.css" /> <xen:include template="xenforo_columns.css" /> <xen:include template="xenforo_tabs.css" /> <xen:include template="xenforo_popup.css" /> <xen:include template="xenforo_overlay.css" /> <xen:include template="xenforo_alert.css" /> <xen:include template="xenforo_data_table.css" /> <xen:include template="xenforo_member_list_item.css" /> <xen:include template="xenforo_facebook.css" /> <xen:include template="xenforo_dismiss.css" /> <xen:include template="xenforo_basehtml.css" /> <xen:include template="page_nav.css" /> /* ***************************** */ /* DL Name-Value Pairs */ .pairs dt, .pairsInline dt, .pairsRows dt, .pairsColumns dt, .pairsJustified dt { color: rgb(150,150,150); } .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; } /* ***************************** */ /* Preview tooltips (threads etc.) */ .previewTooltip { } .previewTooltip .avatar { float: left; } .previewTooltip .text { margin-left: 64px; } .previewTooltip blockquote { font-size: 11pt; font-family: Arial, Tahoma, 'Trebuchet MS', Helvetica, sans-serif; line-height: 1.4; font-size: 10pt; max-height: 150px; overflow: hidden; } .previewTooltip .posterDate { font-size: 11px; padding-top: 5px; border-top: 1px solid rgb(221, 221, 221); margin-top: 5px; } /* ***************************** */ /* List of block links */ .blockLinksList { font-size: 11px; padding: 2px; } .blockLinksList a, .blockLinksList label { color: #333; padding: 5px 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 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 { text-decoration: none; } .blockLinksList a:active, .blockLinksList a.selected, .blockLinksList label:active, .blockLinksList label.selected { color: #032A46; background-color: #cccccc; } .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; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; position: absolute; right: 2px; bottom: -2px; line-height: 16px; min-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: 16px; float: right; position: relative; right: 0; top: -1px; } .blockLinksList .itemCount.Zero { display: none; } /* ***************************** */ /* Normally-indented nested lists */ .indentList ul, .indentList ol { margin-left: 2em; } /* ***************************** */ /* AJAX progress image */ .InProgress { background: transparent url('styles/default/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; } <xen:include template="error.css" /> /* 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; } /* 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; } <xen:include template="bb_code_base.css" /> /* Basic, common, non-templated BB codes */ .bbCodeImage { max-width: 100%; } .bbCodeImageFullSize { position: absolute; z-index: 50000; background-color: #fff; } .bbCodeStrike { text-decoration: line-through; } img.mceSmilie, img.mceSmilieSprite { vertical-align: text-bottom; margin: 0 1px; } /* smilie sprite classes */ img.mceSmilieSprite.mceSmilie8 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px 0px; } img.mceSmilieSprite.mceSmilie5 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px -21px; } img.mceSmilieSprite.mceSmilie6 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px 0px; } img.mceSmilieSprite.mceSmilie9 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px -42px; } img.mceSmilieSprite.mceSmilie12 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -80px -42px; } img.mceSmilieSprite.mceSmilie3 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px -42px; } img.mceSmilieSprite.mceSmilie4 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -60px 0px; } img.mceSmilieSprite.mceSmilie10 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px -42px; } img.mceSmilieSprite.mceSmilie11 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px -21px; } img.mceSmilieSprite.mceSmilie1 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px 0px; } img.mceSmilieSprite.mceSmilie7 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px -21px; } img.mceSmilieSprite.mceSmilie2 { width: 18px; height: 18px; background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -60px -21px; } .visibleResponsiveFull { display: inherit !important; } .visibleResponsiveWide, .visibleResponsiveMedium, .visibleResponsiveNarrow { display: none !important; } .hiddenResponsiveFull { display: none !important; } .hiddenResponsiveWide, .hiddenResponsiveMedium, .hiddenResponsiveNarrow { display: inherit !important; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:850px) { .Responsive .visibleResponsiveFull { display: none !important; } .Responsive .hiddenResponsiveFull { display: inherit !important; } } @media (min-width:631px) AND (max-width:850px) { .Responsive .visibleResponsiveWide { display: inherit !important; } .Responsive .hiddenResponsiveWide { display: none !important; } } @media (min-width:501px) AND (max-width:630px) { .Responsive .visibleResponsiveMedium { display: inherit !important; } .Responsive .hiddenResponsiveMedium { display: none !important; } } @media (max-width:500px) { .Responsive .visibleResponsiveNarrow { display: inherit !important; } .Responsive .hiddenResponsiveNarrow { display: none !important; } } @media (max-width:500px) { .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; } } </xen:if> <xen:hook name="xenforo_css_extra" />
]]>
</template>
<template title="xenforo_alert.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" 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; background: url('styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -144px -40px; }
]]>
</template>
<template title="xenforo_basehtml.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
/* 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 str
]]>
<![CDATA[
ong { 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; }
]]>
</template>
<template title="xenforo_data_table.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
/** Data tables **/ table.dataTable { width: 100%; _width: 99.5%; margin: 10px 0; } .dataTable caption { font-weight: bold; font-size: 11pt; color: #f0f7fc; background-color: #65a5d1; padding: 5px 10px; margin-bottom: 3px; border-bottom: 1px solid #176093; -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: 5px; -moz-border-radius-topright: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; } .dataTable tr.dataRow td { border-bottom: 1px solid rgb(221, 221, 221); padding: 5px 10px; } .dataTable tr.dataRow td.secondary { background: #f0f7fc url("styles/default/xenforo/gradients/category-23px-light.png") repeat-x top; } .dataTable tr.dataRow th { background: #f06343 url("styles/default/xenforo/gradients/category-23px-light.png") repeat-x top; border-bottom: 1px solid rgb(6,67,146); border-top: 1px solid #f06343; color: #6d3f03; font-size: 11px; padding: 5px 10px; } .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(221, 221, 221); border-bottom: none; padding: 7px 10px 6px; font-size: 11px; } .dataTable .dataRow .dataOptions a.secondaryContent:hover { background-color: rgb(221, 221, 221); text-decoration: none; } .dataTable .dataRow .delete { padding: 0px; width: 26px; border-left: 1px solid rgb(221, 221, 221); }	.dataTable .dataRow .delete a { display: block; background: transparent url('styles/default/xenforo/permissions/deny.png') no-repeat center center; 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="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
/* Styling for hover-dismiss controls */ .DismissParent .DismissCtrl { position: absolute; top: 12px; right: 5px; display: block; background: transparent url('styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -80px 0; color: white; width: 15px; height: 15px; line-height: 15px; text-align: center; 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; text-indent: 20000em; 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_member_list_item.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
.memberListItem { overflow: hidden; zoom: 1; } .memberListItem .avatar, .memberListItem .icon { float: left; } /* ----------------------- */ .memberListItem .extra { font-size: 11px; 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; margin-bottom: 3px; } .memberListItem .username.guest { font-style: italic; font-weight: normal; } /* ----------------------- */ .memberListItem .userInfo { font-size: 11px; 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; }
]]>
</template>
<template title="xenforo_overlay.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
/* 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; } .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 { background-image: url('styles/default/xenforo/overlay/close.png'); position: absolute; right: 4px; top: 4px; cursor: pointer; width: 35px; height: 35px; } /* 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: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; -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: #f0f7fc; background-color: #176093; padding: 5px 10px; margin-bottom: 10px; border: 1px solid #2b485c; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .xenOverlay .formOverlay .subHeading { font-weight: bold; font-size: 11px; color: #f0f7fc; background-color: #2b485c; padding: 5px 10px; margin-bottom: 10px; border: 1px solid #176093; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .xenOverlay .formOverlay .textHeading { color: #f0f7fc; } .xenOverlay .formOverlay > p { padding-left: 10px; padding-right: 10px; } .xenOverlay .formOverlay .textCtrl { color: #f0f7fc; background-color: black; border-color: #cccccc; } .xenOverlay .formOverlay .textCtrl option { background-color: black; } .xenOverlay .formOverlay .textCtrl:focus, .xenOverlay .formOverlay .textCtrl.Focus { background: #032A46 none; } .xenOverlay .formOverlay .textCtrl:focus option { background: #032A46 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 { color: black; } .xenOverlay .formOverlay .avatar img, .xenOverlay .formOverlay .avatar .img, .xenOverlay .formOverlay .avatarCropper { background-color: transparent; } /* tabs in form overlay */ .xenOverlay .formOverlay .tabs /* the actual tabs */ { border-color: #cccccc; } .xenOverlay .formOverlay .tabs a { background-color: transparent; border-color: #cccccc; } .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/default/xenforo/color-picker/panel.png') repeat-x top; border: 1px solid #cccccc; } /* Generic overlays */ .xenOverlay .section, .xenOverlay .sectionMain { padding: 0px; border: 20px solid #032A46; -webkit-border-radius: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; -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); border-color: rgb(3, 42, 70); border-color: rgba(3, 42, 70, 0.5); _border-color: rgb(3, 42, 70); } .Touch .xenOverlay .section, .Touch .xenOverlay .sectionMain { border-color: #032A46; -webkit-box-shadow: none; -moz-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; } .xenOverlay > .section, .xenOverlay > .sectionMain { background: #fff; 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; } .xenOverlay .sectionFooter .buttonContainer .button { float: none; } /* 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/default/xenforo/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center; background: rgba(0,0,0, 0.5) url('styles/default/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/default/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(221, 221, 221); background: url(rgba.php?r=240&g=247&b=252&a=229); background: rgba(240, 247, 252, 0.9); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5F0F7FC,endColorstr=#E5F0F7FC);; 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; } <xen:if is="{xen:property enableResponsive}"> @media (max-width:630px) { .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; } } </xen:if>
]]>
</template>
<template title="xenforo_popup.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
.Popup { position: relative; } .Popup.inline { display: inline; } /** Popup menu trigger **/ .Popup .arrowWidget { /* circle-arrow-down */ background: transparent url('styles/default/xenforo/xenforo-ui-sprite.png') no-repeat -32px 0; margin-top: -2px; 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;float:left } .Popup .PopupControl:hover, .Popup.PopupContainerControl:hover { color: #176093; text-decoration: none; background-color: rgb(221, 221, 221); } .Popup .PopupControl:focus, .Popup .PopupControl:active, .Popup.PopupContainerControl:focus, .Popup.PopupContainerControl:active { outline: 0; } .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen { color: #2b485c; -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; -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; text-shadow: 0 0 0 transparent, 1px 1px 2px white; } .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: 3px; -moz-border-radius-bottomleft: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .Popup .PopupControl.PopupOpen:hover, .Popup.PopupContainerControl.PopupOpen:hover { text-decoration: none; } /** Menu body **/ .Menu { background-color: #ffffff;*/ font-size: 11px; border: 1px solid #6cb2e4; border-top: 5px solid #6cb2e4; 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); 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: 15pt; } .Menu .menuHeader .muted { font-size: 11px; } /* Standard menu sections */ .Menu .primaryContent { background-color: rgba(255, 255, 255, 0.96); } .Menu .secondaryContent { background-color: ; } .Menu .sectionFooter { background-color: rgba(221, 221, 221, 0.9); } /* Links lists */ .Menu .blockLinksList { max-height: 400px; overflow: auto; } /* form popups */ .formPopup form, .formPopup .ctrlUnit { margin: 5px auto; } .formPopup .ctrlUnit { } .formPopup .textCtrl, .formPopup .button { max-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;border:none } .formPopup .secondaryControls { padding: 0 5px; } .formPopup .controlsWrapper { background: rgb(221, 221, 221) url('styles/default/xenforo/gradients/category-23px-light.png') 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(221, 221, 221); background: #f0f7fc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top; } .formPopup .advSearchLink:hover { background-color: rgb(221, 221, 221); text-decoration: none; }
]]>
</template>
<template title="xenforo_tabs.css" addon_id="XenForo" version_id="1020170" version_string="1.2.1" disable_modifications="0">
<![CDATA[
.tabs { font-size: 11px; padding: 0; border-bottom: 1px solid #cccccc; word-wrap: normal; min-height: 23px; _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: rgb(20,20,20); text-decoration: none; padding: 0 8px; margin-right: -1px; margin-bottom: -1px; -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; display: inline-block; line-height: 22px; cursor: pointer; outline: 0 none; white-space: nowrap; word-wrap: normal; height: 22px; } .tabs li:hover a, .tabs.noLinks li:hover { color: #fff; text-decoration: none; background-color: #f06343; padding-bottom: 1px; } .tabs li.active a, .tabs.noLinks li.active { color: #fff; background-color: #f06343; padding-bottom: 1px; border-bottom: 1px none black; } /* Tabs inside forms */ .xenForm .tabs, .xenFormTabs { padding: 5px 30px 0; } @media (max-width:500px) { .Responsive .tabs li { float: none; } .Responsive .tabs li a, .Responsive .tabs.noLinks li { display: block; } }
]]>
</template>
</templates>
</style>