Post on 01-Jun-2018
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 1/123
XenForo Style Properties Dictionary
An oversight of the available style properties within XenForo.
A detailed list of all the style options available in XenForo 1.0.0.
11/20/201 1 Author: Peter Schmitz – SchmitzIT
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 2/123
© www.schmitzit.com
1
Table of ContentsColor Palette - The set of colours used to build this style. ..................................................................... 9
General - General style settings for this style. ...................................................................................... 10
Settings.............................................................................................................................................. 10
HTML (@html)................................................................................................................................... 10
Body (@body) ................................................................................................................................... 10
Content (@content) .......................................................................................................................... 11
Page Width Controller (@pageWidth) .............................................................................................. 11
Inline Moderation Checked (@InlineModChecked) ......................................................................... 12
Page Title (@h1) ................................................................................................................................ 12
Page Description (@pageDescription) .............................................................................................. 13
Avatar (@avatar) ............................................................................................................................... 13
Link (@link) ....................................................................................................................................... 14
Link (hover state) (@linkHover) ........................................................................................................ 14
Building Blocks - Controls building block classes used for the vast majority of the XenForo interface.
.............................................................................................................................................................. 15
Section (@section) ............................................................................................................................ 15
Section Main (@sectionMain) .......................................................................................................... 15
Heading (@heading) ......................................................................................................................... 16
Sub-Heading (@subHeading) ............................................................................................................ 16
Sub-Heading, Hover State (@subHeadingHover) ............................................................................. 17
Text-Heading (@textHeading) .......................................................................................................... 17
Primary Content (@primaryContent) ............................................................................................... 18
Primary Content Link (@primaryContentLink) ................................................................................. 18
Secondary Content (@secondaryContent) ....................................................................................... 19
Secondary Content Link (@secondaryContentLink) ......................................................................... 19
Section Footer (@sectionFooter)...................................................................................................... 20
Header and Navigation - Controls the appearance of the header and navigation elements of all
pages. .................................................................................................................................................... 21
Settings.............................................................................................................................................. 21
Header (@header) ............................................................................................................................ 21
Navigation Tabs Container (@navTabs)............................................................................................ 21
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 3/123
© www.schmitzit.com
2
Navigation Tab (@navLink) ............................................................................................................... 22
Selected Tab (@navTabSelected) ..................................................................................................... 22
Selected Tab Sub-Link (@navTabLink) .............................................................................................. 23
Selected Tab Link, Hover State (@navTabLinkHover)....................................................................... 23
Alert Balloon (@alertBalloon) ........................................................................................................... 24
Alert Balloon Arrow (@alertBalloonArrow) ...................................................................................... 24
Breadcrumb - Controls the breadcrumb unit, which allows users to navigate back up to the site home
page. ...................................................................................................................................................... 25
Container (@breadBox) .................................................................................................................... 25
Breadcrumb (@breadcrumb) ............................................................................................................ 25
Item Container (@breadcrumbItemCrust) ....................................................................................... 26
Item Content (@breadcrumbItemCrumb) ........................................................................................ 26
Item Content, Hover State (@breadcrumbItemCrumbHover) ......................................................... 27
Item Content, First Item (@breadcrumbItemFirstCrumb) ............................................................... 27
Item Content, Last Item (@breadcrumbItemLastCrumb)................................................................. 28
Item Arrow, Outer (@breadcrumbItemArrowOuter) ....................................................................... 28
Item Arrow, Inner (@breadcrumbItemArrowInner) ......................................................................... 29
Board Title (@breadcrumbBoardTitle) ............................................................................................. 29
Jump Menu Trigger (@breadcrumbItemJumpMenuTrigger) ........................................................... 30Call-to-action Button (@breadcrumbTopCtrl) .................................................................................. 30
Footer - Controls the bottom of the page. ........................................................................................... 31
Main Container (@footer) ................................................................................................................ 31
Link (@footerLink) ............................................................................................................................ 31
Link, Hover State (@footerLinkHover) .............................................................................................. 32
Left Content Block (@footerLeftBlock) ............................................................................................. 32
Right Content Block (@footerRightBlock) ........................................................................................ 33
PageNav, Link Groups and Tabs - Controls multi-page links, link groups and tabs other than those in
the header. ............................................................................................................................................ 34
Settings.............................................................................................................................................. 34
PageNav / Link Group Container (@pageNavLinkGroup) ................................................................ 34
PageNav Container (@pageNav) ...................................................................................................... 35
PageNav Item Link (@pageNavLink) ................................................................................................. 35
PageNav Page Link (@pageNavPage) ............................................................................................... 36
PageNav Current Page Link (@pageNavCurrentPage) ...................................................................... 36
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 4/123
© www.schmitzit.com
3
PageNav Page Link, Hover State (@pageNavPageHover) ................................................................. 37
PageNav Scroll Button (@pageNavScroller) ..................................................................................... 37
Link Group Link (@linkGroupLink) .................................................................................................... 38
Tabs Container (@tabsContainer) .................................................................................................... 38
Tab (@tab) ........................................................................................................................................ 39
Tab, Hover State (@tabHover) .......................................................................................................... 39
Tab, Selected (@tabActive)............................................................................................................... 40
SideBar – Controls the XenForo sidebar and various elements that appear within it. ........................ 41
Sidebar (@sidebar) ........................................................................................................................... 41
Visitor Panel Avatar (@visitorPanelAvatar) ...................................................................................... 41
Visitor Panel Username (@visitorPanelUsername) .......................................................................... 42
Visitor Panel Stats (@visitorPanelStats) ........................................................................................... 42
Block Heading (@sidebarBlockHeading) ........................................................................................... 43
Block Footnote (@sidebarBlocknote) ............................................................................................... 43
Avatar List Item (@sidebarAvatarListItem)....................................................................................... 44
Avatar List Avatar (@sidebarAvatarListAvatar) ................................................................................ 44
Avatar List Username (@sidebarAvatarListUsername) .................................................................... 45
Avatar List User Title (@sidebarAvatarListUserTitle) ....................................................................... 45
User List Username (@sidebarUserListUsername) ........................................................................... 46
User List Invisible Username (@sidebarUserListUsernameInvisible) ............................................... 46
User List Followed Username (@sidebarUserListUsernameFollowed) ............................................ 46
Followed Users (@sidebarFollowedUsers) ....................................................................................... 47
Followed Users Item (@sidebarFollowedUsersItem) ....................................................................... 47
Followed Users Avatar (@sidebarFollowedUsersAvatar) ................................................................. 48
Forms – Defines the layout and style of most forms in Xenforo. ......................................................... 49
Settings.............................................................................................................................................. 49Control Unit (@ctrlUnit) ................................................................................................................... 49
Label Area (@ctrlUnitLabel) .............................................................................................................. 50
Label Hints (@ctrlUnitLabelHint) ...................................................................................................... 50
Label Inline Errors (@ctrlUnitLabelError) ......................................................................................... 51
Controls Area (@ctrlUnitCtrl) ........................................................................................................... 51
Text Control (@textCtrl) ................................................................................................................... 52
Text Control, Monospace / Code (@textCtrlCode) ........................................................................... 52
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 5/123
© www.schmitzit.com
4
Text Control, Disabled State (@textCtrlDisabled) ............................................................................ 53
Text Control Placeholder Text (@formElementPrompt) .................................................................. 53
Text Control, Focussed State (@textCtrlFocus) ................................................................................ 54
Textarea, Focussed State (@textCtrlTextareaFocus) ........................................................................ 54
Control Explanatory Text (@ctrlUnitCtrlExplain) .............................................................................. 55
Buttons – Contains properties used to style the various types of buttons used by XenForo. ............. 56
Button (@button) ............................................................................................................................. 56
Button, Focus State (@buttonFocus) ................................................................................................ 56
Button, Hover State (@buttonHover) ............................................................................................... 57
Button, Active State (@buttonActive) .............................................................................................. 57
Sign-up Now Button Container (@signupButton) ............................................................................ 58
Sign-up Now Button Inner (@signupButtonInner) ........................................................................... 58
Sign-up Now Button Hover State (@signupButtonHover) ............................................................... 59
Sign-up Now Button Active State (@signupButtonActive) ............................................................... 59
Call-to-Action Button Container (@callToAction) ............................................................................. 60
Call-to-Action Button Inner (@callToActionSpan) ............................................................................ 60
Call-to-Action Button, Hover State (@callToActionHover) ............................................................... 61
Call-to-Action Button, Active State (@callToActionActive) .............................................................. 61
Overlays and Tooltips – Styling for overlays and tooltips that allow content to be displayed on-top ofregular page content. ............................................................................................................................ 62
Settings.............................................................................................................................................. 62
General Overlay Container (@overlaySection) ................................................................................. 62
Overlay Close Gadget (@overlayCloseControl) ................................................................................ 63
AJAX Progress Indicator (@ajaxProgress) ......................................................................................... 63
Redirect Message Container (@redirectMessage) ........................................................................... 64
Redirect Message Content (@redirectMessageContent) ................................................................. 64
Tooltip (@tooltip) ............................................................................................................................. 65
Tooltip Arrow (@tooltipArrow) ........................................................................................................ 65
Preview Tooltip (@previewTooltip) .................................................................................................. 66
Preview Tooltip Arrow (Outer) (@previewTooltipArrowOuter) ....................................................... 66
Preview Tooltip Arrow (Inner) (@previewTooltipArrowInner) ........................................................ 67
Form-Type Overlays – Controls the appearance of form-type overlays and their content. ................ 68
Container (@formOverlay) .............................................................................................................. 68
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 6/123
© www.schmitzit.com
5
Heading (@formOverlayHeading)..................................................................................................... 68
Sub-Heading (@formOverlaySubHeading) ....................................................................................... 69
Text Heading (@formOverlayTextHeading) ...................................................................................... 69
Link (@formOverlayLink) .................................................................................................................. 70
Button (@formOverlayButton) ......................................................................................................... 70
Label Hint (@formOverlayLabelHint) ............................................................................................... 70
Text Control (@formOverlayTextCtrl)............................................................................................... 71
Text Control, Focus State (@formOverlayTextCtrlFocus) ................................................................. 71
Text Control Placeholder Text (@formOverlayTextCtrlPrompt) ...................................................... 72
Text Control, Disabled State (@formOverlayTextCtrlDisabled) ....................................................... 72
Tabs Container (@formOverlayTabs) ............................................................................................... 72
Tab (@formOverlayTab) ................................................................................................................... 73
Tab, Hover State (@formOverlayTabHover) ..................................................................................... 73
Tab, Active / Selected (@formOverlayTabActive) ............................................................................ 74
Tab Panel (@formOverlayTabPanel)................................................................................................. 74
Popup Menus – Styling for most popup menu elements can be found here. ...................................... 75
Popup Control (closed, hover) (@popupControlClosedHover) ........................................................ 75
Popup Control (open) (@popupControl) .......................................................................................... 76
Popup Control Arrow (closed) (@popupArrowClosed) .................................................................... 76
Popup Control Arrow (open) (@popupArrowOpen) ........................................................................ 77
Menu (@menu) ................................................................................................................................. 77
Menu Header Title (@menuHeaderTitle) ......................................................................................... 77
Menu Header Subtitle (@menuHeaderSubtitle) .............................................................................. 77
Menu Links Container (@blockLinksList) .......................................................................................... 78
Menu Link (@blockLinksListItem) ..................................................................................................... 78
Menu Link, Hover State (@blockLinksListItemHover) ...................................................................... 79Menu Link, Active State (@blockLinksListItemActive) ...................................................................... 79
Menu Link, Selected State (@blockLinksListItemSelected) .............................................................. 80
Forum List – Controls the appearance of the list of forums, categories, pages etc. ............................ 81
Settings.............................................................................................................................................. 81
Category Strip (@categoryStrip) ....................................................................................................... 81
Category Strip Title (@categoryStripTitle) ........................................................................................ 82
Category Strip Description (@categoryStripDescription) ................................................................. 82
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 7/123
© www.schmitzit.com
6
Node Icon (@nodeIcon) .................................................................................................................... 83
Node Text Block (@nodeText) .......................................................................................................... 83
Node Title (@nodeTitle) ................................................................................................................... 84
Node Title - Unread (@nodeTiteUnread) ......................................................................................... 84
Node Description (@nodeDescription) ............................................................................................. 85
Node Statistics (@nodeStats) ........................................................................................................... 85
Node Last Post (@nodeLastPost) ...................................................................................................... 86
Tiny Icon (@nodeTinyIcon) ............................................................................................................... 86
Tiny Icon - Hover (@nodeTinyIconHover) ......................................................................................... 87
Description Tooltip (@nodeDescriptionTip) ..................................................................................... 87
Description Tooltip Arrow (@nodeDescriptionTipArrow) ................................................................ 88
Discussion List – Controls the appearance of the list of discussions within a forum or a conversation
etc. ........................................................................................................................................................ 89
Settings.............................................................................................................................................. 89
Discussion Starter Avatar (@discussionListAvatar) .......................................................................... 89
Mini-Me Container (@discussionListMiniMe) .................................................................................. 90
Mini-Me Image (@discussionListMiniMeImg) .................................................................................. 90
First Row Text (@discussionListFirstRow) ........................................................................................ 91
Second Row Text (@discussionListSecondRow) ............................................................................... 91Title (Unread) (@discussionListTitleUnread) .................................................................................... 92
Discussion Flag (@discussionListIcon) .............................................................................................. 92
Item Page Nav Item (@discussionListItemPageNavItem) ................................................................. 93
Item Page Nav Link (@discussionListItemPageNavLink) ................................................................... 93
Item Page Nav Link, Hover State (@discussionListItemPageNavLinkHover) .................................... 94
Options Panel Form (@discussionListOptions) ................................................................................. 94
Options Panel Handle (@discussionListOptionsHandle) .................................................................. 95
Options Panel Handle Link (@discussionListOptionsHandleLink) .................................................... 95
Message Layout – Controls the layout of the full-size message template. .......................................... 96
Message List (@messageList) ........................................................................................................... 96
Message Container (@message) ...................................................................................................... 96
User Info Container (@messageUserInfo) ........................................................................................ 97
User Info Block (@messageUserBlock) ............................................................................................. 97
Avatar Holder (@messageAvatarHolder) ......................................................................................... 98
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 8/123
© www.schmitzit.com
7
User Text Block (@messageUserText) .............................................................................................. 98
Extra User Info (@messageExtraUserInfo) ....................................................................................... 99
Content Container (@messageInfo) ................................................................................................. 99
Rich Text Editor Content (@editorContent) ................................................................................... 100
Main Content (@messageContent) ................................................................................................ 100
Controls Area (@messageMeta) ..................................................................................................... 101
Notices (@messageNotice) ............................................................................................................. 101
Likes (@messageLikesSummary) .................................................................................................... 102
Message Elements – Controls the content area of the full message template. ................................. 103
Settings............................................................................................................................................ 103
Author Username (@messageUsername) ...................................................................................... 103
Author User Title (@messageUserTitle) ......................................................................................... 104
Message Text (@messageText) ...................................................................................................... 104
Signature (@messageSignature) ..................................................................................................... 105
User-Generated Link (@ugcLink) .................................................................................................... 105
User-Generated Link (hover) (@ugcLinkHover) .............................................................................. 106
‘Private’ Controls Container (@messagePrivateControls) .............................................................. 106
‘Public’ Controls Container (@MessagePublicControls) ................................................................. 107
Control (@messageMetaControl) .................................................................................................. 107
Control, Focus State (@messageMetaControlFocus) ..................................................................... 108
Control, Hover State (@messageControlHover) ............................................................................. 108
Control, Active State (@messageMetaControlActive) ................................................................... 109
New Indicator (Outer) (@messageNewIndicator) .......................................................................... 109
New Indicator (Inner) (@messageNewIndicatorInner) .................................................................. 110
BB Code Elements –Controls the appearance of BB code elements within messages. ..................... 111
BB Code Block (@bbCodeBlock) ..................................................................................................... 111BB Code Block Type Row (@bbCodeBlockType) ............................................................................. 111
BB Code Pre / Code (@bbCodeCode) ............................................................................................. 112
BB Code Quote (@bbCodeQuote) .................................................................................................. 112
Quote Attribution Block (@bbCodeQuoteAttribution) .................................................................. 113
BB Code Quote Message (@bbCodeQuoteMessage) ..................................................................... 113
Member List Item – Styles the blocks used for each member on the member list. ........................... 114
Settings............................................................................................................................................ 114
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 9/123
© www.schmitzit.com
8
List Item Container (@memberListItem) ........................................................................................ 114
Avatar (@memberListItemAvatar) ................................................................................................. 114
User Info Container (@memberListItemMember) ......................................................................... 114
Username (@memberListItemUsername) ..................................................................................... 115
Username (Guests) (@memberListItemGuest) .............................................................................. 115
User Info (@memberListItemUserInfo) .......................................................................................... 116
User Title (@memberListItemUserTitle) ......................................................................................... 116
Content Info (@memberListItemContent) ..................................................................................... 116
Extra Content (@memberListItemExtra) ........................................................................................ 116
User Status Tooltip (@statusTooltip) .............................................................................................. 117
User Status Tooltip Arrow (@statusTooltipArrow) ......................................................................... 117
Member Profile Page – Style properties for pages showing detailed information about members. 118
Settings............................................................................................................................................ 118
Profile Page Container (@profilePage) ........................................................................................... 118
Sidebar Info Block (@profilePageSidebarInfoBlock) ....................................................................... 119
Sidebar Info Field Name (@profilePageSidebarInfoBlockDt) ......................................................... 119
Sidebar Info Field Value (@profilePageSidebarInfoBlockDd) ......................................................... 120
User Name (@profilePageUsername) ............................................................................................ 120
User Status Text (@profilePageUserStatus) ................................................................................... 120
Last Activity Text (@profilePageLastActivityText) .......................................................................... 121
Tab (@profilePageTab) ................................................................................................................... 121
Tab, Hover State (@profilePageTabHover)..................................................................................... 121
Tab, Selected State (@profilePageTabSelected) ............................................................................ 122
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 10/123
© www.schmitzit.com
9
Color Palette - The set of colours used to build this style. @pageBackground
@contentBackGround
@textCtrlBackground
@contentText
@textCtrlText
@dimmedTextColor
@mutedTextColor
@faintTextColor
@tooltipBackground
@inlineMod
@primaryDarker
@primaryDark@primaryMedium
@primaryLightish
@primaryLight
@primaryLighter
@primaryLighterStill
@primaryLightest
@secondaryDarker
@secondaryDark@secondaryMedium
@secondaryLight
@secondaryLighter
@secondaryLightest
Note: The section is called Color palette, where the description mentions colours (additional u).
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 11/123
© www.schmitzit.com
10
General - General style settings for this style.
Settings
o Path to Images (imagePath) - This path represents either the relative or absolute
path to images used by the XenForo user interface. You may change this to point to a
CDN if you wish.
o Enable Animations, Using Multiplier - If you enable animations, you can adjust the
speed using the multiplier. 1: Normal speed, 0.5: double speed, 2: half speed etc.
o Facebook Plugin Color Scheme - Choose a color scheme for all Facebook plugins in
this style.
HTML (@html)
This property controls the browser background and text.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Miscellaneous – Use this box to enter any additional CSS you would like to include.
Body (@body)
This property controls the CSS for the main <body> element of the XenForo pages.
Primarily, it is used for text styling, which is inherited by almost all other elements within
XenForo.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 12/123
© www.schmitzit.com
11
Content (@content)
The styling of the main page area is controlled with this property.
Its primary function is to provide the content background color.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Page Width Controller (@pageWidth)
The width of the page is controlled with this property. Use this to switch between liquid and
fixed layouts.
Liquid example: width: auto; margin: 020px;Fixed example: width: 960px; margin: auto;
o
Border
All Margin Padding
Top Margin Padding
Right Margin Padding
Bottom Margin Padding
Left Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 13/123
© www.schmitzit.com
12
Inline Moderation Checked (@InlineModChecked)
The values specified here will be applied to items selected for inline moderation.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Page Title (@h1)
This styles the <H1> page title.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 14/123
© www.schmitzit.com
13
Page Description (@pageDescription)
Styles the optional description text that may be presented below the page title.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Avatar (@avatar)
Controls the display of most avatars (user identity pictures) shown throughout the system.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 15/123
© www.schmitzit.com
14
Link (@link)
The default styling for textual hyperlinks.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Miscellaneous
Other – Use this box to enter any additional CSS you would like to include.
Link (hover state) (@linkHover)
Styles normal textual links when hovered.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o Miscellaneous
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 16/123
© www.schmitzit.com
15
Building Blocks - Controls building block classes used for the vast
majority of the XenForo interface.
Section (@section)
Wraps around most content.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Section Main (@sectionMain)
A specially emphasized version of 'Section'.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 17/123
© www.schmitzit.com
16
Heading (@heading)
Big, important headings
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing period (.) at end of description
Sub-Heading (@subHeading)
Smaller, more commonly-used headings
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing period (.) at end of description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 18/123
© www.schmitzit.com
17
Sub-Heading, Hover State (@subHeadingHover)
Occasionally, sub-headings may be used as block-level links. In these cases, this property
controls what happens to the sub-heading link on hover.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Text-Heading (@textHeading)
A minor heading
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing period (.) at end of description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 19/123
© www.schmitzit.com
18
Primary Content (@primaryContent)
Most content uses this property
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing period (.) at end of description
Primary Content Link (@primaryContentLink)
Styling for links within primaryContent containers.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Miscellaneous
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 20/123
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 21/123
© www.schmitzit.com
20
Section Footer (@sectionFooter)
Footnotes or summary for a section
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing period (.) at end of description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 22/123
© www.schmitzit.com
21
Header and Navigation - Controls the appearance of the header and
navigation elements of all pages.
Settings
o
Header Logo Image Path (headerLogoPath) - This path describes the location of themain logo image used in the header of all pages.
o
Height of Header Logo (headerLogoHeight) - Enter the height in pixels that you
would like to reserve for the logo in the header.
o Facebook Open Graph Logo - This logo will be displayed in Facebook when a visitor
likes a page on your site. Must be at least 50x50 and should be square.
o Header Tab Height (headerTabHeight)
Header (@header)
Styling for the header background
o
Text Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
Note: Missing period (.) at end of description
Navigation Tabs Container (@navTabs)
Controls the container for the header navigation tabs.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin PaddingRight Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 23/123
© www.schmitzit.com
22
Navigation Tab (@navLink)
Controls each individual navigation tab link.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Selected Tab (@navTabSelected)
Styles the currently-selected header navigation tab.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 24/123
© www.schmitzit.com
23
Selected Tab Sub-Link (@navTabLink)
Styles each link in the row of controls below the selected navigation tab.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Selected Tab Link, Hover State (@navTabLinkHover)
Styles links under the selected navigation tab, in their hover state.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 25/123
© www.schmitzit.com
24
Alert Balloon (@alertBalloon)
Controls the appearance of the balloons that appear above Inbox and Alerts in the
navigation bar to indicate unread items.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Alert Balloon Arrow (@alertBalloonArrow)
Controls the appearance of the pointer-arrow attached to alert balloons.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 26/123
© www.schmitzit.com
25
Breadcrumb - Controls the breadcrumb unit, which allows users to
navigate back up to the site home page.
Container (@breadBox)
Controls the container within which the breadcrumb sits.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Breadcrumb (@breadcrumb)
Controls the main breadcrumb unit.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 27/123
© www.schmitzit.com
26
Item Container (@breadcrumbItemCrust)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description.
Item Content (@breadcrumbItemCrumb)
o
Text
Color Size Font Family Bold ItalicSmall Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 28/123
© www.schmitzit.com
27
Item Content, Hover State (@breadcrumbItemCrumbHover)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description.
Item Content, First Item (@breadcrumbItemFirstCrumb)
o
Text
Color Size Font Family Bold ItalicSmall Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 29/123
© www.schmitzit.com
28
Item Content, Last Item (@breadcrumbItemLastCrumb)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description.
Item Arrow, Outer (@breadcrumbItemArrowOuter)
o
Text
Color Size Font Family Bold ItalicSmall Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 30/123
© www.schmitzit.com
29
Item Arrow, Inner (@breadcrumbItemArrowInner)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description.
Board Title (@breadcrumbBoardTitle)
You may optionally display the board title at the head of your breadcrumb.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 31/123
© www.schmitzit.com
30
Jump Menu Trigger (@breadcrumbItemJumpMenuTrigger)
You may optionally display the board title at the head of your breadcrumb.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
- Note: Missing description.
Call-to-action Button (@breadcrumbTopCtrl)
Sometimes the top breadcrumb is associated with a call to action button. This property
controls the container for that button.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin PaddingBottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 32/123
© www.schmitzit.com
31
Footer - Controls the bottom of the page.
Main Container (@footer)
Controls the appearance of the container for the upper footer section.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Link (@footerLink)
Styling for links in the main header section
o
Text Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing period (.) at end of description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 33/123
© www.schmitzit.com
32
Link, Hover State (@footerLinkHover)
Styling to be added to links in the main footer section in their hover state.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Left Content Block (@footerLeftBlock)Styles the container of the style and language chooser trigger controls.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 34/123
© www.schmitzit.com
33
Right Content Block (@footerRightBlock)
Styles the block of links usually shown on the right of the footer.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 35/123
© www.schmitzit.com
34
PageNav, Link Groups and Tabs - Controls multi-page links, link
groups and tabs other than those in the header.
Settings
o
Link Group Link Spacing ( linkGroupLinkSpacing) - Controls the amount of separationbetween items in link groups.
o
PageNav Link Width ( pageNavLinkWidth) - This width is the basis for all page
navigation links.
o PageNav Link Spacing ( pageNavLinkSpacing) - Controls the amount of space between
individual page navigation links.
PageNav / Link Group Container (@pageNavLinkGroup)
This element is used in instances where a page navigation block is placed alongside a group
of links, such as above the list of threads on the forum view, or above the list of messages on
thread view.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 36/123
© www.schmitzit.com
35
PageNav Container (@pageNav)
The container for the page navigation element, normally controls overall elements such as
font size etc.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
PageNav Item Link (@pageNavLink)
Used to style each individual page navigation link including pages, next and previous
buttons, and the scroll arrows.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin PaddingBottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 37/123
© www.schmitzit.com
36
PageNav Page Link (@pageNavPage)
Used to style each individual page navigation link including pages, next and previous
buttons, and the scroll arrows.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
PageNav Current Page Link (@pageNavCurrentPage)
Used to style each individual page navigation link including pages, next and previous
buttons, and the scroll arrows.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin PaddingBottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 38/123
© www.schmitzit.com
37
PageNav Page Link, Hover State (@pageNavPageHover)
Controls the appearance of page links when the mouse hovers over them.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
PageNav Scroll Button (@pageNavScroller)
Controls the appearance of the scroll buttons that appear when more than seven pages are
available.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 39/123
© www.schmitzit.com
38
Link Group Link (@linkGroupLink)
Individual links within link groups, as defined above.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Tabs Container (@tabsContainer)
Controls the appearance of tabbed user interfaces other than those in the navigation bar.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 40/123
© www.schmitzit.com
39
Tab (@tab)
Controls the appearance of individual tabs in general tabbed interfaces.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Tab, Hover State (@tabHover)
Controls general tabs in their hover state.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 41/123
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 42/123
© www.schmitzit.com
41
SideBar – Controls the XenForo sidebar and various elements that
appear within it.
Sidebar (@sidebar)
Controls the layout of the sidebar element.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Visitor Panel Avatar (@visitorPanelAvatar)
Layout for the visitor panel. The image size is controlled by the @visitorPanelAvatarSize
property.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 43/123
© www.schmitzit.com
42
Visitor Panel Username (@visitorPanelUsername)
Layout for the visitor panel. The image size is controlled by the @visitorPanelAvatarSize
property.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Visitor Panel Stats (@visitorPanelStats)
o Text
Color Size Font Family Bold ItalicSmall Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: no description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 44/123
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 45/123
© www.schmitzit.com
44
Avatar List Item (@sidebarAvatarListItem)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: no description
Avatar List Avatar (@sidebarAvatarListAvatar)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: no description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 46/123
© www.schmitzit.com
45
Avatar List Username (@sidebarAvatarListUsername)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: no description
Avatar List User Title (@sidebarAvatarListUserTitle)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: no description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 47/123
© www.schmitzit.com
46
User List Username (@sidebarUserListUsername)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: no description
User List Invisible Username (@sidebarUserListUsernameInvisible)
o
Text Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: no description
User List Followed Username (@sidebarUserListUsernameFollowed)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: no description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 48/123
© www.schmitzit.com
47
Followed Users (@sidebarFollowedUsers)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: no description
Followed Users Item (@sidebarFollowedUsersItem)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: no description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 49/123
© www.schmitzit.com
48
Followed Users Avatar (@sidebarFollowedUsersAvatar)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: no description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 50/123
© www.schmitzit.com
49
Forms – Defines the layout and style of most forms in Xenforo.
Settings
o Form Width (formwidth) - Controls the width of forms using the .xenForm class.
o
Form Control Unit Label Width (ctrlUnitLabelWidth) - Defines the width of the label
area to the left of form control units.
o Form Control Unit Controls Indent Width (formCtrlIndent) - Defines the amount that
controls should be indented from controls upon which they depend.
o Form Control Unit Edge Spacer ( ctrlUnitEdgeSpacer) - Defines a horizontal spacing
either side of control units.
o
Form Width in Overlays (overlayFormWidth) - Controls the width of forms using the
.xenForm class when being shown in an overlay.
o Form Control Unit Label Width in Overlays (overlayCtrlUnitLabelWidth) - Defines the
width of the label area to the left of form control units within overlays.
Control Unit (@ctrlUnit)
Controls the individual blocks around which forms in XenForo are built.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 51/123
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 52/123
© www.schmitzit.com
51
Label Inline Errors (@ctrlUnitLabelError)
Controls the display of any inline validation errors that appear with form element labels.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Controls Area (@ctrlUnitCtrl)
Styles the area containing the actual form controls and any explanation text within the
control unit.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 53/123
© www.schmitzit.com
52
Text Control (@textCtrl)
Styling to be applied to <input type="text" /> and <textarea> text-editing elements.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Text Control, Monospace / Code (@textCtrlCode)
Additional styling to be applied to text controls if they are to contain code rather than
regular text.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 54/123
© www.schmitzit.com
53
Text Control, Disabled State (@textCtrlDisabled)
Additional styling to be applied to text controls in their disabled state.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Text Control Placeholder Text (@formElementPrompt)
Styling for placeholder / prompt text in text controls.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 55/123
© www.schmitzit.com
54
Text Control, Focussed State (@textCtrlFocus)
Styling to be applied to text controls when they receive focus.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Textarea, Focussed State (@textCtrlTextareaFocus)
Additional styling to be applied to text controls when focused if they are multi-line
textarea types.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 56/123
© www.schmitzit.com
55
Control Explanatory Text (@ctrlUnitCtrlExplain)
Styles longer explanatory text that may appear below form controls in control units.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 57/123
© www.schmitzit.com
56
Buttons – Contains properties used to style the various types of
buttons used by XenForo.
Button (@button)
This property controls the .button class, which is used for form controls and action buttons
throughout the system.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Button, Focus State (@buttonFocus)
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
-
Note: no description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 58/123
© www.schmitzit.com
57
Button, Hover State (@buttonHover)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
- Note: no description
Button, Active State (@buttonActive)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: no description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 59/123
© www.schmitzit.com
58
Sign-up Now Button Container (@signupButton)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
- Note: no description
Sign-up Now Button Inner (@signupButtonInner)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
- Note: no description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 60/123
© www.schmitzit.com
59
Sign-up Now Button Hover State (@signupButtonHover)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
- Note: no description
Sign-up Now Button Active State (@signupButtonActive)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
- Note: no description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 61/123
© www.schmitzit.com
60
Call-to-Action Button Container (@callToAction)
Controls the style of major call to action buttons such as 'Reply to Thread'.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Call-to-Action Button Inner (@callToActionSpan)
Controls the <span> inside call to action buttons
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
- Note: Missing period (.) at end of description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 62/123
© www.schmitzit.com
61
Call-to-Action Button, Hover State (@callToActionHover)
Used to style the mouse-over / hover state of call to action buttons.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Call-to-Action Button, Active State (@callToActionActive)
Something about the active state of hover buttons.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 63/123
© www.schmitzit.com
62
Overlays and Tooltips – Styling for overlays and tooltips that allow
content to be displayed on-top of regular page content.
Note: The description is missing
Settingso Enable Overlays - You may disable all overlays and instead load full pages by
switching off this option.
o Overlay Mask Color (overlayMaskColor)
o Overlay Mask Opacity (overlayMaskOpacity) - Controls the degree of transparency of
the mask applied to the background content when an overlay is shown. Default: 0.6;
fully transparent: 0; fully opaque: 1.
o
Overlay Top Position (overlayTop) - Default position of overlays relative to the top of
the browser window.
o Overlay Opening Speed (overlaySpeed) – Speed in milliseconds for overlays to fade
in. Default: 200.o
Overlay Closing Speed (overlayClosingSpeed) - Speed in milliseconds for overlays to
fade out. Default: 100.
General Overlay Container (@overlaySection)
This is the property that controls the main container for overlays, including their border and
shadow etc.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: missing comma in description before etc.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 64/123
© www.schmitzit.com
63
Overlay Close Gadget (@overlayCloseControl)
Styles the 'close' gadget that is added when no other control is provided to close an overlay.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
AJAX Progress Indicator (@ajaxProgress)
This styles the element that appears when AJAX operations are in progress.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 65/123
© www.schmitzit.com
64
Redirect Message Container (@redirectMessage)
Styles the container for redirect messages that appear after some forms are submitted with
AJAX.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Redirect Message Content (@redirectMessageContent)
Styles the content of redirect messages shown after AJAX submissions.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin PaddingBottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 66/123
© www.schmitzit.com
65
Tooltip (@tooltip)
The basic styling for all generic XenForo tooltips.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Tooltip Arrow (@tooltipArrow)
The extra arrow often shown with tooltips.
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 67/123
© www.schmitzit.com
66
Preview Tooltip (@previewTooltip)
This defines the style of the element used for thread, and other content preview tooltips.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Preview Tooltip Arrow (Outer) (@previewTooltipArrowOuter)
Styles the arrow attached to content preview tooltips that points to the content.
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 68/123
© www.schmitzit.com
67
Preview Tooltip Arrow (Inner) (@previewTooltipArrowInner)
Styles the arrow attached to content preview tooltips that points to the content.
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 69/123
© www.schmitzit.com
68
Form-Type Overlays – Controls the appearance of form-type overlays
and their content.
Container (@formOverlay)
Controls the appearance of form-type overlays.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Heading (@formOverlayHeading)
Major headings within form-type overlays.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 70/123
© www.schmitzit.com
69
Sub-Heading (@formOverlaySubHeading)
Controls minor headings within form-type overlays.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Text Heading (@formOverlayTextHeading)
Controls textual headings within form-type overlays.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 71/123
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 72/123
© www.schmitzit.com
71
Text Control (@formOverlayTextCtrl)
Alters the appearance of text controls within form-type overlays.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Text Control, Focus State (@formOverlayTextCtrlFocus)
Controls text controls in form overlays when focused.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 73/123
© www.schmitzit.com
72
Text Control Placeholder Text (@formOverlayTextCtrlPrompt)
Controls the placeholder / prompt text within text controls in form overlays.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
Text Control, Disabled State (@formOverlayTextCtrlDisabled)
Controls disabled text controls in form overlays.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Tabs Container (@formOverlayTabs)
Controls the appearance of tabs within form overlays.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 74/123
© www.schmitzit.com
73
Other – Use this box to enter any additional CSS you would like to include.
Tab (@formOverlayTab)
Controls the appearance of individual tabs within form overlays.
o
Text Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Tab, Hover State (@formOverlayTabHover)
Controls hovered tabs on form overlays.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 75/123
© www.schmitzit.com
74
Tab, Active / Selected (@formOverlayTabActive)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
Tab Panel (@formOverlayTabPanel)
Control the panel that sits below a collection of tabs in a form overlay.
o Text
Color Size Font Family Bold ItalicSmall Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 76/123
© www.schmitzit.com
75
Popup Menus – Styling for most popup menu elements can be found
here.Note: The description is missing
Settings
o Minimum Menu Width (menuMinWidth) - Defines the minimum width for all pop-up
menus.
o Minimum Menu Height (menuMinHeight) - The minimum height for pop-up menus.
Popup Control (closed, hover) (@popupControlClosedHover)
Controls the appearance of popup controls as the mouse passes over them when the menu is
closed.
o
Text
Color Size Font Family Bold ItalicSmall Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Inconsistent naming. Control, where elsewhere “ctrl” is used.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 77/123
© www.schmitzit.com
76
Popup Control (open) (@popupControl)
Popup menu trigger elements
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Inconsistent naming. Control, where elsewhere “ctrl” is used. Missing period (.) at end
of description
Popup Control Arrow (closed) (@popupArrowClosed)
Points down, indicates the menu can be opened
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin PaddingBottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing period (.) at end of description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 78/123
© www.schmitzit.com
77
Popup Control Arrow (open) (@popupArrowOpen)
Indicates that the menu can be closed
o Background
Color Image Repeat PositionNote: Missing period (.) at end of description
Menu (@menu)
The main container for the pop-up part of pop-up menus.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height Other – Use this box to enter any additional CSS you would like to include.
Menu Header Title (@menuHeaderTitle)
The large text that appears at the top of pop-up menus..
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
Menu Header Subtitle (@menuHeaderSubtitle)
The smaller text that sometimes appears below the main menu title.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 79/123
© www.schmitzit.com
78
Menu Links Container (@blockLinksList)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
Menu Link (@blockLinksListItem)
o
Text
Color Size Font Family Bold ItalicSmall Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
-
Note: Missing description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 80/123
© www.schmitzit.com
79
Menu Link, Hover State (@blockLinksListItemHover)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
Menu Link, Active State (@blockLinksListItemActive)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 81/123
© www.schmitzit.com
80
Menu Link, Selected State (@blockLinksListItemSelected)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 82/123
© www.schmitzit.com
81
Forum List – Controls the appearance of the list of forums, categories,
pages etc.
Note: Missing comma before etc. in the style properties description.In RC2, the description is missing
Settingso Show Forum Descriptions on Node List - Include descriptions underneath node titles
on the main node list.
o Enable Forum Descriptions Tooltips - Show descriptions only when hovering over
forum titles on the main node list.
o
Forum Icon Path – Read (forumIconReadPath) - Path to the icon shown for unread
forums.
o
Forum Icon Path – Unread (forumIconUnreadPath)
Note: Missing description
o Page Icon Path (pageIconPath)
Note: Missing descriptiono
Link Icon Path (linkIconPath)
Note: Missing description
o Feed Icon Path (feedIconPath) - Path to the RSS feed icon shown on forums.
Category Strip (@categoryStrip)
Applied to level one (no parent) categories. The majority of the styles for category strips
come by default from the @subHeading style property.
o
Text
Color Size Font Family Bold ItalicSmall Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 83/123
© www.schmitzit.com
82
Category Strip Title (@categoryStripTitle)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
Category Strip Description (@categoryStripDescription)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 84/123
© www.schmitzit.com
83
Node Icon (@nodeIcon)
Controls the large icon shown on forum, page and link nodes.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Node Text Block (@nodeText)
This controls the area within which the main text for node display is contained.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 85/123
© www.schmitzit.com
84
Node Title (@nodeTitle)
Controls the display of non-category node titles
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Node Title - Unread (@nodeTiteUnread)
Extra properties to apply to node titles when they contain unread content.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 86/123
© www.schmitzit.com
85
Node Description (@nodeDescription)
Controls the display of non-tooltip node description text.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Node Statistics (@nodeStats)
Controls the display of the total number of discussions, messages etc.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 87/123
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 88/123
© www.schmitzit.com
87
Tiny Icon - Hover (@nodeTinyIconHover)
Changes to be made to tiny icons when the mouse moves over them
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
- Note: Missing period (.) at end of description
Description Tooltip (@nodeDescriptionTip)
o Text
Color Size Font Family Bold ItalicSmall Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 89/123
© www.schmitzit.com
88
Description Tooltip Arrow (@nodeDescriptionTipArrow)
The triangle / arrow attached to node description tooltips
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
- Note: Missing period (.) at end of description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 90/123
© www.schmitzit.com
89
Discussion List – Controls the appearance of the list of discussions
within a forum or a conversation etc.
Note: Missing comma before etc. in the style properties description.
Settingso Show forum descriptions on thread list - Display text underneath the main page title.
Note: Setting name uses lowercase, whereas others use first letter capitalized.
o Hide item page navigator unless hovered - This option allows the multi-page
navigator shown on discussion list items with multiple pages to remain hidden until
the item is moused-over.
Note: Setting name uses lowercase, whereas others use first letter capitalized.
o
Avatar Cell Width (discussionListAvatarWidth) - Controls the width of the avatar cell.o
Stats Cell Width (discussionListStatsWidth) – Controls the width of the statistics cell.
o
Last Message Cell Width (discussionListLastPostWidth) – Controls the width of the
‘last message’ cell.
Discussion Starter Avatar (@discussionListAvatar)
Controls the appearance of the avatar of the user who started the discussion.
o Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 91/123
© www.schmitzit.com
90
Mini-Me Container (@discussionListMiniMe)
Mini-Me is the small avatar of the current visitor that shows up on discussions in which the
visitor has posted.
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height Other – Use this box to enter any additional CSS you would like to include.
Mini-Me Image (@discussionListMiniMeImg)
Mini-Me is the small avatar of the current visitor that shows up on discussions in which the
visitor has posted.
o Background
Color Image Repeat Positiono Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 92/123
© www.schmitzit.com
91
First Row Text (@discussionListFirstRow)
Controls the display of text on the first row of discussion list items, including the title.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Second Row Text (@discussionListSecondRow)
Controls the second row of text for discussion list items.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 93/123
© www.schmitzit.com
92
Title (Unread) (@discussionListTitleUnread)
Alters the display of discussion list item titles when they contain unread messages.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Discussion Flag (@discussionListIcon)
Controls the appearance of flags / icons for discussions such as sticky, locked etc.
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 94/123
© www.schmitzit.com
93
Item Page Nav Item (@discussionListItemPageNavItem)
Controls individual items within the discussion page nav.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Item Page Nav Link (@discussionListItemPageNavLink)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 95/123
© www.schmitzit.com
94
Item Page Nav Link, Hover State (@discussionListItemPageNavLinkHover)
Changes applied to page links on hover.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Options Panel Form (@discussionListOptions)
Controls the appearance of the display options panel that can appear below the
discussion list.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 96/123
© www.schmitzit.com
95
Options Panel Handle (@discussionListOptionsHandle)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
Options Panel Handle Link (@discussionListOptionsHandleLink)
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 97/123
© www.schmitzit.com
96
Message Layout – Controls the layout of the full-size message
template.
Message List (@messageList)
This is the container used for lists of messages.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Message Container (@message)
This element entirely surrounds each message.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 98/123
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 99/123
© www.schmitzit.com
98
Avatar Holder (@messageAvatarHolder)
Styles the block that surrounds the large avatar for a message author.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
User Text Block (@messageUserText)
Styles the container for the author username and user title next to messages.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 100/123
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 101/123
© www.schmitzit.com
100
Rich Text Editor Content (@editorContent)
The content of the rich text editor should appear in the same colors, fonts etc. as your
messages. If it does not, you can use this style property to tweak the appearance.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Main Content (@messageContent)
This is used to enclose the message text and any other user-generated content for the
message, such as attached files.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin PaddingBottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 102/123
© www.schmitzit.com
101
Controls Area (@messageMeta)
This block sits below the main content area and includes the inline moderation checkbox, permalink
and message controls.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Notices (@messageNotice)
Notices are used to display information such as the message being in the moderation queue,
or being deleted.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin PaddingBottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 103/123
© www.schmitzit.com
102
Likes (@messageLikesSummary)
This styles the block that displays the summary of users who have liked the message.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 104/123
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 105/123
© www.schmitzit.com
104
Author User Title (@messageUserTitle)
Controls the appearance of the user title displayed with the message poster's username.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Message Text (@messageText)
The text shown in the body of full-size messages will be controlled by the values set in this
property.
It does not apply to small messages, such as profile posts and comments, which use the text
styling from 'body'.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Miscellaneous
Width Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 106/123
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 107/123
© www.schmitzit.com
106
User-Generated Link (hover) (@ugcLinkHover)
Hovered user-generated links.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
‘Private’ Controls Container (@messagePrivateControls)
Container for controls generally seen only by privileged visitors - Edit, Delete, IP etc.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin PaddingBottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 108/123
© www.schmitzit.com
107
‘Public’ Controls Container (@MessagePublicControls)
Container for controls seen by general visitors - Like, Reply etc.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Control (@messageMetaControl)
Defines the appearance of message controls such as Edit, Delete, Like, Reply.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin PaddingBottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 109/123
© www.schmitzit.com
108
Control, Focus State (@messageMetaControlFocus)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
Control, Hover State (@messageControlHover)
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin PaddingBottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 110/123
© www.schmitzit.com
109
Control, Active State (@messageMetaControlActive)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
New Indicator (Outer) (@messageNewIndicator)
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin PaddingBottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 111/123
© www.schmitzit.com
110
New Indicator (Inner) (@messageNewIndicatorInner)
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No textdecoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Padding
o
Miscellaneous Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Note: Missing description
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 112/123
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 113/123
© www.schmitzit.com
112
BB Code Pre / Code (@bbCodeCode)
Styles the area containing code such as [php], [html] and [code].
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
BB Code Quote (@bbCodeQuote)
This definition is used together with the BB Code Block definition to provide styling for
[QUOTE] blocks.
o
Text Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 114/123
© www.schmitzit.com
113
Quote Attribution Block (@bbCodeQuoteAttribution)
Controls the appearance of the attribution row that sits above a quoted message.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
BB Code Quote Message (@bbCodeQuoteMessage)
This styling applies to the message area of [QUOTE] blocks, styling the actual quoted
message itself.
o
Text Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 115/123
© www.schmitzit.com
114
Member List Item – Styles the blocks used for each member on the
member list.
Settings
o
Fixed Column Width (memberListItemExtendedWidth - Width of fixed column inextended member list items.
List Item Container (@memberListItem)
Controls the appearance of the container for member list items.
o
Miscellaneous
Other – Use this box to enter any additional CSS you would like to include.
Avatar (@memberListItemAvatar)This property applies to the user avatar shown in member list items.
o Miscellaneous
Other – Use this box to enter any additional CSS you would like to include.
User Info Container (@memberListItemMember)
Controls the style of the container for everything in the member list item except the user
avatar.
o
Text Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o Miscellaneous
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 116/123
© www.schmitzit.com
115
Username (@memberListItemUsername)
Applies to the main username link on member list items.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
Username (Guests) (@memberListItemGuest)
Applied in addition to the regular username styling.
o Text
Color Size Font Family Bold ItalicSmall Caps Underline Overline Line-Through No text
decoration
o
Miscellaneous
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 117/123
© www.schmitzit.com
116
User Info (@memberListItemUserInfo)
This property is applied to the contain for all user info underneath the main username link.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin Padding
Left Color Style Width Radius Margin Paddingo
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
User Title (@memberListItemUserTitle)
User titles in member list items are styled with this property.
o Text
Color Size Font Family Bold ItalicSmall Caps Underline Overline Line-Through No text
decoration
o
Miscellaneous
Other – Use this box to enter any additional CSS you would like to include.
Content Info (@memberListItemContent)
Sometimes, info about a post or thread etc. will be shown inside a member list item. This
applies styling to that content.
o
Miscellaneous
Other – Use this box to enter any additional CSS you would like to include.
Extra Content (@memberListItemExtra)
On occasions, extra content is added to member list items. Use this to restyle it.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Miscellaneous
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 118/123
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 119/123
© www.schmitzit.com
118
Member Profile Page – Style properties for pages showing detailed
information about members.
Settings
o
Sidebar Width (profilePageSidebarWidth) - Specifies the width of the sidebar for themember profile page. This sidebar is usually the same width as the large avatar.
o
Tab Height (profilePageTabHeight) - Controls the height of the tabs on the profile
page.
o Tab Inset (profilePageTabInset) - Controls the amount of indent from the notional
left margin to the tabs area.
Profile Page Container (@profilePage)
Styles the outer container for the profile page elements.
o
Text Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position
o
Border
All Color Style Width Radius Margin Padding
Top Color Style Width Radius Margin Padding
Right Color Style Width Radius Margin Padding
Bottom Color Style Width Radius Margin PaddingLeft Color Style Width Radius Margin Padding
o
Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 120/123
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 121/123
© www.schmitzit.com
120
Sidebar Info Field Value (@profilePageSidebarInfoBlockDd)
Styles the values for fields in sidebar info blocks.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
All Margin Padding
Top Margin Padding
Right Margin Padding
Bottom Margin Padding
Left Margin Padding
o Miscellaneous
Width
Height
User Name (@profilePageUsername)
Styles the large heading showing the name of the person whose profile page this is.
o
Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
User Status Text (@profilePageUserStatus)
Styles the text of the current user status message, if shown.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
All Margin Padding
Top Margin Padding
Right Margin Padding
Bottom Margin PaddingLeft Margin Padding
o Miscellaneous
Width
Height
Other – Use this box to enter any additional CSS you would like to include.
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 122/123
8/9/2019 XF Style Properties Dictionary 1.0.0
http://slidepdf.com/reader/full/xf-style-properties-dictionary-100 123/123
Tab, Selected State (@profilePageTabSelected)
Additional styling for the selected tab on the profile page.
o Text
Color Size Font Family Bold Italic
Small Caps Underline Overline Line-Through No text
decoration
o
Background
Color Image Repeat Position