Wiki Design/CWN

Chinese Web Novels

* Xuanhuan
* Xianxia
* Western Fantasy
* Romance
* Urban
* Sci-fi
* Game
* Horror

Alchemy Emperor of The Divine Dao
Almighty Sword Domain
Ancient Strengthening Technique
Battle Through the Heavens
Beastmaster of the Ages
Cang Yuan Tu
Emperor's Domination
God Emperor
God of Slaughter
Guardian
Immortal of the Ages
The Legend of Futian
Legend of Swordsman
Library of Heaven's Path
Lord of All Realms
Martial World
Perfect World
Records of the Human Emperor
Rise of Humanity
Sovereign of the Three Realms
Tales of Herding Gods
True Martial World
Unrivaled Medicine God
War Sovereign Soaring the Heavens
Wu Dong Qian Kun

Beyond Time
Coiling Dragon
The Desolate Era
Eternal Sacred King
Grasping Evil
Great Sage of Humanity
I Shall Seal the Heavens
Immortal Mortal
Lian Qi Shi Wan Nian
Limitless
Martial Master
The Nine Cauldrons
Pursuit of the Truth
A Record of a Mortal's Journey to Immortality
Seeking the Flying Sword Path
Ultimate Scheming System
Way of the Devil
A World Worth Protecting
Xian Ni (Renegade Immortal)

Bringing The Farm To Live In Another World
The Experimental Log of the Crazy Lich
Lord of Mysteries
Release that Witch
Summoning the Holy Sword
Throne of Magical Arcana
Versatile Mage
Warlock of the Magus World

The Demonic King Chases His Wife: The Rebellious Good-for-Nothing Miss
Fei Tian Ye Xiang
Grandmaster of Demonic Cultivation
The Ghostly Doctor
The Good For Nothing Seventh Young Lady
Heaven Official's Blessing
The Legendary Master's Wife
Little Tyrant Doesn't Want to Meet With a Bad End
NEET Receives a Dating Sim System
The Scum Villian's Self-Saving System
Trial Marriage Husband: Need to Work Hard
Venerated Venomous Consort

Cultivation Chat Group
The Daily Life of the Immortal King
Godly Student
I’m Really a Superstar
Rebirth of the Urban Immortal Cultivator
Returning from the Immortal World
Strongest Abandoned Son

Embers Ad Infinitum
Forty Millenniums of Cultivation
God and Devil World
I Have a Mansion in the Post-Apocalyptic World
It's Not Easy to Be a Man After Travelling to the Future
Sage Monarch
Super Gene
Swallowed Star
Worlds’ Apocalypse Online

The Legendary Mechanic
MMORPG Rebirth of the Legendary Guardian
Rebirth of the Thief Who Roamed the World
Reincarnation Of The Strongest Sword God
Shura's Wrath

Doomsday Wonderland
My House of Horrors

## Description

This is a new version of Template:ChineseNovels, it uses external CSS, provided below, simply copy and paste it to the wiki's CSS file (for example: MediaWiki:Common.css), then you can alter the CSS to your liking. Please visit Template:ChineseWebNovels for detailed instructions on how to implement this template on your main page. These pages only serve as a demonstration, as I don't have access to the CSS on the community website.

*I stripped all but the header comments from the demo CSS sections, the community website has more detailed comments and instructions.*

## Main CSS

I'm providing the CSS here on the demo pages as well for convenience; it is the exact same CSS as on the community website, and if changes are made to the community CSS in the future, I will also add them to this demo.

```
/\* Styles for container, custom props, system font stacks and colors \*/

.cwn-container {
 --cwn-header-font: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
 --cwn-content-font: -apple-system, system-ui, segoe ui, noto, sans-serif;
 --cwn-c1: #0003;
 --cwn-c2: #fff6;
 --cwn-c3: #fa005a;
 --cwn-c4: #ffc500;
 width: 100%;
 overflow: hidden;
 border-radius: 10px;
 border: 2px outset var(--cwn-c3);
 box-shadow: inset -2px -2px 5px 0 var(--cwn-c4);
}

/\* Styles for header \*/

.cwn-header {
 font-family: var(--cwn-header-font);
 font-size: 1.5rem;
 font-weight: bold;
 text-align: unset;
 padding: 0.5rem;
 height: 48px;
}

/\* Styles for content box of each tab section \*/

.cwn-content {
 padding: 7px;
}

/\* Fix: margin and padding issue with content <p> tags, and making them flex \*/

.cwn .tabber .wds-tab\_\_content p {
 display: flex;
 flex-wrap: wrap;
 gap: 0.5em;
 justify-content: unset;
 margin: 0.5em 0 0.8em;
}

/\* Styles for content links, <a> tags in paragraph \*/

.cwn .tabber .wds-tab\_\_content p a {
 font-family: var(--cwn-content-font);
 text-decoration: none;
 border: 1px solid rgb(var(--theme-border-color--rgb), 0.8);
 border-radius: 4px;
 padding: 0 5px;
 background-color: var(--cwn-c1);
 transition: background-color 400ms ease-out, color 400ms ease-out, border-color 400ms ease-out;
}

/\* Styles for content links, <a> tags in paragraph on hover or keyboard browsing \*/

.cwn .tabber .wds-tab\_\_content p a:is(:hover, :focus-visible) {
 background-color: transparent;
 border-color: var(--theme-link-color);
 transition: background-color 250ms ease-in, color 250ms ease-in, border-color 250ms ease-in;
}

/\* Light theme background color for content links, <a> tags in paragraph \*/

.theme-fandomdesktop-light .cwn .tabber .wds-tab\_\_content p a {
 background-color: var(--cwn-c2);
}

/\* Tabber tabs styles \*/

.cwn .tabber > .wds-tabs\_\_wrapper > .wds-tabs > .wds-tabs\_\_tab a {
 font-family: var(--cwn-header-font);
}

/\* Styles for tabs wrapper, padding inline adjustment only needed if using original look \*/

.cwn .tabber > .wds-tabs\_\_wrapper.with-bottom-border {
 border-block: 1px solid var(--theme-link-color);
 background: content-box var(--cwn-c1);
 padding-inline: 0 4px;
 /\* Adjust the alignment of the tabs on justify-content with (start / center / end) \*/
 display: flex;
 justify-items: start;
 justify-content: unset;
}

/\* Adjust the tabs spacing (this complements the above alignment of tabs) \*/

.cwn .wds-tabs {
 gap: unset;
}

/\* Light theme background for tabs, can be gradient as it uses background shorthand \*/

.theme-fandomdesktop-light .cwn .tabber > .wds-tabs\_\_wrapper.with-bottom-border {
 background: content-box var(--cwn-c2);
}

/\* Styles for tabs, adjust line height depending on the font used if needed \*/

.cwn .tabber ul li {
 line-height: 3;
}

```