WSC 5.5.x - WSC 3.x.x WSC 5 style "Codemaster" (Free)

Description:

You won't find a better, free & very professionally crafted flat design style for your Woltlab software anywhere. An attractive dark blue with color accents and a lot of attention to detail should inspire your visitors and if you want to adapt the contrasting colors of the style to your project, this is easily possible in the color palette of the style. But the best: This style has a scroll header which moves the logo to the user panel when the website is scrolled down - simply unique !!!

There are extensive modifications such as the following:

Pop up windows & dropdowns optimized | Tables completely revised | badges & tags adjusted | Representations of code box, tables, quotes, spoilers adjusted | Redactor editor adapted | Redesigned Image Viewer Display | down button | Memberlist restructured as double table

Special features here are the reconstructed info boxes with symbols and the personal user profile picture in the message sidebar.

Optical adaptations to various plugins:

This style optimizes views of various apps / plugins such the Revo Reloaded Shoutbox from Sonnenspeer / Gino Zantarelli, the Woltlab Suite Blog, the Woltlab Suite Filebase, the Woltlab Suite Calendar, the Woltlab Suite Gallery.

Flexible width & smartphone suitable:

The width of this style is max 100% and automatically adapts to smaller monitors, tablets and smartphones - of course, the width setting is also up to you...

Full browser support:

This style / style series supports all modern browsers such as Firefox, Google Chrome, Opera, Microsoft Edge and Vivaldi in the current versions, conditionally Internet Explorer from version 11 & Safari are supported. Older versions of Internet Explorer are not supported!

Support WSC versions:

This style / style series supports the WSC 5.5x.x, WSC 5.4.x.x & WSC 5.3.x.x, pay attention to the correct version of the theme folder in the download when installing the package. Older Woltlab software (WBB 4, WSC 3) is not supported.

Installation

The downloaded ZIP file contains versions for the WSC 5.5x.x, WSC 5.4 & WSC 5.3, so it has to be unpacked with a packer (eg with the free program 7-Zip). The ZIP file still contains a READ_ME_FIRST file - please open it with your browser and read carefully.

The style is installed as a package in the ACP of your Woltlab Suite 5 / Woltlab Suite 3 under CONFIGURATION> PACKAGES> INSTALL PACKAGE, where the style file archive is uploaded directly. The style package does not need to be unpacked before!

Logo editing:

Each Woltlab Suite 5 style comes with a Photoshop file for the logo and associated fonts, so please install the fonts included in the "font" order before editing the file.

If you are using Woltlab Suite 5, you can directly upload the logo in the Administrator Control Panel (ACP) under the path CUSTOMIZATION> STYLES> YOUR UTILITY> GLOBAL SETTINGS.

Color Adjustments:

To change the color gradient above the header image, look for the following line of code in the CSS definition of the style (approx. from line 352) and adjust the RGBA values:

background-image: linear-gradient(to right, rgba(128, 0, 0, 0.27) 0%, rgba(29, 16, 94, 0.63) 100%), url(#{$style_image_path}headerBG.jpg);

To change the contrast color, look for the "wcfHeaderMenu" variable in the style's color palette and adjust it under the "$wcfHeaderMenuLinkBackgroundActive" selection.