]]> step=any "0.2s" { "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-textColorDimmed", "background-color": "@xf-contentHighlightBg", "border-top-width": "@xf-borderSize", "border-top-color": "@xf-borderColorLight", "extra": "padding-top: @xf-paddingMedium;\npadding-bottom: @xf-paddingMedium;" } { "font-size": "@xf-fontSizeLarge", "color": "@xf-textColor", "border-bottom-width": "1px", "border-bottom-color": "@xf-borderColor" } { "color": "@xf-textColorDimmed", "text-decoration": "none", "background-color": "@xf-contentBg", "extra": "cursor: pointer;" } { "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-textColor" } "@xf-paddingLarge" "@xf-paddingLarge" { "font-size": "@xf-fontSizeNormal", "color": "@xf-textColorMuted", "border-bottom-width": "1px", "border-bottom-color": "@xf-borderColor", "extra": "border-bottom: 1px solid @xf-borderColor;\nfont-weight: @xf-fontWeightHeavy;\ntext-transform: uppercase;" } { "color": "@xf-uix_secondaryColor", "border-color": "@xf-uix_secondaryColor" } { "font-size": "@xf-fontSizeLarge", "color": "@xf-textColor" } "xf-intensify(@xf-contentBg, 12%)" "@xf-borderColorHighlight" "@xf-borderColorHighlight" "@xf-borderColor" "@xf-borderColorHighlight" "@xf-borderColor" "@xf-uix_primaryColor" "@xf-borderColor" "3px" "@xf-borderRadiusSmall" "3px" "2px" "@xf-borderSizeFeature" { "font-size": "14px", "font-weight": "@xf-fontWeightHeavy", "border-radius": "@xf-borderRadiusMedium", "padding-top": "0", "padding-right": "10px", "padding-bottom": "0", "padding-left": "10px", "extra": "text-align: center;\noutline: none;\nline-height: 32px;\nheight: 32px;\ntext-decoration: none;\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\ncursor: pointer;\nbox-sizing: content-box;\n-webkit-appearance: none;\ntext-transform: uppercase;\nwill-change: box-shadow;\ntransition: all 0.3s cubic-bezier(.25,.8,.25,1);\nborder: none;\nwhite-space: nowrap;" } { "color": "#fff", "background-color": "@xf-uix_secondaryColor", "extra": "box-shadow: @xf-uix_elevation1;\nborder: none;" } { "color": "@xf-uix_primaryColor", "background-color": "transparent" } { "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-uix_primaryColor", "extra": "box-shadow: @xf-uix_elevation1;\nborder: none;" } { "color": "@xf-textColorMuted", "background-color": "@xf-contentHighlightBg", "border-width": "@xf-borderSize", "border-color": "@xf-borderColor", "extra": "display: inline-block;\nmax-width: 100%;\npadding: 0 6px 1px;\nmargin: 0 0 2px;\nborder-radius: 3px;" } { "color": "@xf-textColorDimmed", "background-color": "@xf-contentAccentBg" } "@xf-paletteColor5" { "color": "@xf-uix_primaryColor" } "@xf-paletteColor2" { "color": "@xf-textColor", "background-color": "@xf-contentBg" } "@xf-paletteColor1" "@xf-paletteColor3" "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif" "'Roboto Mono', 'Andale Mono', 'Ubuntu Mono', monospace" "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif" "15px" "18px" "22px" "14px" "13px" "13px" "12px" step=100 min=100 max=900 "500" "@xf-paddingLarge" "@xf-paddingLarge" "@xf-uix_secondaryColor" { "color": "#fff", "background-color": "@xf-uix_primaryColorDarker", "border-bottom-width": "@xf-borderSize", "border-bottom-color": "xf-intensify(@xf-paletteColor5, 10%)", "padding-top": "@xf-paddingSmall", "padding-bottom": "@xf-paddingSmall" } "mix(@xf-paletteAccent1, @xf-contentBg, 10%)" { "font-size": "@xf-fontSizeNormal", "color": "@xf-textColor", "background-color": "@xf-contentAltBg", "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" } { "color": "@xf-textColorMuted", "background-color": "fade(@xf-textColorMuted, 20%)" } "@xf-uix_primaryColor" "xf-intensify(@xf-linkColor, 17%)" { "background-color": "@xf-contentHighlightBg", "border-bottom-width": "0", "border-bottom-color": "@xf-borderColorLight" } { "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", "like_count": "1", "trophy_points": "1", "age": "1", "location": "1", "website": "1", "custom_fields": "1" } "@xf-borderColor" "@xf-uix_secondaryColor" tooltip={{ phrase('tooltip') }} inline={{ phrase('inline') }} none={{ phrase('none') }} "inline" menu={{ phrase('popup_menu') }} flat={{ phrase('listed_below_node') }} none={{ phrase('none') }} "menu" { "font-size": "@xf-fontSizeLarger", "color": "@xf-textColor", "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" } "16px" "24px" "10px" "4px" "@xf-paletteColor4" "20px" hidePalette=true "#2196F3" hidePalette=true "#2f66b9" hidePalette=true "#8BC34A" hidePalette=true "#fff" hidePalette=true "rgb(249, 250, 250)" hidePalette=true "rgb(243, 244, 245)" hidePalette=true "#ECEFF1" hidePalette=true "xf-diminish(@xf-paletteAccent1, 40%)" hidePalette=true "xf-intensify(@xf-paletteColor2, 45%)" hidePalette=true "xf-intensify(@xf-paletteColor2, 60%)" hidePalette=true "xf-intensify(@xf-paletteColor2, 87%)" "@xf-uix_secondaryColor" "@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-paletteAccent1", "extra": "padding-top: @xf-paddingLarge;\npadding-bottom: @xf-paddingLarge;" } "" "@xf-uix_imagePath/images/uix-logo.png" "@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,.7)", "background-color": "@xf-uix_sectionBg" } { "font-size": "@xf-fontSizeSmall", "color": "@xf-textColorMuted", "background-color": "@xf-contentAltBg", "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;\ntext-transform: uppercase;\noutline: none;" } { "color": "@xf-uix_secondaryColor", "border-color": "@xf-uix_secondaryColor" } light={{ phrase('light') }} dark={{ phrase('dark') }} "light" "@xf-paletteNeutral3" "@xf-uix_secondaryColor" "@xf-uix_secondaryColor" "@xf-paletteNeutral2" "@xf-uix_secondaryColor" "@xf-textColor" "@xf-paletteNeutral1" 1 { "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=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" } [] [] { "background-color": "fade(@xf-buttonDefault--color, 20%)" } { "background-color": "saturate(@xf-buttonCta--background-color, 20%)" } { "background-color": "saturate(@xf-buttonCta--background-color, 10%)", "extra": "box-shadow: @xf-uix_elevation2;" } { "background-color": "fade(@xf-buttonDefault--color, 10%)" } { "background-color": "@xf-contentBg", "border-width": "1px", "border-color": "@xf-borderColor", "extra": "text-transform: initial;" } { "background-color": "saturate(@xf-buttonPrimary--background-color, 20%)" } { "color": "#fff", "background-color": "saturate(@xf-buttonPrimary--background-color, 10%)", "extra": "box-shadow: @xf-uix_elevation2;" } 1 { "font-size": "@xf-fontSizeSmaller", "padding": "0", "padding-right": "10px", "padding-left": "10px", "extra": "height: 28px;\nline-height: 28px;" } { "color": "@xf-textColorDimmed", "background-color": "@xf-contentBg" } [] [] { "color": "@xf-uix_primaryColor", "background-color": "rgba(0, 0, 0, 0.08)" } [] [] 1 { "font-size": "@xf-fontSizeSmaller", "color": "@xf-textColorMuted", "font-weight": "@xf-fontWeightNormal", "padding-top": "4px", "extra": "line-height: 1.5;" } tooltip=Tooltip inline=Inline none=None "inline" { "font-size": "24px", "color": "@xf-uix_primaryColor", "padding-right": "@xf-paddingMedium" } { "font-size": "@xf-fontSizeLarge", "font-weight": "@xf-fontWeightHeavy", "border-bottom-width": "0", "padding": "@xf-paddingLarge", "padding-top": "0", "extra": "line-height: 1;" } 0 1 0 1 1 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-fontSizeNormal", "color": "@xf-textColor", "font-weight": "@xf-fontWeightNormal" } { "font-weight": "@xf-fontWeightHeavy" } "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)" "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-uix_sectionBg", "border-top-width": "0", "border-top-color": "@xf-borderColor", "padding-top": "@xf-paddingLargest * 2", "padding-bottom": "@xf-paddingLargest * 2", "extra": "line-height: 1.7;" } 1 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": "@xf-contentBg", "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-uix_primaryColorDarker" } "20" { "background-color": "none", "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" } "@xf-paddingLarge" { "padding-right": "0", "padding-left": "0" } "280px" 0 0 0 "@xf-uix_icon_forum" "@xf-uix_icon_link" "@xf-uix_icon_page" "Roboto:300,400,500,600,700" "0px" { "background-color": "@xf-uix_primaryColor" } "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif" "400" "700" 1 0 0 0 1 0 1 { "extra": "display: inline-block;\nfont: normal normal normal 18px/1 \"Material Design Icons\";\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 !important;" } "18px" "24px" "\\f09a" "\\f09b" "\\f035" "\\f045" "\\f04d" "\\f054" "\\f05d" "\\f05f" "\\f21a" "\\f066" "\\f0e6" "\\f759" "\\f0eb" "\\f0c0" "\\f0e3" "\\f100" "\\f5e0" "\\f131" "\\f135" "\\f140" "\\f141" "\\f142" "\\f143" "\\f150" "\\f191" "\\f156" "\\f615" "\\f17d" "\\f181" "\\f4e1" "\\f1c0" "\\f697" "\\f1da" "\\f1e7" "\\f3eb" "\\f1ee" "\\f167" "\\f616" "\\f207" "\\f20c" "\\f214" "\\f219" "\\f24b" "\\f36a" "\\f6da" "\\f2bd" "\\f128" "\\f570" "\\f625" "\\f2da" "\\f2dc" "\\f36d" "\\f2fa" "\\f1ee" "\\f2fc" "\\f2fe" "\\f5d2" "\\f513" "\\f339" "\\f33b" "\\f279" "\\f34e" "\\f33e" "\\f306" "\\f2e9" "\\f35c" "\\f35d" "\\f35e" "\\f35f" "\\f360" "\\f0f8" "\\f28c" "\\f372" "\\f374" "\\f498" "\\f1b6" "\\f653" "\\f3cc" "\\f219" "\\f19b" "\\f407" "\\f415" "\\f41f" "\\f361" "\\f27e" "\\f43d" "\\f43e" "\\f4d0" "\\f44d" "\\f60d" "\\f450" "\\f14e" "\\f45a" "\\f029" "\\f1df" "\\f46b" "\\f193" "\\f349" "\\f016" "\\f34b" "\\f493" "\\f497" "\\f110" "\\f4ba" "\\f4c0" "\\f0fe" "\\f4c7" "\\f4ce" "\\f4d2" "\\f4d0" "\\f127" "\\f403" "\\f4fb" "\\f522" "\\f521" "\\f538" "\\f541" "\\f543" "\\f544" "\\f511" "\\f33f" "\\f552" "\\f004" "\\f00e" "\\f567" "\\f577" "\\f026" "\\f026" "\\f208" "\\f59f" "\\f17d" "\\f5a3" "\\f5c3" { "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" "uix" 1 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" 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" } { "background-color": "@xf-contentBg", "extra": "overflow: hidden;" } "@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": "32px" } "46px" "@xf-paddingMedium" 0 1 { "font-size": "@xf-fontSizeNormal", "color": "@xf-textColor", "font-weight": "@xf-fontWeightHeavy", "extra": "margin: 0;\nmargin-top: 5px;" } [] aboveMainContainer=Default (above main container) mainContainerTop= Top of main container aboveMainContent=Above main content mainContentTop=Top of main content "aboveMainContainer" 0 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/welcome-banner.png" top=Top center=Center bottom=Bottom "center" ".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 0 1 0 1 1 1 "@xf-fontSizeNormal" 0 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_iconSizeLarge", "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" } 0 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" } [] 1 { "font-size": "@xf-uix_iconSizeLarge" } copyright=Copyright footer staffBar=Staffbar header=Header row "copyright" "1100px" { "color": "rgba(255,255,255,.7)", "padding-top": "@xf-paddingMedium", "padding-bottom": "@xf-paddingMedium", "extra": "margin: 0;" } { "color": "#fff", "background-color": "transparent" } 0 "@xf-uix_navigationBarHeight" { "background-color": "@xf-publicNav--background-color", "extra": "border-radius: 0 !important;" } "40px" 1 1 "40px" [] "@xf-paddingMedium" "@xf-paddingMedium" { "color": "@xf-textColor" } aboveMainContainer=Default (above main container) mainContainerTop= Top of main container aboveMainContent=Above main content mainContentTop=Top of main content header=Bottom of header "mainContentTop" 1 [] [] LTR=LTR RTL=RTL "LTR" { "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" staffBar=Staff bar navigation=Navigation tablinks=Sub navigation "navigation" "2.0.12.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" 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 "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=Everybody off=Nobody userPermissions=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"