[ShikiSuen] CSCN Anniversary theme (Free Standalone Version)

[ShikiSuen] CSCN Anniversary theme (Free Standalone Version) Beta 31

No permission to download
Q: What the bloody hell did you do with the staffbar? Where is it?!
A: It has been turned into three parts:

1. The enhanced Alert menu: For Moderators, if there are incoming new reports or approval queue items, the bell icon will be turned into a badged alarm-clock icon indicating moderators & administrators their existence.

2. In the top-right side of Alert menu, the entry links (as badged icons) of reports & approval queue always shown up.

3. The wrench-screwdriver icon (to the left of user menu icon) functions as an admin-only button to AdminCP. However, if you installed any add-ons with entries added to the staffbar moderators menu, then this wrench-screwdriver icon will show a dropdown menu containing those new entries introduced by those add-ons.

Q: Where to switch postbit layout between vB3 modern (vertical) and legacy (horizontal)?
A: AdminCP -> Style Properties -> Messages -> [Checkbox] Enable Legacy Postbit.

Q: I found a mess after installing ThemeHouse Nodes addon.
A: Upgrade to at least Beta 23. This completely disables this addon's node-background feature in this theme. If you want it functions as you wish, please customize "th_node_list_style_nodes.less" template by yourself after having sufficient LESS editing.

Q: I don't want the thread title centered. What shall I do?
A: Edit the "cscn_theme_customize.less" and find the
CSS:
[data-template^="thread_view"]{
    .p-body-header .p-title .p-title-value {margin: 0 auto 5px auto; font-weight: @xf-fontWeightHeavy;}
    .p-body-header .p-description {display:flex;justify-content:center;align-items: center;.label{margin-right:5px; font-size: @xf-fontSizeSmaller;}}
    @media (max-width: @xf-responsiveWide) {.p-title-value{font-size: @xf-fontSizeLarger;}}
    .p-body-header .label {vertical-align: unset;}
}
:not([data-template="thread_view"]){
    .p-title-value {font-weight: 800;}
}

Replace this block by the following:
Code:
[data-template^="thread_view"]{
    .p-body-header .p-title .p-title-value {margin: 0 0 5px 0; font-weight: @xf-fontWeightHeavy;}
    .p-body-header .p-description {display:flex;justify-content:flex-start; align-items: center;.label{margin-right:5px; font-size: @xf-fontSizeSmaller;}}
    @media (max-width: @xf-responsiveWide) {.p-title-value{font-size: @xf-fontSizeLarger;}}
    .p-body-header .label {vertical-align: unset;}
}
:not([data-template="thread_view"]){
    .p-title-value {font-weight: 800;}
}
You are good to go.

Note that this is not "return everything to the default place".
You can still see that thread labels are put right before the username in lieu of the thread title.
This is because that thread labels can be too long in Western and Cyrillic languages and they takes more places in large font sizes used by the thread title.

Q: I don't want the overall blue color pallete... What should I do?
A: The color management in this theme utilizes only one parameter which can change the hue value of all the colors used in this theme. Create a child theme of this CSCN theme and go to "Style Properties -> Color Palette -> Main Style Color Hue" and fill in a color value. This color is recommended to be set its "Saturation (HSL & HSV), "Value (HSV)", and "Lightness (HSL)" parameters as values larger than 200. The color value must be written as HEX, web color name (like "red") or RGB color value because XF 2.2 at this moment does not directly support parsing HSV and HSL color values.
Top