stylesheet thread

2024-07-12T22:44:05+00:00

talk about pohon stylesheets here
here are various site features to test
>gtxt
%%spoiler%%

Reply to thread

2024-07-12T22:44:36+00:00

example sage

Reply to thread

2024-07-12T22:55:51+00:00

< more
, test
^ ing
>#2

Reply to thread

2024-07-12T23:28:33+00:00

ugly stylesheet 'arctic'

body {
background-color: #136;
color: #fff;
font-family: monospace, monospace;
max-width: 1234px;
margin-left: 16px;
margin-right: 32px;
line-height: 0.9;
}

.sjis {
font-family: Mona, "MS PGothic", Osaka, Meiryo, monospace, monospace;
}

a, a:visited { color: #bee;}

hr {
border: 0 none;
height: 1px;
background-color: #777;
color: #777;
}

.headline {
display: block;
font-size: 1.5em;
font-weight: bold;
margin-top: 0.83em;
margin-bottom: 0.83em;
}

.thread-head {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}

.title {
background-color: #007f7f;
padding:2px;
color:#fff;
}

.new-thread {
line-height: 2;
}
.new-thread > form > input[type="text"] {
width: 300px;
}

label {
white-space: nowrap;
}

table.comment-box {
padding-left: 3em;
}

td.comment {
padding-left: 1em;
width: 80ch;
white-space: break-spaces;
}

span.subject {
font-weight: bold;
}

span.pubdate {
text-decoration: underline;
}

span.author {
font-weight: bold;
}

span.deleted {
font-style: italic;
}

span.error {
color: red;
}

details {
user-select: none;
border: 2px solid black;
padding: 1em;
background-color: #066;
}

details.tagbox {
width: 350px;
}

details.replybox {
width: 40em;
}

details > p {
border-top: 2px solid white;
padding-top: 1em;
}

summary {
cursor: pointer;
text-decoration: underline;
color: cyan;
}

input.subject {
width: 20em;
}

.threadnav {
padding: 4px;
background-color: #249;
max-width: 300px;
position: sticky;
float:right;
top: 10%;
}

.sage {
background-color: #137;
color: #bbf;
font-weight: normal;
font-style: italic;
}

.trip {
color: #c1f;
font-weight: normal;
font-style: normal;
border-bottom: 1px solid;
}

.quote {
color: #0f2;
}

.quote2 {
color: #fb2;
}

.quote3 {
color: #f6e;
}

.spoiler {
color: #002;
background-color: #002;
}

.spoiler:hover {
color: #ffe;
}

Reply to thread

2024-07-13T04:19:07+00:00

wip: https://i.imgur.com/tm7lSEq.jpeg

Reply to thread

2024-07-13T14:57:05+00:00

this looks cool man, i'll look into adding themes to the code soon

Reply to thread

2024-07-13T17:33:47+00:00

i don't have much doubt you wont, but please don't do it the usual
way where its a js controlled drop-down menu and cookie!
maybe a cgi variable in url or something works.

Reply to thread

2024-07-14T16:39:34+00:00

It's going to be handled by backend rather than JS, with an option to
select via CGI variable in URL. So far we don't use any javascript here
and the only cookie is for the admin password. But a cookie for site
theme feels appropriate.

I may also add a cookie for the name field, so whatever name you enter
is preserved; posting as anon clears the name cookie -- just like on
wiki.gikopoi.com

What 0chan/multichan did ... *worked* but the stylesheet changing 0.5s
into a page loading was not very kino.

Reply to thread

2024-08-22T10:19:12+00:00

sorry for sleeping on this, been lazy...