TWC Wide Chocolate

TWC Wide Chocolate style uses a brown and cream colour scheme and includes custom enhancements to user badge display and other elements. The style is designed to be more responsive and fill the screen width on larger monitors, but also still compress down to smaller/mobile views.

It has the following changes:

Style Properties

Style property changes in XenForo Default style will apply unless overwritten.

Color Palette

• All values

Basic Options

• TWC letters logo and size (aligned to left)

Page Setup

• Maximum Page Width: 3000px
• Sidebar and side navigation spacer: 55px (reduced in extra.less for smaller screens)
• Sidebar and side navigation width: 600px (reduced in extra.less for smaller screens)
• Display page jump buttons on scroll: up and down

Header and Navigation

• Navigation - Primary and Secondary sticky (inherited)
• Header/logo row - image: images/ChocSkin/hBanner-siege-wireframe.webp

background-repeat:no-repeat;
background-size:cover;
background-position: center center ;
opacity: 0.7;
height:150px;

Footer

• Color and top border

Blocks

• Block header background and text colors

Inherited Template Changes

search_form

• Search Tabs button moved to before other Search buttons (Changed in parent: XenForo Default style)

Modified Templates

member_tooltip.less

Changes made to allow extra.less values to take precedence:

• heavy shadow on member name removed
• color on pairs removed

PAGE_CONTAINER

• Style chooser added to top menu bar
• Amended footer design with 3 column layout and central image

extra.less

• includes the COPY TO ALL STYLES SECTION
• Icons in side nav account page, icons in more options menu, icons in visitor menu
• show resources as a grid
• member tooltip legibility fixes
• styling for amended footer design
• eagle watermark in message replies
• header alterations for central large logo swapping to small text on mobile
• custom header image section
• wide screen adjustments section
• user badges (userBanner styles) - inc don't show below 480px
• hr fix
• minor headers in sidebars to look like major headers
• display forum index blocks in 2 column grid under category header
• styling for style chooser in top menu bar
• 2 column grid for categories on index page - (only used to put widgets on one line)
• reduce sidebar and side nav on pages with 3 columns
• remove node-stats from new posts section when below 1200px