Authorarchomp
LicenseCreative Commons Attribution
Categorywuxiaworld.com
Created
Updated
Size5.7 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
For people that like to read ebooks with paged display.
Swipe right or left, you can also use directional keys or the scrollbar.
If you wanna publish your own modified code, it's cool, just give me a shout out.
Contact me on github for help or whatever you need regarding this style.
Use on new-ish browser, I guess. It have to support the newer scroll-snap feature.
Changelog 3/5/2022
Fix for chapter preview pages
Changelog 2/5/2022
Ported from Userstyles.org
Fix for the website update.
Shorter script
/* ==UserStyle==
@name SWIPE RITE (Wuxiaworld)
@namespace SWIPE RITE
@version 1.0.0
@description Paging style for Wuxiaworld
@author Archie Rafael Manalang
==/UserStyle== */
@-moz-document url-prefix("https://www.wuxiaworld.com/novel/") {
:root {
/*TRANSPARENT POINTER*/
--Triangle-Pointer: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' stroke='%23Fff8' stroke-width='8'><polygon points='8,8 8,58 11,14 48,38 '/></svg>") 5 5, auto;
/* BACKGROUND */
--Note-Stripe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%238888880f'%3E%3Crect width='20' height='8'/%3E%3Crect width='20' height='8' x='25'/%3E%3Crect width='20' height='8' x='50'/%3E%3Crect width='20' height='8' x='75'/%3E%3C/svg%3E");
--Cat--: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%23888' width='507.7px' height='411px' viewBox='0 0 507.7 411' enable-background='new 0 0 507.7 411' ><path d='M416,172.8c-0.3,0.2-0.6,0.4-0.8,0.7C415.5,173.3,415.7,173.1,416,172.8z'/><path d='M358,32.7c1.7-7,3.2-14.6,2.2-14.2c-1.7,0.7-8.2,4.7-16.1,10.2c1.5,0.7,3.9,1.3,6.5,1.9C353,31.2,355.6,31.8,358,32.7z'/><path d='M500.7,0.6c-5.3-1.6-17.4,5.7-23,13C463,32.7,448.4,52,440.5,75c-6.6,19-15.1,26.4-41.5,26c-1.6,0-4.2-0.8-7-1.7c-7.2,0.1-23.4-2.5-44,15.5c-0.3,0.3-0.5,0.5-0.8,0.7c0.3-0.2,0.6-0.4,0.8-0.7c2.7-2.6,3.6-8.9,3.3-13c-8.2,3.7-9.3,2.7-18.8,2c2.7-2,4-4.7,8.5-9.3c-4.2,2-8.5,2.8-15.3,0.2c1-4.3,4.8-12.5,13-18.8c0,0-6.9,6.9-9.7,18c9.3,1.5,9.8-1.3,19.7-3.8c-3.7,1-7.2,7-10.5,12.2c9.2,0,13.5-4.3,16.3-6.5c2.7,4.7-2.1,15.9-0.8,12.8c0.9-2,10.7-8,15.9-9.3s13.6-3.2,13.5-3.3c7.3-6.1,15.7-24.8,10.7-37c-13.1-3.8-27.2-12.8-30.7-18.2c-3.5-5.4-15.1-5.8-20.7-8.4c-5.6-2.6-12.7-24.9-14.3-31c-3.7-1.3-11,13.6-13.8,23.7c-2.8,10.1-7.8,25.4-16.4,39.7c-12.1,20.3-18,42.9-15.9,66.7c1.6,17.8-5.2,30.2-20.3,38.7c-3.1,1.8-6.1,3.9-9.4,5.3c-42.3,17.3-59,53-67,94.4c-5.3,27.2-7.1,77.4,1.6,105.7c-23.1-2.5-29.4-12.2-35.3-21.6c-7.2-11.4-9.6-24.5-10.4-37.8c-1.9-31.8,2-63,10.4-93.8c6.2-22.7,12-45.7,9.3-69.7c-1.2-10.4-3.9-20.2-8-29.1c-3.7-16.6-15.4-35.9-39.8-47.1c4.2,2.2,7.7,6.6,10.3,11.8c-12.3-8.5-27.1-13.8-43.4-15.1C57.3,71,32.7,75.8,9.8,91.4c12.9,7.9,11.4,14.8-9.6,26.8c58.5,9.8,72.2,34.4,72.2,84.2c0,25.2-4.4,50.2-2.7,75.5c1.4,21.4,5.4,42.1,15.1,61.3c19.9,39.5,52.9,60.9,95.7,68.4c3.9,0.7,16.1,3.3,78,3.3s62.7-1.1,70.2-13c2-3.2,3.4-7.3,4.5-11.6c-7.7-8.3-40.3-16.2-63.6-16.4c53.3-48,31.5-81.8,26.5-89c20.3,19.3,13.3,60.8-17.1,86.4c12.6,1.3,23.2,3.5,31.7,6c-0.2-4,5.6-16.1,10.5-21.4c0.5,2.3-3,8.3,0,17.5c0.2-5,1.7-15.5,10.5-32.8l3.5,35.8c0.3-4,0.4-7.9,0.5-11.2c2.6,10.8,5,21.9,4.8,24.1c0.3-4.3,0.7-8.1,1.2-11.5c2.6,8.2,4.8,15.4,4.8,17.1c0-3,0-5.7,0-8.3c4.8,13.1,10.5,24.8,19.3,25.4c15.7,1.1,22.7-2.8,27.4-7.1c1.1-6.3-5.6-13.5-11.2-16.3c-6.4-3.2-9.2-8.1-10.6-14.8c-7.5-36.4-6.3-72.3,5.4-107.8c7.9-23.9,16.8-47.5,19.3-72.9c0.8-8.3,5.5-13.6,29.8-35c10.2-8.9,19.2-20.4,27.3-34c1.3,6.7,2.2,13.6,2.4,19.6c2.3-3.2,5.6-14.8,8.6-27.7c0.6,3.5,1,6.9,1.2,10c5.1-10.3,8.9-35.5,12-54.4c1.9-5.2,3.7-10.5,5.5-16c3.9-12,6.1-23.7,14.9-27.9c8.8-4.2,8.8-4.2,9.7-11.3C508.4,5.3,506,2.2,500.7,0.6z M363.7,53c0,0,1.6,2.6,3.5,3.3c-0.9-0.2-2.4,0.3-3.5,1.1C364,57,364,55.1,363.7,53z M358.3,49.2c-2.5,2.2,2.4,8.6,2.4,8.6c-2.9-0.3-7.3-1.7-10-3C351.3,52.3,356,49.7,358.3,49.2z'/></svg>");
}
.chapter-content {
max-width: 720px;
margin: 0 auto;
border: #67b3 15px solid;
border-radius: 3px;
border-left: 0;
border-right: 0;
display: block;
padding: 1.25em 2.5em;
height: 800px;
overflow-x: auto;
overflow-x: overlay;
overflow-y: hidden;
justify-content: center;
scroll-snap-type: mandatory;
scroll-snap-type: x mandatory;
scroll-snap-destination: 0 0;
scroll-snap-points-x: repeat(100%);
scroll-snap-align: center;
column-count: auto;
column-width: 100vw;
column-span: all;
column-gap: 66px;
column-rule: .125em dashed #8883;
box-sizing: content-box;
cursor: var(--Triangle-Pointer)!important;
background: var(--Note-Stripe) 0 1.25em/80px 1.25em local repeat, linear-gradient(105deg, #0002 0%, #8880 4%, #8880 96%, #0002 100%), linear-gradient(75deg, #0002 0%, #8880 4%, #8880 96%, #0002 100%), #fff1;
text-rendering: geometricPrecision;
}
.chapter-content::-webkit-scrollbar {
width: 1.25em;
height: 1.25em;
}
.chapter-content::-webkit-scrollbar-track {
background: none;
}
::-webkit-scrollbar-button {
display: none;
}
.chapter-content::-webkit-scrollbar-thumb {
box-shadow: 1px 2px 3px 1px #35b inset;
background: #007bff;
border-radius: 10px;
}
.chapter-content p {
margin: 0;
text-indent: 4ch;
transition: all .2s;
}
.chapter-content blockquote,
.chapter-content div > div > ul,
.chapter-content div > div > ol,
.chapter-content > div > div > p {
scroll-snap-align: center;
scroll-margin: 0;
scroll-padding: 0;
}
.chapter-content > div {
margin: 0;
display: inline;
}
.chapter-content div:empty {
display: none;
}
.chapter-content:before,
.chapter-content:after {
content: "SWIPE RITE";
font-family: 'Roboto Slab', serif;
text-align: center;
display: block;
height: 48.75em;
background: var(--Cat--) 50% 20% / 60% auto local no-repeat;
-webkit-column-break-inside: avoid;
break-inside: avoid;
}
.loading-container {
-webkit-column-break-inside: avoid;
break-inside: avoid;
break-after: avoid;
break-before:avoid;
scroll-snap-align: center;
scroll-margin: 0;
scroll-padding: 0;
}
}