]]>
i
{
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: @xf-progressBarColor;
border-radius: @xf-borderRadiusMedium;
}
}
.pollResult-voters
{
padding: @xf-blockPaddingV @xf-blockPaddingH;
.xf-contentHighlightBase();
}
.pollResult--simple
{
display: block;
.m-narrowPollResults();
}
@media (max-width: @xf-responsiveMedium)
{
.pollResult
{
display: block;
.m-narrowPollResults();
}
}
.m-narrowPollResults()
{
.pollResult-response
{
display: block;
}
.pollResult-votes
{
display: inline;
}
.pollResult-percentage
{
display: inline;
padding-left: 1em;
}
.pollResult-graph
{
display: block;
width: 100%;
padding-left: 0;
}
}]]>
{{ phrase('article_written_by') }}
{{ bb_code($user.Profile.about, 'user:about', $user) }}
- {{ phrase('messages') }}
- {$user.message_count|number}
- {{ phrase('reaction_score') }}
- {$user.reaction_score|number}
- {{ phrase('points') }}
- {$user.trophy_points|number}
{{ snippet($post.message, 750, {
'stripQuote': true,
'bbWrapper': true
}) }}
- {{ phrase('new') }}
-
{{ phrase('thread_watched') }}
-
{{ phrase('forum_watched') }}
-
{{ phrase('awaiting_approval') }}
-
{{ phrase('deleted') }}
-
{{ phrase('locked') }}
-
{{ phrase('sticky') }}
{{ phrase('view_full_article') }} »
]]>
{{ prefix('thread', $thread, 'escaped') }}{$thread.title}
{{ prefix('thread', $thread) }}{$thread.title}
]]>
{{ phrase('this_message_is_awaiting_moderator_approval_and_is_invisible_to_normal') }}
{$post.warning_message}
{{ phrase('you_are_ignoring_content_by_this_member') }}
{{ bb_code_snippet($post.message, 'post', $post, $snippet) }}
{{ bb_code($post.message, 'post', $post) }}
{{ phrase('last_edited:') }}
{{ phrase('last_edited_by_moderator:') }}
]]>
]]>
{{ phrase('x_wrote_on_ys_profile', {
'name': ($profilePost.User.username ?: {$profilePost.username}),
'profile': ($profilePost.ProfileUser.username ?: phrase('unknown'))
}) }}
{{ phrase('this_message_is_awaiting_moderator_approval_and_is_invisible_to_normal') }}
{$profilePost.warning_message}
{{ phrase('you_are_ignoring_content_by_this_member') }}
{{ bb_code($profilePost.message, 'profile_post', $profilePost) }}
{{ bb_code($profilePost.message, 'profile_post', $profilePost, {'simpleUnfurl': true}) }}
{{ bb_code($profilePost.message, 'profile_post', $profilePost, {'simpleUnfurl': true}) }}
{{ phrase('update_your_status:') }}
{{ phrase('post_verb') }}
{$lastDate}
{$style}
{$context}
]]>
]]>
{{ phrase('register') }}
{{ phrase('pre_reg_action_notice') }}
{{ phrase('already_have_account') }}
{{ phrase('login') }}
Spam catcher field
Spam catcher field
Spam catcher field
Spam catcher field
{{ $regForm.getUniqueKey() }}
]]>
{{ phrase('search') }}
{{ phrase('search') }}
{{ phrase('search') }}
{$type}
]]>
li
{
&.select2-selection__choice
{
float: left;
font-size: 15px;
border-radius: @xf-borderRadiusMedium;
.xf-chip();
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
cursor: default;
.select2-selection__choice__remove
{
font-size: 0;
cursor: pointer;
&:before
{
.m-faBase();
font-size: 15px;
.m-faContent("@{fa-var-times}\20");
opacity: .5;
.m-transition(opacity);
margin-right: 3px;
font-size: 14px;
}
&:hover:before
{
opacity: 1;
}
}
}
}
.select2-search
{
flex-grow: 1;
min-width: 0;
input {.xf-input();}
&.select2-search--inline
{
float: left;
}
.select2-search__field
{
color: inherit;
border: none;
padding: 1px 0;
margin-top: 5px;
background: transparent;
min-width: 100%;
max-width: 100%;
&:focus
{
outline: none;
}
}
}
}
}
}
.select2-container
{
display: inline-block;
&.select2-container--disabled
{
.input
{
.xf-inputDisabled();
}
}
&.select2-container--open
{
.select2-dropdown
{
-ltr-rtl-left: 0;
&.select2-dropdown--above
{
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
&.select2-dropdown--below
{
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
}
}
.select2-dropdown
{
border-radius: @xf-borderRadiusSmall;
box-sizing: border-box;
display: block;
position: absolute;
-ltr-rtl-left: -100000px;
width: 100%;
z-index: 1051;
padding-top: 2px;
&.select2-dropdown--above
{
padding-bottom: 5px;
.select2-results__option.loading-results:not(:last-child)
{
display: none;
}
}
}
.select2-results
{
}
.select2-results__options
{
display: block;
.m-listPlain();
}
.select2-results > .select2-results__options
{
// applies only to the top-level results
.m-autoCompleteList();
overflow: auto;
max-height: 150px;
max-height: ~"max(150px, 50vh)";
-webkit-overflow-scrolling: touch;
li[role="group"]
{
padding: 0;
}
}
.select2-results__options.select2-results__options--nested
{
margin-left: .8em;
li
{
padding-right: 0;
}
}
.select2-results__group
{
display: block;
padding: @xf-paddingMedium;
}
.select2-results__option
{
user-select: none;
-webkit-user-select: none;
&.select2-results__option--highlighted
{
background: @xf-contentHighlightBg;
}
&[aria-disabled="true"]
{
color: @xf-textColorMuted;
}
}]]>
@durationLength) { @dur: extract(@duration, @durationLength); }
.setDuration();
.setEasing() when (@i <= @timingLength) { @time: extract(@timing, @i); }
.setEasing() when (@i > @timingLength) { @time: extract(@timing, @timingLength); }
.setEasing();
.setDelay() when (@i <= @delayLength) { @del: extract(@delay, @i); }
.setDelay() when (@i > @delayLength) { @del: extract(@delay, @delayLength); }
.setDelay();
.setDivider() when (@i > 1) { @divider: ~'@{s},'; }
.setDivider() when (@i = 1) { @divider: ~''; }
.setDivider();
.buildString((@i + 1), @divider @prop @dur @time);
}
.buildString(1);
.buildString(@i, @s: ~'') when (@i > @propsLength)
{
.compact(@s);
}
}
.output() when not (@raw-input = false)
{
.compact(@raw-input);
}
.compact(@string)
{
-webkit-transition: @string;
//-moz-transition: @string;
//-ms-transition: @string;
//-o-transition: @string;
transition: @string;
}
.output();
}
.m-transitionProperty(@props)
{
-webkit-transition-property: @props;
transition-property: @props;
}
.m-animation(@props)
{
-webkit-animation: @props;
animation: @props;
}
.m-transform(@props)
{
-webkit-transform: @props;
-ms-transform: @props;
transform: @props;
}
.m-keyframes(@name, @rules)
{
@-webkit-keyframes @name { @rules(); }
@keyframes @name { @rules(); }
}
.m-columns(@count; @breakWidth: 0; @gap: 1em)
{
-moz-column-count: @count;
-webkit-column-count: @count;
column-count: @count;
-moz-column-gap: @gap;
-webkit-column-gap: @gap;
column-gap: @gap;
& when(@breakWidth > 0)
{
@media (max-width: @breakWidth)
{
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
}
}
.m-columnBreakAvoid()
{
-webkit-column-break-inside: avoid;
break-inside: avoid-column;
page-break-inside: avoid;
}
.m-borderLeftRadius(@radius)
{
border-top-left-radius: @radius;
border-bottom-left-radius: @radius;
}
.m-borderRightRadius(@radius)
{
border-top-right-radius: @radius;
border-bottom-right-radius: @radius;
}
.m-borderTopRadius(@radius)
{
border-top-left-radius: @radius;
border-top-right-radius: @radius;
}
.m-borderBottomRadius(@radius)
{
border-bottom-left-radius: @radius;
border-bottom-right-radius: @radius;
}
.m-hiddenLinks()
{
a
{
color: inherit;
text-decoration: none;
&:hover
{
text-decoration: underline;
}
}
}
.m-textColoredLinks()
{
a
{
color: inherit;
text-decoration: underline;
}
}
.m-placeholder(@rules)
{
&::-webkit-input-placeholder { @rules(); }
&::-moz-placeholder { @rules(); }
&:-moz-placeholder { @rules(); }
&:-ms-input-placeholder { @rules(); }
}
.m-autoCompleteList(@wide: false)
{
.m-listPlain();
cursor: default;
.xf-menu();
min-width: 180px;
& when(@wide = true)
{
min-width: 250px;
}
max-width: 95%;
border: @xf-borderSize solid @xf-borderColor;
.m-dropShadow(0, 3px, 5px, 0, .3);
> li
{
padding: @xf-paddingMedium;
line-height: 24px;
.m-clearFix();
&.is-selected
{
background: @xf-contentHighlightBg;
}
.autoCompleteList-icon
{
float: left;
margin-right: @xf-paddingMedium;
width: 24px;
height: 24px;
}
}
}
.m-listPlain()
{
list-style: none;
margin: 0;
padding: 0;
}
// makes direct children display: inline-block, removing white-space between elements (mostly used on ul > li)
.m-inlineBlocks(@fontSize: @xf-fontSizeNormal)
{
font-size: 0;
> *
{
display: inline-block;
font-size: @fontSize;
}
}
.m-tabsTogether(@fontSize: @xf-fontSizeNormal)
{
font-size: 0;
.tabs-tab,
.tabs-text,
.tabs-extra,
.hScroller-action
{
font-size: @fontSize;
}
}
.m-hiddenEl(@transition: true)
{
display: none;
&.is-active
{
display: block;
}
& when(@transition = true)
{
.m-transitionFadeDown();
}
}
.m-transitionFade(@speed: @xf-animationSpeed; @display: block)
{
display: none;
opacity: 0;
.m-transition(all, -xf-opacity; @speed);
&.is-active
{
display: @display;
opacity: 1;
}
&.is-transitioning
{
display: @display;
}
}
.m-transitionFadeDown(@speed: @xf-animationSpeed; @display: block)
{
.m-transitionFade(@speed, @display);
overflow-y: hidden;
height: 0;
.m-transitionProperty(all, -xf-height;);
&.is-active
{
height: auto;
overflow-y: visible;
}
&.is-transitioning
{
overflow-y: hidden;
}
}
.m-visuallyHidden()
{
position: absolute;
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
clip: rect(0 0 0 0);
overflow: hidden;
}
.m-faBase(@type: false, @weight: false)
{
// deprecated, use .m-faIcon directly
}
.m-faContent(@url, @width: false, @direction: false)
{
// this is an alias for m-faIcon (for backwards compatibility)
.m-faIcon(@url, @width, @direction);
}
.m-faIcon(@url, @width: false, @direction: false)
{
& when (@direction = ltr) and (@ltr)
{
.m-faIconBase(@url, @width);
}
& when (@direction = rtl) and (@rtl)
{
.m-faIconBase(@url, @width);
}
& when (@direction = false)
{
.m-faIconBase(@url, @width);
}
}
.m-faIconBase(@url, @width: false)
{
display: inline-block;
content: "";
height: 1em;
vertical-align: -0.125em;
background-color: currentColor;
& when (isnumber(@width))
{
width: @width;
}
& when not (isnumber(@width))
{
width: 1.28571429em;
}
mask: @url no-repeat center;
-webkit-mask: @url no-repeat center;
}
.m-faBefore(@icon, @width: false)
{
&:before
{
.m-faContent(@icon, @width);
}
}
.m-faAfter(@icon, @width: false)
{
&:after
{
.m-faContent(@icon, @width);
}
}
.m-iconicIcon(@setPosition: true)
{
display: inline-block;
min-width: 1em;
height: .9em;// prevents some zoom-related issues
-ltr-rtl-text-align: left;
&:before,
&:after
{
.m-faBase('Pro'; inherit);
//.m-transition(opacity, color; @xf-animationSpeed, @xf-animationSpeed / 2);
position: absolute;
& when (@setPosition = true)
{
left: 0;
top: 0.2em;
}
opacity: 1;
}
}
.m-menuGadget(@separate: false, @faWidth: 1.2em, @faWeight: 900)
{
// deprecated, use .m-menuGadgetIcon directly to pass in a custom icon/variant
.m-menuGadgetIcon(@separate, @faWidth)
}
.m-menuGadgetIcon(@separate: false, @faWidth: 1.2em, @faIcon: @fa-var-solid-caret-down)
{
.m-faContent(@faIcon, @faWidth);
& when (@separate = true)
{
margin-left: .2em;
}
& when (isnumber(@separate))
{
margin-left: @separate;
}
}
.m-content(@content, @direction: false, @separateDirection: false, @separateWidth: false)
{
& when (@direction = false)
{
content: @content;
}
& when (@direction = ltr)
{
-ltr-content: @content;
}
& when (@direction = rtl)
{
-rtl-content: @content;
}
& when (@separateDirection = left)
{
& when (isnumber(@separateWidth))
{
margin-right: @separateWidth;
}
& when not(isnumber(@separateWidth))
{
margin-right: .2em;
}
}
& when (@separateDirection = right)
{
& when (isnumber(@separateWidth))
{
margin-left: @separateWidth;
}
& when not(isnumber(@separateWidth))
{
margin-left: .2em;
}
}
}
.m-buttonIcon(@icon, @width: false)
{
> .button-text::before
{
.m-faIcon(@icon, @width);
vertical-align: .025em;
}
}
.m-buttonIconWidth(@width)
{
> .fa--xf svg
{
width: @width;
}
}
.m-avatarSize(@avatarSize)
{
width: @avatarSize;
height: @avatarSize;
font-size: round((@avatarSize * @xf-avatarDynamicTextPercent / 100));
}
.m-buttonBase()
{
display: inline-block; // maintain this just in case for old browsers
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
border: @xf-borderSize solid transparent;
white-space: nowrap;
.m-transition(background-color border-color color, (@xf-animationSpeed / 2));
.xf-buttonBase();
}
.m-buttonColorVariation(@bgColor; @textColor)
{
color: @textColor;
background-color: @bgColor;
.m-buttonBorderColorVariation(@bgColor);
&:hover,
&:active,
&:focus
{
background-color: xf-intensify(@bgColor, 8%);
}
}
.m-buttonBlockColorVariationSimple(@color)
{
.m-buttonBorderColorVariation(@color);
&:not(.button--splitTrigger),
&.button--splitTrigger > .button-text,
&.button--splitTrigger > .button-menu
{
&:hover,
&:focus,
&:active
{
background-color: xf-intensify(@color, 8%);
}
}
}
.m-buttonBorderColorVariation(@borderColor)
{
border-color: xf-diminish(@borderColor, 5%) xf-intensify(@borderColor, 5%) xf-intensify(@borderColor, 5%) xf-diminish(@borderColor, 5%);
&.button--splitTrigger
{
> .button-text { border-right-color: xf-intensify(@borderColor, 5%); }
> .button-menu { border-left-color: xf-diminish(@borderColor, 5%); }
}
}
// this will be replaced by the CSS renderer with the correct background-image rule
.m-selectGadgetColor(@color: black)
{
-xf-select-gadget: @color;
}
.m-hScrollerActionColorVariation(@background, @text, @textHover)
{
color: @text;
&:hover
{
color: @textHover;
}
&.hScroller-action--start
{
.m-gradientHorizontal(@background, fade(@background, 0%), @background, 66%, 100%);
}
&.hScroller-action--end
{
.m-gradientHorizontal(fade(@background, 0%), @background, @background, 0%, 33%);
}
}
// Fix for iOS zoom on input focus.
.m-inputZoomFix()
{
@media (max-width: 568px)
{
font-size: 16px;
}
}
.m-checkboxAligner()
{
vertical-align: -2px;
}
.m-highResolution(@rules)
{
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dpi)
{
@rules();
}
}
.m-fixedWidthFlex(@width)
{
flex: 0 0 @width;
}
.m-labelVariation(@color; @bg; @border: false)
{
color: @color;
background: @bg;
border-color: xf-intensify(@bg, 10%);
& when (iscolor(@border))
{
border-color: @border;
}
a&:hover,
a:hover &
{
background: xf-intensify(@bg, 4%);
border-color: xf-intensify(@bg, 14%);
& when (iscolor(@border))
{
border-color: xf-intensify(@border, 4%);
}
}
}
.m-tableBase()
{
> table
{
border: none;
border-collapse: collapse;
empty-cells: show;
max-width: 100%;
> thead, > tbody
{
> tr
{
> th
{
background: @xf-contentHighlightBg;
border: @xf-borderSize solid @xf-borderColor;
border-bottom-color: @xf-borderColorFeature;
border-bottom-width: @xf-borderSizeMinorFeature;
padding: @tablePadding;
}
> td
{
background: @xf-contentBg;
border: @xf-borderSize solid @xf-borderColor;
padding: @tablePadding;
}
}
}
}
}
.m-backdropFilter(@filter, @filterBg: none, @fallbackBg: none)
{
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none)
{
--backdrop-filter: @filter;
-webkit-backdrop-filter: var(--backdrop-filter);
backdrop-filter: var(--backdrop-filter);
& when not (@filterBg = none)
{
background: @filterBg;
}
}
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none))
{
& when (@fallbackBg = none)
{
background: @filterBg;
}
& when not (@fallbackBg = none)
{
background: @fallbackBg;
}
}
}
.m-blockAligner()
{
// we want this to still be a block element but to inherit the alignment a user has set - this approximates that
[style="text-align: center"] &
{
margin-left: auto;
margin-right: auto;
}
[style="text-align: left"] &
{
-ltr-rtl-margin-left: 0;
-ltr-rtl-margin-right: auto;
}
[style="text-align: right"] &
{
-ltr-rtl-margin-left: auto;
-ltr-rtl-margin-right: 0;
}
}
// STICKY HEADER STUFF
// Note that to access the height and offset, you need to call the mixin and use the variables locally.
@header-navHeight: (
2 * @xf-publicNavPaddingV +
xf-default(@xf-publicNav--font-size, @xf-fontSizeNormal) * @xf-lineHeightDefault
);
@header-subNavHeight: (
2 * @xf-publicSubNavPaddingV +
xf-default(@xf-publicSubNav--font-size, @xf-fontSizeNormal) * @xf-lineHeightDefault +
xf-default(@xf-publicSubNav--border-top-width, 0) +
xf-default(@xf-publicSubNav--border-bottom-width, 0)
);
.m-stickyHeaderConfig(@type)
{
@_stickyHeader-offset: 10px;
@_stickyHeader-height: 0;
}
.m-stickyHeaderConfig(@type) when(@type = primary)
{
@_stickyHeader-height: @header-navHeight;
}
.m-stickyHeaderConfig(@type) when(@type = all)
{
@_stickyHeader-height: (@header-navHeight + @header-subNavHeight);
}
.m-loadingSpinner()
{
.is-loading &
{
opacity: 1;
.fa--xf
{
animation-name: spin;
}
}
.fa--xf
{
position: absolute;
left: ~"calc(50% - 1.5em)";
top: ~"calc(50% - 1.5em)";
animation-duration: 1000ms;
animation-iteration-count: infinite;
}
}
{{ include('setup_custom.less') }}]]>
{{ uix_intval(property('pageEdgeSpacer')) * 2}}px
@uix_navigationPaddingV: 8px;
// UI.X MIXINS
.m-uix_whiteText (@background-color, @color: #fff) when (luma(@background-color) <= 43%) {
color: @color;
}
.m-uix_collapseOverflow() {
clip-path: inset(-2px -2px -2px -2px);
@media @isIe {
overflow: hidden;
}
}
.m-uix_removePageSpacer() {
@media (max-width: @xf-responsiveEdgeSpacerRemoval) {
margin-left: -@xf-pageEdgeSpacer * .5;
margin-right: -@xf-pageEdgeSpacer * .5;
border-radius: 0;
border-left: none;
border-right: none;
}
}
.m-pageSpacerPadding(@defaultPadding: @xf-pageEdgeSpacer) {
padding-left: @defaultPadding;
padding-right: @defaultPadding;
// iPhone X/Xr/Xs support
/*
@supports(padding: max(0px))
{
&
{
padding-left: ~"max(@{defaultPadding}, env(safe-area-inset-left))";
padding-right: ~"max(@{defaultPadding}, env(safe-area-inset-right))";
}
}
*/
@media (max-width: @xf-responsiveEdgeSpacerRemoval) {
@defaultPadding: @xf-pageEdgeSpacer / 2;
padding-left: @defaultPadding;
padding-right: @defaultPadding;
// iPhone X/Xr/Xs support
@supports(padding: max(0px))
{
&
{
padding-left: ~"max(@{defaultPadding}, env(safe-area-inset-left))";
padding-right: ~"max(@{defaultPadding}, env(safe-area-inset-right))";
}
}
}
}
.m-pageSpacer() {
width: calc(~"100% - {{$uix_pageEdgeSpacer}}");
@media (max-width: @xf-responsiveEdgeSpacerRemoval) {
width: calc(~"100% - @xf-pageEdgeSpacer");
width: 100%;
}
}
.m-pageWidth()
{
max-width: @xf-pageWidthMax;
margin-left: auto;
margin-right: auto;
width: 100%;
.m-pageSpacer();
.m-pageSpacerPadding();
transition: max-width 0.2s;
@media (max-width: @xf-responsiveWide) {
padding-left: env(safe-area-inset-left) !important;
padding-right: env(safe-area-inset-right) !important;
}
.uix_page--fluid & {
@media (min-width: @xf-pageWidthMax) {
max-width: 100%;
}
max-width: 100%;
}
@media (max-width: @uix_sidebarNavBreakpoint) {
.uix_page--fixed & {max-width: 100%;}
#uix_widthToggle--trigger {display: none;}
}
}
.m-pageInset(@defaultPadding: @xf-pageEdgeSpacer)
{
// here to satisfy global scope only
}
// -- doesnt appear to be needed any longer. can uncomment if not true --
// Sticky sidebar/sidenav
{{property('uix_sectionLinkHeight')}}
0px
{{property('uix_sectionLinkHeight')}}
@uix_navHeight: {{ property('elementSpacer') }};
@uix_navHeight: (@xf-elementSpacer + @xf-uix_stickyNavHeight);
@uix_navHeight: {{ uix_intval(property('elementSpacer')) + uix_intval(property('uix_stickyNavHeight'))}}px + {{ uix_intval($uix_sectionLinkHeight) }};
@uix_navHeight: {{ property('elementSpacer') + property('uix_stickyNavHeight')}}px + {{$uix_sectionLinkHeight }};
]]>
@fa-var-500px: "\f26e";
@fa-var-abacus: "\f640";
@fa-var-accessible-icon: "\f368";
@fa-var-accusoft: "\f369";
@fa-var-acorn: "\f6ae";
@fa-var-acquisitions-incorporated: "\f6af";
@fa-var-ad: "\f641";
@fa-var-address-book: "\f2b9";
@fa-var-address-card: "\f2bb";
@fa-var-adjust: "\f042";
@fa-var-adn: "\f170";
@fa-var-adversal: "\f36a";
@fa-var-affiliatetheme: "\f36b";
@fa-var-air-conditioner: "\f8f4";
@fa-var-air-freshener: "\f5d0";
@fa-var-airbnb: "\f834";
@fa-var-alarm-clock: "\f34e";
@fa-var-alarm-exclamation: "\f843";
@fa-var-alarm-plus: "\f844";
@fa-var-alarm-snooze: "\f845";
@fa-var-album: "\f89f";
@fa-var-album-collection: "\f8a0";
@fa-var-algolia: "\f36c";
@fa-var-alicorn: "\f6b0";
@fa-var-alien: "\f8f5";
@fa-var-alien-monster: "\f8f6";
@fa-var-align-center: "\f037";
@fa-var-align-justify: "\f039";
@fa-var-align-left: "\f036";
@fa-var-align-right: "\f038";
@fa-var-align-slash: "\f846";
@fa-var-alipay: "\f642";
@fa-var-allergies: "\f461";
@fa-var-amazon: "\f270";
@fa-var-amazon-pay: "\f42c";
@fa-var-ambulance: "\f0f9";
@fa-var-american-sign-language-interpreting: "\f2a3";
@fa-var-amilia: "\f36d";
@fa-var-amp-guitar: "\f8a1";
@fa-var-analytics: "\f643";
@fa-var-anchor: "\f13d";
@fa-var-android: "\f17b";
@fa-var-angel: "\f779";
@fa-var-angellist: "\f209";
@fa-var-angle-double-down: "\f103";
@fa-var-angle-double-left: "\f100";
@fa-var-angle-double-right: "\f101";
@fa-var-angle-double-up: "\f102";
@fa-var-angle-down: "\f107";
@fa-var-angle-left: "\f104";
@fa-var-angle-right: "\f105";
@fa-var-angle-up: "\f106";
@fa-var-angry: "\f556";
@fa-var-angrycreative: "\f36e";
@fa-var-angular: "\f420";
@fa-var-ankh: "\f644";
@fa-var-app-store: "\f36f";
@fa-var-app-store-ios: "\f370";
@fa-var-apper: "\f371";
@fa-var-apple: "\f179";
@fa-var-apple-alt: "\f5d1";
@fa-var-apple-crate: "\f6b1";
@fa-var-apple-pay: "\f415";
@fa-var-archive: "\f187";
@fa-var-archway: "\f557";
@fa-var-arrow-alt-circle-down: "\f358";
@fa-var-arrow-alt-circle-left: "\f359";
@fa-var-arrow-alt-circle-right: "\f35a";
@fa-var-arrow-alt-circle-up: "\f35b";
@fa-var-arrow-alt-down: "\f354";
@fa-var-arrow-alt-from-bottom: "\f346";
@fa-var-arrow-alt-from-left: "\f347";
@fa-var-arrow-alt-from-right: "\f348";
@fa-var-arrow-alt-from-top: "\f349";
@fa-var-arrow-alt-left: "\f355";
@fa-var-arrow-alt-right: "\f356";
@fa-var-arrow-alt-square-down: "\f350";
@fa-var-arrow-alt-square-left: "\f351";
@fa-var-arrow-alt-square-right: "\f352";
@fa-var-arrow-alt-square-up: "\f353";
@fa-var-arrow-alt-to-bottom: "\f34a";
@fa-var-arrow-alt-to-left: "\f34b";
@fa-var-arrow-alt-to-right: "\f34c";
@fa-var-arrow-alt-to-top: "\f34d";
@fa-var-arrow-alt-up: "\f357";
@fa-var-arrow-circle-down: "\f0ab";
@fa-var-arrow-circle-left: "\f0a8";
@fa-var-arrow-circle-right: "\f0a9";
@fa-var-arrow-circle-up: "\f0aa";
@fa-var-arrow-down: "\f063";
@fa-var-arrow-from-bottom: "\f342";
@fa-var-arrow-from-left: "\f343";
@fa-var-arrow-from-right: "\f344";
@fa-var-arrow-from-top: "\f345";
@fa-var-arrow-left: "\f060";
@fa-var-arrow-right: "\f061";
@fa-var-arrow-square-down: "\f339";
@fa-var-arrow-square-left: "\f33a";
@fa-var-arrow-square-right: "\f33b";
@fa-var-arrow-square-up: "\f33c";
@fa-var-arrow-to-bottom: "\f33d";
@fa-var-arrow-to-left: "\f33e";
@fa-var-arrow-to-right: "\f340";
@fa-var-arrow-to-top: "\f341";
@fa-var-arrow-up: "\f062";
@fa-var-arrows: "\f047";
@fa-var-arrows-alt: "\f0b2";
@fa-var-arrows-alt-h: "\f337";
@fa-var-arrows-alt-v: "\f338";
@fa-var-arrows-h: "\f07e";
@fa-var-arrows-v: "\f07d";
@fa-var-artstation: "\f77a";
@fa-var-assistive-listening-systems: "\f2a2";
@fa-var-asterisk: "\f069";
@fa-var-asymmetrik: "\f372";
@fa-var-at: "\f1fa";
@fa-var-atlas: "\f558";
@fa-var-atlassian: "\f77b";
@fa-var-atom: "\f5d2";
@fa-var-atom-alt: "\f5d3";
@fa-var-audible: "\f373";
@fa-var-audio-description: "\f29e";
@fa-var-autoprefixer: "\f41c";
@fa-var-avianex: "\f374";
@fa-var-aviato: "\f421";
@fa-var-award: "\f559";
@fa-var-aws: "\f375";
@fa-var-axe: "\f6b2";
@fa-var-axe-battle: "\f6b3";
@fa-var-baby: "\f77c";
@fa-var-baby-carriage: "\f77d";
@fa-var-backpack: "\f5d4";
@fa-var-backspace: "\f55a";
@fa-var-backward: "\f04a";
@fa-var-bacon: "\f7e5";
@fa-var-bacteria: "\e059";
@fa-var-bacterium: "\e05a";
@fa-var-badge: "\f335";
@fa-var-badge-check: "\f336";
@fa-var-badge-dollar: "\f645";
@fa-var-badge-percent: "\f646";
@fa-var-badge-sheriff: "\f8a2";
@fa-var-badger-honey: "\f6b4";
@fa-var-bags-shopping: "\f847";
@fa-var-bahai: "\f666";
@fa-var-balance-scale: "\f24e";
@fa-var-balance-scale-left: "\f515";
@fa-var-balance-scale-right: "\f516";
@fa-var-ball-pile: "\f77e";
@fa-var-ballot: "\f732";
@fa-var-ballot-check: "\f733";
@fa-var-ban: "\f05e";
@fa-var-band-aid: "\f462";
@fa-var-bandcamp: "\f2d5";
@fa-var-banjo: "\f8a3";
@fa-var-barcode: "\f02a";
@fa-var-barcode-alt: "\f463";
@fa-var-barcode-read: "\f464";
@fa-var-barcode-scan: "\f465";
@fa-var-bars: "\f0c9";
@fa-var-baseball: "\f432";
@fa-var-baseball-ball: "\f433";
@fa-var-basketball-ball: "\f434";
@fa-var-basketball-hoop: "\f435";
@fa-var-bat: "\f6b5";
@fa-var-bath: "\f2cd";
@fa-var-battery-bolt: "\f376";
@fa-var-battery-empty: "\f244";
@fa-var-battery-full: "\f240";
@fa-var-battery-half: "\f242";
@fa-var-battery-quarter: "\f243";
@fa-var-battery-slash: "\f377";
@fa-var-battery-three-quarters: "\f241";
@fa-var-battle-net: "\f835";
@fa-var-bed: "\f236";
@fa-var-bed-alt: "\f8f7";
@fa-var-bed-bunk: "\f8f8";
@fa-var-bed-empty: "\f8f9";
@fa-var-beer: "\f0fc";
@fa-var-behance: "\f1b4";
@fa-var-behance-square: "\f1b5";
@fa-var-bell: "\f0f3";
@fa-var-bell-exclamation: "\f848";
@fa-var-bell-on: "\f8fa";
@fa-var-bell-plus: "\f849";
@fa-var-bell-school: "\f5d5";
@fa-var-bell-school-slash: "\f5d6";
@fa-var-bell-slash: "\f1f6";
@fa-var-bells: "\f77f";
@fa-var-betamax: "\f8a4";
@fa-var-bezier-curve: "\f55b";
@fa-var-bible: "\f647";
@fa-var-bicycle: "\f206";
@fa-var-biking: "\f84a";
@fa-var-biking-mountain: "\f84b";
@fa-var-bimobject: "\f378";
@fa-var-binoculars: "\f1e5";
@fa-var-biohazard: "\f780";
@fa-var-birthday-cake: "\f1fd";
@fa-var-bitbucket: "\f171";
@fa-var-bitcoin: "\f379";
@fa-var-bity: "\f37a";
@fa-var-black-tie: "\f27e";
@fa-var-blackberry: "\f37b";
@fa-var-blanket: "\f498";
@fa-var-blender: "\f517";
@fa-var-blender-phone: "\f6b6";
@fa-var-blind: "\f29d";
@fa-var-blinds: "\f8fb";
@fa-var-blinds-open: "\f8fc";
@fa-var-blinds-raised: "\f8fd";
@fa-var-blog: "\f781";
@fa-var-blogger: "\f37c";
@fa-var-blogger-b: "\f37d";
@fa-var-bluetooth: "\f293";
@fa-var-bluetooth-b: "\f294";
@fa-var-bold: "\f032";
@fa-var-bolt: "\f0e7";
@fa-var-bomb: "\f1e2";
@fa-var-bone: "\f5d7";
@fa-var-bone-break: "\f5d8";
@fa-var-bong: "\f55c";
@fa-var-book: "\f02d";
@fa-var-book-alt: "\f5d9";
@fa-var-book-dead: "\f6b7";
@fa-var-book-heart: "\f499";
@fa-var-book-medical: "\f7e6";
@fa-var-book-open: "\f518";
@fa-var-book-reader: "\f5da";
@fa-var-book-spells: "\f6b8";
@fa-var-book-user: "\f7e7";
@fa-var-bookmark: "\f02e";
@fa-var-books: "\f5db";
@fa-var-books-medical: "\f7e8";
@fa-var-boombox: "\f8a5";
@fa-var-boot: "\f782";
@fa-var-booth-curtain: "\f734";
@fa-var-bootstrap: "\f836";
@fa-var-border-all: "\f84c";
@fa-var-border-bottom: "\f84d";
@fa-var-border-center-h: "\f89c";
@fa-var-border-center-v: "\f89d";
@fa-var-border-inner: "\f84e";
@fa-var-border-left: "\f84f";
@fa-var-border-none: "\f850";
@fa-var-border-outer: "\f851";
@fa-var-border-right: "\f852";
@fa-var-border-style: "\f853";
@fa-var-border-style-alt: "\f854";
@fa-var-border-top: "\f855";
@fa-var-bow-arrow: "\f6b9";
@fa-var-bowling-ball: "\f436";
@fa-var-bowling-pins: "\f437";
@fa-var-box: "\f466";
@fa-var-box-alt: "\f49a";
@fa-var-box-ballot: "\f735";
@fa-var-box-check: "\f467";
@fa-var-box-fragile: "\f49b";
@fa-var-box-full: "\f49c";
@fa-var-box-heart: "\f49d";
@fa-var-box-open: "\f49e";
@fa-var-box-tissue: "\e05b";
@fa-var-box-up: "\f49f";
@fa-var-box-usd: "\f4a0";
@fa-var-boxes: "\f468";
@fa-var-boxes-alt: "\f4a1";
@fa-var-boxing-glove: "\f438";
@fa-var-brackets: "\f7e9";
@fa-var-brackets-curly: "\f7ea";
@fa-var-braille: "\f2a1";
@fa-var-brain: "\f5dc";
@fa-var-bread-loaf: "\f7eb";
@fa-var-bread-slice: "\f7ec";
@fa-var-briefcase: "\f0b1";
@fa-var-briefcase-medical: "\f469";
@fa-var-bring-forward: "\f856";
@fa-var-bring-front: "\f857";
@fa-var-broadcast-tower: "\f519";
@fa-var-broom: "\f51a";
@fa-var-browser: "\f37e";
@fa-var-brush: "\f55d";
@fa-var-btc: "\f15a";
@fa-var-buffer: "\f837";
@fa-var-bug: "\f188";
@fa-var-building: "\f1ad";
@fa-var-bullhorn: "\f0a1";
@fa-var-bullseye: "\f140";
@fa-var-bullseye-arrow: "\f648";
@fa-var-bullseye-pointer: "\f649";
@fa-var-burger-soda: "\f858";
@fa-var-burn: "\f46a";
@fa-var-buromobelexperte: "\f37f";
@fa-var-burrito: "\f7ed";
@fa-var-bus: "\f207";
@fa-var-bus-alt: "\f55e";
@fa-var-bus-school: "\f5dd";
@fa-var-business-time: "\f64a";
@fa-var-buy-n-large: "\f8a6";
@fa-var-buysellads: "\f20d";
@fa-var-cabinet-filing: "\f64b";
@fa-var-cactus: "\f8a7";
@fa-var-calculator: "\f1ec";
@fa-var-calculator-alt: "\f64c";
@fa-var-calendar: "\f133";
@fa-var-calendar-alt: "\f073";
@fa-var-calendar-check: "\f274";
@fa-var-calendar-day: "\f783";
@fa-var-calendar-edit: "\f333";
@fa-var-calendar-exclamation: "\f334";
@fa-var-calendar-minus: "\f272";
@fa-var-calendar-plus: "\f271";
@fa-var-calendar-star: "\f736";
@fa-var-calendar-times: "\f273";
@fa-var-calendar-week: "\f784";
@fa-var-camcorder: "\f8a8";
@fa-var-camera: "\f030";
@fa-var-camera-alt: "\f332";
@fa-var-camera-home: "\f8fe";
@fa-var-camera-movie: "\f8a9";
@fa-var-camera-polaroid: "\f8aa";
@fa-var-camera-retro: "\f083";
@fa-var-campfire: "\f6ba";
@fa-var-campground: "\f6bb";
@fa-var-canadian-maple-leaf: "\f785";
@fa-var-candle-holder: "\f6bc";
@fa-var-candy-cane: "\f786";
@fa-var-candy-corn: "\f6bd";
@fa-var-cannabis: "\f55f";
@fa-var-capsules: "\f46b";
@fa-var-car: "\f1b9";
@fa-var-car-alt: "\f5de";
@fa-var-car-battery: "\f5df";
@fa-var-car-building: "\f859";
@fa-var-car-bump: "\f5e0";
@fa-var-car-bus: "\f85a";
@fa-var-car-crash: "\f5e1";
@fa-var-car-garage: "\f5e2";
@fa-var-car-mechanic: "\f5e3";
@fa-var-car-side: "\f5e4";
@fa-var-car-tilt: "\f5e5";
@fa-var-car-wash: "\f5e6";
@fa-var-caravan: "\f8ff";
@fa-var-caravan-alt: "\e000";
@fa-var-caret-circle-down: "\f32d";
@fa-var-caret-circle-left: "\f32e";
@fa-var-caret-circle-right: "\f330";
@fa-var-caret-circle-up: "\f331";
@fa-var-caret-down: "\f0d7";
@fa-var-caret-left: "\f0d9";
@fa-var-caret-right: "\f0da";
@fa-var-caret-square-down: "\f150";
@fa-var-caret-square-left: "\f191";
@fa-var-caret-square-right: "\f152";
@fa-var-caret-square-up: "\f151";
@fa-var-caret-up: "\f0d8";
@fa-var-carrot: "\f787";
@fa-var-cars: "\f85b";
@fa-var-cart-arrow-down: "\f218";
@fa-var-cart-plus: "\f217";
@fa-var-cash-register: "\f788";
@fa-var-cassette-tape: "\f8ab";
@fa-var-cat: "\f6be";
@fa-var-cat-space: "\e001";
@fa-var-cauldron: "\f6bf";
@fa-var-cc-amazon-pay: "\f42d";
@fa-var-cc-amex: "\f1f3";
@fa-var-cc-apple-pay: "\f416";
@fa-var-cc-diners-club: "\f24c";
@fa-var-cc-discover: "\f1f2";
@fa-var-cc-jcb: "\f24b";
@fa-var-cc-mastercard: "\f1f1";
@fa-var-cc-paypal: "\f1f4";
@fa-var-cc-stripe: "\f1f5";
@fa-var-cc-visa: "\f1f0";
@fa-var-cctv: "\f8ac";
@fa-var-centercode: "\f380";
@fa-var-centos: "\f789";
@fa-var-certificate: "\f0a3";
@fa-var-chair: "\f6c0";
@fa-var-chair-office: "\f6c1";
@fa-var-chalkboard: "\f51b";
@fa-var-chalkboard-teacher: "\f51c";
@fa-var-charging-station: "\f5e7";
@fa-var-chart-area: "\f1fe";
@fa-var-chart-bar: "\f080";
@fa-var-chart-line: "\f201";
@fa-var-chart-line-down: "\f64d";
@fa-var-chart-network: "\f78a";
@fa-var-chart-pie: "\f200";
@fa-var-chart-pie-alt: "\f64e";
@fa-var-chart-scatter: "\f7ee";
@fa-var-check: "\f00c";
@fa-var-check-circle: "\f058";
@fa-var-check-double: "\f560";
@fa-var-check-square: "\f14a";
@fa-var-cheese: "\f7ef";
@fa-var-cheese-swiss: "\f7f0";
@fa-var-cheeseburger: "\f7f1";
@fa-var-chess: "\f439";
@fa-var-chess-bishop: "\f43a";
@fa-var-chess-bishop-alt: "\f43b";
@fa-var-chess-board: "\f43c";
@fa-var-chess-clock: "\f43d";
@fa-var-chess-clock-alt: "\f43e";
@fa-var-chess-king: "\f43f";
@fa-var-chess-king-alt: "\f440";
@fa-var-chess-knight: "\f441";
@fa-var-chess-knight-alt: "\f442";
@fa-var-chess-pawn: "\f443";
@fa-var-chess-pawn-alt: "\f444";
@fa-var-chess-queen: "\f445";
@fa-var-chess-queen-alt: "\f446";
@fa-var-chess-rook: "\f447";
@fa-var-chess-rook-alt: "\f448";
@fa-var-chevron-circle-down: "\f13a";
@fa-var-chevron-circle-left: "\f137";
@fa-var-chevron-circle-right: "\f138";
@fa-var-chevron-circle-up: "\f139";
@fa-var-chevron-double-down: "\f322";
@fa-var-chevron-double-left: "\f323";
@fa-var-chevron-double-right: "\f324";
@fa-var-chevron-double-up: "\f325";
@fa-var-chevron-down: "\f078";
@fa-var-chevron-left: "\f053";
@fa-var-chevron-right: "\f054";
@fa-var-chevron-square-down: "\f329";
@fa-var-chevron-square-left: "\f32a";
@fa-var-chevron-square-right: "\f32b";
@fa-var-chevron-square-up: "\f32c";
@fa-var-chevron-up: "\f077";
@fa-var-child: "\f1ae";
@fa-var-chimney: "\f78b";
@fa-var-chrome: "\f268";
@fa-var-chromecast: "\f838";
@fa-var-church: "\f51d";
@fa-var-circle: "\f111";
@fa-var-circle-notch: "\f1ce";
@fa-var-city: "\f64f";
@fa-var-clarinet: "\f8ad";
@fa-var-claw-marks: "\f6c2";
@fa-var-clinic-medical: "\f7f2";
@fa-var-clipboard: "\f328";
@fa-var-clipboard-check: "\f46c";
@fa-var-clipboard-list: "\f46d";
@fa-var-clipboard-list-check: "\f737";
@fa-var-clipboard-prescription: "\f5e8";
@fa-var-clipboard-user: "\f7f3";
@fa-var-clock: "\f017";
@fa-var-clone: "\f24d";
@fa-var-closed-captioning: "\f20a";
@fa-var-cloud: "\f0c2";
@fa-var-cloud-download: "\f0ed";
@fa-var-cloud-download-alt: "\f381";
@fa-var-cloud-drizzle: "\f738";
@fa-var-cloud-hail: "\f739";
@fa-var-cloud-hail-mixed: "\f73a";
@fa-var-cloud-meatball: "\f73b";
@fa-var-cloud-moon: "\f6c3";
@fa-var-cloud-moon-rain: "\f73c";
@fa-var-cloud-music: "\f8ae";
@fa-var-cloud-rain: "\f73d";
@fa-var-cloud-rainbow: "\f73e";
@fa-var-cloud-showers: "\f73f";
@fa-var-cloud-showers-heavy: "\f740";
@fa-var-cloud-sleet: "\f741";
@fa-var-cloud-snow: "\f742";
@fa-var-cloud-sun: "\f6c4";
@fa-var-cloud-sun-rain: "\f743";
@fa-var-cloud-upload: "\f0ee";
@fa-var-cloud-upload-alt: "\f382";
@fa-var-cloudflare: "\e07d";
@fa-var-clouds: "\f744";
@fa-var-clouds-moon: "\f745";
@fa-var-clouds-sun: "\f746";
@fa-var-cloudscale: "\f383";
@fa-var-cloudsmith: "\f384";
@fa-var-cloudversify: "\f385";
@fa-var-club: "\f327";
@fa-var-cocktail: "\f561";
@fa-var-code: "\f121";
@fa-var-code-branch: "\f126";
@fa-var-code-commit: "\f386";
@fa-var-code-merge: "\f387";
@fa-var-codepen: "\f1cb";
@fa-var-codiepie: "\f284";
@fa-var-coffee: "\f0f4";
@fa-var-coffee-pot: "\e002";
@fa-var-coffee-togo: "\f6c5";
@fa-var-coffin: "\f6c6";
@fa-var-coffin-cross: "\e051";
@fa-var-cog: "\f013";
@fa-var-cogs: "\f085";
@fa-var-coin: "\f85c";
@fa-var-coins: "\f51e";
@fa-var-columns: "\f0db";
@fa-var-comet: "\e003";
@fa-var-comment: "\f075";
@fa-var-comment-alt: "\f27a";
@fa-var-comment-alt-check: "\f4a2";
@fa-var-comment-alt-dollar: "\f650";
@fa-var-comment-alt-dots: "\f4a3";
@fa-var-comment-alt-edit: "\f4a4";
@fa-var-comment-alt-exclamation: "\f4a5";
@fa-var-comment-alt-lines: "\f4a6";
@fa-var-comment-alt-medical: "\f7f4";
@fa-var-comment-alt-minus: "\f4a7";
@fa-var-comment-alt-music: "\f8af";
@fa-var-comment-alt-plus: "\f4a8";
@fa-var-comment-alt-slash: "\f4a9";
@fa-var-comment-alt-smile: "\f4aa";
@fa-var-comment-alt-times: "\f4ab";
@fa-var-comment-check: "\f4ac";
@fa-var-comment-dollar: "\f651";
@fa-var-comment-dots: "\f4ad";
@fa-var-comment-edit: "\f4ae";
@fa-var-comment-exclamation: "\f4af";
@fa-var-comment-lines: "\f4b0";
@fa-var-comment-medical: "\f7f5";
@fa-var-comment-minus: "\f4b1";
@fa-var-comment-music: "\f8b0";
@fa-var-comment-plus: "\f4b2";
@fa-var-comment-slash: "\f4b3";
@fa-var-comment-smile: "\f4b4";
@fa-var-comment-times: "\f4b5";
@fa-var-comments: "\f086";
@fa-var-comments-alt: "\f4b6";
@fa-var-comments-alt-dollar: "\f652";
@fa-var-comments-dollar: "\f653";
@fa-var-compact-disc: "\f51f";
@fa-var-compass: "\f14e";
@fa-var-compass-slash: "\f5e9";
@fa-var-compress: "\f066";
@fa-var-compress-alt: "\f422";
@fa-var-compress-arrows-alt: "\f78c";
@fa-var-compress-wide: "\f326";
@fa-var-computer-classic: "\f8b1";
@fa-var-computer-speaker: "\f8b2";
@fa-var-concierge-bell: "\f562";
@fa-var-confluence: "\f78d";
@fa-var-connectdevelop: "\f20e";
@fa-var-construction: "\f85d";
@fa-var-container-storage: "\f4b7";
@fa-var-contao: "\f26d";
@fa-var-conveyor-belt: "\f46e";
@fa-var-conveyor-belt-alt: "\f46f";
@fa-var-cookie: "\f563";
@fa-var-cookie-bite: "\f564";
@fa-var-copy: "\f0c5";
@fa-var-copyright: "\f1f9";
@fa-var-corn: "\f6c7";
@fa-var-cotton-bureau: "\f89e";
@fa-var-couch: "\f4b8";
@fa-var-cow: "\f6c8";
@fa-var-cowbell: "\f8b3";
@fa-var-cowbell-more: "\f8b4";
@fa-var-cpanel: "\f388";
@fa-var-creative-commons: "\f25e";
@fa-var-creative-commons-by: "\f4e7";
@fa-var-creative-commons-nc: "\f4e8";
@fa-var-creative-commons-nc-eu: "\f4e9";
@fa-var-creative-commons-nc-jp: "\f4ea";
@fa-var-creative-commons-nd: "\f4eb";
@fa-var-creative-commons-pd: "\f4ec";
@fa-var-creative-commons-pd-alt: "\f4ed";
@fa-var-creative-commons-remix: "\f4ee";
@fa-var-creative-commons-sa: "\f4ef";
@fa-var-creative-commons-sampling: "\f4f0";
@fa-var-creative-commons-sampling-plus: "\f4f1";
@fa-var-creative-commons-share: "\f4f2";
@fa-var-creative-commons-zero: "\f4f3";
@fa-var-credit-card: "\f09d";
@fa-var-credit-card-blank: "\f389";
@fa-var-credit-card-front: "\f38a";
@fa-var-cricket: "\f449";
@fa-var-critical-role: "\f6c9";
@fa-var-croissant: "\f7f6";
@fa-var-crop: "\f125";
@fa-var-crop-alt: "\f565";
@fa-var-cross: "\f654";
@fa-var-crosshairs: "\f05b";
@fa-var-crow: "\f520";
@fa-var-crown: "\f521";
@fa-var-crutch: "\f7f7";
@fa-var-crutches: "\f7f8";
@fa-var-css3: "\f13c";
@fa-var-css3-alt: "\f38b";
@fa-var-cube: "\f1b2";
@fa-var-cubes: "\f1b3";
@fa-var-curling: "\f44a";
@fa-var-cut: "\f0c4";
@fa-var-cuttlefish: "\f38c";
@fa-var-d-and-d: "\f38d";
@fa-var-d-and-d-beyond: "\f6ca";
@fa-var-dagger: "\f6cb";
@fa-var-dailymotion: "\e052";
@fa-var-dashcube: "\f210";
@fa-var-database: "\f1c0";
@fa-var-deaf: "\f2a4";
@fa-var-debug: "\f7f9";
@fa-var-deer: "\f78e";
@fa-var-deer-rudolph: "\f78f";
@fa-var-deezer: "\e077";
@fa-var-delicious: "\f1a5";
@fa-var-democrat: "\f747";
@fa-var-deploydog: "\f38e";
@fa-var-deskpro: "\f38f";
@fa-var-desktop: "\f108";
@fa-var-desktop-alt: "\f390";
@fa-var-dev: "\f6cc";
@fa-var-deviantart: "\f1bd";
@fa-var-dewpoint: "\f748";
@fa-var-dharmachakra: "\f655";
@fa-var-dhl: "\f790";
@fa-var-diagnoses: "\f470";
@fa-var-diamond: "\f219";
@fa-var-diaspora: "\f791";
@fa-var-dice: "\f522";
@fa-var-dice-d10: "\f6cd";
@fa-var-dice-d12: "\f6ce";
@fa-var-dice-d20: "\f6cf";
@fa-var-dice-d4: "\f6d0";
@fa-var-dice-d6: "\f6d1";
@fa-var-dice-d8: "\f6d2";
@fa-var-dice-five: "\f523";
@fa-var-dice-four: "\f524";
@fa-var-dice-one: "\f525";
@fa-var-dice-six: "\f526";
@fa-var-dice-three: "\f527";
@fa-var-dice-two: "\f528";
@fa-var-digg: "\f1a6";
@fa-var-digging: "\f85e";
@fa-var-digital-ocean: "\f391";
@fa-var-digital-tachograph: "\f566";
@fa-var-diploma: "\f5ea";
@fa-var-directions: "\f5eb";
@fa-var-disc-drive: "\f8b5";
@fa-var-discord: "\f392";
@fa-var-discourse: "\f393";
@fa-var-disease: "\f7fa";
@fa-var-divide: "\f529";
@fa-var-dizzy: "\f567";
@fa-var-dna: "\f471";
@fa-var-do-not-enter: "\f5ec";
@fa-var-dochub: "\f394";
@fa-var-docker: "\f395";
@fa-var-dog: "\f6d3";
@fa-var-dog-leashed: "\f6d4";
@fa-var-dollar-sign: "\f155";
@fa-var-dolly: "\f472";
@fa-var-dolly-empty: "\f473";
@fa-var-dolly-flatbed: "\f474";
@fa-var-dolly-flatbed-alt: "\f475";
@fa-var-dolly-flatbed-empty: "\f476";
@fa-var-donate: "\f4b9";
@fa-var-door-closed: "\f52a";
@fa-var-door-open: "\f52b";
@fa-var-dot-circle: "\f192";
@fa-var-dove: "\f4ba";
@fa-var-download: "\f019";
@fa-var-draft2digital: "\f396";
@fa-var-drafting-compass: "\f568";
@fa-var-dragon: "\f6d5";
@fa-var-draw-circle: "\f5ed";
@fa-var-draw-polygon: "\f5ee";
@fa-var-draw-square: "\f5ef";
@fa-var-dreidel: "\f792";
@fa-var-dribbble: "\f17d";
@fa-var-dribbble-square: "\f397";
@fa-var-drone: "\f85f";
@fa-var-drone-alt: "\f860";
@fa-var-dropbox: "\f16b";
@fa-var-drum: "\f569";
@fa-var-drum-steelpan: "\f56a";
@fa-var-drumstick: "\f6d6";
@fa-var-drumstick-bite: "\f6d7";
@fa-var-drupal: "\f1a9";
@fa-var-dryer: "\f861";
@fa-var-dryer-alt: "\f862";
@fa-var-duck: "\f6d8";
@fa-var-dumbbell: "\f44b";
@fa-var-dumpster: "\f793";
@fa-var-dumpster-fire: "\f794";
@fa-var-dungeon: "\f6d9";
@fa-var-dyalog: "\f399";
@fa-var-ear: "\f5f0";
@fa-var-ear-muffs: "\f795";
@fa-var-earlybirds: "\f39a";
@fa-var-ebay: "\f4f4";
@fa-var-eclipse: "\f749";
@fa-var-eclipse-alt: "\f74a";
@fa-var-edge: "\f282";
@fa-var-edge-legacy: "\e078";
@fa-var-edit: "\f044";
@fa-var-egg: "\f7fb";
@fa-var-egg-fried: "\f7fc";
@fa-var-eject: "\f052";
@fa-var-elementor: "\f430";
@fa-var-elephant: "\f6da";
@fa-var-ellipsis-h: "\f141";
@fa-var-ellipsis-h-alt: "\f39b";
@fa-var-ellipsis-v: "\f142";
@fa-var-ellipsis-v-alt: "\f39c";
@fa-var-ello: "\f5f1";
@fa-var-ember: "\f423";
@fa-var-empire: "\f1d1";
@fa-var-empty-set: "\f656";
@fa-var-engine-warning: "\f5f2";
@fa-var-envelope: "\f0e0";
@fa-var-envelope-open: "\f2b6";
@fa-var-envelope-open-dollar: "\f657";
@fa-var-envelope-open-text: "\f658";
@fa-var-envelope-square: "\f199";
@fa-var-envira: "\f299";
@fa-var-equals: "\f52c";
@fa-var-eraser: "\f12d";
@fa-var-erlang: "\f39d";
@fa-var-ethereum: "\f42e";
@fa-var-ethernet: "\f796";
@fa-var-etsy: "\f2d7";
@fa-var-euro-sign: "\f153";
@fa-var-evernote: "\f839";
@fa-var-exchange: "\f0ec";
@fa-var-exchange-alt: "\f362";
@fa-var-exclamation: "\f12a";
@fa-var-exclamation-circle: "\f06a";
@fa-var-exclamation-square: "\f321";
@fa-var-exclamation-triangle: "\f071";
@fa-var-expand: "\f065";
@fa-var-expand-alt: "\f424";
@fa-var-expand-arrows: "\f31d";
@fa-var-expand-arrows-alt: "\f31e";
@fa-var-expand-wide: "\f320";
@fa-var-expeditedssl: "\f23e";
@fa-var-external-link: "\f08e";
@fa-var-external-link-alt: "\f35d";
@fa-var-external-link-square: "\f14c";
@fa-var-external-link-square-alt: "\f360";
@fa-var-eye: "\f06e";
@fa-var-eye-dropper: "\f1fb";
@fa-var-eye-evil: "\f6db";
@fa-var-eye-slash: "\f070";
@fa-var-facebook: "\f09a";
@fa-var-facebook-f: "\f39e";
@fa-var-facebook-messenger: "\f39f";
@fa-var-facebook-square: "\f082";
@fa-var-fan: "\f863";
@fa-var-fan-table: "\e004";
@fa-var-fantasy-flight-games: "\f6dc";
@fa-var-farm: "\f864";
@fa-var-fast-backward: "\f049";
@fa-var-fast-forward: "\f050";
@fa-var-faucet: "\e005";
@fa-var-faucet-drip: "\e006";
@fa-var-fax: "\f1ac";
@fa-var-feather: "\f52d";
@fa-var-feather-alt: "\f56b";
@fa-var-fedex: "\f797";
@fa-var-fedora: "\f798";
@fa-var-female: "\f182";
@fa-var-field-hockey: "\f44c";
@fa-var-fighter-jet: "\f0fb";
@fa-var-figma: "\f799";
@fa-var-file: "\f15b";
@fa-var-file-alt: "\f15c";
@fa-var-file-archive: "\f1c6";
@fa-var-file-audio: "\f1c7";
@fa-var-file-certificate: "\f5f3";
@fa-var-file-chart-line: "\f659";
@fa-var-file-chart-pie: "\f65a";
@fa-var-file-check: "\f316";
@fa-var-file-code: "\f1c9";
@fa-var-file-contract: "\f56c";
@fa-var-file-csv: "\f6dd";
@fa-var-file-download: "\f56d";
@fa-var-file-edit: "\f31c";
@fa-var-file-excel: "\f1c3";
@fa-var-file-exclamation: "\f31a";
@fa-var-file-export: "\f56e";
@fa-var-file-image: "\f1c5";
@fa-var-file-import: "\f56f";
@fa-var-file-invoice: "\f570";
@fa-var-file-invoice-dollar: "\f571";
@fa-var-file-medical: "\f477";
@fa-var-file-medical-alt: "\f478";
@fa-var-file-minus: "\f318";
@fa-var-file-music: "\f8b6";
@fa-var-file-pdf: "\f1c1";
@fa-var-file-plus: "\f319";
@fa-var-file-powerpoint: "\f1c4";
@fa-var-file-prescription: "\f572";
@fa-var-file-search: "\f865";
@fa-var-file-signature: "\f573";
@fa-var-file-spreadsheet: "\f65b";
@fa-var-file-times: "\f317";
@fa-var-file-upload: "\f574";
@fa-var-file-user: "\f65c";
@fa-var-file-video: "\f1c8";
@fa-var-file-word: "\f1c2";
@fa-var-files-medical: "\f7fd";
@fa-var-fill: "\f575";
@fa-var-fill-drip: "\f576";
@fa-var-film: "\f008";
@fa-var-film-alt: "\f3a0";
@fa-var-film-canister: "\f8b7";
@fa-var-filter: "\f0b0";
@fa-var-fingerprint: "\f577";
@fa-var-fire: "\f06d";
@fa-var-fire-alt: "\f7e4";
@fa-var-fire-extinguisher: "\f134";
@fa-var-fire-smoke: "\f74b";
@fa-var-firefox: "\f269";
@fa-var-firefox-browser: "\e007";
@fa-var-fireplace: "\f79a";
@fa-var-first-aid: "\f479";
@fa-var-first-order: "\f2b0";
@fa-var-first-order-alt: "\f50a";
@fa-var-firstdraft: "\f3a1";
@fa-var-fish: "\f578";
@fa-var-fish-cooked: "\f7fe";
@fa-var-fist-raised: "\f6de";
@fa-var-flag: "\f024";
@fa-var-flag-alt: "\f74c";
@fa-var-flag-checkered: "\f11e";
@fa-var-flag-usa: "\f74d";
@fa-var-flame: "\f6df";
@fa-var-flashlight: "\f8b8";
@fa-var-flask: "\f0c3";
@fa-var-flask-poison: "\f6e0";
@fa-var-flask-potion: "\f6e1";
@fa-var-flickr: "\f16e";
@fa-var-flipboard: "\f44d";
@fa-var-flower: "\f7ff";
@fa-var-flower-daffodil: "\f800";
@fa-var-flower-tulip: "\f801";
@fa-var-flushed: "\f579";
@fa-var-flute: "\f8b9";
@fa-var-flux-capacitor: "\f8ba";
@fa-var-fly: "\f417";
@fa-var-fog: "\f74e";
@fa-var-folder: "\f07b";
@fa-var-folder-download: "\e053";
@fa-var-folder-minus: "\f65d";
@fa-var-folder-open: "\f07c";
@fa-var-folder-plus: "\f65e";
@fa-var-folder-times: "\f65f";
@fa-var-folder-tree: "\f802";
@fa-var-folder-upload: "\e054";
@fa-var-folders: "\f660";
@fa-var-font: "\f031";
@fa-var-font-awesome: "\f2b4";
@fa-var-font-awesome-alt: "\f35c";
@fa-var-font-awesome-flag: "\f425";
@fa-var-font-awesome-logo-full: "\f4e6";
@fa-var-font-case: "\f866";
@fa-var-fonticons: "\f280";
@fa-var-fonticons-fi: "\f3a2";
@fa-var-football-ball: "\f44e";
@fa-var-football-helmet: "\f44f";
@fa-var-forklift: "\f47a";
@fa-var-fort-awesome: "\f286";
@fa-var-fort-awesome-alt: "\f3a3";
@fa-var-forumbee: "\f211";
@fa-var-forward: "\f04e";
@fa-var-foursquare: "\f180";
@fa-var-fragile: "\f4bb";
@fa-var-free-code-camp: "\f2c5";
@fa-var-freebsd: "\f3a4";
@fa-var-french-fries: "\f803";
@fa-var-frog: "\f52e";
@fa-var-frosty-head: "\f79b";
@fa-var-frown: "\f119";
@fa-var-frown-open: "\f57a";
@fa-var-fulcrum: "\f50b";
@fa-var-function: "\f661";
@fa-var-funnel-dollar: "\f662";
@fa-var-futbol: "\f1e3";
@fa-var-galactic-republic: "\f50c";
@fa-var-galactic-senate: "\f50d";
@fa-var-galaxy: "\e008";
@fa-var-game-board: "\f867";
@fa-var-game-board-alt: "\f868";
@fa-var-game-console-handheld: "\f8bb";
@fa-var-gamepad: "\f11b";
@fa-var-gamepad-alt: "\f8bc";
@fa-var-garage: "\e009";
@fa-var-garage-car: "\e00a";
@fa-var-garage-open: "\e00b";
@fa-var-gas-pump: "\f52f";
@fa-var-gas-pump-slash: "\f5f4";
@fa-var-gavel: "\f0e3";
@fa-var-gem: "\f3a5";
@fa-var-genderless: "\f22d";
@fa-var-get-pocket: "\f265";
@fa-var-gg: "\f260";
@fa-var-gg-circle: "\f261";
@fa-var-ghost: "\f6e2";
@fa-var-gift: "\f06b";
@fa-var-gift-card: "\f663";
@fa-var-gifts: "\f79c";
@fa-var-gingerbread-man: "\f79d";
@fa-var-git: "\f1d3";
@fa-var-git-alt: "\f841";
@fa-var-git-square: "\f1d2";
@fa-var-github: "\f09b";
@fa-var-github-alt: "\f113";
@fa-var-github-square: "\f092";
@fa-var-gitkraken: "\f3a6";
@fa-var-gitlab: "\f296";
@fa-var-gitter: "\f426";
@fa-var-glass: "\f804";
@fa-var-glass-champagne: "\f79e";
@fa-var-glass-cheers: "\f79f";
@fa-var-glass-citrus: "\f869";
@fa-var-glass-martini: "\f000";
@fa-var-glass-martini-alt: "\f57b";
@fa-var-glass-whiskey: "\f7a0";
@fa-var-glass-whiskey-rocks: "\f7a1";
@fa-var-glasses: "\f530";
@fa-var-glasses-alt: "\f5f5";
@fa-var-glide: "\f2a5";
@fa-var-glide-g: "\f2a6";
@fa-var-globe: "\f0ac";
@fa-var-globe-africa: "\f57c";
@fa-var-globe-americas: "\f57d";
@fa-var-globe-asia: "\f57e";
@fa-var-globe-europe: "\f7a2";
@fa-var-globe-snow: "\f7a3";
@fa-var-globe-stand: "\f5f6";
@fa-var-gofore: "\f3a7";
@fa-var-golf-ball: "\f450";
@fa-var-golf-club: "\f451";
@fa-var-goodreads: "\f3a8";
@fa-var-goodreads-g: "\f3a9";
@fa-var-google: "\f1a0";
@fa-var-google-drive: "\f3aa";
@fa-var-google-pay: "\e079";
@fa-var-google-play: "\f3ab";
@fa-var-google-plus: "\f2b3";
@fa-var-google-plus-g: "\f0d5";
@fa-var-google-plus-square: "\f0d4";
@fa-var-google-wallet: "\f1ee";
@fa-var-gopuram: "\f664";
@fa-var-graduation-cap: "\f19d";
@fa-var-gramophone: "\f8bd";
@fa-var-gratipay: "\f184";
@fa-var-grav: "\f2d6";
@fa-var-greater-than: "\f531";
@fa-var-greater-than-equal: "\f532";
@fa-var-grimace: "\f57f";
@fa-var-grin: "\f580";
@fa-var-grin-alt: "\f581";
@fa-var-grin-beam: "\f582";
@fa-var-grin-beam-sweat: "\f583";
@fa-var-grin-hearts: "\f584";
@fa-var-grin-squint: "\f585";
@fa-var-grin-squint-tears: "\f586";
@fa-var-grin-stars: "\f587";
@fa-var-grin-tears: "\f588";
@fa-var-grin-tongue: "\f589";
@fa-var-grin-tongue-squint: "\f58a";
@fa-var-grin-tongue-wink: "\f58b";
@fa-var-grin-wink: "\f58c";
@fa-var-grip-horizontal: "\f58d";
@fa-var-grip-lines: "\f7a4";
@fa-var-grip-lines-vertical: "\f7a5";
@fa-var-grip-vertical: "\f58e";
@fa-var-gripfire: "\f3ac";
@fa-var-grunt: "\f3ad";
@fa-var-guilded: "\e07e";
@fa-var-guitar: "\f7a6";
@fa-var-guitar-electric: "\f8be";
@fa-var-guitars: "\f8bf";
@fa-var-gulp: "\f3ae";
@fa-var-h-square: "\f0fd";
@fa-var-h1: "\f313";
@fa-var-h2: "\f314";
@fa-var-h3: "\f315";
@fa-var-h4: "\f86a";
@fa-var-hacker-news: "\f1d4";
@fa-var-hacker-news-square: "\f3af";
@fa-var-hackerrank: "\f5f7";
@fa-var-hamburger: "\f805";
@fa-var-hammer: "\f6e3";
@fa-var-hammer-war: "\f6e4";
@fa-var-hamsa: "\f665";
@fa-var-hand-heart: "\f4bc";
@fa-var-hand-holding: "\f4bd";
@fa-var-hand-holding-box: "\f47b";
@fa-var-hand-holding-heart: "\f4be";
@fa-var-hand-holding-magic: "\f6e5";
@fa-var-hand-holding-medical: "\e05c";
@fa-var-hand-holding-seedling: "\f4bf";
@fa-var-hand-holding-usd: "\f4c0";
@fa-var-hand-holding-water: "\f4c1";
@fa-var-hand-lizard: "\f258";
@fa-var-hand-middle-finger: "\f806";
@fa-var-hand-paper: "\f256";
@fa-var-hand-peace: "\f25b";
@fa-var-hand-point-down: "\f0a7";
@fa-var-hand-point-left: "\f0a5";
@fa-var-hand-point-right: "\f0a4";
@fa-var-hand-point-up: "\f0a6";
@fa-var-hand-pointer: "\f25a";
@fa-var-hand-receiving: "\f47c";
@fa-var-hand-rock: "\f255";
@fa-var-hand-scissors: "\f257";
@fa-var-hand-sparkles: "\e05d";
@fa-var-hand-spock: "\f259";
@fa-var-hands: "\f4c2";
@fa-var-hands-heart: "\f4c3";
@fa-var-hands-helping: "\f4c4";
@fa-var-hands-usd: "\f4c5";
@fa-var-hands-wash: "\e05e";
@fa-var-handshake: "\f2b5";
@fa-var-handshake-alt: "\f4c6";
@fa-var-handshake-alt-slash: "\e05f";
@fa-var-handshake-slash: "\e060";
@fa-var-hanukiah: "\f6e6";
@fa-var-hard-hat: "\f807";
@fa-var-hashtag: "\f292";
@fa-var-hat-chef: "\f86b";
@fa-var-hat-cowboy: "\f8c0";
@fa-var-hat-cowboy-side: "\f8c1";
@fa-var-hat-santa: "\f7a7";
@fa-var-hat-winter: "\f7a8";
@fa-var-hat-witch: "\f6e7";
@fa-var-hat-wizard: "\f6e8";
@fa-var-hdd: "\f0a0";
@fa-var-head-side: "\f6e9";
@fa-var-head-side-brain: "\f808";
@fa-var-head-side-cough: "\e061";
@fa-var-head-side-cough-slash: "\e062";
@fa-var-head-side-headphones: "\f8c2";
@fa-var-head-side-mask: "\e063";
@fa-var-head-side-medical: "\f809";
@fa-var-head-side-virus: "\e064";
@fa-var-head-vr: "\f6ea";
@fa-var-heading: "\f1dc";
@fa-var-headphones: "\f025";
@fa-var-headphones-alt: "\f58f";
@fa-var-headset: "\f590";
@fa-var-heart: "\f004";
@fa-var-heart-broken: "\f7a9";
@fa-var-heart-circle: "\f4c7";
@fa-var-heart-rate: "\f5f8";
@fa-var-heart-square: "\f4c8";
@fa-var-heartbeat: "\f21e";
@fa-var-heat: "\e00c";
@fa-var-helicopter: "\f533";
@fa-var-helmet-battle: "\f6eb";
@fa-var-hexagon: "\f312";
@fa-var-highlighter: "\f591";
@fa-var-hiking: "\f6ec";
@fa-var-hippo: "\f6ed";
@fa-var-hips: "\f452";
@fa-var-hire-a-helper: "\f3b0";
@fa-var-history: "\f1da";
@fa-var-hive: "\e07f";
@fa-var-hockey-mask: "\f6ee";
@fa-var-hockey-puck: "\f453";
@fa-var-hockey-sticks: "\f454";
@fa-var-holly-berry: "\f7aa";
@fa-var-home: "\f015";
@fa-var-home-alt: "\f80a";
@fa-var-home-heart: "\f4c9";
@fa-var-home-lg: "\f80b";
@fa-var-home-lg-alt: "\f80c";
@fa-var-hood-cloak: "\f6ef";
@fa-var-hooli: "\f427";
@fa-var-horizontal-rule: "\f86c";
@fa-var-hornbill: "\f592";
@fa-var-horse: "\f6f0";
@fa-var-horse-head: "\f7ab";
@fa-var-horse-saddle: "\f8c3";
@fa-var-hospital: "\f0f8";
@fa-var-hospital-alt: "\f47d";
@fa-var-hospital-symbol: "\f47e";
@fa-var-hospital-user: "\f80d";
@fa-var-hospitals: "\f80e";
@fa-var-hot-tub: "\f593";
@fa-var-hotdog: "\f80f";
@fa-var-hotel: "\f594";
@fa-var-hotjar: "\f3b1";
@fa-var-hourglass: "\f254";
@fa-var-hourglass-end: "\f253";
@fa-var-hourglass-half: "\f252";
@fa-var-hourglass-start: "\f251";
@fa-var-house: "\e00d";
@fa-var-house-damage: "\f6f1";
@fa-var-house-day: "\e00e";
@fa-var-house-flood: "\f74f";
@fa-var-house-leave: "\e00f";
@fa-var-house-night: "\e010";
@fa-var-house-return: "\e011";
@fa-var-house-signal: "\e012";
@fa-var-house-user: "\e065";
@fa-var-houzz: "\f27c";
@fa-var-hryvnia: "\f6f2";
@fa-var-html5: "\f13b";
@fa-var-hubspot: "\f3b2";
@fa-var-humidity: "\f750";
@fa-var-hurricane: "\f751";
@fa-var-i-cursor: "\f246";
@fa-var-ice-cream: "\f810";
@fa-var-ice-skate: "\f7ac";
@fa-var-icicles: "\f7ad";
@fa-var-icons: "\f86d";
@fa-var-icons-alt: "\f86e";
@fa-var-id-badge: "\f2c1";
@fa-var-id-card: "\f2c2";
@fa-var-id-card-alt: "\f47f";
@fa-var-ideal: "\e013";
@fa-var-igloo: "\f7ae";
@fa-var-image: "\f03e";
@fa-var-image-polaroid: "\f8c4";
@fa-var-images: "\f302";
@fa-var-imdb: "\f2d8";
@fa-var-inbox: "\f01c";
@fa-var-inbox-in: "\f310";
@fa-var-inbox-out: "\f311";
@fa-var-indent: "\f03c";
@fa-var-industry: "\f275";
@fa-var-industry-alt: "\f3b3";
@fa-var-infinity: "\f534";
@fa-var-info: "\f129";
@fa-var-info-circle: "\f05a";
@fa-var-info-square: "\f30f";
@fa-var-inhaler: "\f5f9";
@fa-var-innosoft: "\e080";
@fa-var-instagram: "\f16d";
@fa-var-instagram-square: "\e055";
@fa-var-instalod: "\e081";
@fa-var-integral: "\f667";
@fa-var-intercom: "\f7af";
@fa-var-internet-explorer: "\f26b";
@fa-var-intersection: "\f668";
@fa-var-inventory: "\f480";
@fa-var-invision: "\f7b0";
@fa-var-ioxhost: "\f208";
@fa-var-island-tropical: "\f811";
@fa-var-italic: "\f033";
@fa-var-itch-io: "\f83a";
@fa-var-itunes: "\f3b4";
@fa-var-itunes-note: "\f3b5";
@fa-var-jack-o-lantern: "\f30e";
@fa-var-java: "\f4e4";
@fa-var-jedi: "\f669";
@fa-var-jedi-order: "\f50e";
@fa-var-jenkins: "\f3b6";
@fa-var-jira: "\f7b1";
@fa-var-joget: "\f3b7";
@fa-var-joint: "\f595";
@fa-var-joomla: "\f1aa";
@fa-var-journal-whills: "\f66a";
@fa-var-joystick: "\f8c5";
@fa-var-js: "\f3b8";
@fa-var-js-square: "\f3b9";
@fa-var-jsfiddle: "\f1cc";
@fa-var-jug: "\f8c6";
@fa-var-kaaba: "\f66b";
@fa-var-kaggle: "\f5fa";
@fa-var-kazoo: "\f8c7";
@fa-var-kerning: "\f86f";
@fa-var-key: "\f084";
@fa-var-key-skeleton: "\f6f3";
@fa-var-keybase: "\f4f5";
@fa-var-keyboard: "\f11c";
@fa-var-keycdn: "\f3ba";
@fa-var-keynote: "\f66c";
@fa-var-khanda: "\f66d";
@fa-var-kickstarter: "\f3bb";
@fa-var-kickstarter-k: "\f3bc";
@fa-var-kidneys: "\f5fb";
@fa-var-kiss: "\f596";
@fa-var-kiss-beam: "\f597";
@fa-var-kiss-wink-heart: "\f598";
@fa-var-kite: "\f6f4";
@fa-var-kiwi-bird: "\f535";
@fa-var-knife-kitchen: "\f6f5";
@fa-var-korvue: "\f42f";
@fa-var-lambda: "\f66e";
@fa-var-lamp: "\f4ca";
@fa-var-lamp-desk: "\e014";
@fa-var-lamp-floor: "\e015";
@fa-var-landmark: "\f66f";
@fa-var-landmark-alt: "\f752";
@fa-var-language: "\f1ab";
@fa-var-laptop: "\f109";
@fa-var-laptop-code: "\f5fc";
@fa-var-laptop-house: "\e066";
@fa-var-laptop-medical: "\f812";
@fa-var-laravel: "\f3bd";
@fa-var-lasso: "\f8c8";
@fa-var-lastfm: "\f202";
@fa-var-lastfm-square: "\f203";
@fa-var-laugh: "\f599";
@fa-var-laugh-beam: "\f59a";
@fa-var-laugh-squint: "\f59b";
@fa-var-laugh-wink: "\f59c";
@fa-var-layer-group: "\f5fd";
@fa-var-layer-minus: "\f5fe";
@fa-var-layer-plus: "\f5ff";
@fa-var-leaf: "\f06c";
@fa-var-leaf-heart: "\f4cb";
@fa-var-leaf-maple: "\f6f6";
@fa-var-leaf-oak: "\f6f7";
@fa-var-leanpub: "\f212";
@fa-var-lemon: "\f094";
@fa-var-less: "\f41d";
@fa-var-less-than: "\f536";
@fa-var-less-than-equal: "\f537";
@fa-var-level-down: "\f149";
@fa-var-level-down-alt: "\f3be";
@fa-var-level-up: "\f148";
@fa-var-level-up-alt: "\f3bf";
@fa-var-life-ring: "\f1cd";
@fa-var-light-ceiling: "\e016";
@fa-var-light-switch: "\e017";
@fa-var-light-switch-off: "\e018";
@fa-var-light-switch-on: "\e019";
@fa-var-lightbulb: "\f0eb";
@fa-var-lightbulb-dollar: "\f670";
@fa-var-lightbulb-exclamation: "\f671";
@fa-var-lightbulb-on: "\f672";
@fa-var-lightbulb-slash: "\f673";
@fa-var-lights-holiday: "\f7b2";
@fa-var-line: "\f3c0";
@fa-var-line-columns: "\f870";
@fa-var-line-height: "\f871";
@fa-var-link: "\f0c1";
@fa-var-linkedin: "\f08c";
@fa-var-linkedin-in: "\f0e1";
@fa-var-linode: "\f2b8";
@fa-var-linux: "\f17c";
@fa-var-lips: "\f600";
@fa-var-lira-sign: "\f195";
@fa-var-list: "\f03a";
@fa-var-list-alt: "\f022";
@fa-var-list-music: "\f8c9";
@fa-var-list-ol: "\f0cb";
@fa-var-list-ul: "\f0ca";
@fa-var-location: "\f601";
@fa-var-location-arrow: "\f124";
@fa-var-location-circle: "\f602";
@fa-var-location-slash: "\f603";
@fa-var-lock: "\f023";
@fa-var-lock-alt: "\f30d";
@fa-var-lock-open: "\f3c1";
@fa-var-lock-open-alt: "\f3c2";
@fa-var-long-arrow-alt-down: "\f309";
@fa-var-long-arrow-alt-left: "\f30a";
@fa-var-long-arrow-alt-right: "\f30b";
@fa-var-long-arrow-alt-up: "\f30c";
@fa-var-long-arrow-down: "\f175";
@fa-var-long-arrow-left: "\f177";
@fa-var-long-arrow-right: "\f178";
@fa-var-long-arrow-up: "\f176";
@fa-var-loveseat: "\f4cc";
@fa-var-low-vision: "\f2a8";
@fa-var-luchador: "\f455";
@fa-var-luggage-cart: "\f59d";
@fa-var-lungs: "\f604";
@fa-var-lungs-virus: "\e067";
@fa-var-lyft: "\f3c3";
@fa-var-mace: "\f6f8";
@fa-var-magento: "\f3c4";
@fa-var-magic: "\f0d0";
@fa-var-magnet: "\f076";
@fa-var-mail-bulk: "\f674";
@fa-var-mailbox: "\f813";
@fa-var-mailchimp: "\f59e";
@fa-var-male: "\f183";
@fa-var-mandalorian: "\f50f";
@fa-var-mandolin: "\f6f9";
@fa-var-map: "\f279";
@fa-var-map-marked: "\f59f";
@fa-var-map-marked-alt: "\f5a0";
@fa-var-map-marker: "\f041";
@fa-var-map-marker-alt: "\f3c5";
@fa-var-map-marker-alt-slash: "\f605";
@fa-var-map-marker-check: "\f606";
@fa-var-map-marker-edit: "\f607";
@fa-var-map-marker-exclamation: "\f608";
@fa-var-map-marker-minus: "\f609";
@fa-var-map-marker-plus: "\f60a";
@fa-var-map-marker-question: "\f60b";
@fa-var-map-marker-slash: "\f60c";
@fa-var-map-marker-smile: "\f60d";
@fa-var-map-marker-times: "\f60e";
@fa-var-map-pin: "\f276";
@fa-var-map-signs: "\f277";
@fa-var-markdown: "\f60f";
@fa-var-marker: "\f5a1";
@fa-var-mars: "\f222";
@fa-var-mars-double: "\f227";
@fa-var-mars-stroke: "\f229";
@fa-var-mars-stroke-h: "\f22b";
@fa-var-mars-stroke-v: "\f22a";
@fa-var-mask: "\f6fa";
@fa-var-mastodon: "\f4f6";
@fa-var-maxcdn: "\f136";
@fa-var-mdb: "\f8ca";
@fa-var-meat: "\f814";
@fa-var-medal: "\f5a2";
@fa-var-medapps: "\f3c6";
@fa-var-medium: "\f23a";
@fa-var-medium-m: "\f3c7";
@fa-var-medkit: "\f0fa";
@fa-var-medrt: "\f3c8";
@fa-var-meetup: "\f2e0";
@fa-var-megaphone: "\f675";
@fa-var-megaport: "\f5a3";
@fa-var-meh: "\f11a";
@fa-var-meh-blank: "\f5a4";
@fa-var-meh-rolling-eyes: "\f5a5";
@fa-var-memory: "\f538";
@fa-var-mendeley: "\f7b3";
@fa-var-menorah: "\f676";
@fa-var-mercury: "\f223";
@fa-var-meteor: "\f753";
@fa-var-microblog: "\e01a";
@fa-var-microchip: "\f2db";
@fa-var-microphone: "\f130";
@fa-var-microphone-alt: "\f3c9";
@fa-var-microphone-alt-slash: "\f539";
@fa-var-microphone-slash: "\f131";
@fa-var-microphone-stand: "\f8cb";
@fa-var-microscope: "\f610";
@fa-var-microsoft: "\f3ca";
@fa-var-microwave: "\e01b";
@fa-var-mind-share: "\f677";
@fa-var-minus: "\f068";
@fa-var-minus-circle: "\f056";
@fa-var-minus-hexagon: "\f307";
@fa-var-minus-octagon: "\f308";
@fa-var-minus-square: "\f146";
@fa-var-mistletoe: "\f7b4";
@fa-var-mitten: "\f7b5";
@fa-var-mix: "\f3cb";
@fa-var-mixcloud: "\f289";
@fa-var-mixer: "\e056";
@fa-var-mizuni: "\f3cc";
@fa-var-mobile: "\f10b";
@fa-var-mobile-alt: "\f3cd";
@fa-var-mobile-android: "\f3ce";
@fa-var-mobile-android-alt: "\f3cf";
@fa-var-modx: "\f285";
@fa-var-monero: "\f3d0";
@fa-var-money-bill: "\f0d6";
@fa-var-money-bill-alt: "\f3d1";
@fa-var-money-bill-wave: "\f53a";
@fa-var-money-bill-wave-alt: "\f53b";
@fa-var-money-check: "\f53c";
@fa-var-money-check-alt: "\f53d";
@fa-var-money-check-edit: "\f872";
@fa-var-money-check-edit-alt: "\f873";
@fa-var-monitor-heart-rate: "\f611";
@fa-var-monkey: "\f6fb";
@fa-var-monument: "\f5a6";
@fa-var-moon: "\f186";
@fa-var-moon-cloud: "\f754";
@fa-var-moon-stars: "\f755";
@fa-var-mortar-pestle: "\f5a7";
@fa-var-mosque: "\f678";
@fa-var-motorcycle: "\f21c";
@fa-var-mountain: "\f6fc";
@fa-var-mountains: "\f6fd";
@fa-var-mouse: "\f8cc";
@fa-var-mouse-alt: "\f8cd";
@fa-var-mouse-pointer: "\f245";
@fa-var-mp3-player: "\f8ce";
@fa-var-mug: "\f874";
@fa-var-mug-hot: "\f7b6";
@fa-var-mug-marshmallows: "\f7b7";
@fa-var-mug-tea: "\f875";
@fa-var-music: "\f001";
@fa-var-music-alt: "\f8cf";
@fa-var-music-alt-slash: "\f8d0";
@fa-var-music-slash: "\f8d1";
@fa-var-napster: "\f3d2";
@fa-var-narwhal: "\f6fe";
@fa-var-neos: "\f612";
@fa-var-network-wired: "\f6ff";
@fa-var-neuter: "\f22c";
@fa-var-newspaper: "\f1ea";
@fa-var-nimblr: "\f5a8";
@fa-var-node: "\f419";
@fa-var-node-js: "\f3d3";
@fa-var-not-equal: "\f53e";
@fa-var-notes-medical: "\f481";
@fa-var-npm: "\f3d4";
@fa-var-ns8: "\f3d5";
@fa-var-nutritionix: "\f3d6";
@fa-var-object-group: "\f247";
@fa-var-object-ungroup: "\f248";
@fa-var-octagon: "\f306";
@fa-var-octopus-deploy: "\e082";
@fa-var-odnoklassniki: "\f263";
@fa-var-odnoklassniki-square: "\f264";
@fa-var-oil-can: "\f613";
@fa-var-oil-temp: "\f614";
@fa-var-old-republic: "\f510";
@fa-var-om: "\f679";
@fa-var-omega: "\f67a";
@fa-var-opencart: "\f23d";
@fa-var-openid: "\f19b";
@fa-var-opera: "\f26a";
@fa-var-optin-monster: "\f23c";
@fa-var-orcid: "\f8d2";
@fa-var-ornament: "\f7b8";
@fa-var-osi: "\f41a";
@fa-var-otter: "\f700";
@fa-var-outdent: "\f03b";
@fa-var-outlet: "\e01c";
@fa-var-oven: "\e01d";
@fa-var-overline: "\f876";
@fa-var-page-break: "\f877";
@fa-var-page4: "\f3d7";
@fa-var-pagelines: "\f18c";
@fa-var-pager: "\f815";
@fa-var-paint-brush: "\f1fc";
@fa-var-paint-brush-alt: "\f5a9";
@fa-var-paint-roller: "\f5aa";
@fa-var-palette: "\f53f";
@fa-var-palfed: "\f3d8";
@fa-var-pallet: "\f482";
@fa-var-pallet-alt: "\f483";
@fa-var-paper-plane: "\f1d8";
@fa-var-paperclip: "\f0c6";
@fa-var-parachute-box: "\f4cd";
@fa-var-paragraph: "\f1dd";
@fa-var-paragraph-rtl: "\f878";
@fa-var-parking: "\f540";
@fa-var-parking-circle: "\f615";
@fa-var-parking-circle-slash: "\f616";
@fa-var-parking-slash: "\f617";
@fa-var-passport: "\f5ab";
@fa-var-pastafarianism: "\f67b";
@fa-var-paste: "\f0ea";
@fa-var-patreon: "\f3d9";
@fa-var-pause: "\f04c";
@fa-var-pause-circle: "\f28b";
@fa-var-paw: "\f1b0";
@fa-var-paw-alt: "\f701";
@fa-var-paw-claws: "\f702";
@fa-var-paypal: "\f1ed";
@fa-var-peace: "\f67c";
@fa-var-pegasus: "\f703";
@fa-var-pen: "\f304";
@fa-var-pen-alt: "\f305";
@fa-var-pen-fancy: "\f5ac";
@fa-var-pen-nib: "\f5ad";
@fa-var-pen-square: "\f14b";
@fa-var-pencil: "\f040";
@fa-var-pencil-alt: "\f303";
@fa-var-pencil-paintbrush: "\f618";
@fa-var-pencil-ruler: "\f5ae";
@fa-var-pennant: "\f456";
@fa-var-penny-arcade: "\f704";
@fa-var-people-arrows: "\e068";
@fa-var-people-carry: "\f4ce";
@fa-var-pepper-hot: "\f816";
@fa-var-perbyte: "\e083";
@fa-var-percent: "\f295";
@fa-var-percentage: "\f541";
@fa-var-periscope: "\f3da";
@fa-var-person-booth: "\f756";
@fa-var-person-carry: "\f4cf";
@fa-var-person-dolly: "\f4d0";
@fa-var-person-dolly-empty: "\f4d1";
@fa-var-person-sign: "\f757";
@fa-var-phabricator: "\f3db";
@fa-var-phoenix-framework: "\f3dc";
@fa-var-phoenix-squadron: "\f511";
@fa-var-phone: "\f095";
@fa-var-phone-alt: "\f879";
@fa-var-phone-laptop: "\f87a";
@fa-var-phone-office: "\f67d";
@fa-var-phone-plus: "\f4d2";
@fa-var-phone-rotary: "\f8d3";
@fa-var-phone-slash: "\f3dd";
@fa-var-phone-square: "\f098";
@fa-var-phone-square-alt: "\f87b";
@fa-var-phone-volume: "\f2a0";
@fa-var-photo-video: "\f87c";
@fa-var-php: "\f457";
@fa-var-pi: "\f67e";
@fa-var-piano: "\f8d4";
@fa-var-piano-keyboard: "\f8d5";
@fa-var-pie: "\f705";
@fa-var-pied-piper: "\f2ae";
@fa-var-pied-piper-alt: "\f1a8";
@fa-var-pied-piper-hat: "\f4e5";
@fa-var-pied-piper-pp: "\f1a7";
@fa-var-pied-piper-square: "\e01e";
@fa-var-pig: "\f706";
@fa-var-piggy-bank: "\f4d3";
@fa-var-pills: "\f484";
@fa-var-pinterest: "\f0d2";
@fa-var-pinterest-p: "\f231";
@fa-var-pinterest-square: "\f0d3";
@fa-var-pizza: "\f817";
@fa-var-pizza-slice: "\f818";
@fa-var-place-of-worship: "\f67f";
@fa-var-plane: "\f072";
@fa-var-plane-alt: "\f3de";
@fa-var-plane-arrival: "\f5af";
@fa-var-plane-departure: "\f5b0";
@fa-var-plane-slash: "\e069";
@fa-var-planet-moon: "\e01f";
@fa-var-planet-ringed: "\e020";
@fa-var-play: "\f04b";
@fa-var-play-circle: "\f144";
@fa-var-playstation: "\f3df";
@fa-var-plug: "\f1e6";
@fa-var-plus: "\f067";
@fa-var-plus-circle: "\f055";
@fa-var-plus-hexagon: "\f300";
@fa-var-plus-octagon: "\f301";
@fa-var-plus-square: "\f0fe";
@fa-var-podcast: "\f2ce";
@fa-var-podium: "\f680";
@fa-var-podium-star: "\f758";
@fa-var-police-box: "\e021";
@fa-var-poll: "\f681";
@fa-var-poll-h: "\f682";
@fa-var-poll-people: "\f759";
@fa-var-poo: "\f2fe";
@fa-var-poo-storm: "\f75a";
@fa-var-poop: "\f619";
@fa-var-popcorn: "\f819";
@fa-var-portal-enter: "\e022";
@fa-var-portal-exit: "\e023";
@fa-var-portrait: "\f3e0";
@fa-var-pound-sign: "\f154";
@fa-var-power-off: "\f011";
@fa-var-pray: "\f683";
@fa-var-praying-hands: "\f684";
@fa-var-prescription: "\f5b1";
@fa-var-prescription-bottle: "\f485";
@fa-var-prescription-bottle-alt: "\f486";
@fa-var-presentation: "\f685";
@fa-var-print: "\f02f";
@fa-var-print-search: "\f81a";
@fa-var-print-slash: "\f686";
@fa-var-procedures: "\f487";
@fa-var-product-hunt: "\f288";
@fa-var-project-diagram: "\f542";
@fa-var-projector: "\f8d6";
@fa-var-pump-medical: "\e06a";
@fa-var-pump-soap: "\e06b";
@fa-var-pumpkin: "\f707";
@fa-var-pushed: "\f3e1";
@fa-var-puzzle-piece: "\f12e";
@fa-var-python: "\f3e2";
@fa-var-qq: "\f1d6";
@fa-var-qrcode: "\f029";
@fa-var-question: "\f128";
@fa-var-question-circle: "\f059";
@fa-var-question-square: "\f2fd";
@fa-var-quidditch: "\f458";
@fa-var-quinscape: "\f459";
@fa-var-quora: "\f2c4";
@fa-var-quote-left: "\f10d";
@fa-var-quote-right: "\f10e";
@fa-var-quran: "\f687";
@fa-var-r-project: "\f4f7";
@fa-var-rabbit: "\f708";
@fa-var-rabbit-fast: "\f709";
@fa-var-racquet: "\f45a";
@fa-var-radar: "\e024";
@fa-var-radiation: "\f7b9";
@fa-var-radiation-alt: "\f7ba";
@fa-var-radio: "\f8d7";
@fa-var-radio-alt: "\f8d8";
@fa-var-rainbow: "\f75b";
@fa-var-raindrops: "\f75c";
@fa-var-ram: "\f70a";
@fa-var-ramp-loading: "\f4d4";
@fa-var-random: "\f074";
@fa-var-raspberry-pi: "\f7bb";
@fa-var-ravelry: "\f2d9";
@fa-var-raygun: "\e025";
@fa-var-react: "\f41b";
@fa-var-reacteurope: "\f75d";
@fa-var-readme: "\f4d5";
@fa-var-rebel: "\f1d0";
@fa-var-receipt: "\f543";
@fa-var-record-vinyl: "\f8d9";
@fa-var-rectangle-landscape: "\f2fa";
@fa-var-rectangle-portrait: "\f2fb";
@fa-var-rectangle-wide: "\f2fc";
@fa-var-recycle: "\f1b8";
@fa-var-red-river: "\f3e3";
@fa-var-reddit: "\f1a1";
@fa-var-reddit-alien: "\f281";
@fa-var-reddit-square: "\f1a2";
@fa-var-redhat: "\f7bc";
@fa-var-redo: "\f01e";
@fa-var-redo-alt: "\f2f9";
@fa-var-refrigerator: "\e026";
@fa-var-registered: "\f25d";
@fa-var-remove-format: "\f87d";
@fa-var-renren: "\f18b";
@fa-var-repeat: "\f363";
@fa-var-repeat-1: "\f365";
@fa-var-repeat-1-alt: "\f366";
@fa-var-repeat-alt: "\f364";
@fa-var-reply: "\f3e5";
@fa-var-reply-all: "\f122";
@fa-var-replyd: "\f3e6";
@fa-var-republican: "\f75e";
@fa-var-researchgate: "\f4f8";
@fa-var-resolving: "\f3e7";
@fa-var-restroom: "\f7bd";
@fa-var-retweet: "\f079";
@fa-var-retweet-alt: "\f361";
@fa-var-rev: "\f5b2";
@fa-var-ribbon: "\f4d6";
@fa-var-ring: "\f70b";
@fa-var-rings-wedding: "\f81b";
@fa-var-road: "\f018";
@fa-var-robot: "\f544";
@fa-var-rocket: "\f135";
@fa-var-rocket-launch: "\e027";
@fa-var-rocketchat: "\f3e8";
@fa-var-rockrms: "\f3e9";
@fa-var-route: "\f4d7";
@fa-var-route-highway: "\f61a";
@fa-var-route-interstate: "\f61b";
@fa-var-router: "\f8da";
@fa-var-rss: "\f09e";
@fa-var-rss-square: "\f143";
@fa-var-ruble-sign: "\f158";
@fa-var-ruler: "\f545";
@fa-var-ruler-combined: "\f546";
@fa-var-ruler-horizontal: "\f547";
@fa-var-ruler-triangle: "\f61c";
@fa-var-ruler-vertical: "\f548";
@fa-var-running: "\f70c";
@fa-var-rupee-sign: "\f156";
@fa-var-rust: "\e07a";
@fa-var-rv: "\f7be";
@fa-var-sack: "\f81c";
@fa-var-sack-dollar: "\f81d";
@fa-var-sad-cry: "\f5b3";
@fa-var-sad-tear: "\f5b4";
@fa-var-safari: "\f267";
@fa-var-salad: "\f81e";
@fa-var-salesforce: "\f83b";
@fa-var-sandwich: "\f81f";
@fa-var-sass: "\f41e";
@fa-var-satellite: "\f7bf";
@fa-var-satellite-dish: "\f7c0";
@fa-var-sausage: "\f820";
@fa-var-save: "\f0c7";
@fa-var-sax-hot: "\f8db";
@fa-var-saxophone: "\f8dc";
@fa-var-scalpel: "\f61d";
@fa-var-scalpel-path: "\f61e";
@fa-var-scanner: "\f488";
@fa-var-scanner-image: "\f8f3";
@fa-var-scanner-keyboard: "\f489";
@fa-var-scanner-touchscreen: "\f48a";
@fa-var-scarecrow: "\f70d";
@fa-var-scarf: "\f7c1";
@fa-var-schlix: "\f3ea";
@fa-var-school: "\f549";
@fa-var-screwdriver: "\f54a";
@fa-var-scribd: "\f28a";
@fa-var-scroll: "\f70e";
@fa-var-scroll-old: "\f70f";
@fa-var-scrubber: "\f2f8";
@fa-var-scythe: "\f710";
@fa-var-sd-card: "\f7c2";
@fa-var-search: "\f002";
@fa-var-search-dollar: "\f688";
@fa-var-search-location: "\f689";
@fa-var-search-minus: "\f010";
@fa-var-search-plus: "\f00e";
@fa-var-searchengin: "\f3eb";
@fa-var-seedling: "\f4d8";
@fa-var-sellcast: "\f2da";
@fa-var-sellsy: "\f213";
@fa-var-send-back: "\f87e";
@fa-var-send-backward: "\f87f";
@fa-var-sensor: "\e028";
@fa-var-sensor-alert: "\e029";
@fa-var-sensor-fire: "\e02a";
@fa-var-sensor-on: "\e02b";
@fa-var-sensor-smoke: "\e02c";
@fa-var-server: "\f233";
@fa-var-servicestack: "\f3ec";
@fa-var-shapes: "\f61f";
@fa-var-share: "\f064";
@fa-var-share-all: "\f367";
@fa-var-share-alt: "\f1e0";
@fa-var-share-alt-square: "\f1e1";
@fa-var-share-square: "\f14d";
@fa-var-sheep: "\f711";
@fa-var-shekel-sign: "\f20b";
@fa-var-shield: "\f132";
@fa-var-shield-alt: "\f3ed";
@fa-var-shield-check: "\f2f7";
@fa-var-shield-cross: "\f712";
@fa-var-shield-virus: "\e06c";
@fa-var-ship: "\f21a";
@fa-var-shipping-fast: "\f48b";
@fa-var-shipping-timed: "\f48c";
@fa-var-shirtsinbulk: "\f214";
@fa-var-shish-kebab: "\f821";
@fa-var-shoe-prints: "\f54b";
@fa-var-shopify: "\e057";
@fa-var-shopping-bag: "\f290";
@fa-var-shopping-basket: "\f291";
@fa-var-shopping-cart: "\f07a";
@fa-var-shopware: "\f5b5";
@fa-var-shovel: "\f713";
@fa-var-shovel-snow: "\f7c3";
@fa-var-shower: "\f2cc";
@fa-var-shredder: "\f68a";
@fa-var-shuttle-van: "\f5b6";
@fa-var-shuttlecock: "\f45b";
@fa-var-sickle: "\f822";
@fa-var-sigma: "\f68b";
@fa-var-sign: "\f4d9";
@fa-var-sign-in: "\f090";
@fa-var-sign-in-alt: "\f2f6";
@fa-var-sign-language: "\f2a7";
@fa-var-sign-out: "\f08b";
@fa-var-sign-out-alt: "\f2f5";
@fa-var-signal: "\f012";
@fa-var-signal-1: "\f68c";
@fa-var-signal-2: "\f68d";
@fa-var-signal-3: "\f68e";
@fa-var-signal-4: "\f68f";
@fa-var-signal-alt: "\f690";
@fa-var-signal-alt-1: "\f691";
@fa-var-signal-alt-2: "\f692";
@fa-var-signal-alt-3: "\f693";
@fa-var-signal-alt-slash: "\f694";
@fa-var-signal-slash: "\f695";
@fa-var-signal-stream: "\f8dd";
@fa-var-signature: "\f5b7";
@fa-var-sim-card: "\f7c4";
@fa-var-simplybuilt: "\f215";
@fa-var-sink: "\e06d";
@fa-var-siren: "\e02d";
@fa-var-siren-on: "\e02e";
@fa-var-sistrix: "\f3ee";
@fa-var-sitemap: "\f0e8";
@fa-var-sith: "\f512";
@fa-var-skating: "\f7c5";
@fa-var-skeleton: "\f620";
@fa-var-sketch: "\f7c6";
@fa-var-ski-jump: "\f7c7";
@fa-var-ski-lift: "\f7c8";
@fa-var-skiing: "\f7c9";
@fa-var-skiing-nordic: "\f7ca";
@fa-var-skull: "\f54c";
@fa-var-skull-cow: "\f8de";
@fa-var-skull-crossbones: "\f714";
@fa-var-skyatlas: "\f216";
@fa-var-skype: "\f17e";
@fa-var-slack: "\f198";
@fa-var-slack-hash: "\f3ef";
@fa-var-slash: "\f715";
@fa-var-sledding: "\f7cb";
@fa-var-sleigh: "\f7cc";
@fa-var-sliders-h: "\f1de";
@fa-var-sliders-h-square: "\f3f0";
@fa-var-sliders-v: "\f3f1";
@fa-var-sliders-v-square: "\f3f2";
@fa-var-slideshare: "\f1e7";
@fa-var-smile: "\f118";
@fa-var-smile-beam: "\f5b8";
@fa-var-smile-plus: "\f5b9";
@fa-var-smile-wink: "\f4da";
@fa-var-smog: "\f75f";
@fa-var-smoke: "\f760";
@fa-var-smoking: "\f48d";
@fa-var-smoking-ban: "\f54d";
@fa-var-sms: "\f7cd";
@fa-var-snake: "\f716";
@fa-var-snapchat: "\f2ab";
@fa-var-snapchat-ghost: "\f2ac";
@fa-var-snapchat-square: "\f2ad";
@fa-var-snooze: "\f880";
@fa-var-snow-blowing: "\f761";
@fa-var-snowboarding: "\f7ce";
@fa-var-snowflake: "\f2dc";
@fa-var-snowflakes: "\f7cf";
@fa-var-snowman: "\f7d0";
@fa-var-snowmobile: "\f7d1";
@fa-var-snowplow: "\f7d2";
@fa-var-soap: "\e06e";
@fa-var-socks: "\f696";
@fa-var-solar-panel: "\f5ba";
@fa-var-solar-system: "\e02f";
@fa-var-sort: "\f0dc";
@fa-var-sort-alpha-down: "\f15d";
@fa-var-sort-alpha-down-alt: "\f881";
@fa-var-sort-alpha-up: "\f15e";
@fa-var-sort-alpha-up-alt: "\f882";
@fa-var-sort-alt: "\f883";
@fa-var-sort-amount-down: "\f160";
@fa-var-sort-amount-down-alt: "\f884";
@fa-var-sort-amount-up: "\f161";
@fa-var-sort-amount-up-alt: "\f885";
@fa-var-sort-circle: "\e030";
@fa-var-sort-circle-down: "\e031";
@fa-var-sort-circle-up: "\e032";
@fa-var-sort-down: "\f0dd";
@fa-var-sort-numeric-down: "\f162";
@fa-var-sort-numeric-down-alt: "\f886";
@fa-var-sort-numeric-up: "\f163";
@fa-var-sort-numeric-up-alt: "\f887";
@fa-var-sort-shapes-down: "\f888";
@fa-var-sort-shapes-down-alt: "\f889";
@fa-var-sort-shapes-up: "\f88a";
@fa-var-sort-shapes-up-alt: "\f88b";
@fa-var-sort-size-down: "\f88c";
@fa-var-sort-size-down-alt: "\f88d";
@fa-var-sort-size-up: "\f88e";
@fa-var-sort-size-up-alt: "\f88f";
@fa-var-sort-up: "\f0de";
@fa-var-soundcloud: "\f1be";
@fa-var-soup: "\f823";
@fa-var-sourcetree: "\f7d3";
@fa-var-spa: "\f5bb";
@fa-var-space-shuttle: "\f197";
@fa-var-space-station-moon: "\e033";
@fa-var-space-station-moon-alt: "\e034";
@fa-var-spade: "\f2f4";
@fa-var-sparkles: "\f890";
@fa-var-speakap: "\f3f3";
@fa-var-speaker: "\f8df";
@fa-var-speaker-deck: "\f83c";
@fa-var-speakers: "\f8e0";
@fa-var-spell-check: "\f891";
@fa-var-spider: "\f717";
@fa-var-spider-black-widow: "\f718";
@fa-var-spider-web: "\f719";
@fa-var-spinner: "\f110";
@fa-var-spinner-third: "\f3f4";
@fa-var-splotch: "\f5bc";
@fa-var-spotify: "\f1bc";
@fa-var-spray-can: "\f5bd";
@fa-var-sprinkler: "\e035";
@fa-var-square: "\f0c8";
@fa-var-square-full: "\f45c";
@fa-var-square-root: "\f697";
@fa-var-square-root-alt: "\f698";
@fa-var-squarespace: "\f5be";
@fa-var-squirrel: "\f71a";
@fa-var-stack-exchange: "\f18d";
@fa-var-stack-overflow: "\f16c";
@fa-var-stackpath: "\f842";
@fa-var-staff: "\f71b";
@fa-var-stamp: "\f5bf";
@fa-var-star: "\f005";
@fa-var-star-and-crescent: "\f699";
@fa-var-star-christmas: "\f7d4";
@fa-var-star-exclamation: "\f2f3";
@fa-var-star-half: "\f089";
@fa-var-star-half-alt: "\f5c0";
@fa-var-star-of-david: "\f69a";
@fa-var-star-of-life: "\f621";
@fa-var-star-shooting: "\e036";
@fa-var-starfighter: "\e037";
@fa-var-starfighter-alt: "\e038";
@fa-var-stars: "\f762";
@fa-var-starship: "\e039";
@fa-var-starship-freighter: "\e03a";
@fa-var-staylinked: "\f3f5";
@fa-var-steak: "\f824";
@fa-var-steam: "\f1b6";
@fa-var-steam-square: "\f1b7";
@fa-var-steam-symbol: "\f3f6";
@fa-var-steering-wheel: "\f622";
@fa-var-step-backward: "\f048";
@fa-var-step-forward: "\f051";
@fa-var-stethoscope: "\f0f1";
@fa-var-sticker-mule: "\f3f7";
@fa-var-sticky-note: "\f249";
@fa-var-stocking: "\f7d5";
@fa-var-stomach: "\f623";
@fa-var-stop: "\f04d";
@fa-var-stop-circle: "\f28d";
@fa-var-stopwatch: "\f2f2";
@fa-var-stopwatch-20: "\e06f";
@fa-var-store: "\f54e";
@fa-var-store-alt: "\f54f";
@fa-var-store-alt-slash: "\e070";
@fa-var-store-slash: "\e071";
@fa-var-strava: "\f428";
@fa-var-stream: "\f550";
@fa-var-street-view: "\f21d";
@fa-var-stretcher: "\f825";
@fa-var-strikethrough: "\f0cc";
@fa-var-stripe: "\f429";
@fa-var-stripe-s: "\f42a";
@fa-var-stroopwafel: "\f551";
@fa-var-studiovinari: "\f3f8";
@fa-var-stumbleupon: "\f1a4";
@fa-var-stumbleupon-circle: "\f1a3";
@fa-var-subscript: "\f12c";
@fa-var-subway: "\f239";
@fa-var-suitcase: "\f0f2";
@fa-var-suitcase-rolling: "\f5c1";
@fa-var-sun: "\f185";
@fa-var-sun-cloud: "\f763";
@fa-var-sun-dust: "\f764";
@fa-var-sun-haze: "\f765";
@fa-var-sunglasses: "\f892";
@fa-var-sunrise: "\f766";
@fa-var-sunset: "\f767";
@fa-var-superpowers: "\f2dd";
@fa-var-superscript: "\f12b";
@fa-var-supple: "\f3f9";
@fa-var-surprise: "\f5c2";
@fa-var-suse: "\f7d6";
@fa-var-swatchbook: "\f5c3";
@fa-var-swift: "\f8e1";
@fa-var-swimmer: "\f5c4";
@fa-var-swimming-pool: "\f5c5";
@fa-var-sword: "\f71c";
@fa-var-sword-laser: "\e03b";
@fa-var-sword-laser-alt: "\e03c";
@fa-var-swords: "\f71d";
@fa-var-swords-laser: "\e03d";
@fa-var-symfony: "\f83d";
@fa-var-synagogue: "\f69b";
@fa-var-sync: "\f021";
@fa-var-sync-alt: "\f2f1";
@fa-var-syringe: "\f48e";
@fa-var-table: "\f0ce";
@fa-var-table-tennis: "\f45d";
@fa-var-tablet: "\f10a";
@fa-var-tablet-alt: "\f3fa";
@fa-var-tablet-android: "\f3fb";
@fa-var-tablet-android-alt: "\f3fc";
@fa-var-tablet-rugged: "\f48f";
@fa-var-tablets: "\f490";
@fa-var-tachometer: "\f0e4";
@fa-var-tachometer-alt: "\f3fd";
@fa-var-tachometer-alt-average: "\f624";
@fa-var-tachometer-alt-fast: "\f625";
@fa-var-tachometer-alt-fastest: "\f626";
@fa-var-tachometer-alt-slow: "\f627";
@fa-var-tachometer-alt-slowest: "\f628";
@fa-var-tachometer-average: "\f629";
@fa-var-tachometer-fast: "\f62a";
@fa-var-tachometer-fastest: "\f62b";
@fa-var-tachometer-slow: "\f62c";
@fa-var-tachometer-slowest: "\f62d";
@fa-var-taco: "\f826";
@fa-var-tag: "\f02b";
@fa-var-tags: "\f02c";
@fa-var-tally: "\f69c";
@fa-var-tanakh: "\f827";
@fa-var-tape: "\f4db";
@fa-var-tasks: "\f0ae";
@fa-var-tasks-alt: "\f828";
@fa-var-taxi: "\f1ba";
@fa-var-teamspeak: "\f4f9";
@fa-var-teeth: "\f62e";
@fa-var-teeth-open: "\f62f";
@fa-var-telegram: "\f2c6";
@fa-var-telegram-plane: "\f3fe";
@fa-var-telescope: "\e03e";
@fa-var-temperature-down: "\e03f";
@fa-var-temperature-frigid: "\f768";
@fa-var-temperature-high: "\f769";
@fa-var-temperature-hot: "\f76a";
@fa-var-temperature-low: "\f76b";
@fa-var-temperature-up: "\e040";
@fa-var-tencent-weibo: "\f1d5";
@fa-var-tenge: "\f7d7";
@fa-var-tennis-ball: "\f45e";
@fa-var-terminal: "\f120";
@fa-var-text: "\f893";
@fa-var-text-height: "\f034";
@fa-var-text-size: "\f894";
@fa-var-text-width: "\f035";
@fa-var-th: "\f00a";
@fa-var-th-large: "\f009";
@fa-var-th-list: "\f00b";
@fa-var-the-red-yeti: "\f69d";
@fa-var-theater-masks: "\f630";
@fa-var-themeco: "\f5c6";
@fa-var-themeisle: "\f2b2";
@fa-var-thermometer: "\f491";
@fa-var-thermometer-empty: "\f2cb";
@fa-var-thermometer-full: "\f2c7";
@fa-var-thermometer-half: "\f2c9";
@fa-var-thermometer-quarter: "\f2ca";
@fa-var-thermometer-three-quarters: "\f2c8";
@fa-var-theta: "\f69e";
@fa-var-think-peaks: "\f731";
@fa-var-thumbs-down: "\f165";
@fa-var-thumbs-up: "\f164";
@fa-var-thumbtack: "\f08d";
@fa-var-thunderstorm: "\f76c";
@fa-var-thunderstorm-moon: "\f76d";
@fa-var-thunderstorm-sun: "\f76e";
@fa-var-ticket: "\f145";
@fa-var-ticket-alt: "\f3ff";
@fa-var-tiktok: "\e07b";
@fa-var-tilde: "\f69f";
@fa-var-times: "\f00d";
@fa-var-times-circle: "\f057";
@fa-var-times-hexagon: "\f2ee";
@fa-var-times-octagon: "\f2f0";
@fa-var-times-square: "\f2d3";
@fa-var-tint: "\f043";
@fa-var-tint-slash: "\f5c7";
@fa-var-tire: "\f631";
@fa-var-tire-flat: "\f632";
@fa-var-tire-pressure-warning: "\f633";
@fa-var-tire-rugged: "\f634";
@fa-var-tired: "\f5c8";
@fa-var-toggle-off: "\F0131"; //orig: f204
@fa-var-toggle-on: "\F0135"; //orig: f205
@fa-var-toilet: "\f7d8";
@fa-var-toilet-paper: "\f71e";
@fa-var-toilet-paper-alt: "\f71f";
@fa-var-toilet-paper-slash: "\e072";
@fa-var-tombstone: "\f720";
@fa-var-tombstone-alt: "\f721";
@fa-var-toolbox: "\f552";
@fa-var-tools: "\f7d9";
@fa-var-tooth: "\f5c9";
@fa-var-toothbrush: "\f635";
@fa-var-torah: "\f6a0";
@fa-var-torii-gate: "\f6a1";
@fa-var-tornado: "\f76f";
@fa-var-tractor: "\f722";
@fa-var-trade-federation: "\f513";
@fa-var-trademark: "\f25c";
@fa-var-traffic-cone: "\f636";
@fa-var-traffic-light: "\f637";
@fa-var-traffic-light-go: "\f638";
@fa-var-traffic-light-slow: "\f639";
@fa-var-traffic-light-stop: "\f63a";
@fa-var-trailer: "\e041";
@fa-var-train: "\f238";
@fa-var-tram: "\f7da";
@fa-var-transgender: "\f224";
@fa-var-transgender-alt: "\f225";
@fa-var-transporter: "\e042";
@fa-var-transporter-1: "\e043";
@fa-var-transporter-2: "\e044";
@fa-var-transporter-3: "\e045";
@fa-var-transporter-empty: "\e046";
@fa-var-trash: "\f1f8";
@fa-var-trash-alt: "\f2ed";
@fa-var-trash-restore: "\f829";
@fa-var-trash-restore-alt: "\f82a";
@fa-var-trash-undo: "\f895";
@fa-var-trash-undo-alt: "\f896";
@fa-var-treasure-chest: "\f723";
@fa-var-tree: "\f1bb";
@fa-var-tree-alt: "\f400";
@fa-var-tree-christmas: "\f7db";
@fa-var-tree-decorated: "\f7dc";
@fa-var-tree-large: "\f7dd";
@fa-var-tree-palm: "\f82b";
@fa-var-trees: "\f724";
@fa-var-trello: "\f181";
@fa-var-triangle: "\f2ec";
@fa-var-triangle-music: "\f8e2";
@fa-var-tripadvisor: "\f262";
@fa-var-trophy: "\f091";
@fa-var-trophy-alt: "\f2eb";
@fa-var-truck: "\f0d1";
@fa-var-truck-container: "\f4dc";
@fa-var-truck-couch: "\f4dd";
@fa-var-truck-loading: "\f4de";
@fa-var-truck-monster: "\f63b";
@fa-var-truck-moving: "\f4df";
@fa-var-truck-pickup: "\f63c";
@fa-var-truck-plow: "\f7de";
@fa-var-truck-ramp: "\f4e0";
@fa-var-trumpet: "\f8e3";
@fa-var-tshirt: "\f553";
@fa-var-tty: "\f1e4";
@fa-var-tumblr: "\f173";
@fa-var-tumblr-square: "\f174";
@fa-var-turkey: "\f725";
@fa-var-turntable: "\f8e4";
@fa-var-turtle: "\f726";
@fa-var-tv: "\f26c";
@fa-var-tv-alt: "\f8e5";
@fa-var-tv-music: "\f8e6";
@fa-var-tv-retro: "\f401";
@fa-var-twitch: "\f1e8";
@fa-var-twitter: "\f099";
@fa-var-twitter-square: "\f081";
@fa-var-typewriter: "\f8e7";
@fa-var-typo3: "\f42b";
@fa-var-uber: "\f402";
@fa-var-ubuntu: "\f7df";
@fa-var-ufo: "\e047";
@fa-var-ufo-beam: "\e048";
@fa-var-uikit: "\f403";
@fa-var-umbraco: "\f8e8";
@fa-var-umbrella: "\f0e9";
@fa-var-umbrella-beach: "\f5ca";
@fa-var-uncharted: "\e084";
@fa-var-underline: "\f0cd";
@fa-var-undo: "\f0e2";
@fa-var-undo-alt: "\f2ea";
@fa-var-unicorn: "\f727";
@fa-var-union: "\f6a2";
@fa-var-uniregistry: "\f404";
@fa-var-unity: "\e049";
@fa-var-universal-access: "\f29a";
@fa-var-university: "\f19c";
@fa-var-unlink: "\f127";
@fa-var-unlock: "\f09c";
@fa-var-unlock-alt: "\f13e";
@fa-var-unsplash: "\e07c";
@fa-var-untappd: "\f405";
@fa-var-upload: "\f093";
@fa-var-ups: "\f7e0";
@fa-var-usb: "\f287";
@fa-var-usb-drive: "\f8e9";
@fa-var-usd-circle: "\f2e8";
@fa-var-usd-square: "\f2e9";
@fa-var-user: "\f007";
@fa-var-user-alien: "\e04a";
@fa-var-user-alt: "\f406";
@fa-var-user-alt-slash: "\f4fa";
@fa-var-user-astronaut: "\f4fb";
@fa-var-user-chart: "\f6a3";
@fa-var-user-check: "\f4fc";
@fa-var-user-circle: "\f2bd";
@fa-var-user-clock: "\f4fd";
@fa-var-user-cog: "\f4fe";
@fa-var-user-cowboy: "\f8ea";
@fa-var-user-crown: "\f6a4";
@fa-var-user-edit: "\f4ff";
@fa-var-user-friends: "\f500";
@fa-var-user-graduate: "\f501";
@fa-var-user-hard-hat: "\f82c";
@fa-var-user-headset: "\f82d";
@fa-var-user-injured: "\f728";
@fa-var-user-lock: "\f502";
@fa-var-user-md: "\f0f0";
@fa-var-user-md-chat: "\f82e";
@fa-var-user-minus: "\f503";
@fa-var-user-music: "\f8eb";
@fa-var-user-ninja: "\f504";
@fa-var-user-nurse: "\f82f";
@fa-var-user-plus: "\f234";
@fa-var-user-robot: "\e04b";
@fa-var-user-secret: "\f21b";
@fa-var-user-shield: "\f505";
@fa-var-user-slash: "\f506";
@fa-var-user-tag: "\f507";
@fa-var-user-tie: "\f508";
@fa-var-user-times: "\f235";
@fa-var-user-unlock: "\e058";
@fa-var-user-visor: "\e04c";
@fa-var-users: "\f0c0";
@fa-var-users-class: "\f63d";
@fa-var-users-cog: "\f509";
@fa-var-users-crown: "\f6a5";
@fa-var-users-medical: "\f830";
@fa-var-users-slash: "\e073";
@fa-var-usps: "\f7e1";
@fa-var-ussunnah: "\f407";
@fa-var-utensil-fork: "\f2e3";
@fa-var-utensil-knife: "\f2e4";
@fa-var-utensil-spoon: "\f2e5";
@fa-var-utensils: "\f2e7";
@fa-var-utensils-alt: "\f2e6";
@fa-var-vaadin: "\f408";
@fa-var-vacuum: "\e04d";
@fa-var-vacuum-robot: "\e04e";
@fa-var-value-absolute: "\f6a6";
@fa-var-vector-square: "\f5cb";
@fa-var-venus: "\f221";
@fa-var-venus-double: "\f226";
@fa-var-venus-mars: "\f228";
@fa-var-vest: "\e085";
@fa-var-vest-patches: "\e086";
@fa-var-vhs: "\f8ec";
@fa-var-viacoin: "\f237";
@fa-var-viadeo: "\f2a9";
@fa-var-viadeo-square: "\f2aa";
@fa-var-vial: "\f492";
@fa-var-vials: "\f493";
@fa-var-viber: "\f409";
@fa-var-video: "\f03d";
@fa-var-video-plus: "\f4e1";
@fa-var-video-slash: "\f4e2";
@fa-var-vihara: "\f6a7";
@fa-var-vimeo: "\f40a";
@fa-var-vimeo-square: "\f194";
@fa-var-vimeo-v: "\f27d";
@fa-var-vine: "\f1ca";
@fa-var-violin: "\f8ed";
@fa-var-virus: "\e074";
@fa-var-virus-slash: "\e075";
@fa-var-viruses: "\e076";
@fa-var-vk: "\f189";
@fa-var-vnv: "\f40b";
@fa-var-voicemail: "\f897";
@fa-var-volcano: "\f770";
@fa-var-volleyball-ball: "\f45f";
@fa-var-volume: "\f6a8";
@fa-var-volume-down: "\f027";
@fa-var-volume-mute: "\f6a9";
@fa-var-volume-off: "\f026";
@fa-var-volume-slash: "\f2e2";
@fa-var-volume-up: "\f028";
@fa-var-vote-nay: "\f771";
@fa-var-vote-yea: "\f772";
@fa-var-vr-cardboard: "\f729";
@fa-var-vuejs: "\f41f";
@fa-var-wagon-covered: "\f8ee";
@fa-var-walker: "\f831";
@fa-var-walkie-talkie: "\f8ef";
@fa-var-walking: "\f554";
@fa-var-wallet: "\f555";
@fa-var-wand: "\f72a";
@fa-var-wand-magic: "\f72b";
@fa-var-warehouse: "\f494";
@fa-var-warehouse-alt: "\f495";
@fa-var-washer: "\f898";
@fa-var-watch: "\f2e1";
@fa-var-watch-calculator: "\f8f0";
@fa-var-watch-fitness: "\f63e";
@fa-var-watchman-monitoring: "\e087";
@fa-var-water: "\f773";
@fa-var-water-lower: "\f774";
@fa-var-water-rise: "\f775";
@fa-var-wave-sine: "\f899";
@fa-var-wave-square: "\f83e";
@fa-var-wave-triangle: "\f89a";
@fa-var-waveform: "\f8f1";
@fa-var-waveform-path: "\f8f2";
@fa-var-waze: "\f83f";
@fa-var-webcam: "\f832";
@fa-var-webcam-slash: "\f833";
@fa-var-weebly: "\f5cc";
@fa-var-weibo: "\f18a";
@fa-var-weight: "\f496";
@fa-var-weight-hanging: "\f5cd";
@fa-var-weixin: "\f1d7";
@fa-var-whale: "\f72c";
@fa-var-whatsapp: "\f232";
@fa-var-whatsapp-square: "\f40c";
@fa-var-wheat: "\f72d";
@fa-var-wheelchair: "\f193";
@fa-var-whistle: "\f460";
@fa-var-whmcs: "\f40d";
@fa-var-wifi: "\f1eb";
@fa-var-wifi-1: "\f6aa";
@fa-var-wifi-2: "\f6ab";
@fa-var-wifi-slash: "\f6ac";
@fa-var-wikipedia-w: "\f266";
@fa-var-wind: "\f72e";
@fa-var-wind-turbine: "\f89b";
@fa-var-wind-warning: "\f776";
@fa-var-window: "\f40e";
@fa-var-window-alt: "\f40f";
@fa-var-window-close: "\f410";
@fa-var-window-frame: "\e04f";
@fa-var-window-frame-open: "\e050";
@fa-var-window-maximize: "\f2d0";
@fa-var-window-minimize: "\f2d1";
@fa-var-window-restore: "\f2d2";
@fa-var-windows: "\f17a";
@fa-var-windsock: "\f777";
@fa-var-wine-bottle: "\f72f";
@fa-var-wine-glass: "\f4e3";
@fa-var-wine-glass-alt: "\f5ce";
@fa-var-wix: "\f5cf";
@fa-var-wizards-of-the-coast: "\f730";
@fa-var-wodu: "\e088";
@fa-var-wolf-pack-battalion: "\f514";
@fa-var-won-sign: "\f159";
@fa-var-wordpress: "\f19a";
@fa-var-wordpress-simple: "\f411";
@fa-var-wpbeginner: "\f297";
@fa-var-wpexplorer: "\f2de";
@fa-var-wpforms: "\f298";
@fa-var-wpressr: "\f3e4";
@fa-var-wreath: "\f7e2";
@fa-var-wrench: "\f0ad";
@fa-var-x-ray: "\f497";
@fa-var-xbox: "\f412";
@fa-var-xing: "\f168";
@fa-var-xing-square: "\f169";
@fa-var-y-combinator: "\f23b";
@fa-var-yahoo: "\f19e";
@fa-var-yammer: "\f840";
@fa-var-yandex: "\f413";
@fa-var-yandex-international: "\f414";
@fa-var-yarn: "\f7e3";
@fa-var-yelp: "\f1e9";
@fa-var-yen-sign: "\f157";
@fa-var-yin-yang: "\f6ad";
@fa-var-yoast: "\f2b1";
@fa-var-youtube: "\f167";
@fa-var-youtube-square: "\f431";
@fa-var-zhihu: "\f63f";
{{ include('uix_materialVars_solid.less') }}
{{ include('uix_materialVars_outline.less') }}
// Mixins
// --------------------------
.fa-icon() {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
}
.fa-icon-rotate(@degrees, @rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})";
transform: rotate(@degrees);
}
.fa-icon-flip(@horiz, @vert, @rotation) {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)";
transform: scale(@horiz, @vert);
}
// Only display content to screen readers. A la Bootstrap 4.
//
// See: http://a11yproject.com/posts/how-to-hide-content/
.sr-only() {
border: 0;
clip: rect(0,0,0,0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
// Use in conjunction with .sr-only to only display content when it's focused.
//
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
//
// Credit: HTML5 Boilerplate
.sr-only-focusable() {
&:active,
&:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
}
/* Passkey: Fix color styling */
.button-text #icon-passkey-key, .button-text #icon-passkey-head, .button-text #icon-passkey-body {
fill: @xf-buttonTextColor !important;
}
.button.button--provider--passkey .button-text {
gap: @xf-paddingSmall;
}]]>
.structItemContainer > .structItem:first-child,
.structItemContainer > .structItemContainer-group:first-child > .structItem:first-child
{
border-top: none;
}
}
.structItemContainer--columnBreaker + .structItemContainer--connect,
.structItemContainer--columnBreaker + .structItemContainer:first-child,
.structItemContainer--columnBreaker + .structItemContainer > .structItemContainer-group:first-child > .structItem:first-child,
.structItemContainer + .structItemContainer--columnBreaker:first-child,
.structItemContainer + .structItemContainer--columnBreaker > .structItemContainer-group:first-child > .structItem:first-child
{
border-top: @xf-borderSize solid @xf-borderColorFaint;
}
.block-minorHeader.uix_threadListSeparator {
display: flex;
align-items: center;
.xf-uix_threadListSeparator();
}
.structItemContainer .structItemContainer-group--sticky {
.structItem--thread {
.xf-uix_discussionListItemSticky();
}
}
.structItem.is-mod-selected .structItem-cell--meta,
.structItem--thread.is-deleted .structItem-cell--meta{background: none;}
.structItem
{
display: table;
table-layout: fixed;
border-top: @xf-borderSize solid @xf-borderColorFaint;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
.xf-uix_discussionListItem();
.pairs {line-height: inherit;}
&:nth-child(even) {
background-color: @xf-uix_discussionListItemEven;
}
&--thread:hover {
background-color: @xf-uix_discussionListItemHover;
.structItem-cell--meta {
background-color: transparent
}
}
&.is-highlighted,
&.is-moderated
{
// background: @xf-contentHighlightBg;
.xf-uix_discussionListItemModerated();
}
&.is-deleted
{
opacity: .7;
.structItem-title > *
{
text-decoration: line-through;
}
}
&.structItem--thread.is-moderated {.xf-uix_discussionListItemModerated();}
&.structItem--thread.is-deleted {.xf-uix_discussionListItemDeleted();}
&.is-mod-selected
{
background: @xf-inlineModHighlightColor;
opacity: 1;
}
&:last-child {
border-bottom-left-radius: @xf-blockBorderRadius;
border-bottom-right-radius: @xf-blockBorderRadius;
}
}
.threadListSeparator {
.xf-uix_threadListSeparator();
}
.structItem-cell
{
display: table-cell;
vertical-align: top;
padding: @_structItem-cellPaddingV @_structItem-cellPaddingH;
.structItem--middle &
{
vertical-align: middle;
}
&.structItem-cell--vote
{
width: (40px + (@_structItem-cellPaddingH) * 2);
}
&.structItem-cell--icon
{
width: ((@_structItem-avatarSize) + (@_structItem-cellPaddingH) * 2);
position: relative;
&.structItem-cell--iconExpanded
{
width: ((@_structItem-avatarSizeExpanded) + (@_structItem-cellPaddingH) * 2);
}
&.structItem-cell--iconEnd
{
width: ((@_structItem-avatarSizeEnd) + (@_structItem-cellPaddingH) * 2);
padding-left: @_structItem-cellPaddingH / 2;
.structItem-iconContainer
{
padding-top: @xf-paddingMedium /2;
}
}
&.structItem-cell--iconFixedSmall
{
width: (60px + (@_structItem-cellPaddingH) * 2);
}
&.structItem-cell--iconFixedSmallest
{
width: ((@_structItem-avatarSizeEnd) + (@_structItem-cellPaddingH) * 2);
}
.solutionIcon
{
padding-left: 0;
padding-right: 0;
}
}
&.structItem-cell--meta
{
width: 135px;
.xf-uix_metaCell();
@media (max-width: @xf-uix_discussionListCollapseWidth) {
background: none;
// padding: 0;
border: none;
.pairs {line-height: inherit;}
}
}
&.structItem-cell--latest
{
width: 190px;
text-align: right;
font-size: @xf-fontSizeSmaller;
a:not(:hover) {color: @xf-textColorMuted;}
}
}
.structItem-iconContainer
{
position: relative;
img
{
display: block;
width: 100%;
}
.avatar
{
.m-avatarSize(@_structItem-avatarSize);
&.avatar--xxs
{
.m-avatarSize(@_structItem-avatarSizeEnd);
}
}
.structItem-secondaryIcon
{
position: absolute;
right: -5px;
bottom: -5px;
.m-avatarSize((@_structItem-avatarSize / 2 + 2px));
}
.structItem-cell--iconExpanded &
{
.avatar
{
.m-avatarSize(@_structItem-avatarSizeExpanded);
}
.structItem-secondaryIcon
{
.m-avatarSize((@_structItem-avatarSizeExpanded / 2 - 2px));
}
}
}
.structItem-title
{
font-size: @xf-fontSizeLarge;
font-weight: @xf-fontWeightNormal;
margin: 0;
padding: 0;
.xf-uix_discussionListTitle();
.label
{
font-weight: @xf-fontWeightNormal;
}
a {
color: inherit;
&:hover {color: @xf-linkHoverColor;}
}
.is-unread &
{
font-weight: @xf-fontWeightHeavy;
.xf-uix_discussionListTitleUnread();
}
}
.structItem-minor
{
font-size: @xf-fontSizeSmaller;
color: @xf-textColorMuted;
.structItem-cell--main & {clear: both;}
.m-hiddenLinks();
}
.structItem-parts
{
.m-listPlain();
display: inline;
> li
{
display: inline;
margin: 0;
padding: 0;
&:nth-child(even)
{
color: @xf-textColorDimmed;
}
&:before
{
content: "\00B7\20";
}
&:first-child:before
{
content: "";
display: none;
}
}
}
.structItem-pageJump
{
margin-left: 8px;
font-size: @xf-fontSizeSmallest;
a
{
.xf-chip();
text-decoration: none;
border-radius: @xf-borderRadiusSmall;
padding: 0 3px;
opacity: .5;
.m-transition();
.structItem:hover &,
.has-touchevents &
{
opacity: 1;
}
&:hover
{
text-decoration: none;
.xf-chipHover();
}
}
}
.structItem-statuses,
.structItem .structItem-extraInfo
{
.m-listPlain();
float: right;
label.iconic--checkbox i {text-align: right;}
> li
{
float: left;
margin-left: 8px;
}
input[type=checkbox]
{
.m-checkboxAligner();
}
}
.structItem-statuses .reactionSummary
{
vertical-align: -2px;
}
.structItem-extraInfo .reactionSummary
{
vertical-align: middle;
}
.structItem-status
{
&::before
{
.m-faBase();
display: inline-block;
font-size: 90%;
color: @xf-textColorMuted;
}
&.fa--xf svg
{
color: @xf-textColorMuted;
}
&--deleted::before { .m-faContent(@fa-var-trash-alt, .875em); }
&--locked::before { .m-faContent(@fa-var-lock, .875em); }
&--moderated::before { .m-faContent(@fa-var-shield, 1em); color: @xf-textColorAttention; }
&--redirect::before { .m-faContent(@fa-var-external-link, 1em); }
&--starred::before { .m-faContent(@fa-var-star, 1.125em); color: @xf-starFullColor; }
&--sticky::before { .m-faContent(@fa-var-thumbtack, .75em); }
&--featured::before { .m-faContent(@fa-var-medal, 1em); }
&--watched::before { .m-faContent(@fa-var-bell, .875em); }
&--solved::before { .m-faContent(@fa-var-check-circle, 1em); color: @xf-votePositiveColor; }
&--attention::before { .m-faContent(@fa-var-bullhorn, 1.125em); color: @xf-textColorAttention; }
&--upvoted::before { .m-faContent(@fa-var-thumbs-up, 1em); }
&--downvoted::before { .m-faContent(@fa-var-thumbs-down, 1em); }
}
.structItem.structItem--note
{
.xf-contentHighlightBase();
color: @xf-textColorFeature;
.structItem-cell
{
padding-top: @_structItem-cellPaddingV / 2;
padding-bottom: @_structItem-cellPaddingV / 2;
font-size: @xf-fontSizeSmaller;
text-align: center;
}
}
@media (max-width: @xf-responsiveWide)
{
.structItem-cell
{
vertical-align: top;
&.structItem-cell--meta
{
width: 115px;
font-size: @xf-fontSizeSmaller;
}
&.structItem-cell--latest
{
width: 140px;
font-size: @xf-fontSizeSmaller;
}
}
}
@media (max-width: @xf-uix_discussionListCollapseWidth)
{
.structItem-cell
{
//padding: (@_structItem-cellPaddingV) / 2 @_structItem-cellPaddingH;
&.structItem-cell--icon
{
.structItem-cell + &
{
padding-left: 0;
width: ((@_structItem-avatarSize) + (@_structItem-cellPaddingH));
}
}
&.structItem-cell--main,
&.structItem-cell--newThread
{
display: block;
padding-bottom: .2em;
.structItem-cell + &
{
padding-left: 0;
}
}
&.structItem-cell--meta
{
display: block;
width: auto;
float: left;
padding-top: 0;
padding-left: 0;
padding-right: 0;
color: @xf-textColorMuted;
font-size: @xf-fontSizeSmaller;
line-height: 1;
dd:before {
margin-right: 2px;
}
.structItem-minor
{
display: none;
}
.pairs
{
> dt,
> dd
{
display: inline;
float: none;
margin: 0;
}
dt {display: none;}
dd:before {
.m-faBase();
.m-faContent(@fa-var-comment-alt);
}
dd:after {
content: "\00A0\00B7\20";
color: @xf-textColorMuted;
}
}
}
&.structItem-cell--latest
{
display: block;
width: auto;
float: left;
padding-top: 0;
padding-left: 0;
display: flex;
align-items: center;
line-height: 1;
flex-wrap: wrap;
a {order: 2;}
.structItem-minor {
order: 1;
&:after {order: 2;}
}
.uix_mobileNodeTitle {order: 3;}
&:before
{
// content: "\00A0\00B7\20";
color: @xf-textColorMuted;
}
a
{
color: @xf-textColorMuted;
}
.structItem-minor
{
display: inline-flex;
&:before {
.m-faBase();
.m-faContent(@fa-var-reply);
margin-right: 2px;
}
&:after {
content: " {{ phrase('th_uix_replied') }} ";
.uix_posterIsUser& {
content: " {{ phrase('th_uix_posted') }} ";
}
white-space: pre;
}
}
}
&.structItem-cell--iconEnd
{
display: none;
}
}
.structItem-pageJump,
.structItem-extraInfoMinor
{
display: none;
}
.is-unread .structItem-latestDate
{
font-weight: @xf-fontWeightNormal;
}
}
@media (max-width: @xf-uix_discussionListCollapseWidth) {
.structItem .lastPostAv {display: none;}
}
/* if sidebar, then break discussion list earlier */
.p-body-main--withSidebar {
@media (min-width: @xf-uix_sidebarBreakpoint) and (max-width: 1200px)
{
.structItem-cell
{
//padding: (@_structItem-cellPaddingV) / 2 @_structItem-cellPaddingH;
&.structItem-cell--main
{
display: block;
padding-bottom: .2em;
padding-left: 0;
}
&.structItem-cell--meta
{
display: block;
width: auto;
float: left;
padding-top: 0;
padding-left: 0;
padding-right: 0;
color: @xf-textColorMuted;
font-size: @xf-fontSizeSmaller;
background: none;
// padding: 0;
border: none;
line-height: 1;
dd:before {
margin-right: 2px;
}
.pairs {line-height: inherit;}
.structItem-minor
{
display: none;
}
.pairs
{
> dt,
> dd
{
display: inline;
float: none;
margin: 0;
}
dt {display: none;}
dd:before {
.m-faBase();
.m-faContent(@fa-var-comment-alt);
}
dd:after {
content: "\00A0\00B7\20";
color: @xf-textColorMuted;
}
}
}
&.structItem-cell--latest
{
display: block;
width: auto;
float: left;
padding-top: 0;
padding-left: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
line-height: 1;
a {order: 2;}
.structItem-minor {
order: 1;
&:after {order: 2;}
}
.uix_mobileNodeTitle {order: 3;}
&:before
{
// content: "\00A0\00B7\20";
color: @xf-textColorMuted;
}
a
{
color: @xf-textColorMuted;
}
.structItem-minor
{
display: inline-block;
&:before {
.m-faBase();
.m-faContent(@fa-var-reply);
}
&:after {
content: ' replied ';
white-space: pre;
}
}
}
&.structItem-cell--iconEnd
{
display: none;
}
}
.structItem-pageJump,
.structItem-extraInfoMinor
{
display: none;
}
}
.structItem.structItem--quickCreate
{
.structItem-cell--icon,
.structItem-cell--vote
{
display: none;
}
.structItem-cell--newThread
{
padding-left: @_structItem-cellPaddingH;
padding-bottom: @_structItem-cellPaddingH;
}
.is-unread .structItem-latestDate
{
font-weight: @xf-fontWeightNormal;
}
}
@media (min-width: @xf-uix_sidebarBreakpoint) and (max-width: 1200px) {
.structItem .lastPostAv {display: none;}
}
}
@media (max-width: @xf-responsiveNarrow)
{
.structItem-parts
{
.structItem-startDate
{
display: none;
}
}
.structItem.structItem--quickCreate
{
.structItem-cell--icon,
.structItem-cell--vote
{
display: none;
}
.structItem-cell--newThread
{
padding-left: @_structItem-cellPaddingH;
padding-bottom: @_structItem-cellPaddingH;
}
}
}]]>
{$tag.tag}
{{ phrase('tags') }}
{{ $result.render({'mod': $activeModType})|raw }}
]]>
{$campaign.title}
{{ bb_code($campaign.description, 'html', $campaign) }}
{{ phrase('thdonate_no_campaign_description') }}
]]>
]]>
]]>
-
{{ phrase('awaiting_approval') }}
{$moderatedStatus}
{$moderatedStatus}
-
{{ phrase('deleted') }}
-
{{ phrase('locked') }}
-
{{ phrase('sticky') }}
-
{{ phrase('featured') }}
-
{{ phrase('thread_watched') }}
-
{{ phrase('forum_watched') }}
-
{{ phrase('redirect') }}
-
{{ phrase('solved') }}
-
{$threadTypePhrase}
{{ phrase('n_a') }}
{$thread.Forum.title}
{{ phrase('ignored_member') }}
{{ prefix('thread', $thread) }}{$thread.title}
- {{ phrase('started_by_x', {'name': $thread.username}) }}
- {{ phrase('replies:') }} {$thread.reply_count|number_short}
]]>
{{ phrase('move_thread:') }} {{ prefix('thread', $thread, 'escaped') }}{$thread.title}
{{ phrase('move_thread:') }} {{ prefix('thread', $thread) }}{$thread.title}
{{ repeat_raw(' ', $treeEntry.depth) }} {$treeEntry.record.title}
{{ phrase('notify_members_watching_destination_forum') }}
]]>
{{ prefix('thread', $thread, 'escaped') }}{$thread.title}
{{ prefix('thread', $thread) }}{$thread.title}
{{ phrase('reply') }}
-
{{ phrase('thread_starter') }}
-
{{ phrase('start_date') }}
- {{ phrase('featured') }}
-
{{ phrase('content_submitted_displayed_pending_approval') }}
{{ prefix_description('thread', $thread.prefix_id) }}
{$threadActionsHtml}
{$postSortFilterHtml}
{{ phrase('there_no_posts_matching_your_filters') }}
{{ phrase('no_permission_to_reply') }}
{{ phrase('log_in_or_register_to_reply') }}
- {{ phrase('status') }}
-
-
{{ phrase('awaiting_approval_before_being_displayed_publicly') }}
-
{{ phrase('not_open_for_further_replies') }}
]]>
{{ prefix('thread', $thread) }}{$thread.title}
{$description}
{$topic.title}
{$topic.description}
]]>
{$trending.title}
{{ phrase('post_thread...') }}
{$trending.renderTrendingContent()|raw}
]]>
]]>
.block-body:first-child {
display:none;
& + .block-minorHeader {
border-top: none;
}
}
.block-container > .block-body:first-child:last-child {display:block;}
.block-row ul:not(.listInline) {
.m-listPlain();
margin: -@xpress_sidebarRowPaddingV -@xpress_sidebarRowPaddingH;
> li {
margin: 0;
padding: @xpress_sidebarRowPaddingV @xpress_sidebarRowPaddingH;
.m-clearFix();
}
}
.widget_search button .icon {display: none;}
.block-container {color: @xf-textColorDimmed;}
&.widget_media_audio .block-row {
background: #f2f3f4;
padding: 0;
}
#wp-calendar {
text-align: center;
width: 100%;
}
&.widget_tag_cloud .tagcloud .wp-tag-cloud {
display: flex;
flex-wrap: wrap;
margin: -2px;
li {padding: 0;}
.tag-cloud-link {
display: inline-block;
max-width: 100%;
padding: 0 6px 1px;
margin: 0 0 2px;
border-radius: @xf-borderRadiusMedium;
font-size: @xf-fontSizeSmaller;
.xf-chip();
margin: 2px;
}
}
.search-form {
display: flex;
.button {
height: auto;
line-height: 1;
padding: 0 4px;
margin-left: 6px;
.button-text {
font-size: 0;
&:before {
font-size: 18px;
margin: 0;
}
}
}
}
}
}]]>
@keyframes pulse {
from {
opacity: 1;
border-width: 0px;
transform: scale(1);
}
to {
transform: scale(2);
opacity: 0;
border-width: 8px;
}
}
.message-avatar-online {
display: inline-flex;
align-items: center;
justify-content: center;
&:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
border-radius: 100%;
border: 1px solid rgb(127, 185, 0);
height: 13px;
width: 13px;
opacity: 1;
animation: pulse 1.5s;
animation-iteration-count: infinite;
animation-timing-function: ease;
transform-origin: center;
}
}
.fb-page {
width: 100%;
}
.tabPanes .block-outer {padding-top: @xf-elementSpacer;}
.uix_node--transitioning {
.m-uix_collapseOverflow();
}
.message .message-responses {
.message-responseRow {
&:first-child, &.is-active {
margin-top: @xf-messagePaddingSmall;
}
}
.comment .comment-actionBar.actionBar {
border: none;
margin: 0;
}
}
.p-nav-menuTrigger {
position: relative;
&.badgeContainer:after {
position: absolute;
left: -5px;
top: -5px;
@media (min-width: @xf-responsiveNarrow) {
display: none !important;
}
}
}
.menu-footer-controls {
display: flex;
flex-wrap: wrap;
.button:not(:last-child) {
margin-right: 5px;
}
}
.p-navEl .menu-linkRow:before {margin-right: @xf-paddingSmall; }
@media (min-width: @xf-uix_sidebarBreakpoint) {
.uix_sidebarCanvasTrigger {display: none;}
}
@media (max-width: @xf-uix_sidebarBreakpoint) {
body .p-body-sidebar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
transform: translatex(-100%);
margin: 0;
overflow: hidden !important;
&.is-transitioning {
transition: ease-in .25s .25s transform;
.uix_sidebarInner {transition: transform 0.25s ease-in;}
&.is-active {transition: ease-in .01s transform;}
}
.uix_sidebarInner {
// padding: 0;
margin: 0;
transform: translatex(200%);
margin-left: auto;
transform: translatex(-100%);
}
.block-container {box-shadow: none;}
.uix_sidebar--scroller {
margin: 0;
width: 100%;
}
&.is-active {
transform: translatex(0);
.uix_sidebarInner.offCanvasMenu-content {
transform: translatex(0);
}
}
}
}
@media (max-width: @xf-uix_sidebarBreakpoint) {
body .uix_sidebarInner .uix_sidebar--scroller {margin-top: 0;}
}
// added to vertically center discussion list meta info
.structItem-cell--icon + .structItem-cell--main,
.structItem-cell--icon + .structItem-cell--newThread {
padding-left: 0;
}
.structItem-cell--main .structItem-minor {
display: flex;
align-items: center;
.structItem-parts {flex-grow: 1;}
.structItem-extraInfo {order: 2; margin-left: auto;}
.structItem-statuses {order: 1;}
}
// end
.block.uix_mainTabBar {
display: flex;
justify-content: center;
.xf-uix_mainTabsBarStyling();
.block-tabHeader {border: none;}
.tabs-tab:hover {background: none;}
}
.p-pageWrapper > .block.uix_mainTabBar {
margin: 0;
}
.offCanvasMenu-content {
height: 100vh;
.menu-scroller {
max-height: 100%;
}
}
.offCanvasMenu-content .p-body-sideNavContent {
.block {margin: 0;}
.block-container {
box-shadow: none;
}
}
.p-body-header .uix_sidebarTrigger__component {margin-left: @xf-paddingMedium;}
.cover .memberHeader-blurb.pairs {
border-color: rgba(255,255,255,.3);
}
.hScroller-scroll {
&.th_scroller--start-active {
-webkit-mask-image: linear-gradient(to right, transparent 5%, black 10%);
mask-image: linear-gradient(to right, transparent 5%, black 10%);
}
&.th_scroller--end-active {
-webkit-mask-image: linear-gradient(to left, transparent 5%, black 10%);
mask-image: linear-gradient(to left, transparent 5%, black 10%);
}
&.th_scroller--end-active.th_scroller--start-active {
-webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 5%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,rgba(0,0,0,0) 95%);
mask-image: linear-gradient(to right, rgba(0,0,0,0) 5%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,rgba(0,0,0,0) 95%);
}
}
.block[data-widget-definition="visitor_panel"] .contentRow {margin-bottom: @xf-paddingMedium;}
.block[data-widget-definition="th_widget_login_uix"] .formSubmitRow-controls {
padding-left: 0;
text-align: center;
}
.uix_loginProvider__row {
dt {display: none;}
dd {text-align: center;}
}
.thBranding__pipe {display: none;}
.p-footer-copyright > * ~ .thBranding .thBranding__pipe {display: inline;}
.offCanvasMenu-link {padding: @xf-paddingMedium @xf-paddingLarge;}
.offCanvasMenu-subList {padding-bottom: 0;}
*::selection,
{
.xf-uix_textSelection(); /* WebKit/Blink Browsers */
}
*::-moz-selection {
.xf-uix_textSelection(); /* Gecko Browsers */
}
.block-container {
.uix_newIndicator {
.xf-uix_newNodeMarkerStyle();
}
}
/* --- Sticky kit header fix --- */
.uix_headerContainer--stickyFix {
height: 1px;
visibility: hidden;
}
.uix_headerContainer {margin-top: -1px !important;}
/* -- fixes sticky kit abs positioning for sticky header on covered themes -- */
.has-no-hiddenscroll .is-modalOpen .is-sticky {
margin-left: 0px;
}
.uix_adminTrigger {display: none !important;}
@media (max-width: @xf-uix_viewportCollapseStaffLinks) {
.p-staffBar-link {display: none !important;}
.uix_adminTrigger {display: inline-block !important;}
}
/***** Abridged Signatures *******/
.uix_signatureExpand {display: none;}
.message-signature {
overflow: hidden;
transition: ease-in-out .2s height;
&--expandable {
height: @xf-uix_signatureMaxHeight + 0px; // adding 0 converts the number to px value}
@signatureBgColor: @xf-messageSignature--background-color;
@signatureBgColor: @xf-uix_message--background-color;
@signatureBgColor: @xf-contentBase--background-color;
@signatureBgColor: @xf-contentBg;
.uix_signatureExpand {
padding-bottom: @xf-paddingLarge;
background: linear-gradient(to bottom, fade(@signatureBgColor, 0%), @signatureBgColor 40%);
text-align: center;
display: flex;
justify-content: center;
align-items: flex-end;
height: 60px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: @xf-textColorAttention;
&:hover {cursor: pointer;}
}
}
&.message-signature--expanded {
height: auto;
padding-bottom: @xf-paddingLarge;
.bbWrapper {padding-bottom: (@xf-paddingLarge * 2);}
.uix_signatureExpand {background: none;}
}
}
/***** extra user info postbit collapse *******/
.thThreads__userExtra--toggle {
text-align: center;
margin-top: @xf-paddingMedium;
.thThreads__userExtra--trigger {
background: @xf-uix_primaryColor;
color: #fff;
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
border-radius: 100%;
transition: ease-in transform .2s .2s;
&:hover {cursor: pointer; text-decoration: none;}
&:before {
.m-faBase();
.m-faContent(@fa-var-chevron-down);
}
}
}
.thThreads__message-userExtras {
height: 0;
overflow: hidden;
transition: ease-in height .2s;
}
@media (max-width: @xf-messageSingleColumnWidth) {
.thThreads__message-userExtras {display: none;}
.thThreads__userExtra--toggle {display: none;}
}
.userExtra--expand {
.thThreads__message-userExtras {height: auto;}
.thThreads__userExtra--trigger {transform: rotate(-180deg);}
}
/*------- sticky thread collapse ------- */
.uix_threadCollapseTrigger {
transition: ease transform .2s;
margin-left: auto;
font-size: 18px;
&.is-active {transform: rotate(-180deg);}
}
.uix_stickyContainerOuter {
transition: ease-in height 0.3s, ease-in opacity 0.3s;
opacity: 1;
display: none;
opacity: 0;
-webkit-transition: all 0.2s ease, -xf-opacity 0.2s ease;
transition: all 0.2s ease, -xf-opacity 0.2s ease;
overflow-y: hidden;
height: 0;
-webkit-transition-property: all, -xf-height;
transition-property: all, -xf-height;
&.is-active {
display: block;
opacity: 1;
height: auto;
overflow-y: visible;
}
&.is-transitioning {
display: block;
width: 100%;
}
&.is-transitioning {
overflow-y: hidden;
}
.uix_stickyContainerInner {
width: 100%;
display: table;
}
}
.uix_stickyContainerOuter.uix_threadListSeparator--collapsed {
height: 0;
opacity: 0;
pointer-events: none;
transition: ease-in height 0.3s, ease-in opacity 0.3s;
.uix_block-body--outer {
height: 0 !important;
opacity: 0;
pointer-events: none;
}
}
/*------- category collapse ------- */
@keyframes overflow-delay {
from {
overflow: visible;
}
}
@keyframes overflow-show {
from {
overflow: hidden;
}
}
.category--collapsed.block--category {
.uix_block-body--outer {
height: 0 !important;
opacity: 0;
pointer-events: none;
animation: .3s overflow-delay;
overflow: hidden;
// animation-delay: .3s;
// animation-fill-mode: backwards;
}
.categoryCollapse--trigger {transform: rotate(-180deg);}
&:hover {text-decoration: none;}
}
.categoryCollapse--trigger {
transition: @uix_move transform .2s;
overflow: hidden;
height: 18px;
min-width: 24px;
width: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
}
.block--category .uix_block-body--outer {
transition: @uix_move height 0.3s, @uix_move opacity 0.3s;
opacity: 1;
animation: .3s overflow-show;
overflow: visible;
}
/*------- Sidebar collapse ------- */
a.uix_sidebarTrigger__component {
display: inline-flex;
align-items: center;
&:hover {cursor: pointer;}
@media (min-width: (@xf-uix_viewportWidthRemoveSubNav + 1px) ) {
.p-nav-inner & {display: none !important;}
}
@media (min-width: (@xf-responsiveWide + 1px) ) {
.p-nav-inner & {display: none !important;}
}
@media (max-width: @xf-responsiveWide) {
.p-body-header & {display: none !important;}
}
.p-nav-inner & {
color: inherit;
color: @xf-publicNavTab--color;
background: none !important;
box-shadow: none;
border: none;
.uix_sidebarTrigger--phrase {
display: none;
}
i {
font-size: @xf-uix_iconSizeLarge;
width: auto;
padding: 0;
margin: 0;
&:before {
display: inline-flex;
justify-content: center;
width: 10px;
}
}
}
&.uix_sidebarCanvasTrigger {
@media (min-width: (@xf-uix_sidebarBreakpoint + 1px) ) {
display: none;
}
}
&.uix_sidebarTrigger {
@media (max-width: @xf-uix_sidebarBreakpoint) {
display: none;
}
}
i {
// transform: rotate(0);
// transition: ease-in transform .2s;
font-size: @xf-uix_iconSize;
margin-left: -7px;
}
span {order: 1;}
/*
i {
transform: rotate(-180deg);
.uix_sidebarCollapsed & {
transform: rotate(0);
}
}
*/
}
.p-body-sidebar {
transition: ease-in opacity .2s .2s, ease-in max-height .2s .2s;
opacity: 1;
max-height: 100%;
.uix_sidebarInner {
transition: .01s .2s transform;
}
}
@media (min-width: @xf-responsiveWide) {
.uix_sidebarCollapsed {
.p-body-sidebar {
transition: ease-in opacity 0.2s, ease-in max-height .2s .01s;
opacity: 0;
max-height: 0;
}
.uix_sidebarInner {
transition: .0.01s .0.01s transform;
transform: scaleY(0);
}
.p-body-main--withSidebar .p-body-content {
width: 100%;
max-width: 100%;
transition: ease-in width 0.2s 0.2s, ease-in max-width 0.2s .2s
}
.p-body-main--withSidebar.p-body-main--withSideNav .p-body-content {
width: calc(~"100% - {{ uix_intval(property('sidebarWidth')) + uix_intval(property('elementSpacer'))}}px");
max-width: calc(~"100% - {{ uix_intval(property('sidebarWidth')) + uix_intval(property('elementSpacer'))}}px");
transition: ease-in width 0.2s 0.2s, ease-in max-width 0.2s .2s
}
}
}
.button.uix_sidebarTrigger__component {
flex-direction: row-reverse;
}
/*------- navigation icons------- */
body .p-navEl-link, body .offCanvasMenu-link {
font-family: inherit;
font-weight: inherit;
-webkit-font-smoothing: initial;
}
.p-navEl-link:before, .offCanvasMenu-link:before {
.m-faBase();
.xf-uix_navTabIconStyle();
mask-position: left !important;
-webkit-mask-position: left !important;
}
.p-navEl-link:before {display: none !important;}
.p-navEl-link:not(.mdi):not(.fa), .offCanvasMenu-link:not(.mdi):not(.fa) {
&[data-nav-id]:before {.m-faBase();}
&[data-nav-id]:before {
.m-faContent(@fa-var-folder);
}
.offCanvasMenu-link {dislay: none;}
&[data-nav-id="thxpress"]:before {
.m-faContent(@fa-var-newspaper);
}
&[data-nav-id="th_donate"]:before {
.m-faContent(@fa-var-gift);
}
&[data-nav-id="home"]:before {
.m-faContent(@fa-var-home);
}
&[data-nav-id="forums"]:before {
.m-faContent(@fa-var-comments);
}
&[data-nav-id="whatsNew"]:before {
.m-faContent(@fa-var-bolt);
}
&[data-nav-id="members"]:before {
.m-faContent(@fa-var-users);
}
&[data-nav-id="profile"]:before {
.m-faContent(@fa-var-user);
}
&[data-nav-id="alerts"]:before {
.m-faContent(@fa-var-bell);
}
&[data-nav-id="settings"]:before {
.m-faContent(@fa-var-cog);
}
&[data-nav-id="xfmg"]:before {
.m-faContent(@fa-var-image);
}
&[data-nav-id="xfrm"]:before {
.m-faContent(@fa-var-cogs);
}
&[data-nav-id="ad_leaderboards"]:before {
.m-faContent(@fa-var-podium);
}
&[data-nav-id="EWRporta"]:before, &[data-nav-id="blog"]:before, &[data-nav-id="XPRESS"]:before {
.m-faContent(@fa-var-newspaper);
}
}
.p-sectionLinks .p-navEl-link:before,
.offCanvasMenu-subList .offCanvasMenu-link:before {display: none !important;}
/* ---Force header content fluid --- */
.p-staffBar .pageContent,
.p-header-inner,
.p-nav-inner,
.p-sectionLinks .pageContent {max-width: 100%;}
/* ---Sidebar Navigation --- */
.p-nav .p-nav-menuTrigger.uix_sidebarNav--trigger {display: none;}
@media (min-width: (@xf-publicNavCollapseWidth + 1px) ) {
.uix_page--fluid.sidebarNav--active .p-body-inner {
width: calc( ~"100% - {{ uix_intval(property('uix_sidebarNavWidth')) + (uix_intval(property('elementSpacer')) * 2) }}px");
}
.p-nav .p-nav-menuTrigger.uix_sidebarNav--trigger {display: inline-block;}
.uix_page--fixed.sidebarNav--active .p-body-inner {
@media (max-width: @uix_sidebarNavBreakpoint) {
width: calc( ~"100% - {{ uix_intval(property('uix_sidebarNavWidth')) + (uix_intval(property('elementSpacer')) * 2) }}px");
}
@media (min-width: calc(@uix_sidebarNavBreakpoint + 1px) ) {
left: -105px;
}
}
}
.uix_sidebarNav__inner__widgets {
padding: @xf-paddingLarge;
}
.sidebarNav--active .uix_sidebarNav {
margin-left: 0;
}
.uix_stickyBodyElement:not(.offCanvasMenu) {
position: sticky;
position: -webkit-sticky;
-- sticky test --
.uix_stickyBottom & {
top: unset !important;
bottom: @xf-elementSpacer;
margin-top: auto;
}
}
.uix_stickyBottom .p-body-sidebar {display: flex;}
.uix_sidebarNav {
.uix_sidebarNav__inner {
overflow: hidden;
}
.uix_sidebar--scroller {
overflow-y: auto;
margin-right: -30px;
padding-right: 32px;
}
}
.uix_sidebarInner,
.p-body-sideNavInner:not(.offCanvasMenu) {
position: static;
}
@media (min-width: (@xf-uix_sidebarBreakpoint + 1px) ) {
.uix_sidebarInner,
.p-body-sideNavInner {
position: sticky;
position: -webkit-sticky;
}
.uix_sidebarInner, .p-body-sideNavInner {
overflow: hidden;
.block {
margin-left: 2px;
margin-rght: 2px;
}
.uix_sidebar--scroller {
overflow-y: auto;
max-height: 90vh;
margin-right: -30px;
padding-right: 32px;
padding-top: 2px;
padding-bottom: 2px;
}
}
}
.offCanvasMenu .offCanvasMenu-link:before {
font-size: @xf-uix_iconSizeLarge !important;
padding-right: 1em;
}
.offCanvasMenu-link {
display: flex;
align-items: center;
&.offCanvasMenu-link--splitToggle {font-size: 18px;}
}
.offCanvasMenu .uix_sidebar--scroller {
@media (max-width: @xf-uix_sidebarBreakpoint) {
position: static !important;
+ div[style*="position"] {display: none !important;}
}
}
.uix_sidebarNav {
.xf-uix_sidebarNavigationStyle();
width: @xf-uix_sidebarNavWidth;
min-width: @xf-uix_sidebarNavWidth;
padding-bottom: @xf-elementSpacer;
margin-left: -{{property('uix_sidebarNavWidth')}};
padding-top: @xf-elementSpacer;
z-index: 1;
transition: ease-in-out margin-left .3s;
@media (max-width: @xf-publicNavCollapseWidth) {
margin-left: -{{property('uix_sidebarNavWidth')}} !important;
}
.uix_sidebarNavList {
padding: 10px 0;
margin: 0;
border-bottom: 1px solid @xf-borderColor;
line-height: 40px;
width: @xf-uix_sidebarNavWidth - 2px;
&:first-child {padding-top: 0;}
&:last-child {border-bottom: none;}
.uix_sidebarNav__subNav {
display: block;
height: 0;
overflow: hidden;
transition: ease-in height .3s;
&.subNav--expand {height: auto;}
}
.menu-linkRow {
padding: 0 @xf-paddingLarge;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: @xf-textColorDimmed;
border: none;
.xf-uix_canvasNavSubItem();
&:hover {
border: none;
.xf-uix_canvasNavItemHover();
}
}
.p-navEl-link span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
min-width: 0;
}
.uix_sidebarNavList__title {
padding: 0 @xf-paddingLarge;
font-size: @xf-fontSizeSmaller;
color: @xf-textColorMuted;
}
> li {
display: block;
.p-navEl:before, .p-navEl:after {display: none;}
.p-navEl__inner {
display: flex;
align-items: center;
.xf-uix_canvasNavItem();
}
.p-navEl__inner:hover,
.blockLink:hover {
.xf-uix_canvasNavItemHover();
}
.is-selected .p-navEl__inner {
.xf-uix_canvasNavItemActive();
a, .p-navEl-link {
color: inherit;
}
}
.p-navEl {display: block;}
.p-navEl-link,
.p-navEl-linkHolder,
.blockLink {
display: flex;
min-width: 0;
align-items: center;
padding: 0 @xf-paddingLarge;
color: @xf-textColorDimmed;
background: none;
width: 100%;
text-decoration: none;
float: none;
&:before {
font-size: @xf-uix_iconSizeLarge !important;
width: @xf-uix_iconSizeLarge !important;
padding-right: 1em;
mask-position: left;
-webkit-mask-position: left;
}
}
.p-navEl-linkHolder {padding: 0;}
.blockLink {
padding-left: 50px;
}
.uix_sidebarNav--trigger {
font-size: @xf-uix_iconSize;
color: inherit;
padding-right: @xf-paddingLarge;
.fa--xf {transition: ease-in transform .3s;}
&.is-expanded .fa--xf {transform: rotate(-180deg);}
}
.p-navEl-splitTrigger, .p-navEl-link--menuTrigger:after {display: none;}
}
}
}
/* ---VISITOR TABS --- */
.p-account {
background-color: transparent;
.p-navgroup-link {
display: flex;
align-items: center;
border: none;
}
}
.p-nav .p-navgroup-link:hover {.xf-publicNavTabHover();}
{{ include('uix_searchComponent.less') }}
/* ---UTILITIES --- */
.media__container {
display: flex;
.media--left {margin-right: @xf-paddingMedium;}
}
{{ include('uix_footer.less') }}
/* ---Login form sliding panel --- */
.uix__loginForm--panel {
background: @xf-contentHighlightBg;
overflow: hidden;
position: absolute;
z-index: 200;
transition: ease-in .2s transform;
left: 0;
right: 0;
transform: translateY(-100%);
top: 0;
}
.uix__loginForm--mask {
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: transparent;
transition: ease-in .2s background-color;
}
.uix__loginForm.is-active .uix__loginForm--panel {transform: translateY(0);}
.uix__loginForm.is-active .uix__loginForm--mask {
background-color: rgba(0,0,0,.4);
bottom: 0;
}
.uix__loginForm--panel form {
.m-pageWidth();
}
.uix__loginForm--panel .block-container,
.uix__loginForm--panel .formRow > dt,
.uix__loginForm--panel .formRow > dd,
.uix__loginForm--panel .formSubmitRow-bar {
background: none;
box-shadow: none;
border: none;
}
.uix__loginForm--panel .block-outer {display: none;}
.uix_discussionList {
.xf-uix_discussionList();
}
[type=checkbox], [type=radio], legend {margin-right: .5em;}
.structItem-extraInfo [type=checkbox] {margin-right: 0;}
form.structItem {
display: flex;
max-width: 100%;
}
.structItem-cell--newThread {flex-grow: 1; min-width: 0;}
.uix_messageContent {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
}
.pageContent .uix_socialMedia {
display: inline-flex;
flex-wrap: wrap;
margin: 0 -6px;
padding: 0;
.p-staffBar & {
margin-right: @xf-paddingMedium;
@media (max-width: @xf-uix_staffBarBreakpoint) {
display: none;
}
}
li {display: inline-block;}
li a {
margin: 6px;
line-height: 1;
display: inline-block;
.xf-uix_socialMediaIcon();
}
}
.uix_headerContainer {
.xf-uix_headerWrapper();
display: flex;
flex-direction: column;
@media (min-width: (@xf-responsiveEdgeSpacerRemoval + 1px) ) {
margin-top: @xf-uix_headerWhiteSpace;
}
@media (min-width: @xf-responsiveMedium) {
> *:not(.p-nav) {
margin-bottom: @xf-uix_headerWhiteSpace;
&:last-child {margin-bottom: 0;}
}
}
}
@media (min-width: (@xf-responsiveEdgeSpacerRemoval + 1px) ) {
.p-staffBar,
.p-header {
margin-bottom: @xf-uix_headerWhiteSpace;
}
}
.p-pageWrapper {
@media (min-width: (@xf-responsiveEdgeSpacerRemoval + 1px) ) {
margin-top: @xf-uix_headerWhiteSpace;
}
}
.p-body > * {padding-top: @xf-elementSpacer;}
.uix_pageWrapper--fixed {
width: 100%;
.m-pageWidth();
.uix_page--fluid & {
@media (min-width: @xf-pageWidthMax) {
max-width: 95%;
}
}
@media (max-width: @xf-responsiveEdgeSpacerRemoval) {
padding: 0 !important;
}
position: relative;
left: 0;
transition: max-width .2s, ease-in left .2s;
}
/* --- post thread widget --- */
.uix_postThreadWidget {
border-top: 4px solid @xf-uix_primaryColor;
text-align: center;
padding: @xf-paddingLarge;
color: @xf-textColorDimmed;
i {
height: 50px;
width: 50px;
line-height: 50px;
border-radius: 100%;
background-color: fade(@xf-uix_primaryColor, 20%);
color: @xf-uix_primaryColor;
display: inline-block;
font-size: @xf-uix_iconSizeLarge;
}
.uix_postThreadWidget__title {
font-size: @xf-fontSizeLarger;
font-weight: @xf-fontWeightHeavy;
color: @xf-textColor;
}
.button {margin-top: @xf-paddingMedium;}
}
/* --- border radius javascript --- */
@media (min-width: @xf-responsiveEdgeSpacerRemoval) {
.uix_smartBorder--noTop {
border-bottom-left-radius: @xf-borderRadiusLarge !important;
border-bottom-right-radius: @xf-borderRadiusLarge !important;
}
.uix_smartBorder--noBottom {
border-top-left-radius: @xf-borderRadiusLarge !important;
border-top-right-radius: @xf-borderRadiusLarge !important;
}
.uix_smartBorder--default {
border-top-left-radius: @xf-borderRadiusLarge !important;
border-top-right-radius: @xf-borderRadiusLarge !important;
border-bottom-left-radius: @xf-borderRadiusLarge !important;
border-bottom-right-radius: @xf-borderRadiusLarge !important;
}
}
// overlay content
.block-footer.uix_conversationsFooterMobile {
display: none;
.overlay & {
display: flex;
}
}
.overlay .block-footer {
position: sticky;
bottom: 0;
}
/* -- tab bar -- */
.uix_hasBottomTabs {
.uix_tabBar {
height: 46px;
position: relative;
z-index: 300;
@media (min-width: @xf-responsiveNarrow) {
display: none;
}
}
.uix_tabList {
z-index: 100;
margin: 0;
padding: 0;
display: flex;
background: @xf-uix_primaryColor;
position: fixed;
text-transform: capitalize;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0 0 2px 0 rgba(0,0,0,0.14), 0 -2px 2px 0 rgba(0,0,0,0.12), 0 -1px 3px 0 rgba(0,0,0,.2);
.uix_tabItem {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 5px;
height: 46px;
color: rgba(255,255,255,.5);
line-height: 1;
font-size: 10px;
position: relative;
text-align: center;
&.uix_tabItem--active {color: #fff;}
&:hover {
text-decoration: none;
color: #fff;
}
}
.badgeContainer {position: relative;}
.badgeContainer:after {
position: absolute;
top: 5px;
right: 50%;
margin-right: -20px;
}
.uix_tabItem i {
font-size: 24px;
}
}
}
// remove border on macro components for mobile
@media (max-width: @xf-responsiveEdgeSpacerRemoval) {
.uix_headerContainer > *,
.p-pageWrapper > *,
.p-nav,
.p-footer > * {border-radius: 0 !important;}
}
// nav edits for mobile
// staff bar
.uix_responsiveStaffBar {
@media (max-width: @xf-uix_staffBarBreakpoint) {
.p-staffBar {display: none;}
}
}
@media (max-width: @xf-uix_staffBarBreakpoint) {
.p-staffBar .p-nav-opposite {display: none;}
}
@media (min-width: (@xf-uix_staffBarBreakpoint + 1px) ) {
.p-nav .uix_searchBar {display: none;}
.p-nav .p-navgroup--member, .p-nav .p-navgroup-link--whatsnew {display: none;}
.p-nav .p-navgroup--guest {display: none;}
}
.p-staffBar .p-navgroup--member, .p-nav .p-navgroup-link--whatsnew {display: none;}
.p-staffBar .p-navgroup--guest {display: none;}
.p-staffBar .uix_searchBar {display: none;}
/* --- show logoblock for desktop --- */
@media (max-width: (@xf-uix_viewportShowLogoBlock - 1px) ) {
.p-header {display: none;}
}
@media (max-width: (@xf-uix_viewportShowLogoBlock - 1px) ) {
.p-header .p-nav-opposite {display: none;}
}
@media (min-width: @xf-uix_viewportShowLogoBlock) {
.p-nav-inner .p-header-logo {display: none;}
.p-nav .p-navgroup--member, .p-nav .p-navgroup-link--whatsnew {display: none;}
.p-nav > *:not(.p-header) .uix_searchBar {display: none;}
}
.p-header {display: none;}
/* sub-navigation */
@media (max-width: @xf-uix_viewportWidthRemoveSubNav ) {
.p-sectionLinks {display: none;}
.p-sectionLinks > * {display: none;}
@media(max-width: @xf-publicNavCollapseWidth) {
.p-sectionLinks {display: none;}
}
}
@media (min-width: (@xf-uix_viewportWidthRemoveSubNav + 1px) ) {
.p-nav .uix_searchBar {display: none;}
.p-nav .p-navgroup--member, .p-nav .p-navgroup-link--whatsnew {display: none;}
.p-nav .p-navgroup--guest {display: none;}
.breadcrumb a.uix_sidebarTrigger__component {display: none;}
}
.p-sectionLinks {display: none;}
.p-sectionLinks > * {display: none;}
@media(max-width: @xf-publicNavCollapseWidth) {
.p-sectionLinks {display: none;}
}
// search navigation
.p-nav .p-nav-opposite .uix_searchBar {display: none;}
.menu--account .avatar-update a {
max-width: 21px;
overflow: hidden;
font-size: 12px;
}
// label.iconic.iconic--labelled > input + i {margin-top: -2px; width: auto;}
.comment-reply-link:before {
.m-faBase();
.m-faContent(@fa-var-comment-alt);
margin-right: 4px;
}
.sidePanel__tabs .badgeContainer:after {
position: relative;
top: -15px;
left: -5px;
}
// notices
//scrolling notices
.lSSlideOuter.noticeScrollContainer {
position: relative;
.lSPager {
margin-top: 0px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 20px;
background: none;
}
.notice-content {margin-bottom: 20px;}
}
// bottom notice
.notices--bottom_fixer .notice--cookie {
.notice-content {
display: flex;
@media (max-width: @xf-responsiveMedium) {
text-align: center;
align-items: center;
flex-direction: column;
}
}
.u-inputSpacer {margin-top: 0;}
.uix_cookieButtonRow {
margin: 0 -3px -3px @xf-paddingMedium;
@media (max-width: @xf-responsiveMedium) {
margin-top: @xf-paddingMedium;
margin-left: -3px;
}
.button {margin: 3px;}
}
.notice-content > div:first-child {
flex-grow: 1;
justify-content: center;
display: flex;
flex-direction: column;
}
}
.uix_mobileNodeTitle {
&:before {
content: "\00a0\00B7\00a0";
}
@media (min-width: @xf-uix_discussionListCollapseWidth) {
display: none;
}
}
// MENU
@media (min-width: @xf-uix_viewportCondenseVisitorTabs) {
.p-navgroup-link--user.p-navgroup-link.badgeContainer:after {display: none;}
.menu-tabHeader .tabs-tab {
&.js-badge--conversations, &.js-badge--alerts {
display: none;
}
}
}
.p-navgroup-link--user.p-navgroup-link.badgeContainer:after {display: none;}
.menu-tabHeader .tabs-tab {
&.js-badge--conversations, &.js-badge--alerts {
display: none;
}
}
@media (min-width: @xf-responsiveNarrow) {
.p-navgroup-link--user.p-navgroup-link.badgeContainer:after {display: none;}
.menu-tabHeader .tabs-tab {
&.js-badge--conversations, &.js-badge--alerts {
display: none;
}
}
}
.menu-tabHeader {
color: @xf-textColorMuted;
i {font-size: @xf-uix_iconSizeLarge;}
.tabs-tab {
min-width: 60px;
text-align: center;
position: relative;
}
.badgeContainer:after {
position: absolute;
top: 10px;
right: 10px;
}
}
.menu {
transition: @uix_move .26s transform, @uix_move .26s opacity;
transform: translateY(-10px);
opacity: 0;
&.is-active {
transform: translateY(0);
opacity: 1;
}
}
.input input {box-shadow: none !important;}
.structItem--thread:hover {cursor: pointer;}
.uix_sidebarNav .uix_sidebarNav__inner__widgets,
.offCanvasMenu-content .uix_sidebarNav__inner__widgets {
.block-container,
.block-minorHeader,
.block-footer,
.block-body
.block-row {
border: none;
box-shadow: none;
background: none;
padding: 0;
&:not(:last-child) {
padding-bottom: @xf-paddingLarge;
}
}
.block:not(:last-child) .block-container {
border-bottom: 1px solid @xf-borderColor;
padding-bottom: @xf-paddingLarge;
}
.block-minorHeader {
font-size: @xf-fontSizeSmaller;
color: @xf-textColorMuted;
&:before {display: none !important;}
}
[data-widget-definition="th_bookmarks"] {
.bookmarkRow {
line-height: 40px;
display: flex;
align-items: center;
color: @xf-textColorDimmed;
.contentRow-minor, .bookmarkRow-forum {display: none;}
.bookmarkRow-content {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.block-row {padding: 0 !important;}
.contentRow-main.contentRow-main--close {padding: 0;}
i:before, a {color: inherit;}
.block-footer, .contentRow-main:before {display: none;}
.contentRow-figure {
height: 24px;
padding-right: 1em;
font-size: 24px;
.avatar, i {
font-size: 24px;
width: 24px;
height: 24px;
vertical-align: inherit;
}
.node-icon {
width: auto;
}
}
}
}
.uix_sidebarTrigger--phrase {display: none;}
.uix_headerInner--opposite a.uix_sidebarTrigger__component {
padding: 0 4px;
i {margin: 0;}
}
.uix_originalPoster__icon {
height: 19px;
width: 19px;
background: xf-intensify(@xf-contentHighlightBg, 3%);
color: @xf-textColor;
display: inline-block;
border-radius: 100%;
// .m-uix_whiteText(@xf-uix_primaryColor);
text-align: center;
}
// messages
.uix_solutionAttribution {
color: @xf-votePositiveColor;
}
.actionBar-action.actionBar-action--vote {
@media (min-width: @xf-responsiveMedium) {
display: none;
}
.contentVote {
flex-direction: row;
font-size: inherit;
min-width: 0px;
.contentVote-vote {
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
padding: 0;
background: @xf-contentHighlightBg;
border-radius: 100%;
transform: initial;
&:before {background: none;}
&.is-voted {
background: @xf-votePositiveColor;
color: #fff;
&.contentVote-vote--down {
background: @xf-voteNegativeColor;
color: #fff;
}
}
}
.contentVote-score {
padding: 0 10px;
}
}
}
.message-cell.message-cell--vote {
@media (max-width: @xf-responsiveMedium) {
display: none;
.contentVote {
display: none;
}
.u-srOnly {
display: inline;
position: static;
overflow: visible;
height: auto;
clip: initial;
width: auto;
margin: auto;
padding-left: 5px;
}
.solutionIcon {
font-size: @xf-fontSizeNormal;
}
}
}
]]>
@-webkit-keyframes rippleAnimation {
to {
border-radius: 100%;
opacity: 0;
-webkit-transform: scale(2.5);
transform: scale(2.5);
}
}
@keyframes rippleAnimation {
to {
border-radius: 100%;
opacity: 0;
-webkit-transform: scale(2.5);
transform: scale(2.5);
}
}
.rippleButton {
position: relative;
}
.rippleButton .ripple-container {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%;
overflow: hidden;
border-radius: inherit;
-webkit-mask-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC');
}
.rippleButton .ripple {
background-color: rgba(255,255,255,0.2);
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center 50%;
transform-origin: center 50%;
display: block;
position: absolute;
-webkit-animation: rippleAnimation 650ms ease-out;
animation: rippleAnimation 650ms ease-out;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.navLink .ripple {
background-color: rgba(0,0,0,0.15);
-webkit-animation: rippleAnimation 450ms ease-out;
}
.rippleButton:hover {cursor: pointer;}
]]>
]]>
]]>
if (typeof (window.themehouse) !== 'object') {
window.themehouse = {};
}
if (typeof (window.themehouse.settings) !== 'object') {
window.themehouse.settings = {};
}
window.themehouse.settings = {
common: {
'20210125': {
init: false,
},
},
data: {
version: '{{property('uix_version')}}',
jsVersion: 'No JS Files',
templateVersion: '2.1.8.0_Release',
betaMode: {{property('uix_betaMode')}},
theme: '',
url: '{{ base_url(null, true)|escape("js") }}',
user: '{$xf.visitor.user_id}',
},
inputSync: {},
minimalSearch: {
breakpoint: "{{ property('uix_search_maxResponsiveWidth') }}",
dropdownBreakpoint: "{{ uix_intval(property('uix_search_maxResponsiveWidth')) }}",
},
sidebar: {
enabled: '{{$uix_canCollapseSidebar}}',
link: '{{ link("uix/toggle-sidebar.json", null, {"t": csrf_token()}) }}',
state: '{{$uix_sidebarCollapsed}}',
},
sidebarNav: {
enabled: '{{$uix_canCollapseSidebarNav}}',
link: '{{ link("uix/toggle-sidebar-navigation.json", null, {"t": csrf_token()}) }}',
state: '{{$uix_sidebarNavCollapsed}}',
},
fab: {
enabled: {{property('uix_fabScroll')}},
},
checkRadius: {
enabled: {{property('uix_borderRadiusJs')}},
selectors: '{{property("uix_borderRadiusSelectors")}}',
},
nodes: {
enabled: {{property('uix_nodeClickable')}},
},
nodesCollapse: {
enabled: '{{$uix_canCollapseCategories}}',
link: '{{ link("uix/toggle-category.json", null, {"t": csrf_token()}) }}',
state: '{{$uix_collapsedCategoriesJson}}',
},
widthToggle: {
enabled: '{{$uix_canTogglePageWidth}}',
link: '{{ link("uix/toggle-width.json", null, {"t": csrf_token()}) }}',
state: '{{$uix_pageWidth}}',
},
}
window.document.addEventListener('DOMContentLoaded', function() {
window.themehouse.common['20210125'].init();
window.themehouse.common['20180112'] = window.themehouse.common['20210125'];
try {
window.themehouse.common['20210125'].init();
window.themehouse.common['20180112'] = window.themehouse.common['20210125']; // custom projects fallback
} catch(e) {
console.log('Error caught', e);
}
var jsVersionPrefix = 'No JS Files';
if (typeof(window.themehouse.settings.data.jsVersion) === 'string') {
var jsVersionSplit = window.themehouse.settings.data.jsVersion.split('_');
if (jsVersionSplit.length) {
jsVersionPrefix = jsVersionSplit[0];
}
}
var templateVersionPrefix = 'No JS Template Version';
if (typeof(window.themehouse.settings.data.templateVersion) === 'string') {
var templateVersionSplit = window.themehouse.settings.data.templateVersion.split('_');
if (templateVersionSplit.length) {
templateVersionPrefix = templateVersionSplit[0];
}
}
if (jsVersionPrefix !== templateVersionPrefix) {
var splitFileVersion = jsVersionPrefix.split('.');
var splitTemplateVersion = templateVersionPrefix.split('.');
console.log('version mismatch', jsVersionPrefix, templateVersionPrefix);
}
});
]]>
]]>
.m-pageWidth();
@media (max-width: @xf-responsiveMedium) {
display: none;
}
.pageContent {
.m-pageWidth();
padding:0;
}
.uix_extendedFooterRow {
display: flex;
flex-wrap: wrap;
//margin: calc(-@xf-uix_footerWidgetPadding / 2);
grid-gap: @xf-uix_footerWidgetPadding;
.blockLink {text-transform: capitalize;}
> .block {
flex-basis: @xf-uix_footerWidgetWidth;
// padding: calc(@xf-uix_footerWidgetPadding / 2);
margin: 0;
flex-grow: 1;
min-width: 0;
.block-container {
margin-left: 0;
margin-right: 0;
color: rgba(255,255,255,.7);
.xf-uix_footerWidget();
.block-minorHeader {
color: rgba(255,255,255,1);
.xf-uix_footerWidgetHeader();
&:before {
color: rgba(255,255,255,.3);
}
a {color: inherit;}
}
.contentRow-minor {
color: rgba(255,255,255,.5);
time {color: rgba(255,255,255,.7);}
}
a {
color: inherit;
}
.pairs > dt {color: rgba(255,255,255,.5);}
.block-body {
.xf-uix_footerWidgetBody();
}
.block-row, .blockLink {
.xf-uix_footerWidgetRow();
}
.block-footer {
color: inherit;
.xf-uix_footerWidgetFooter();
}
.blockLink {
background: none;
color: inherit;
border-bottom: 1px solid rgba(255,255,255,.12);
a {display: block;}
}
}
}
}
}]]>
@media (max-width: @xf-responsiveNarrow) {
.uix_hasBottomTabs & {margin-bottom: calc(60px - @xf-paddingLarge);}
}
.uix_hasBottomTabs & {
@media (max-width: @xf-responsiveNarrow) {
.u-scrollButtons:last-child {
margin-bottom: (@xf-paddingLarge + 30px);
}
}
}
.uix_editor--focused & {
display: none;
}
&--mirror {
visibility: hidden;
position: static;
padding-top: calc(@xf-paddingLarge * 2);
background-color: @xf-uix_fabBarBackground;
.p-title-pageAction{ padding-top: 0;}
@media (min-width: @xf-uix_fabVw) {
display: none;
}
}
// background-color: @xf-uix_fabBarBackground;
// height: 60px;
padding: @xf-paddingLarge 0;
@media (min-width: @xf-uix_fabVw) {
.p-title-pageAction{ display: none;}
}
display: flex;
flex-direction: column;
align-items: flex-end;
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: @xf-paddingLarge;
z-index: 150;
pointer-events: none;
.u-scrollButtons {position: static;}
.p-title-pageAction {
.uix_hasBottomTabs & {margin-bottom: -30px;}
margin-bottom: calc(-60px - @xf-paddingLarge);
transition: ease-in .2s margin-bottom;
z-index: 5;
padding-top: @xf-paddingLarge;
.button {
border-radius: 100%;
height: 60px;
width: 60px;
padding: 0;
font-size: 0;
display: none;
align-items: center;
justify-content: center;
box-shadow: @xf-uix_elevation2;
background: @xf-buttonCta--background-color;
color: @xf-buttonCta--color;
&:last-child {display: flex;}
&:not(.button--icon) {display: none;}
i {
display: flex;
}
svg {
font-size: @xf-uix_iconSizeLarge;
margin: 0;
width: 1em;
}
.button-text {
//display: none;
&:before {
margin: 0;
}
}
}
}
.u-scrollButtons {pointer-events:auto;}
&.uix_fabBar--active .p-title-pageAction {
margin-bottom: 0;
pointer-events: auto;
.uix_hasBottomTabs & {
@media (max-width: @xf-responsiveNarrow) {
margin-bottom: (@xf-paddingLarge + 30px);
}
}
}
}
#uix_jumpToFixed {
font-size: 24px;
color: #FFF;
background-color: @xf-uix_secondaryColor;
padding: 8px;
margin: 16px;
border-radius: 2px;
position: fixed;
z-index: 1;
transition: opacity 0.4s;
display: block;
padding: 0;
bottom: 0;
right: 0;
left: auto;
}
#uix_jumpToFixed a:first-child {
padding-bottom: 4px;
}
#uix_jumpToFixed a {
color: inherit;
display: block;
padding: 8px;
}
#uix_jumpToFixed a:last-child {
padding-top: 4px;
}]]>
--- hero / emphasis section ---
--- Primary Section ---
--- CTA Section---
CTA Title
This is some sample CTA text. This is some sample CTA text.
CTA Button
--- icon blurbs ---
--- testimonials ---
]]>
.blockMessage:last-child {display: none;}
body {
font-size: 1.6rem;
}
// ----- typography ----- //
.uix_heading {
font-weight: @xf-fontWeightHeavy;
font-family: @xf-uix_headingFont;
margin-bottom: .3em;
&.uix_heading--h1 {
font-size: 2.8rem;
}
&.uix_heading--h2 {
font-size: 2.4rem;
}
&.uix_heading--h3 {
font-size: 1.8rem;
}
&.uix_heading--h4 {
font-size: 1.6rem;
}
&.uix_heading--centered {
text-align: center;
}
}
.uix_paragraph {
font-size: 1.6rem;
margin-bottom: .7em;
&.uix_paragraph--noMargin {
margin: 0;
}
}
.uix_text {
&.uix_text--small {
font-size: 1.4rem;
}
&.uix_text--secondary {
color: @xf-textColorDimmed;
}
&.uix_text--centered {
text-align: center;
}
}
// titlebar
.uix_titlebar {
border-bottom: 2px solid @xf-borderColor;
display: flex;
justify-content: space-between;
align-items: flex-end;
padding-bottom: 10px;
margin-bottom: 20px;
.uix_heading {
margin: 0;
}
}
// -------- section component --------- //
.uix_section {
padding: 30px 0;
background: @xf-contentBg;
@media (min-width: @xf-responsiveWide) {
padding: 80px 0;
&.uix_section--small {
padding: 45px 0;
}
}
&.uix_section--noPadding {
padding: 0;
}
&.uix_section--narrow .pageContent {
max-width: 950px;
}
&.uix_section--secondary {
background: xf-intensify(@xf-contentHighlightBg, 3%);
}
&.uix_section--emphasis {
background-color: @xf-uix_sectionBg;
background-size: cover;
color: #fff;
text-shadow: 0 0 1px #000;
}
.pageContent {
.m-pageWidth();
}
&.uix_section--cta {
.uix_heading {
margin-bottom: 5px;
}
.button {
margin-top: 15px;
}
}
}
// ------- layouts -------- //
.uix_layout {
display: grid;
grid-template-columns: 1fr;
&.uix_layout--withSidebar {
grid-gap: @xf-elementSpacer;
@media (min-width: @xf-responsiveWide) {
grid-template-columns: 1fr 250px;
}
}
}
.uix_layoutCol {
display: grid;
grid-gap: @xf-elementSpacer;
&.uix_layoutCol--small {
grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
}
&.uix_layoutCol--medium {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
&.uix_layoutCol--large {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
&.uix_layoutCol--mobileScroll {
@media (max-width: @xf-responsiveMedium) {
overflow-x: scroll;
grid-template-columns: auto;
&.uix_layoutCol--medium > * {width: 250px;}
&.uix_layoutCol--small > * {width: 175px;}
> * {
grid-row: 1;
}
}
}
}
// ------- section titlebar
// hero
.uix_hero {
display: flex;
// flex-wrap: wrap;
align-items: center;
@media (max-width: @xf-responsiveWide) {
flex-direction: column;
}
.uix_hero__content {
margin-bottom: 20px;
@media (min-width: @xf-responsiveWide) {
flex-basis: 350px;
flex-grow: 1;
margin-right: 40px;
flex-shrink: 0;
margin-bottom: 0;
}
}
.button {
margin-top: @xf-paddingLarge;
}
}
// Blurb section
.uix_blurbRow {
display: flex;
@media (max-width: @xf-responsiveWide) {
flex-direction: column;
}
}
.uix_blurb {
flex-grow: 1;
padding: 20px @xf-paddingMedium;
display: flex;
align-items: center;
flex-basis: 50%;
@media (min-width: @xf-responsiveWide) {
padding: 45px;
}
.uix_blurbIcon {
width: 60px;
margin-right: 15px;
font-size: 60px;
}
}
// Testimonials
.uix_testimonialList {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.uix_testimonial {
position: relative;
flex-basis: 250px;
margin: 30px 15px;
.block-container {margin: 0;}
.block-container {
z-index: 1;
position: relative;
}
.block-row {
padding: 20px;
}
}]]>
{{ uix_js('themehouse/' . property('uix_jsPath') . '/defer.js', true, 'defer') }}
{{ uix_js('themehouse/' . property('uix_jsPath') . '/deferSidebarNav.js', true, 'defer') }}
{{ uix_js('themehouse/' . property('uix_jsPath') . '/deferFab.js', true, 'defer') }}
{{ uix_js('themehouse/' . property('uix_jsPath') . '/deferNodesCollapse.js', true, 'defer') }}
{{ uix_js('themehouse/' . property('uix_jsPath') . '/deferWidthToggle.js', true, 'defer') }}
// detect android device. Added to fix the dark pixel bug https://github.com/Audentio/xf2theme-issues/issues/1055
var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
if(isAndroid) {
document.querySelector("html").classList.add("device--isAndroid");
}
var threadSelector = document.querySelector('.structItem--thread') !== null;
if (threadSelector) {
document.querySelector('.structItem--thread').addEventListener('click', (e) => {
var target = e.target;
var skip = ['a', 'i', 'input', 'label'];
if (target && skip.indexOf(target.tagName.toLowerCase()) === -1) {
var href = this.querySelector('.structItem-title').getAttribute('uix-href');
if (e.metaKey || e.cmdKey) {
e.preventDefault();
window.open(href, '_blank');
} else {
window.location = href;
}
}
});
}
var sidebar = document.querySelector('.p-body-sidebar');
var backdrop = document.querySelector('.p-body-sidebar [data-ocm-class="offCanvasMenu-backdrop"]');
var hasSidebar = document.querySelector('.p-body-sidebar') !== null;
var hasBackdrop = document.querySelector('.p-body-sidebar [data-ocm-class="offCanvasMenu-backdrop"]') !== null;
var sidebarTrigger = document.querySelector('.uix_sidebarCanvasTrigger') !== null;
var sidebarInner = document.querySelector('.uix_sidebarCanvasTrigger') !== null;
if (sidebarTrigger) {
document.querySelector('.uix_sidebarCanvasTrigger').addEventListener("click", (e) => {
e.preventDefault();
sidebar.style.display = "block";;
window.setTimeout(function() {
sidebar.classList.add('offCanvasMenu');
sidebar.classList.add('offCanvasMenu--blocks');
sidebar.classList.add('is-active');
sidebar.classList.add('is-transitioning');
document.querySelector('body').classList.add('sideNav--open');
}, 50);
if (hasSidebar) {
window.setTimeout(function() {
sidebar.classList.remove('is-transitioning');
}, 250);
}
if (sidebarInner) {
document.querySelector('.uix_sidebarInner').classList.add('offCanvasMenu-content');
backdrop.classList.add('offCanvasMenu-backdrop');
document.querySelector('body').classList.add('is-modalOpen');
}
})
}
if (hasBackdrop) {
backdrop.addEventListener("click", (e) => {
sidebar.classList.add('is-transitioning');
sidebar.classList.remove('is-active');
window.setTimeout(function() {
sidebar.classList.remove('offCanvasMenu');
sidebar.classList.remove('offCanvasMenu--blocks');
sidebar.classList.remove('is-transitioning');
document.querySelector('.uix_sidebarInner').classList.remove('offCanvasMenu-content');
backdrop.classList.remove('offCanvasMenu-backdrop');
document.querySelector('body').classList.remove('is-modalOpen');
sidebar.style.display="";
}, 250);
});
}
/****** OFF CANVAS ******/
var panels = {
navigation: {
position: 1,
},
account: {
position: 2,
},
inbox: {
position: 3,
},
alerts: {
position: 4,
},
};
var tabsContainer = document.querySelector(".sidePanel__tabs");
var activeTab = "navigation";
var activeTabPosition = panels[activeTab].position;
function generateDirections() {
var tabPanels = document.querySelectorAll(".sidePanel__tabPanel");
tabPanels.forEach(function (tabPanel) {
var tabPosition = tabPanel.getAttribute("data-content");
var activeTabPosition = panels[activeTab].position;
if (tabPosition != activeTab) {
if (panels[tabPosition].position < activeTabPosition) {
tabPanel.classList.add("is-left");
}
if (panels[tabPosition].position > activeTabPosition) {
tabPanel.classList.add("is-right");
}
}
});
}
generateDirections();
if (tabsContainer) {
var sidePanelTabs = tabsContainer.querySelectorAll(".sidePanel__tab");
}
if (sidePanelTabs && sidePanelTabs.length > 0) {
sidePanelTabs.forEach(function (tab) {
tab.addEventListener("click", function () {
sidePanelTabs.forEach(function (tab) {
tab.classList.remove("sidePanel__tab--active");
});
this.classList.add("sidePanel__tab--active");
activeTab = this.getAttribute("data-attr");
var tabPanels = document.querySelectorAll(".sidePanel__tabPanel");
tabPanels.forEach(function (tabPanel) {
tabPanel.classList.remove("is-active");
});
var activeTabPanel = document.querySelector(
'.sidePanel__tabPanel[data-content="' + activeTab + '"]'
);
activeTabPanel.classList.add("is-active");
var tabPanels = document.querySelectorAll(".sidePanel__tabPanel");
tabPanels.forEach(function (tabPanel) {
tabPanel.classList.remove("is-left", "is-right");
});
generateDirections();
});
});
}
/******** extra info post toggle ***********/
XF.thThreadsUserExtraTrigger = {
eventNameSpace: 'XFthThreadsUserExtraTrigger',
init: function(e) {},
click: function(e) {
var target = e.target;
var parent = target.closest('.message-user');
var triggerContainer = target.parentElement.closest('.thThreads__userExtra--toggle');
var container = triggerContainer.previousElementSibling;
var child = container.querySelector('.message-userExtras');
var eleHeight = child.offsetHeight;
if (parent.classList.contains('userExtra--expand')) {
container.style.height = eleHeight + 'px';
parent.classList.toggle('userExtra--expand');
setTimeout(function() {
container.style.height = '0';
setTimeout(function() {
container.style.height = '';
}, 200);
}, 17);
} else {
container.style.height = eleHeight + 'px';
setTimeout(function() {
parent.classList.toggle('userExtra--expand');
container.style.height = '';
}, 200);
}
}
};
document.body.addEventListener('click', function(event) {
var target = event.target;
if (target.matches('.thThreads__userExtra--trigger')) {
XF.thThreadsUserExtraTrigger.click(event);
}
});
/******** Backstretch images ***********/
if ( {{ property('uix_backstretch') }} ) {
$("{{ property('uix_backstretchSelector') }}").addClass('uix__hasBackstretch');
$("{{ property('uix_backstretchSelector') }}").backstretch([
{{ property('uix_backstretchImages') }}
], {
duration: {{ property('uix_backstretchDuration') }},
fade: {{ property('uix_backstretchFade')}}
});
$("{{ property('uix_backstretchSelector') }}").css("zIndex","");
}
// sidenav canvas blur fix
document.querySelectorAll('.p-body-sideNavTrigger .button').forEach(function (button) {
button.addEventListener('click', function () {
document.body.classList.add('sideNav--open');
});
});
document.querySelectorAll("[data-ocm-class='offCanvasMenu-backdrop']").forEach(function (backdrop) {
backdrop.addEventListener('click', function () {
document.body.classList.remove('sideNav--open');
});
});
document.addEventListener('editor:start', function (event) {
if (typeof event !== 'undefined' && typeof event.target !== 'undefined') {
var ele = event.target;
if (event?.target) {
var ele = event.target;
if (!ele.classList==undefined) {
if (ele.classList.contains('js-editor')) {
var wrapper = ele.closest('.message-editorWrapper');
if (wrapper) {
setTimeout(function () {
var innerEle = wrapper.querySelector('.fr-element');
if (innerEle) {
innerEle.addEventListener('focus', function (e) {
document.documentElement.classList.add('uix_editor--focused');
});
innerEle.addEventListener('blur', function (e) {
document.documentElement.classList.remove('uix_editor--focused');
});
}
}, 0);
}
}
}
}
}
});
// off canvas menu closer keyboard shortcut
document.body.addEventListener('keyup', function (e) {
switch (e.key) {
case 'Escape':
var offCanvasMenu = document.querySelector('.offCanvasMenu.is-active');
if (offCanvasMenu) {
var backdrop = offCanvasMenu.querySelector('.offCanvasMenu-backdrop');
if (backdrop) {
backdrop.click();
}
}
return;
}
});
var parallaxSelector = "{{ property('uix_parallaxSelector') }}"
var parallaxImage = "{{ base_url(property('uix_parallaxImage')) }}"
var parallaxPosition = "{{ property('uix_parallaxPosition') }}"
$(parallaxSelector).parallax({imageSrc: parallaxImage, positionY: parallaxPosition});
let uixMegaHovered = false;
const navEls = document.querySelectorAll('.uix-navEl--hasMegaMenu');
const pNav = document.querySelector('.p-nav');
let menu;
function handleMouseOver() {
if (uixMegaHovered) {
menu = this.getAttribute('data-nav-id');
pNav.classList.add('uix_showMegaMenu');
document.querySelectorAll('.uix_megaMenu__content').forEach(function (content) {
content.classList.remove('uix_megaMenu__content--active');
});
document
.querySelector('.uix_megaMenu__content--' + menu)
.classList.add('uix_megaMenu__content--active');
}
}
function handleMouseEnter() {
uixMegaHovered = true;
}
function handleMouseLeave() {
pNav.classList.remove('uix_showMegaMenu');
uixMegaHovered = false;
}
navEls.forEach(function (navEl) {
navEl.addEventListener('mouseover', handleMouseOver);
});
pNav.addEventListener('mouseenter', handleMouseEnter);
pNav.addEventListener('mouseleave', handleMouseLeave);
/******** signature collapse toggle ***********/
setTimeout(function() {
var maxHeight = {{ property('uix_signatureMaxHeight') }};
var signatures = document.querySelectorAll('.message-signature');
signatures.forEach(function(signature) {
var wrapper = signature.querySelector('.bbWrapper');
if (wrapper) {
var height = wrapper.clientHeight;
if (height > maxHeight) {
signature.classList.add('message-signature--expandable');
}
}
});
/*** expand function ***/
function expand(container, canClose) {
var inner = container.querySelector('.bbWrapper');
var eleHeight = inner ? inner.clientHeight : 0;
var isExpanded = container.classList.contains('message-signature--expanded');
if (isExpanded) {
if (canClose) {
container.style.height = eleHeight + 'px';
container.classList.remove('message-signature--expanded');
setTimeout(function() {
container.style.height = maxHeight + 'px';
setTimeout(function() {
container.style.height = '';
}, 200);
}, 17);
}
} else {
container.style.height = eleHeight + 'px';
setTimeout(function() {
container.classList.add('message-signature--expanded');
container.style.height = '';
}, 200);
}
}
var hash = window.location.hash;
if (hash && hash.indexOf('#') === 0) {
var replacedHash = hash.replace('#', '');
var ele = document.getElementById(replacedHash);
if (ele) {
ele.scrollIntoView();
}
}
/*** handle hover ***/
var expandableSignatures = document.querySelectorAll('.message-signature--expandable');
expandableSignatures.forEach(function(signature) {
signature.addEventListener('mouseenter', function() {
expand(signature, false);
});
});
/*** handle click ***/
var signatureExpandButtons = document.querySelectorAll('.uix_signatureExpand');
signatureExpandButtons.forEach(function(button) {
button.addEventListener('click', function() {
var container = button.closest('.message-signature');
expand(container, true);
});
});
}, 0);
var lazyloadImages;
if ("IntersectionObserver" in window) {
lazyloadImages = document.querySelectorAll(".lazy");
var imageObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
var image = entry.target;
image.src = image.dataset.src;
image.classList.remove("lazy");
imageObserver.unobserve(image);
}
});
});
lazyloadImages.forEach(function(image) {
imageObserver.observe(image);
});
document.addEventListener('xf:reinit', function() {
document.querySelectorAll(".lazy").forEach(function(image) {
imageObserver.observe(image);
});
});
} else {
var lazyloadThrottleTimeout;
lazyloadImages = document.querySelectorAll(".lazy");
function lazyload () {
if(lazyloadThrottleTimeout) {
clearTimeout(lazyloadThrottleTimeout);
}
lazyloadThrottleTimeout = setTimeout(function() {
var scrollTop = window.pageYOffset;
lazyloadImages.forEach(function(img) {
if(img.offsetTop < (window.innerHeight + scrollTop)) {
img.src = img.dataset.src;
img.classList.remove('lazy');
}
});
if(lazyloadImages.length == 0) {
document.removeEventListener("scroll", lazyload);
window.removeEventListener("resize", lazyload);
window.removeEventListener("orientationChange", lazyload);
}
}, 20);
}
document.addEventListener("scroll", lazyload);
window.addEventListener("resize", lazyload);
window.addEventListener("orientationChange", lazyload);
}
// swipe canvas close
var canvas = $('.offCanvasMenu');
Hammer(canvas[0]).on('swipeleft', function(ev){
$('.offCanvasMenu-backdrop').click();
});
// swipe overlay close
$('a[data-xf-click="overlay"]').click(function() {
if (window.matchMedia("(max-width: 480px)").matches) {
window.setTimeout(function() {
var overlayContainer = $('.overlay-container');
var overlay = new Hammer(overlayContainer[0], {direction: Hammer.DIRECTION_ALL});
overlay.get('swipe').set({ direction: Hammer.DIRECTION_ALL });
overlay.on("swipedown", function(ev) {
$(overlayContainer).click();
});
}, 250);
}
})
var menuActive = false;
var closeTrigger = 'a[data-xf-click="menu"]';
var menuId = '';
var navElements = document.querySelectorAll('.p-navEl');
var simulateClick = function(elem) {
// Create our event (with options)
var evt = new MouseEvent('click', {
bubbles: true,
cancelable: true,
view: window
});
// If cancelled, don't dispatch our event
var canceled = !elem.dispatchEvent(evt);
};
var opts = {
timeout: 200
};
navElements.forEach((el, i) => {
hoverintent(el, function() {
//Hover in
if (!menuActive) {
simulateClick(this.querySelector(closeTrigger));
}
menuActive = true;
menuId = this.querySelector(closeTrigger).getAttribute('aria-controls');
this.querySelector(closeTrigger).focus();
}, function() {
//Hover out
function closeMenu(menuId) {
document.addEventListener("mousemove", function () {
if (!$('#' + menuId + ':hover').length && !$('a[aria-controls="' + menuId + '"]:hover').length) {
simulateClick(this.querySelector('a.is-menuOpen[aria-controls="' + menuId + '"]'));
menuActive = false;
menuId = '';
document.removeEventListener('mousemove');
}
});
}
closeMenu.bind(this, menuId)();
}).options(opts);
});
setTimeout(function() {
var doc = document.querySelector('html');
editor = XF.getEditorInContainer(doc);
if (!!editor && !!editor.ed) {
editor.ed.events.on('focus', function() {
var fabBar = document.querySelector('.uix_fabBar');
if (fabBar) {
fabBar.style.display = 'none';
}
});
editor.ed.events.on('blur', function() {
var fabBar = document.querySelector('.uix_fabBar');
if (fabBar) {
fabBar.style.display = '';
}
});
}
}, 100);
document.addEventListener('ajax:complete', function(e) {
if (typeof e.detail == 'undefined') {
return;
}
var xhr = e.detail[0];
var status = e.detail[1];
var data = xhr.responseJSON;
if (!data) {
return;
}
if (data.visitor) {
var totalUnreadBadge = document.querySelector('.js-uix_badge--totalUnread');
if (totalUnreadBadge) {
totalUnreadBadge.dataset.badge = data.visitor.total_unread;
}
}
});
]]>
{{ phrase('new_posts') }}
{{ phrase('forum_list') }}
]]>
]]>
@media (min-width: @xf-responsiveWide) {
// ANIMATION VARIABLES
@macroAnimationSpeed: .15s;
// MACRO ANIMATIONS
@keyframes macroAnimation {
from {
opacity: 0;
};
to {
opacity: 1;
};
}
.m-uix_macroAnimation(@iteration) {
animation: macroAnimation @macroAnimationSpeed ease;
animation-delay: @iteration * @macroAnimationSpeed;
animation-fill-mode: backwards;
}
.uix_sidebarNav {.m-uix_macroAnimation(1);}
.p-body-inner {.m-uix_macroAnimation(2);}
.p-body-sidebar {.m-uix_macroAnimation(3);}
.p-footer {.m-uix_macroAnimation(4);}
// NODE ANIMATIONS
@keyframes slideUp {
from {
transform: translatey(30px);
opacity: 0;
};
to {
transform: translatey(0px);
opacity: 1;
};
}
.m-uix_nodeAnimation(@iteration) {
animation: slideUp .4s cubic-bezier(0.4, 0, 0.2, 1);
animation-delay: (@iteration * .15s) + (@macroAnimationSpeed * 2);
animation-fill-mode: backwards;
}
.uix_nodeLoop (@i) when (@i > 0) {
&:nth-child(@{i}) {
.m-uix_nodeAnimation(@i)
}
.uix_nodeLoop(@i - 1);
}
.block--category {
.uix_nodeLoop(15);
}
// SIDEBAR ANIMATIONS
@sideNavItemDelay: .05s;
@keyframes scootRight {
from {
transform: translatex(-30px);
opacity: 0;
};
to {
transform: translatex(0px);
opacity: 1;
};
}
.m-uix_sideNavAnimation(@iteration, @offset) {
animation: scootRight .5s ease;
animation-delay: (@iteration * @sideNavItemDelay) + (@macroAnimationSpeed) + (@offset * @sideNavItemDelay) - @sideNavItemDelay;
animation-fill-mode: backwards;
}
.uix_sideNavLoop (@i) when (@i > 0) {
&:nth-child(@{i}) {
.uix_sideNavItemLoop(15);
}
.uix_sideNavLoop(@i - 1);
}
.uix_sideNavItemLoop (@i) when (@i > 0) {
&.uix_sidebarNavList > li:nth-child(@{i}),
.topic-filter-item:not(.th_topics_clearTopics):nth-child(@{i}) {
.m-uix_sideNavAnimation(@i, @i);
}
.uix_sideNavItemLoop(@i - 1);
}
.uix_sidebarNav__inner .uix_sidebar--scroller > * {
.uix_sideNavLoop(15);
}
// SIDEBAR ANIMATION
@sidebarItemDelay: .1s;
@keyframes scootRight {
from {
transform: translatex(-30px);
opacity: 0;
};
to {
transform: translatex(0px);
opacity: 1;
};
}
.m-uix_sidebarAnimation(@iteration) {
animation: scootRight .5s ease;
animation-delay: (@iteration * @sidebarItemDelay) + (@macroAnimationSpeed * 3);
animation-fill-mode: backwards;
animation-iteration-count: 1;
}
.uix_sidebarLoop (@i) when (@i > 0) {
&:nth-child(@{i}) {
.m-uix_sidebarAnimation(@i)
}
.uix_sidebarLoop(@i - 1);
}
// sticky kit breaks this animation
.uix_sidebarInner .block {
.uix_sidebarLoop(15);
}
// DISCUSSION LIST
.uix_scootUpLoop (@i) when (@i > 0) {
&:nth-child(@{i}) {
animation: slideUp .3s ease;
animation-delay: (@i * .05s) + (@macroAnimationSpeed * 2);
animation-fill-mode: backwards;
}
.uix_scootUpLoop(@i - 1);
}
.structItemContainer .structItem {
.uix_scootUpLoop(20);
}
.block--messages .block-body > .message--post {
.uix_scootUpLoop(20);
}
// ARTICLES LIST
.xpress_articleList .article {
.uix_scootUpLoop(20);
}
}
]]>
.uix_searchIcon {pointer-events: none;}
@media (max-width: @xf-uix_search_maxResponsiveWidth) {
order: 1;
}
@media (min-width: (@xf-uix_search_maxResponsiveWidth + 1px) ) {
max-width: @xf-uix_searchBarWidth;
width: 1000px;
display: flex;
// min-width: @xf-uix_searchBarWidth;
margin: 0 @xf-paddingMedium;
margin-left: .5em;
}
.uix_searchBarInner {
display: inline-flex;
pointer-events: none;
align-items: center;
left: 20px;
right: 20px;
justify-content: flex-end;
bottom: 0;
top: 0;
transition: ease-in background-color .3s;
flex-grow: 1;
left: 0px;
right: 0px;
@media (min-width: @xf-uix_search_maxResponsiveWidth) {
width: 100%;
}
.uix_searchIcon {
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
@media (max-width: min(@xf-responsiveMedium, @xf-uix_search_maxResponsiveWidth) ) {
position: absolute;
}
@media (max-width: @xf-uix_search_maxResponsiveWidth) {
position: absolute;
}
.uix_searchForm {
display: inline-flex;
align-items: center;
transition: ease-in flex-grow .3s, ease-in max-width .3s, ease-in background-color .2s;
flex-grow: 0;
max-width: @xf-uix_searchBarWidth;
width: 100%;
pointer-events: all;
position: relative;
.xf-uix_searchBar();
&.uix_searchForm--focused {
.xf-uix_searchBarFocus();
.input {
&::placeholder {color: @xf-uix_searchBarPlaceholderFocusColor;}
}
i {color: @xf-uix_searchIconFocusColor;}
}
.uix_search--settings i,
.uix_search--close i {display: none;}
i {
.xf-uix_searchIcon();
height: @xf-uix_searchBarHeight;
display: inline-flex;
align-items: center;
transition: ease-in color .2s;
}
.input {
height: @xf-uix_searchBarHeight;
border: none;
transition: ease-in color .2s;
background: none;
&::placeholder {color: @xf-uix_searchBarPlaceholderColor;}
color: inherit;
text-indent: 30px;
}
}
}
.p-navgroup-link {display: none;}
@media(max-width: @xf-uix_search_maxResponsiveWidth) {
.uix_searchBarInner .uix_searchForm {max-width: 0; overflow: hidden; border: none;}
}
@media (max-width: @xf-uix_search_maxResponsiveWidth) {
.p-navgroup-link {display: inline-flex;}
.minimalSearch--detailed & .p-navgroup-link {display: inline-flex;}
}
@media(max-width: @xf-uix_search_maxResponsiveWidth) and (min-width: @xf-responsiveMedium) {
.p-navgroup-link {display: inline-flex;}
.p-navgroup-link.uix_searchIconTrigger {display: none;}
}
@media (max-width: @xf-uix_search_maxResponsiveWidth) and (max-width: @xf-responsiveMedium) {
.p-navgroup-link.uix_searchIconTrigger {display: inline-flex;}
.p-navgroup-link {display: none;}
.minimalSearch--detailed & .p-navgroup-link.uix_searchIconTrigger {display: none;}
.minimalSearch--detailed & .p-navgroup-link {display: inline-flex;}
}
}
.uix_searchBar .uix_searchDropdown__menu {
display: none;
position: absolute;
top: @xf-uix_searchBarHeight;
right: 0;
opacity: 0;
width: @xf-uix_searchBarWidth;
max-width: @xf-uix_searchBarWidth;
@media(max-width: @xf-uix_search_maxResponsiveWidth) {
width: 100%;
max-width: 100%;
}
&.uix_searchDropdown__menu--active {
display: block;
opacity: 1;
pointer-events: all;
transform: translateY(0);
}
[name="constraints"] {
flex-grow: 1 !important;
widxth: auto !important;
}
}
.uix_search--submit:hover {cursor: pointer;}
.uix_search--close {
cursor: pointer;
}
@media(max-width: @xf-uix_search_maxResponsiveWidth) {
.minimalSearch--active .uix_searchBar .uix_searchBarInner {
position: absolute;
}
.minimalSearch--active .uix_searchBar .uix_searchBarInner .uix_searchForm {
flex-grow: 1;
display: inline-flex !important;
padding: 0 @xf-paddingMedium;
max-width: 100%;
}
.minimalSearch--active .uix_searchBar .uix_searchBarInner .uix_searchForm {
i.fa--xf {
display: inline-block;
padding: 0;
line-height: @xf-uix_searchBarHeight;
}
.uix_searchIcon i {display: none;}
.uix_searchInput {text-indent: 0;}
}
.p-navgroup-link--search,
.uix_sidebarCanvasTrigger,
.p-navgroup-link {transition: ease opacity .2s .3s; opacity: 1;}
.minimalSearch--active {
.p-navgroup-link--search,
.uix_sidebarCanvasTrigger,
.p-navgroup-link {
opacity: 0;
transition: ease opacity .2s;
pointer-events: none;
}
// .uix_searchBar {position: static;}
}
@media(max-width: @xf-uix_search_maxResponsiveWidth) {
.p-nav-inner > * {transition: ease-in opacity .2s; opacity: 1;}
.minimalSearch--active.p-nav-inner > *:not(.uix_searchBar),
.minimalSearch--active.p-nav-inner .p-account,
.minimalSearch--active.p-nav-inner .uix_searchBar .uix_searchIconTrigger,
.minimalSearch--active.p-nav-inner .p-discovery > *:not(.uix_searchBar) {opacity: 0;}
.minimalSearch--active.p-nav-inner .p-discovery,
.minimalSearch--active.p-nav-inner .p-nav-opposite {opacity: 1;}
}
.p-nav-inner > * {transition: ease-in opacity .2s; opacity: 1;}
.minimalSearch--active.p-nav-inner > *,
.minimalSearch--active.p-nav-inner .p-account,
.minimalSearch--active.p-nav-inner .uix_searchBar .uix_searchIconTrigger,
.minimalSearch--active.p-nav-inner .p-discovery > *:not(.uix_searchBar) {opacity: 0;}
.minimalSearch--active.p-nav-inner .p-discovery,
.minimalSearch--active.p-nav-inner .p-nav-opposite {opacity: 1;}
.p-nav-inner > *:not(.uix_searchBar),
.p-nav-inner .uix_searchBar .uix_searchIconTrigger {transition: ease-in opacity .2s; opacity: 1;}
.minimalSearch--active.p-nav-inner > *:not(.uix_searchBar),
.minimalSearch--active.p-nav-inner .p-account,
.minimalSearch--active.p-nav-inner .uix_searchBar .uix_searchIconTrigger,
.minimalSearch--active.p-nav-inner .p-discovery,
.minimalSearch--active.p-nav-inner .p-nav-opposite {opacity: 0;}
.p-sectionLinks .pageContent > * {transition: ease opacity .2s; opacity: 1;}
.minimalSearch--active.p-sectionLinks .pageContent > * {opacity: 0;}
.p-sectionLinks .pageContent .uix_searchBar {opacity: 1;}
.minimalSearch--active.p-sectionLinks .p-discovery,
.minimalSearch--active.p-sectionLinks .p-nav-opposite {opacity: 1;}
.p-header-content > * {transition: ease opacity .2s; opacity: 1;}
.minimalSearch--active.p-header-content > *:not(.p-nav-opposite) {opacity: 0;}
.minimalSearch--active.p-header-content .uix_searchBar {opacity: 1;}
@media (min-width: @xf-uix_viewportShowLogoBlock) {
.p-header-content > * {transition: ease opacity .2s; opacity: 1;}
.minimalSearch--active.p-header-content > *:not(.p-nav-opposite) {opacity: 0;}
.minimalSearch--active.p-header-content .uix_searchBar {opacity: 1;}
}
.p-staffBar .pageContent > * {transition: ease opacity .2s; opacity: 1;}
.minimalSearch--active.p-staffBar .pageContent > * {opacity: 0;}
.minimalSearch--active.p-staffBar .pageContent .uix_searchBar {opacity: 1;}
.minimalSearch--active.p-staffBar .p-discovery,
.minimalSearch--active.p-staffBar .p-nav-opposite {opacity: 1;}
}]]>
]]>
.node + .node {border: none;}
.thNodes__nodeList.block .block-container .th_nodes--below-lg .node-extra {padding-top: 0;}
.thNodes__nodeList.block .block-container .node-body {
border: none;
box-shadow: @xf-uix_elevation1;
.th_node--hasBackground& {
&:hover {
.xf-uix_nodeBodyHover();
}
}
}
// XenPorta
.porta-article-item .block-body.message-inner {display: flex;}
.porta-articles-above-full {margin-bottom: @xf-elementSpacer;}
// resource manager
.resourceBody .actionBar {
padding: 0;
margin: 0;
}
.resourceBody-main .bbWrapper {
margin-bottom: @xf-messagePadding;
}
// XFMG
.xfmgInfoBlock .actionBar .actionBar-set {
margin-top: 0;
}
// post comments
.block--messages .message .thpostcomments_commentsContainer .message {
.message-actionBar {
padding-top: 0;
border-top: 0;
}
.message-attribution {
padding-top: 0;
padding-bottom: @xf-paddingSmall;
}
}
// achivements
.memberHeader-actionTop .profile-achievement-showcase {
@media (max-width: @xf-responsiveMedium) {
margin: 0;
}
}]]>
]]>
.uix_hasWelcomeSection .uix_headerContainer {
background-image: @xf-uix_welcomeSection__style--background-image;
.uix_welcomeSection:before {display: none;}
> *:not(.p-navSticky), .p-nav, .p-sectionLinks {
background: none;
background: @xf-uix_welcomeSectionOverlay;
}
}
.uix_welcomeSection {
.m-pageWidth();
.uix_welcomeSection__inner {
.m-pageWidth();
}
.p-body-inner & {
max-width: 100%;
width: 100%;
padding-left: 0;
padding-right: 0;
.pageContent {
max-width: 100%;
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
}
.p-pageWrapper .uix_welcomeSection {
position: relative;
.xf-uix_welcomeSection__style();
margin-bottom: 0;
.uix_welcomeSection__inner {
position: relative;
.xf-uix_welcomeSectionInner();
}
.uix_welcomeSection__title {.xf-uix_welcomeSectionTitle__style();}
.uix_welcomeSection__text{.xf-uix_welcomeSectionText__style();}
.uix_welcomeSection__icon {.xf-uix_welcomeSectionIcon__style();}
&:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: @xf-uix_welcomeSectionOverlay;
}
}]]>
{{ phrase('manage_watched_threads') }}
{{ phrase('you_sure_you_want_to_stop_watching_all_threads') }}
{{ phrase('you_sure_you_want_to_update_notification_settings_for_all_threads') }}
]]>
a
{
display: block;
position: relative;
z-index: 90;
}
.porta-features-summary
{
position: absolute; bottom: 0; left: 0; right: 0;
background-color: rgba(0,0,0,0.5);
padding: 15px 20px 20px;
color: white;
>div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.title { font-size: 1.5em; font-weight: bold; }
}
.porta-features-media
{
position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 80;
margin: @xf-EWRporta_feature_media_margin auto;
width: @xf-EWRporta_feature_media_width;
height: (@xf-EWRporta_feature_height - (@xf-EWRporta_feature_media_margin * 2));
}
}
.has-media .porta-features-summary { display: none; }
.has-media .bx-controls-volume { display: initial; }
}
.porta-features-fix
{
height: @xf-EWRporta_feature_height;
overflow: hidden;
}
@media (max-width: @xf-responsiveWide)
{
.porta-features-fix { height: @xf-EWRporta_feature_wide; }
.porta-features .porta-features-item .porta-features-media
{
margin: (@xf-EWRporta_feature_media_margin / 2) auto;
width: @xf-EWRporta_feature_media_wide;
height: (@xf-EWRporta_feature_wide - @xf-EWRporta_feature_media_margin);
}
}
@media (max-width: @xf-responsiveMedium)
{
.porta-features-fix { height: @xf-EWRporta_feature_medium; }
.porta-features .porta-features-item .porta-features-media
{
margin: 0 auto;
width: @xf-EWRporta_feature_media_medium;
height: @xf-EWRporta_feature_medium;
}
}
@media (max-width: @xf-responsiveNarrow)
{
.porta-features-fix { height: @xf-EWRporta_feature_narrow; }
.porta-features .porta-features-item .porta-features-media
{
width: @xf-EWRporta_feature_media_narrow;
height: @xf-EWRporta_feature_narrow;
}
}
@media (max-width: @xf-responsiveEdgeSpacerRemoval)
{
.porta-features
{
margin-left: -@xf-pageEdgeSpacer / 2;
margin-right: -@xf-pageEdgeSpacer / 2;
}
}
/*---------------------------------------*/
/* BXSLIDER LAYOUT */
/*---------------------------------------*/
/* ITEM CONTROLS */
.porta-features
{
.bx-pager
{
position: absolute;
top: 10px;
text-align: center;
width: 100%;
}
.bx-pager .bx-pager-item { position: relative; z-index: 100; display: inline-block; }
.bx-pager.bx-default-pager a
{
background: rgba(128, 128, 128, 0.5);
margin: 0 3px;
border-radius: 8px;
display: block;
text-indent: -9999px;
box-shadow: 0px 0px 2px #FFF inset;
width: 16px;
height: 16px;
}
.bx-pager.bx-default-pager a:hover
{
background-color: rgb(128, 128, 128);
}
.bx-pager.bx-default-pager a.active
{
background-color: rgb(0, 0, 0);
}
}
/* PREV/NEXT CONTROLS */
.porta-features
{
.bx-controls-direction
{
}
.bx-controls-direction a
{
background-image: url('styles/8wayrun/porta/_slider.png');
background-repeat: no-repeat;
margin-top: -16px;
position: absolute;
text-indent: -9999px;
z-index: 100;
width: 32px;
height: 32px;
}
.bx-controls-direction .bx-prev
{
top: 50%;
left: 10px;
}
.bx-controls-direction .bx-next
{
top: 50%;
right: 10px;
}
.bx-controls-direction .bx-prev { background-position: 0 -32px; }
.bx-controls-direction .bx-prev:hover { background-position: 0 0; }
.bx-controls-direction .bx-next { background-position: -32px -32px; }
.bx-controls-direction .bx-next:hover { background-position: -32px 0; }
.bx-controls-direction .disabled { display: none; }
}
/* START/STOP CONTROLS */
.porta-features
{
.bx-controls-auto
{
position: absolute;
top: 10px;
right: 10px;
z-index: 100;
}
.bx-controls-auto a
{
background-image: url('styles/8wayrun/porta/_slider.png');
background-repeat: no-repeat;
display: block;
text-indent: -9999px;
width: 32px;
height: 32px;
}
.bx-controls-auto .active { display: none; }
.bx-controls-auto .bx-start { background-position: -64px -32px; }
.bx-controls-auto .bx-start:hover { background-position: -64px 0; }
.bx-controls-auto .bx-stop { background-position: -96px -32px; }
.bx-controls-auto .bx-stop:hover { background-position: -96px 0; }
}
/* VOLUME BUTTON */
.porta-features
{
.bx-controls-volume
{
display: none;
position: absolute;
right: 10px;
bottom: 10px;
z-index: 100;
}
.bx-controls-volume a
{
background-image: url('styles/8wayrun/porta/_slider.png');
background-repeat: no-repeat;
display: block;
text-indent: -9999px;
width: 64px;
height: 64px;
}
.bx-controls-volume .active { display: none; }
.bx-controls-volume .bx-unmute { background-position: -128px 0; }
.bx-controls-volume .bx-unmute:hover { background-position: -192px 0; }
.bx-controls-volume .bx-mute { background-position: -192px 0; }
.bx-controls-volume .bx-mute:hover { background-position: -128px 0; }
}
/* PROGRESS BAR */
.porta-features
{
.bx-progress
{
background-color: red;
border-top: 1px solid black;
position: absolute;
bottom: 0;
z-index: 100;
width: 0;
height: 5px;
}
}]]>
]]>
{$album.title}
{{ phrase('xfmg_add_media') }}
- {{ phrase('status') }}
-
-
{{ phrase('awaiting_approval_before_being_displayed_publicly') }}
-
{$album.warning_message}
{{ phrase('you_are_ignoring_content_by_this_member') }}
{{ phrase('leave_rating') }}
{{ phrase('xfmg_no_media_has_been_added_to_this_album_which_matches_your_filters') }}
{{ phrase('xfmg_no_media_has_been_added_to_this_album_yet') }}
- {$album.media_count|number_short}
-
-
{{ structured_text($album.description) }}
]]>
{{ phrase('xfmg_there_no_comments_to_display') }}
]]>
*
{
margin-left: 0;
margin-right: 0;
min-width: 0;
}
}
}
}
@_columnSidebarWidth: 350px;
@media (max-width: @xf-responsiveWide)
{
.columnContainer
{
display: block;
}
.columnContainer-comments
{
margin-right: 0;
}
.columnContainer-sidebar
{
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin: @xf-elementSpacer (@xf-pageEdgeSpacer * -2) (@xf-elementSpacer * -1);
width: auto;
> *
{
margin: 0 (@xf-pageEdgeSpacer / 2) @xf-elementSpacer;
min-width: @_columnSidebarWidth;
flex: 1 1 @_columnSidebarWidth;
&:last-child
{
margin-bottom: @xf-elementSpacer;
}
}
// add an invisible block to ensure that the last row has the correct widths
&:after
{
display: block;
content: '';
height: 0;
margin: 0 (@xf-pageEdgeSpacer / 2);
min-width: @_columnSidebarWidth;
flex: 1 1 @_columnSidebarWidth;
}
.block-container
{
display: flex;
flex-direction: column;
height: 100%;
.block-footer
{
margin-top: auto;
}
}
}
}
{{ include('bb_code.less') }}]]>
{$mediaItem.title}
]]>
:first-child
{
margin-left: auto;
margin-right: auto;
}
}
.bbMediaWrapper
{
width: 100%;
text-align: center; // helps center some embeds
.bbMediaWrapper-inner
{
&.bbMediaWrapper-inner--thumbnail
{
padding-bottom: xf-option('xfmgThumbnailDimensions.width', px);
}
}
}
.fb-video
{
iframe
{
background-color: @xf-contentBg;
}
}
.fb_iframe_widget
{
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: @xf-responsiveEdgeSpacerRemoval)
{
.media-container
{
margin-left: (@xf-pageEdgeSpacer * -.5);
margin-right: (@xf-pageEdgeSpacer * -.5);
}
}
{{ include('xfmg_media_note.less') }}
{{ include('xfmg_cropper.less') }}
{{ include('xfmg_item_view.less') }}]]>
{$category.description|raw}
{$bonusInfo}
- {{ phrase('xfrm_resources') }}
- {$extras.resource_count|number}
]]>
{{ phrase('this_message_is_awaiting_moderator_approval_and_is_invisible_to_normal') }}
{$update.warning_message}
{{ bb_code($update.message, 'resource_update', $update) }}
{{ phrase('posted_by:') }}
]]>
step=any
"0.2s"
"@xf-borderRadiusSmall"
{
"color": "@xf-textColorDimmed",
"background-color": "@xf-contentHighlightBg",
"border-radius": "@xf-borderRadiusSmall"
}
{
"font-size": "90%",
"background-color": "@xf-contentAltBg",
"border-width": "@xf-borderSize",
"border-color": "@xf-borderColorLight",
"border-radius": "@xf-borderRadiusSmall",
"padding-top": "1px",
"padding-right": "@xf-paddingSmall",
"padding-bottom": "1px",
"padding-left": "@xf-paddingSmall"
}
{
"border-width": "0",
"border-top-color": "@xf-borderColorLight",
"border-right-color": "@xf-borderColor",
"border-bottom-color": "@xf-borderColorHeavy",
"border-left-color": "@xf-borderColor"
}
{
"font-size": "@xf-fontSizeSmall",
"color": "@xf-textColor",
"background-color": "@xf-contentHighlightBg"
}
{
"font-size": "@xf-fontSizeSmaller",
"color": "@xf-blockFooterTextColor",
"background-color": "@xf-blockFooterBg",
"border-top-width": "@xf-borderSize",
"border-top-color": "@xf-borderColorLight",
"extra": "padding-top: @xf-paddingMedium;\npadding-bottom: @xf-paddingMedium;"
}
"@xf-contentHighlightBg"
{
"font-size": "@xf-fontSizeLarge",
"color": "@xf-majorHeadingTextColor",
"background-color": "@xf-majorHeadingBg",
"border-bottom-width": "1px",
"border-bottom-color": "@xf-borderColor"
}
{
"color": "@xf-textColorDimmed",
"text-decoration": "none",
"background-color": "@xf-contentBg",
"extra": "cursor: pointer;\npadding: (@xf-blockPaddingV / 2) @xf-blockPaddingH;\n\n&:hover {\n\tcolor: inherit;\n}"
}
{
"color": "@xf-uix_primaryColor",
"font-weight": "@xf-fontWeightHeavy",
"background-color": "xf-intensify(@xf-contentBg, 3%)",
"border-width": "@xf-borderSizeFeature",
"border-color": "@xf-borderColorFeature"
}
{
"font-size": "@xf-fontSizeNormal",
"color": "@xf-minorHeadingTextColor",
"font-weight": "@xf-fontWeightHeavy"
}
"@xf-paddingLarge"
"@xf-paddingLarge"
{
"font-size": "@xf-fontSizeNormal",
"color": "@xf-blockTabHeaderTextColor",
"background-color": "@xf-blockTabHeaderBg",
"border-bottom-width": "1px",
"border-bottom-color": "@xf-borderColor",
"extra": "border-bottom: 1px solid @xf-borderColor;\nfont-weight: @xf-fontWeightHeavy;"
}
"transparent"
{
"color": "@xf-uix_secondaryColor",
"border-color": "@xf-uix_secondaryColor"
}
"@xf-textColorMuted"
{
"font-size": "@xf-fontSizeLarger",
"color": "@xf-minorHeadingTextColor",
"font-weight": "@xf-fontWeightHeavy"
}
"rgba(255,255,255,.12)"
"@xf-borderColorHighlight"
"@xf-borderColorHighlight"
"@xf-borderColor"
"@xf-borderColorHighlight"
"@xf-borderColor"
"@xf-uix_primaryColor"
"@xf-borderColor"
"4px"
"@xf-borderRadiusSmall"
"4px"
"2px"
"@xf-borderSizeFeature"
{
"font-size": "14px",
"font-weight": "@xf-fontWeightHeavy",
"text-decoration": "none",
"border-radius": "@xf-borderRadiusMedium",
"padding-top": "0",
"padding-right": "10px",
"padding-bottom": "0",
"padding-left": "10px",
"extra": "text-align: center;\noutline: none;\nline-height: 36px;\nheight: 36px;\ntext-decoration: none;\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\ncursor: pointer;\nbox-sizing: content-box;\n-webkit-appearance: none;\nwill-change: box-shadow;\ntransition: all 0.3s cubic-bezier(.25,.8,.25,1);\nborder: none;\nwhite-space: nowrap;\ntext-decoration: none !important;\nvertical-align: bottom;"
}
"fade(@xf-buttonTextColor, 10%)"
{
"color": "#fff",
"background-color": "@xf-buttonCtaBg",
"extra": "border: none;"
}
"@xf-uix_secondaryColor"
{
"color": "@xf-buttonTextColor",
"text-decoration": "none",
"background-color": "@xf-buttonBg"
}
{
"color": "@xf-textColorMuted",
"font-style": "italic",
"background-color": "rgba(0,0,0,.12)",
"extra": "cursor: default;\nbox-shadow: none !important;\nfont-style: initial;"
}
{
"color": "#fff",
"background-color": "@xf-buttonPrimaryBg",
"extra": "border: none;"
}
"@xf-uix_primaryColor"
"@xf-uix_primaryColor"
{
"color": "@xf-textColorMuted",
"background-color": "@xf-contentHighlightBg",
"border-width": "@xf-borderSize",
"border-color": "@xf-borderColor",
"extra": "margin: 0 0 2px;\nborder-radius: 3px;"
}
{
"color": "@xf-textColorDimmed",
"background-color": "@xf-contentAccentBg"
}
"@xf-paletteColor5"
{
"color": "@xf-uix_primaryColor"
}
{
"default": "@xf-paletteColor2"
}
{
"color": "@xf-textColor",
"background-color": "@xf-contentBg"
}
"@xf-paletteColor1"
"@xf-paletteColor3"
{
"font-size": "@xf-fontSizeSmaller",
"color": "@xf-majorHeadingTextColor",
"font-weight": "@xf-fontWeightHeavy",
"background-color": "@xf-contentHighlightBg",
"border-bottom-width": "@xf-borderSize",
"border-bottom-color": "@xf-borderColorHeavy",
"extra": "text-transform: none;"
}
px
"18px"
"-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";"
"-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\""
"1.5rem"
"1.7rem"
"2.2rem"
"1.4rem"
"1.3rem"
"1.3rem"
"1.2rem"
step=100
min=100
max=900
"600"
"@xf-paddingLarge"
"@xf-paddingLarge"
"@xf-uix_secondaryColor"
{
"color": "@xf-textColor",
"background-color": "@xf-contentHighlightBg",
"border-bottom-width": "0",
"border-bottom-color": "xf-intensify(@xf-paletteColor5, 10%)",
"padding-top": "@xf-paddingMedium",
"padding-bottom": "@xf-paddingMedium"
}
"mix(@xf-paletteAccent1, @xf-contentBg, 10%)"
{
"font-size": "@xf-fontSizeNormal",
"color": "@xf-inputTextColor",
"background-color": "@xf-inputBgColor",
"border-width": "@xf-borderSize",
"border-radius": "@xf-borderRadiusMedium",
"border-top-color": "@xf-borderColorHeavy",
"border-right-color": "@xf-borderColorLight",
"border-bottom-color": "@xf-borderColorLight",
"border-left-color": "@xf-borderColorHeavy",
"padding": "6px"
}
"@xf-contentAltBg"
{
"color": "@xf-textColorMuted",
"background-color": "fade(@xf-textColorMuted, 20%)"
}
"@xf-contentBg"
"@xf-uix_primaryColor"
"xf-intensify(@xf-linkColor, 17%)"
{
"default": "@xf-uix_primaryColor",
"alternate": "@xf-paletteColor2"
}
{
"default": "xf-intensify(@xf-linkColor, 17%)",
"alternate": "@xf-paletteColor1"
}
"transparent"
"@xf-textColor"
{
"background-color": "@xf-contentHighlightBg",
"border-bottom-width": "0",
"border-bottom-color": "@xf-borderColorLight"
}
{
"color": "white",
"background-color": "rgba(0, 0, 0, 0.4)",
"border-radius": "@xf-borderRadiusMedium",
"extra": "text-shadow: 0 0 1px black;\nmargin-top: @xf-paddingMedium;"
}
{
"font-size": "@xf-fontSizeLargest",
"color": "@xf-textColor"
}
{
"background-color": "@xf-contentHighlightBg",
"border-bottom-width": "@xf-borderSize",
"border-bottom-color": "@xf-borderColorLight",
"extra": "display: flex;"
}
{
"font-size": "@xf-fontSizeLarger",
"color": "@xf-contentText"
}
{
"font-size": "@xf-fontSizeSmall",
"color": "@xf-textColor",
"background-color": "@xf-contentBg",
"border-width": "0",
"border-color": "@xf-borderColor",
"border-radius": "@xf-borderRadiusSmall"
}
"@xf-borderRadiusMedium"
"@xf-borderColor"
{
"font-size": "@xf-fontSizeSmaller",
"color": "@xf-textColorDimmed",
"background-color": "@xf-contentAltBg",
"border-top-width": "@xf-borderSize",
"border-top-color": "@xf-borderColorLight",
"extra": "padding: 8px;"
}
{
"font-size": "@xf-fontSizeLarge",
"color": "@xf-textColor",
"background-color": "@xf-contentBg",
"border-bottom-width": "@xf-borderSize",
"border-bottom-color": "@xf-borderColorLight"
}
{
"color": "@xf-uix_primaryColor",
"text-decoration": "none",
"background-color": "@xf-contentHighlightBg"
}
{
"font-size": "@xf-fontSizeNormal",
"color": "@xf-uix_primaryColor",
"background-color": "@xf-contentBg",
"border-bottom-width": "@xf-borderSize",
"border-bottom-color": "@xf-borderColorLight"
}
{
"font-size": "90%",
"color": "contrast(@xf-uix_primaryColorDarker)",
"background-color": "@xf-uix_primaryColorDarker",
"border-radius": "@xf-borderRadiusSmall",
"padding-top": "1px",
"padding-right": "4px",
"padding-bottom": "1px",
"padding-left": "4px"
}
"@xf-paddingMedium"
{
"font-size": "@xf-fontSizeSmaller",
"color": "@xf-textColorMuted",
"border-top-width": "@xf-borderSize",
"border-top-color": "@xf-borderColorLight",
"padding-top": "@xf-messagePadding",
"padding-bottom": "@xf-messagePadding",
"extra": "margin-top: 0;"
}
template=style_property_template_messageUserElements
type=array
{
"register_date": "1",
"message_count": "1",
"solutions": "1",
"reaction_score": "1",
"trophy_points": "1",
"age": "1",
"location": "1",
"website": "1",
"custom_fields": "1"
}
"@xf-textColor"
"@xf-borderColor"
"@xf-uix_secondaryColor"
tooltip={{ phrase('tooltip') }}
inline={{ phrase('inline') }}
none={{ phrase('none') }}
"inline"
{
"font-size": "@xf-fontSizeLarger",
"color": "@xf-textColor",
"font-weight": "@xf-fontWeightHeavy",
"background-color": "@xf-contentHighlightBg",
"border-bottom-width": "@xf-borderSize",
"border-bottom-color": "@xf-borderColorLight",
"padding-top": "@xf-paddingMedium",
"padding-right": "@xf-paddingLarge",
"padding-bottom": "@xf-paddingMedium",
"padding-left": "@xf-paddingLarge"
}
{
"default": "rgba(0,0,0,.65)",
"alternate": "hsl(0, 0%, 0%, 0.15)"
}
"15px"
"24px"
"10px"
"4px"
"@xf-paletteColor4"
"20px"
hidePalette=true
"#2196F3"
hidePalette=true
"#2f66b9"
hidePalette=true
"#8BC34A"
hidePalette=true
"#383c42"
hidePalette=true
"rgb(66, 70, 77)"
hidePalette=true
"#484d56"
hidePalette=true
"#2d3238"
hidePalette=true
"#212428"
hidePalette=true
"xf-intensify(@xf-paletteColor3, 45%)"
hidePalette=true
"xf-intensify(@xf-paletteColor3, 60%)"
hidePalette=true
"xf-intensify(@xf-paletteColor3, 87%)"
1
"@xf-uix_secondaryColor"
asset=logo
"@xf-uix_imagePath/images/favicon.png"
{
"font-size": "@xf-fontSizeSmall",
"color": "@xf-textColorDimmed"
}
{
"color": "rgba(255,255,255,.7)"
}
{
"color": "rgba(255,255,255,.7)",
"background-color": "@xf-uix_primaryColor",
"extra": "padding-top: @xf-paddingLarge;\npadding-bottom: @xf-paddingLarge;"
}
""
asset=logo
"@xf-uix_imagePath/images/uix-logo.png"
asset=logo
"@xf-uix_imagePath/images/uix-logo.png"
{
"color": "rgba(255,255,255,.7)",
"background-color": "@xf-uix_primaryColor"
}
"@xf-responsiveWide"
"16px"
"16px"
{
"color": "@xf-uix_secondaryColor",
"font-weight": "@xf-fontWeightHeavy",
"background-color": "@xf-contentAltBg"
}
primary={{ phrase('primary_navigation_row_only') }}
all={{ phrase('primary_and_sub_navigation_rows') }}
none={{ phrase('none') }}
"all"
{
"font-size": "@xf-fontSizeNormal",
"color": "rgba(255, 255, 255, 0.70)",
"font-weight": "@xf-fontWeightHeavy",
"text-decoration": "none",
"extra": "// text-transform: uppercase;\nline-height: 1;\nborder-top-left-radius: @xf-borderRadiusSmall;\nborder-top-right-radius: @xf-borderRadiusSmall;\nheight: @xf-uix_navigationBarHeight;"
}
{
"color": "#fff",
"text-decoration": "none"
}
{
"text-decoration": "none"
}
{
"font-size": "@xf-fontSizeSmall",
"color": "rgba(255,255,255,.8)",
"background-color": "@xf-uix_sectionBg"
}
{
"font-size": "@xf-fontSizeSmall",
"color": "@xf-subNavTextColor",
"background-color": "@xf-subNavBg",
"border-bottom-width": "@xf-borderSize",
"border-bottom-color": "@xf-borderColor"
}
{
"color": "@xf-textColor"
}
{
"text-decoration": "none"
}
"2px"
"@xf-responsiveWide"
={{ phrase('scroll_buttons_do_not_display') }}
up={{ phrase('scroll_buttons_when_scrolling_up') }}
both={{ phrase('scroll_buttons_when_scrolling_up_or_down') }}
"both"
"@xf-elementSpacer"
{
"font-size": "@xf-fontSizeNormal",
"color": "@xf-textColorMuted",
"extra": "border-bottom: 1px solid @xf-borderColor;\nfont-weight: @xf-fontWeightHeavy;\noutline: none;"
}
{
"color": "@xf-uix_secondaryColor",
"border-color": "@xf-uix_secondaryColor"
}
light={{ phrase('light') }}
dark={{ phrase('dark') }}
"dark"
"@xf-textColorMuted"
"rgb(218, 243, 216)"
"rgb(61, 121, 63)"
"@xf-paletteNeutral3"
"@xf-uix_secondaryColor"
"@xf-uix_secondaryColor"
"@xf-paletteNeutral2"
"@xf-uix_secondaryColor"
"@xf-textColor"
"@xf-paletteNeutral1"
1
0
{
"font-size": "18px",
"color": "#fff",
"border-left-width": "1px",
"border-left-color": "rgba(255,255,255,.3)",
"padding-right": "@xf-paddingMedium",
"padding-left": "@xf-paddingMedium",
"extra": "font-weight: @xf-fontWeightHeavy;"
}
""
0
0=Default
1=Circle
2=Square
3=Diamond
4=Pentagon
5=Hexagon
6=Octagon
"1"
0
"4000"
"500"
"\"@xf-uix_imagePath/images/bg/1.jpg\", \"@xf-uix_imagePath/images/bg/2.jpg\", \"@xf-uix_imagePath/images/bg/3.jpg\""
"body"
0
[]
{
"extra": "box-shadow: @xf-uix_elevation1;"
}
{
"extra": "box-shadow: @xf-uix_elevation1;"
}
{
"padding-bottom": "@xf-blockPaddingV"
}
[]
0
".p-footer-inner, .uix_extendedFooter, .p-nav, .p-sectionLinks, .p-staffBar, .p-header, #wpadminbar"
belowMainContainer=Below main container
mainContainerBottom = Bottom of main container
mainContentBottom=Bottom of main content
belowMainContent=Below main content
"belowMainContainer"
"@xf-responsiveWide"
{
"color": "@xf-textColorMuted"
}
{
"color": "@xf-textColorDimmed"
}
{
"color": "@xf-textColorMuted"
}
[]
{
"extra": "margin-top: @xf-elementSpacer;"
}
{
"text-decoration": "none",
"background-color": "fade(@xf-buttonDefault--color, 20%)"
}
{
"background-color": "saturate(@xf-buttonCta--background-color, 20%)"
}
{
"background-color": "saturate(@xf-buttonCta--background-color, 10%)"
}
{
"text-decoration": "none",
"background-color": "fade(@xf-buttonDefault--color, 20%)"
}
{
"background-color": "@xf-contentBg",
"border-width": "1px",
"border-color": "@xf-borderColor",
"extra": "text-transform: initial;"
}
{
"background-color": "darken(@xf-buttonPrimary--background-color, 20%)"
}
{
"color": "#fff",
"background-color": "darken(@xf-buttonPrimary--background-color, 10%)"
}
1
{
"font-size": "@xf-fontSizeSmaller",
"padding": "0",
"padding-right": "8px",
"padding-left": "8px",
"extra": "height: 28px;\nline-height: 28px;"
}
{
"color": "@xf-textColorDimmed",
"background-color": "@xf-contentBg"
}
[]
{
"font-weight": "@xf-fontWeightHeavy",
"extra": "border-top-right-radius: @xf-borderRadiusMedium;\nborder-bottom-right-radius: @xf-borderRadiusMedium;"
}
{
"color": "@xf-uix_primaryColor",
"background-color": "rgba(0,0,0,.08)"
}
{
"background-color": "xf-intensify(@xf-pageBg, 3%)"
}
{
"font-weight": "@xf-fontWeightNormal",
"extra": "border-top-right-radius: @xf-borderRadiusMedium;\nborder-bottom-right-radius: @xf-borderRadiusMedium;"
}
1
{
"font-size": "@xf-fontSizeSmaller",
"color": "@xf-textColorMuted",
"font-weight": "@xf-fontWeightNormal",
"padding-top": "4px",
"extra": "line-height: 1.5;\nfont-family: @xf-fontFamilyBody;\ntext-transform: none;"
}
tooltip=Tooltip
inline=Inline
none=None
"inline"
{
"font-size": "24px",
"color": "@xf-uix_primaryColor",
"padding-right": "@xf-paddingMedium"
}
{
"font-size": "@xf-fontSizeLarger",
"font-weight": "@xf-fontWeightHeavy",
"background-color": "transparent",
"border-bottom-width": "0",
"padding": "@xf-paddingLarge",
"padding-top": "0",
"extra": "line-height: 1;"
}
0
1
0
1
1
0
1
1
0
0=Default (no wrapper)
1= Wrapper around main content and sidebar
2=Wrapper around main content only
"0"
{
"background-color": "#fff",
"border-width": "@xf-borderSize",
"border-color": "@xf-borderColor"
}
"30"
1
1
1
{
"border-radius": "@xf-blockBorderRadius"
}
0
"@xf-responsiveMedium"
[]
[]
"@xf-contentAltBg"
"@xf-contentHighlightBg"
[]
{
"border-left-width": "3px",
"border-left-color": "#ca0000"
}
{
"font-size": "@xf-fontSizeLarge",
"color": "@xf-textColor",
"font-weight": "@xf-fontWeightNormal"
}
{
"font-weight": "@xf-fontWeightHeavy"
}
0
"0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.20)"
"0 6px 10px 0px rgba(0, 0, 0, 0.14), 0 1px 18px 0px rgba(0, 0, 0, 0.12), 0 3px 5px 0 rgba(0, 0, 0, 0.2)"
1
0
0
"10"
{
"background-color": "@xf-contentAccentBg",
"border-top-width": "0",
"border-top-color": "@xf-borderColor",
"padding-top": "(@xf-paddingLargest * 2)",
"padding-bottom": "(@xf-paddingLargest * 2)"
}
0
1
never=Never
mobile=Mobile
always=Always
"mobile"
"@xf-contentBg"
1
"@xf-responsiveMedium"
{
"color": "rgba(255,255,255,.5)",
"background-color": "rgba(0,0,0,.2)"
}
{
"color": "#fff",
"background-color": "rgba(0,0,0,.3)"
}
{
"color": "@xf-textColorDimmed",
"background-color": "darken(@xf-contentAccentBg, 5%)",
"border-top-width": "1px",
"border-top-color": "@xf-borderColor",
"padding-top": "@xf-paddingLarge",
"padding-bottom": "@xf-paddingLarge"
}
1
0
{
"color": "#fff",
"extra": "text-decoration: none;"
}
{
"background-color": "@xf-contentAccentBg"
}
"20"
{
"background-color": "none",
"border-width": "0",
"padding": "0",
"extra": "box-shadow: none;"
}
[]
{
"background-color": "none",
"padding-right": "0",
"padding-bottom": "0",
"padding-left": "0"
}
{
"background-color": "none",
"border-bottom-width": "0",
"padding": "0",
"padding-bottom": "@xf-paddingMedium",
"extra": "display: flex;\nalign-items: center;"
}
"(@xf-paddingLarge*2)"
{
"padding-right": "0",
"padding-left": "0"
}
"280px"
0
0
0
""
""
""
""
""
"0px"
{
"background-color": "@xf-uix_primaryColor"
}
"-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";"
"400"
"700"
0
0
0
0
1
0
1
1
{
"extra": "display: inline-block;\nfont-size: inherit;\ntext-rendering: auto;\nline-height: 1;\n-webkit-font-smoothing: antialiased;\n-moz-osx-font-smoothing: grayscale;\ntransform: translate(0, 0);\nwidth: auto;"
}
fontawesome=Font Awesome
material=Material
materialOutline=Material Outline
"fontawesome"
"15px"
"18px"
{
"background-image": "@xf-uix_imagePath/images/nodeicons.png",
"extra": "background-repeat: no-repeat;\nbackground-position: -32px 0;"
}
{
"background-image": "@xf-uix_imagePath/images/nodeicons.png",
"extra": "background-repeat: no-repeat;\nbackground-position: 0 0;"
}
{
"extra": "width: 32px;\nheight: 32px;"
}
{
"background-image": "@xf-uix_imagePath/images/nodeicons.png",
"extra": "background-repeat: no-repeat;\nbackground-position: -64px 0;"
}
{
"background-image": "@xf-uix_imagePath/images/nodeicons.png",
"extra": "background-repeat: no-repeat;\nbackground-position: -96px 0;"
}
"styles/uix_dark"
"uix_dark"
0
modal=Modal
dropdown=Dropdown
link=Link
slidingPanel=Sliding Panel
"dropdown"
staffBar=Staff bar
navigation=Navigation
tablinks=Sub navigation
"navigation"
"mdi mdi-layers"
{
"font-size": "36px",
"padding-right": "@xf-paddingMedium"
}
"@xf-uix_imagePath/images/uix-brandmark.png"
"UI.X"
"@xf-responsiveMedium"
{
"font-size": "@xf-fontSizeLargest",
"color": "#fff",
"extra": "margin: 0;\nfont-family: @xf-uix_headingFont;"
}
"120px"
{
"background-color": "@xf-uix_primaryColor"
}
"50px"
0
1
{
"extra": "box-shadow: @xf-uix_elevation1;\nborder: none;"
}
{
"border-top-width": "1px",
"border-top-color": "@xf-borderColor",
"padding": "@xf-messagePadding",
"extra": "margin: -@xf-messagePadding;\nmargin-top: 0;"
}
0
{
"background-color": "@xf-contentHighlightBg",
"padding": "@xf-messagePadding;",
"extra": "margin-top: 0;\nmargin-bottom: @xf-messagePadding;"
}
{
"padding-bottom": "@xf-messagePadding",
"extra": "margin: 0;"
}
{
"color": "@xf-textColorMuted"
}
{
"color": "@xf-textColorDimmed"
}
{
"background-color": "none",
"border-width": "0",
"padding": "0",
"padding-bottom": "@xf-messagePadding",
"extra": "margin: 0;"
}
[]
{
"border-width": "0",
"padding-bottom": "@xf-messagePadding",
"extra": "display: flex;\nalign-items: center;\njustify-content: space-between;"
}
{
"background-color": "@xf-contentHighlightBg",
"extra": "margin-top: 0;"
}
{
"border-right-width": "1px",
"border-right-color": "@xf-borderColor",
"border-left-width": "1px",
"border-left-color": "@xf-borderColor"
}
0
"11px"
{
"font-size": "@xf-uix_iconSize !important",
"padding-right": "@xf-paddingSmall"
}
1
"50px"
default=Default
sidebarNav=Sidebar navigation
"default"
1
{
"font-size": "12px",
"color": "#fff",
"background-color": "@xf-uix_secondaryColor",
"border-radius": "@xf-borderRadiusSmall",
"padding-top": "1px",
"padding-right": "4px",
"padding-bottom": "1px",
"padding-left": "4px"
}
0
{
"border-radius": "@xf-borderRadiusSmall",
"extra": "box-shadow: @xf-uix_elevation1;"
}
{
"background-color": "@xf-contentBg",
"extra": "overflow: hidden;\nalign-items: center;"
}
"@xf-contentAltBg"
{
"background-color": "@xf-contentHighlightBg",
"extra": "position: relative;"
}
0
{
"border-width": "0",
"extra": "box-shadow: none;"
}
{
"font-size": "@xf-fontSizeSmall",
"color": "@xf-textColorMuted",
"extra": "line-height: 1.5;"
}
0
{
"font-size": "24px"
}
"46px"
"@xf-paddingLarge"
0
1
{
"font-size": "@xf-fontSizeLarge",
"color": "@xf-textColor",
"font-weight": "@xf-fontWeightHeavy",
"extra": "margin: 0;"
}
[]
aboveMainContainer=Default (above main container)
mainContainerTop= Top of main container
aboveMainContent=Above main content
mainContentTop=Top of main content
"aboveMainContainer"
default=Default
pulse=Pulse
banner=User banner
"default"
userbanner=User banner
icon=Icon
none=Disabled
"icon"
0
covered=Default (covered)
fixed=Fixed
wrapped=Wrapped
"covered"
{
"color": "@xf-textColor",
"extra": "font-family: @xf-uix_headingFont;"
}
disabled=Disabled
fixed=Fixed (default)
fluid=Fluid
"fixed"
{
"background-color": "#fff",
"border-width": "@xf-borderSize",
"border-color": "@xf-borderColor",
"border-radius": "@xf-borderRadiusMedium"
}
0
"@xf-uix_imagePath/images/bg/1.jpg"
top=Top
center=Center
bottom=Bottom
"top"
".uix_welcomeSection"
small=Small
medium=Medium
large=Large
"small"
1
"@xf-uix_secondaryColor"
"#2196F3"
"#616161"
"#4CAF50"
"#8BC34A"
"#689F38"
"#FF9800"
"@xf-uix_primaryColor"
"#D32F2F"
"#03A9F4"
"#0D47A1"
"#CFD8DC"
"#FFEB3B"
"@xf-paletteAccent1"
"@xf-paletteAccent2"
0
1
0
1
0
1
1
0
"@xf-fontSizeNormal"
0
0
{
"color": "@xf-textColorDimmed",
"background-color": "@xf-contentBg",
"border-radius": "@xf-borderRadiusMedium"
}
{
"color": "@xf-textColor",
"background-color": "@xf-contentBg"
}
"36px"
"@xf-textColorMuted"
"@xf-textColor"
"250px"
0
{
"font-size": "@xf-uix_iconSize",
"color": "@xf-textColorMuted",
"padding": "@xf-paddingSmall",
"padding-right": "(@xf-paddingSmall * 2)",
"padding-left": "(@xf-paddingSmall * 2)",
"extra": "float: left;"
}
dropdown=Dropdown
expand=Expand
expandMobile=Expand (mobile only)
"expandMobile"
"@xf-textColorMuted"
staffBar=Staff bar (right)
navigation=Navigation (right)
navigationLeft=Navigation (left)
tablinks=Sub navigation (right)
header=Header row (right)
"header"
"@xf-responsiveWide"
"@xf-paletteAccent3"
"@xf-uix_primaryColorDarker"
{
"background-color": "@xf-publicSubNav--background-color"
}
1
1
0
0
[]
"@xf-responsiveWide"
1
left=Left
right=Right
"right"
1
"210px"
{
"background-color": "@xf-pageBg"
}
0
sectionLinks=Sub navigation
titlebar=Titlebar
"sectionLinks"
0
[]
{
"border-bottom-width": "1px",
"border-bottom-color": "@xf-borderColor"
}
[]
0
"100"
1
{
"font-size": "@xf-uix_iconSizeLarge"
}
copyright=Copyright footer
staffBar=Staffbar
staffBarLeft=Staffbar (left)
header=Header row
"copyright"
"@xf-responsiveWide"
{
"color": "rgba(255,255,255,.8)",
"padding-top": "@xf-paddingSmall",
"padding-bottom": "@xf-paddingSmall",
"extra": "margin: 0;"
}
{
"color": "#fff",
"background-color": "transparent"
}
0
"@xf-uix_navigationBarHeight"
{
"background-color": "@xf-publicNav--background-color",
"extra": "border-radius: 0 !important;"
}
"40px"
sticky=Sticky top and bottom
top=Sticky top only
disabled=Disabled
"disabled"
"100"
1
1
"40px"
[]
"@xf-paddingLarge"
"@xf-paddingLarge"
{
"color": "@xf-textColor"
}
0
aboveMainContainer=Default (above main container)
mainContainerTop= Top of main container
aboveMainContent=Above main content
mainContentTop=Top of main content
header=Bottom of header
"header"
1
[]
[]
{
"color": "#fff",
"background-color": "@xf-uix_primaryColorDarker"
}
{
"padding": "@xf-messagePadding",
"padding-top": "0",
"extra": "margin: 0;"
}
{
"font-size": "@xf-fontSizeSmall",
"color": "@xf-textColorDimmed",
"background-color": "@xf-contentHighlightBg",
"border-top-width": "1px",
"border-top-color": "@xf-borderColor",
"padding-top": "10px",
"padding-bottom": "10px",
"extra": "text-transform: uppercase;"
}
{
"font-size": "@xf-fontSizeSmall",
"color": "@xf-textColorMuted",
"border-radius": "@xf-borderRadiusSmall",
"padding-top": "@xf-paddingLarge",
"extra": "min-height: 36px;"
}
aboveMainContainer=Default (above main container)
mainContainerTop= Top of main container
aboveMainContent=Above main content
mainContentTop=Top of main content
header=Bottom of header
belowHeader=Below header
"belowHeader"
aboveMainContainer=Default (above main container)
mainContainerTop= Top of main container
aboveMainContent=Above main content
mainContentTop=Top of main content
header=Bottom of header
"aboveMainContainer"
"cubic-bezier(0.4, 0, 0.2, 1)"
staffBar=Staff bar
navigation=Navigation
tablinks=Sub navigation
header=Logo block
"navigation"
"2.3.3.0.0"
"0px"
"@xf-responsiveWide"
"1000px"
"@xf-responsiveMedium"
"@xf-responsiveWide"
"@xf-responsiveWide"
"@xf-responsiveWide"
"@xf-responsiveWide"
0
initial=Initial (don't change)
tabbar= Tab bar
canvas=Canvas
"canvas"
never=Never
mobile=Mobile
always=Always
"never"
1
{
"font-size": "48px",
"color": "rgba(255,255,255,.3)",
"padding-right": "@xf-paddingLarge"
}
{
"color": "#fff",
"padding": "@xf-elementSpacer",
"extra": "display: flex;\nalign-items: center;\njustify-content: center;\ntext-align: center;"
}
aboveMainContainer=Default (above main container)
mainContainerTop= Top of main container
aboveMainContent=Above main content
mainContentTop=Top of main content
header=Bottom of header
sidebar=Sidebar
"mainContainerTop"
""
{
"font-size": "16px",
"color": "rgba(255,255,255,.75)",
"padding-top": "@xf-paddingSmall",
"padding-bottom": "@xf-paddingLarge"
}
{
"font-size": "26px",
"extra": "margin: 0;\nfont-family: @xf-uix_headingFont;"
}
always={{ phrase('thuix_everyone') }}
off={{ phrase('thuix_nobody') }}
guests={{ phrase('thuix_guests') }}
userPermissions={{ phrase('thuix_user_permissions') }}
"userPermissions"
"Sign up"
""
{
"background-color": "@xf-uix_primaryColor",
"background-image": "url('@xf-uix_imagePath/images/welcome-banner.png')",
"border-radius": "@xf-borderRadiusMedium",
"extra": "margin-bottom: @xf-elementSpacer;\nbackground-size: cover;\nbackground-position: center;"
}
"Wanting to join the rest of our members? Feel free to sign up today."
"Welcome to our Community"
"register"
"@xf-paddingMedium"