PARENT ONLY style

The Parent_Only style in TWC's xenforo installation is a child of the xenforo default skin, and is intended to be the parent to all other styles.

All PAGE_CONTAINER template changes are made in this style, and are selected by amending the .less files and sub-templates selected at child skin level.

For instance in the Parent_Only page_container the page title and breadcrumbs are inserted in two different locations, but with different classes applied to the element, so different child skins can use the option of displaying either one without requiring amendments to their page_container.

Naming conventions

To make templates added for TWC easy to find and distinguish from original xenforo files the following conventions are used.

New templates with html content and their associated css sections:

• x_template_name, and
• x_same_template_name.less

Chooser to activate x_templates

• xx_description

Added templates which insert css sections only:

• y_description.less

Chooser to activate insertion of css sections:

• yy_description

Additional css elements at parent level:

• z_PARENT.less

Additional css elements at child skin level:

• z_zCHILD.less

The x,y,z prefixes are used to place the less files towards the end of the css loading order.

Templates inserted into PAGE_CONTAINER

The following templates are inserted via xf:include to make the contents easier to edit:

In the menu section x_style_chooser_in_top_menu_bar via:

    <xf:include template="x_style_chooser_in_top_menu_bar" />

At the top of p-body-pageContent x_title_header_and_crumbs_above_content via:

    <xf:include template="x_title_header_and_crumbs_above_content" />

In a footer element x_social_media_links via:

    <xf:include template="x_social_media_links" />

Two templates set up to allow selectable options are inserted via the following code: At the top of body:

	<xf:include template="yy_insert_additional_less_files" /> 

In a footer element:

	<xf:include template="xx_Footer_Choose_Feature" /> 

The two templates yy_insert_additional_less_files and xx_Footer_Choose_Feature are the only templates that should need changing in child skins to provide a wide variety of options.

Style Properties

Style property changes in XenForo Default style will apply unless overwritten. However, it is intended that all changes necessary for the TWC site are included in this skin, so that the XenForo Default style could be reverted to pure defaults.

Basic Options

• TWC eagle logos and size (aligned to left)

Page Setup

• Maximum Page Width: 2560px
• Sidebar and side navigation width: 350px (increased from 250px default)
• Wide responsive break point: 1100px (increased from 900px default as the sidebar change affects the remaining content area)
• Display page jump buttons on scroll: When scrolling up or down

Header and Navigation

• Navigation - Primary and Secondary sticky

Popup menus

• Menu and Menu link row: @xf-linkColor used instead of textColor

Avatars

• Avatar border radius: 10% (retains square shape of avatar, 100% would result in round)

Messages

• Message user info block width: 180px
• Message user info elements: All selected except 'Website'

Miscellaneous

• Base animation speed: 1s (inherited)
• What's new navigation style: Side navigation (inherited)
• Find threads navigation style: Side navigation (inherited)