/css/ - CSS Styles

for endchan boards

Boards | Catalog | Bottom

Check to confirm you're not a robot
Name
Email
Subject
Comment
Password
Drawing x size canvas
File(s)

Remember to follow the rules

Max file size: 350.00 MB

Max files: 5

Max message length: 4096


(97.16 KB 2046x956 stylesheet.png)
Anonymous 04/04/2017 (Tue) 23:27:42 [Preview] No. 4 [Reply] [Last 50 Posts]
How to test CSS on the current page you're on

Firefox

1. Hold Ctrl + Shift + I
2. Click Style Editor
3. Scroll to the bottom of the editor
4. Paste your CSS at the bottom

Chrome

1. Hold Ctrl + Shift + I
2. In Elements text editor, right-click the line <head>...</head> and click Edit as HTML
3. At the bottom, right before </head>, type <style>, then paste your CSS, then type </style>

The Chrome text editor is often glitchy and scrolls to the top while you're typing so you can't see what you're typing, just try to ignore it and keep typing. It's dumb but it works.



(155.23 KB 780x530 image.png)
Yotsuba B for Endchan v1.1 Anonymous 04/04/2017 (Tue) 23:04:00 [Preview] No. 2 [Reply] [Last 50 Posts]
https://pastebin.com/K71QZ3GW

This stylesheet was made for Endchan as an attempt to mimic the popular Yotsuba B theme used in other imageboards like 4chan and 8chan.

Please note that LynxChan (the engine Endchan runs on) is a work-in-progress, and this stylesheet uses many "hacks" to modify HTML elements that currently lack unique IDs or classes. Eventually this stylesheet will need to be modified or rewritten to reflect forthcoming changes to the software Endchan uses.

Hopefully OdiliTime will just make this the default theme for Endchan.

This stylesheet has been tested only on Firefox and Chrome. This has been made for Endchan but should theoretically work in other instances of LynxChan.

Please post in this thread for any glitches you come across and any improvements that could be made.
7 posts omitted.


Anonymous 05/26/2017 (Fri) 18:48:25 [Preview] No. 19 del
>>16
fixed
/* Beautify poster IDs 4chan style*/
.labelId {
padding: 0 5px;
border-radius: 20px;
font-size: 0.85em;
color: white;
}


odilitime Root 05/31/2017 (Wed) 06:07:47 [Preview] No. 20 del
After cleaning up some of the HTML/CSS for mobile on the homepage. I also started to added this as a layout and color option.

I'll need to import these updates still. Then I'll likely bring what I want into the main CSS and fix up the rest.

Thanks again, great work.


Anonymous 09/12/2017 (Tue) 01:10:28 [Preview] No. 21 del
To push [Last 50 Posts] leftwards, add
.linkLast50 {position: relative; right: 1.4em;}

To just remove it, add
.linkLast50 {display: none;}


Anonymous 09/12/2017 (Tue) 01:20:31 [Preview] No. 22 del
>>19
That doesn't really fix anything. They should make LynxChan automatically set font color to white if background has dark color and font color to black if background has light color like in 4chan.


Anonymous 09/12/2017 (Tue) 01:22:05 [Preview] No. 23 del
>>18
What? I don't have a laptop.



(9.80 KB 555x109 custom spoiler.PNG)
Anonymous 04/05/2017 (Wed) 14:28:55 [Preview] No. 11 [Reply] [Last 50 Posts]
?


Anonymous 04/05/2017 (Wed) 15:43:08 [Preview] No. 12 del
(101.87 KB 489x720 caturday.jpg)
(50.42 KB 329x245 drongo.jpg)