@ Pohon BBS
stylesheet thread (9 replies)

#1. stylesheet thread
Published: 2024-07-12 [Fri] 22:44, by basshunter◆ozOtJW9BFA
talk about pohon stylesheets here
here are various site features to test
>gtxt
spoiler
.

#2.
Published: 2024-07-12 [Fri] 22:44, by Anonymous
example sage
.

#3.
Published: 2024-07-12 [Fri] 22:55, by Anonymous
>>2
< more
, test
^ ing
>#2
.

#4.
Published: 2024-07-12 [Fri] 23:28, by Anonymous
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;
}
.

#5.
Published: 2024-07-13 [Sat] 04:19, by Anonymous
wip: https://i.imgur.com/tm7lSEq.jpeg
.

#6.
Published: 2024-07-13 [Sat] 14:57, by Admin-san
>>4
this looks cool man, i'll look into adding themes to the code soon
.

#7.
Published: 2024-07-13 [Sat] 17:33, by Anonymous
>>6
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.
.

#8.
Published: 2024-07-14 [Sun] 16:39, by Anonymous
>>7
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.
.

#9.
Published: 2024-08-22 [Thu] 10:19, by Admin-san
sorry for sleeping on this, been lazy...
.
Pohon BBS