[ShikiSuen] CSCN Anniversary theme (Free Standalone Version)

[ShikiSuen] CSCN Anniversary theme (Free Standalone Version) 2021-02-02

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: I don't want the thread title centered. What shall I do?
A: Edit the "cscn_theme_customize.less" and find the
Code:
[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.
Top