/christmas/ - All Are Welcome

Anon's heart grew three sizes that day...


New Reply
Name
×
Email
Subject
Message
Files Max 5 files50MB total
Tegaki
Password
[New Reply]


Please help Jazzanon finding animu Christmas music!
https://prolikewoah.com/animu/res/85538.html#109068


....jpg
[Hide] (2.4MB, 3600x3000)
We are looking for decorations for the board! If you would like to contribute a banner, custom CSS, spoiler image, or other decoration to the board, please do so here.
mfc.png
[Hide] (25.8KB, 300x100)
yeah sure why not, i'm actually pretty good at making banners
mc.png
[Hide] (63.7KB, 300x100)
and here's a second banner because i'm feeling awfully generous, you're welcome
mc2.png
[Hide] (64.3KB, 300x100)
okay no more seriously i don't even think this one is that good
Christmas_Banner_1.png
[Hide] (59KB, 300x100)
Christmas_Banner_2.png
[Hide] (53.4KB, 300x100)
Here's a couple more!
Megu_bomb_bag.png
[Hide] (651.9KB, 853x960)
I don't have much in the way of making content, but I have a lot of Padorus if you want them for making stuff.
Replies: >>54
meme_o.jpg
[Hide] (85.1KB, 1280x720)
>>48
Post them all.
Replies: >>55
android21_padoru.png
[Hide] (167KB, 702x776)
bootleg_padoru.png
[Hide] (268.7KB, 863x926)
bundoru1.png
[Hide] (248.3KB, 675x675)
alex_padoru.png
[Hide] (1004.1KB, 4000x4000)
bundoru.png
[Hide] (1.6MB, 1000x1000)
>>54
Christmas_Comes_Early_this_Year.mp4
[Hide] (260.2KB, 640x640, 00:00)
cathyl_padoru.jpg
[Hide] (87.3KB, 712x712)
Cheshire_padoru.png
[Hide] (230.8KB, 673x765)
christmas_samus.gif
[Hide] (215KB, 671x851)
centorea_padoru.png
[Hide] (768.6KB, 1500x1500)
Some of these aren't padorus, but still cute.
DCU_Holiday_Bash!1.jpg
[Hide] (261.4KB, 1024x1551)
christmas_shantae.png
[Hide] (437.7KB, 553x658)
christmasfeels.gif
[Hide] (296KB, 834x870)
cynthia_padoru.jpg
[Hide] (279KB, 1084x1200)
christmaspolts.gif
[Hide] (4.1MB, 680x657)
flan_padoru.png
[Hide] (126.4KB, 393x353)
dou_sama.jpg
[Hide] (94.2KB, 512x512)
DCU_Holiday_Bash!2.jpg
[Hide] (313.4KB, 1024x1557)
ereshkigal_padoru.png
[Hide] (734.8KB, 1500x1500)
dragon_padoru.png
[Hide] (898.4KB, 1500x1500)
It's_officially_Christmas!.mp4
[Hide] (2.2MB, 1280x720, 00:16)
goblin_slayer_padoru.png
[Hide] (113.3KB, 500x500)
iowa_padoru.png
[Hide] (236.2KB, 894x894)
kemetmas_padoru_the_cooler_version.png
[Hide] (560.9KB, 1352x1891)
ishtar_padoru.png
[Hide] (735.1KB, 1500x1500)
komi-san_is_extra_nervous_at_christmas.gif
[Hide] (250.7KB, 600x600)
kemetmas_padoru.png
[Hide] (504.5KB, 1500x1821)
komi-san_is_nervous_at_christmas.png
[Hide] (649.1KB, 680x537)
lala_padoru.png
[Hide] (743.3KB, 1500x1500)
merry_christmas_dance.gif
[Hide] (2.6MB, 500x281)
nanachi_padoru.png
[Hide] (52.1KB, 288x322)
miranda_padoru.png
[Hide] (206.6KB, 800x800)
momiji_padoru.png
[Hide] (438.8KB, 1024x921)
unknown_padoru.png
[Hide] (395.8KB, 894x957)
miia_padoru.png
[Hide] (908.4KB, 1500x1500)
neko_jew_padoru.png
[Hide] (203.1KB, 494x499)
neko_padoru.jpg
[Hide] (14.3KB, 235x260)
nanachi1_padoru.png
[Hide] (183.3KB, 706x640)
ozen_padoru.png
[Hide] (149.9KB, 706x640)
neko_padoru.jpg
[Hide] (14.3KB, 235x260)
nanachi1_padoru.png
[Hide] (183.3KB, 706x640)
neko_jew_padoru.png
[Hide] (203.1KB, 494x499)
ozen_padoru.png
[Hide] (149.9KB, 706x640)
Padoru.webm
[Hide] (1.1MB, 600x600, 00:08)
padoroo.jpg
[Hide] (185.8KB, 876x986)
padoru_angry.jfif
[Hide] (141.8KB, 1080x1080)
padoru.gif
[Hide] (457.3KB, 551x610)
So something happened.
Replies: >>77
>>64
What happened?
ho_ho_1.png
[Hide] (56.6KB, 300x100)
ho_ho_2.png
[Hide] (56.6KB, 300x100)
ho_ho_3.png
[Hide] (57.9KB, 300x100)
I did a quick one with a few variations.
Replies: >>1147
>>1110
Added.
Banneritjpg.jpg
[Hide] (66.6KB, 600x200)
Chobitsu you need to add the banners back.
A simple Christmas CSS would be a nice addition too, if you have time.
Replies: >>3573
>>3572
>Chobitsu you need to add the banners back.
Good point, thanks for the reminder Anon! Probably tackle this in the next day or two.

>A simple Christmas CSS would be a nice addition too, if you have time.
It would be a great addition! Unfortunately I'm pretty unskilled with CSS. I'm hopeful some wizard or other will come along to help us out here in in our new Trashchan home!  :)
Replies: >>3576
>>3573
>I'm pretty unskilled with CSS. I'm hopeful some wizard or other will come along to help us out here in in our new Trashchan home!  :)
Uh maybe I can help. I'm not feeling the best rn but in a couple days I'll try to come up with something. I'll be honest it'll probably be the weekend before I have time for it.
Just roughly what are you looking for, theme wise?
Replies: >>3578
>>3576
Excellent!

>Just roughly what are you looking for, theme wise?
Well, I like the snow + lights of /digi/ [1], but I'd prefer a less-cartoony, more-traditional look.
*  Animated Snow:  Some intermittent fairy-sparkles + hexagonal snowflakes mixed in w/ fine dots (think the classic Grinch scene immediately following his redemption).
*  Animated Border: Composed of wreaths; intermixed w/ holly-leaves+berries; intermixed w/ classical, flickering red Christmas candles?
*  Animated Corner Mascot: A cheery Christmas-gang, ala /digi/ ? Preferably w/ good post-borders blending + all art assets embedded directly into the custom.css file (cf. /robowaifu/ [2]).
*  Color: I'd say an indigo/deep-blue base color theme.
*  Widgets: Something more appropriate than the current Win95 theme, lol. (Not that I don't like that.)  :D

And anything else you think will add to the traditional Christmas look here on /christmas/ (such as : a single, large, background Christmas star [pointed cross-shaped, w/ origin in upper-left & primary ray down the left side]; Christmas turkey feast; piled snow bordering; frost; etc.). TIA, Anon! Cheers.

<--->

Heh sorry to have such a large amount of specifics in mind, Anon.  :^)

---
1.  https://zzzchan.xyz/digi/index.html
2.  https://alogs.space/robowaifu/
Last edited by chobitsu
Replies: >>3590 >>3640
Untitled216_20241204071759.jpg
[Hide] (894.3KB, 2737x2759)
Idk what you'll use it for but more the merrier :]
4db109135affe2a1e6a1afc5b9f731e2c1aeaa21.png
[Hide] (34.3KB, 500x250)
5d11363c3a425511190fa2013a8492bf6589fc38.png
[Hide] (33.1KB, 500x250)
1692d944b3e9bcf7f5ab6f15f273ec3582688e61.png
[Hide] (25.8KB, 300x100)
I found three more banners rescued from the old /christmas/ board.
Untitled108.jpg
[Hide] (670.6KB, 1079x1489)
That good opera one to be precise
>>3578
OK wow that's something to work from. If you can try and find some image assets (especially animated .gifs) that you like and maybe I can star working on things. When you decide on them you'll need to upload them to the board assets due to the way how Trashchan works. It doesn't always serve the image right from those posted in a thread.
Replies: >>3596 >>3604 >>3640
snow_(2).gif
[Hide] (4.1KB, 100x100)
9eef6bda2b19c8ebb35c088dca0c39ce15538bc74cf8b2e66da3c63192369348.gif
[Hide] (415.4KB, 500x500)
f4ae80e7a53bcb64871ae6ffc48cd095538c6cbc358c9eff2767ae48e9f59490.gif
[Hide] (8.2KB, 200x80)
6a2d97d4d85c3e293ed1846621e6b5828a3c073df549b07ecb6ca52efe0956dc.gif
[Hide] (45.5KB, 400x300)
Here's some variations on snow.
pixel_lofi_girl_by_ispixeling_dgl0jcz.gif
[Hide] (512.2KB, 900x1100)
I don't know if this might be somehow usable.
Replies: >>3647 >>3689
snow.gif
[Hide] (948.3KB, 499x477)
Replies: >>3647
8T0E9Cy.gif
[Hide] (292.9KB, 450x325)
santa2020.gif
[Hide] (7KB, 64x64)
padoru.gif
[Hide] (457.3KB, 551x610)
komi-san_is_extra_nervous_at_christmas.gif
[Hide] (250.7KB, 600x600)
dou_sama.gif
[Hide] (94.2KB, 512x512)
Replies: >>3597 >>3647 >>3718
>>3590
While I'm very grateful for your offer of assistance Anon, I simply don't have the time to learn/manage everything to facilitate this. Finals are approaching for me, and I have a lot else on my plate.

So, my idea is simply this: why don't I temporarily turn the board ownership over to you instead? You can then do & tweak everything until it's just as you see fit. How would that be, Anon?

If you decide to, then just create an account on Trashchan & let me know it. Keep me on as a volunteer, and then reassign the board back over to me when you've got things sorted (or the 15th, whichever comes first -- this would be about 10 days from now). Please let me know what you think of this idea.

<--->

>wow
Lol, ikr. Just flowed out like ink from a pen once I started...  :^)
Replies: >>3605
Nice assets, everybody! Please keep them coming. Cheers.

>>3594
An animated gang of Padorus would be cute!
>>3590
Any ideas/thoughts on my proposal, CSS-Anon?
Replies: >>3605
>>3604
>>3596
Uh, yeah I've just been sick the past couple of days. 
Let me work on it on my own for a day or two and we'll try to do a quick switch back and forth one night this week. I don't want to take the board on and then maybe have a relapse.
Replies: >>3607 >>3640
>>3605
OK, sounds good Anon, get better soon. And thanks so much for your gracious help. BTW, don't feel you have to achieve all the things I mentioned! Just anything you feel will help is fine. Cheers.  :)
Christmas_Bells.gif
[Hide] (6KB, 150x110)
Christmas_Fireplace_2.gif
[Hide] (15.8KB, 99x100)
Christmas_Tree.gif
[Hide] (41.9KB, 140x140)
Snowed_house.gif
[Hide] (53.8KB, 222x174)
Christmas_window.gif
[Hide] (17.2KB, 100x120)
>>3622
These are pretty wonderful, thanks Anon! Cheers.  :)
6609cd54375f4a37edba81a48da737c2bba609e5d5acff61b4a890ba1f942f83.png
[Hide] (132.1KB, 415x311)
>>3578
>a single, large, background Christmas star [pointed cross-shaped, w/ origin in upper-left & primary ray down the left side]
Here's a really good example (albeit too small) of what I had in mind, Anon.

>>3590, >>3605
We're approaching the end of the week, Anon. I hope you're feeling better now. Any progress updates?
Last edited by chobitsu
Replies: >>3646 >>3664
christmasphoto.jpg
[Hide] (72.9KB, 1710x906)
>>3640
Funny thing I was thinking of this exact picture and was planning on uploading it.

>We're approaching the end of the week, Anon. I hope you're feeling better now. Any progress updates?
It's a good thing we didn't do a switch over earlier this week because I indeed did take a back set and I haven't had much time to really work on it at all.
I've been thinking about how to go about it all week though. The best thing you can do to help me is to get a palette for me to work from. You mentioned that you wanted a dark blue color.

Also I can't seem to find a .gif of simple Christmas lights for a border what about something from >>3622 instead?

This pic, or part of it, might be usable as part of the BG too along with the star. Maybe?
Replies: >>3647
d2559568a60707c2c97d0789e8cbc72645f70087eace715cd869f072ba2cdfe4.jpg
[Hide] (304.4KB, 1664x1152)
1733271699629357.jpg
[Hide] (242.2KB, 1200x813)
1703359297828493.jpg
[Hide] (352.1KB, 1024x1024)
>>3646
>palette
>>3592
>>3593
>>3594 (#1)
All seem good as base colors. These others I'm posting might have something good you can draw from too (or just as inspiration)?

>Also I can't seem to find a .gif of simple Christmas lights for a border what about something from >>3622 instead?
>This pic, or part of it, might be usable as part of the BG too along with the star. Maybe?
Yes, the example you linked is fine, they all look great. Borders however you'd like. Doing a BG mashup would work fine too, I think. Whatever you feel like trying this year, Anon. It doesn't have to be perfect, we can always try again later! Cheers.
Last edited by chobitsu
Replies: >>3649
>>3647
I finally got a prescription so I'll try to work on it to marrow. Sorry about the delay. I could have probably forced myself this week but jschan is a little fiddlier than lynxchan to CSS. I've basically got it planned out in my mind and I can use /comfy/'s CSS as a starting point.
Replies: >>3662
>>3649
Sounds good Anon!
This post is for testing please ignore.
>green
<pink
RED
wip.jpg
[Hide] (36.5KB, 608x293)
Woe does this look as a beginning. Pretend the BG wasn't purple and was >>3640 instead.
Replies: >>3665
>>3664
Looks fine to me, CSS-Anon. Just tell me when you're ready to move! Cheers.
Replies: >>3666
>>3665
Before we swap I need to do fine tuning and then I need to build image assets.
Speaking of tuning I've completely forgotten how to separately color the scrollbar so I've got to look that up.
I'd like for you and everyone to test out the base CSS first.
Replies: >>3669
:root {
   --highlighted-post-color: #3F7741;
   --highlighted-post-outline-color: #952927;
   --name-color: #0D9BFA;
   --hr: silver;
   --spoiler-img: url(/asset/comfy/add5725a4e53b1ae52faeb1f43b9a3f313837be2f7ab2600a54247370a73796b.png);
}

html, body {
   background-color: #080017;
   background-image: url(/asset/comfy/6c6f248c291c7e2674e510c6cdd3f33fb2564164176ab322109fe8788c9abcbb.png);
   background-size: 100%;
   background-repeat: no-repeat;
   background-position: bottom;
   color: #FEF1CE;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}

.spoilerimg {
   background-image: var(--spoiler-img);
}

.greentext {
   color: #2F4D4F;
}

.pinktext {
   color: #952823;
}

.post-capcode {
   color: #a52a2a;
}

.flex-center .collapse {
   font-size: 33px;
   color: #a52a2a;
}

a, a:visited, .board-title, .board-title a, a.post-name, .navbar a {
   color: #952927;
}

label.jsonly.postform-style.filelabel {
   border: 1px solid #666666 !important;
   color: green;
}

input#banner {
   border: none !important;
   background: none;
}

.post-message a {
   color: #a52a2a;
}

a.quote {
   color: #D6C688;
}

.footer a {
   background: #00214A;
   font-weight: bold;
   color: #8B2823;
}

.board-title {
   margin: revert;
}

.board-description {
   color: #ffe2b2;
}

.title {
   font-size: 1.25rem;
   color: #af0a0f;
   font-weight: bold;
}

hr {
   border-top: solid 1px var(--hr);
}

.post-subject, .post-subject:hover, .post-subject:visited, .post-subject:visited:hover {
   color: #ffe2b2 !important;
   font-size: 12pt;
}

.catalog-tile {
   margin: 3px;
   height: 320px;
   width: 180px;
   border: none !important;
   max-width: 180px;
   max-height: 320px;
   background-color: rgba(3, 3, 3, 0.8);
}

.catalog-tile:hover {
   color: #cccccc;
}

.post-info {
   background: none !important;
   color: silver;
   margin: 0;
}

.op .post-info {
   color: #deb887 !important;
}

.catalog-tile .post-info {
   color: #8B2823;
   font-size: 12px
}

#livetext, #threadstats, .bottom-reply, .collapse, .pages, .post-container, .stickynav {
   background: #0F2220;
}

#float .post-container {
   border: 1px outset !important;
   border-color: #007853!important;
   
}

#float .post-container.op {
   background : #00214A !important;
   border: 1px outset !important;
   border-color: orange !important;
}

.nav-item {
   color: #8B2823;
   border: none;
}

input, select#catalogsort {
   border: 1px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 11pt;
}

textarea {
   border: 3px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 10.5pt;
}

.board-banner {
   background: none !important;
}

.navbar {
   bottom: unset;
   box-shadow: none;
   background: #080017;
   border: none !important;
}

.board-header {
   margin: 1em;
}

.stickynav {
   bottom: 7px;
   top: unset;
   right: 7px;
   border: 1px outset !important;
   border-color: #8B2823 !important;
}

.post-container, .post-data{
   background: #00214A !important;
   color: #D6C688;
}

.post-container {
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius:10px 10px 10px 10px;
}

#action-menu, #livetext, #postform, #threadstats, .board-banner, .bottom-reply, .catalog-tile, .collapse, .filelabel, .modal, .navbar, .op, .pages, .post-container:not(.op), table, .postform-style {
   border:  !important;
}

#postform {
   background-color: #00214A;
   border: 1px outset !important;
   padding: 1px !important;
}

.anchor:target+.post-container .post-info, .anchor:target+table tbody tr th, .post-container.highlighted .post-info, .post-container.hoverhighlighted .post-info, .post-container.hoverhighlighted .post-data, .post-container.highlighted .post-data, .anchor:target+.post-container .post-data {
   background-color: var(--highlighted-post-color) !important;
   border-color: var(--highlighted-post-outline-color) !important;
   color: #6b1515 !important;
   margin: 0;
}

.post-container.op, .anchor:target + .post-container.op, .op .post-data, .anchor:target + .op .post-data, .anchor:target + .op .post-info, .op .post-info {
   background: rgba(0, 0, 0, 0) !important;
   backdrop-filter: blur(3px);
   color: #D6C688 !important;
}

.op .post-name {
   color: var(--name-color);
}

.noselect.bold {
   color: #6b1515 !important;
}

a.dummy-link.hide-image.noselect, a.filename, a.dummy-link {
   text-decoration: none;
}

.postmenu, .op .postmenu {
   border-left-color: #952927;
}

.spoiler {
   cursor: auto;
}

.edited {
   color: #444444;
}

.code,.hljs, .hljs-comment, .hljs-quote, .hljs-keyword, .hljs-selector-tag, .hljs-subst, .hljs-literal, .hljs-number, .hljs-doctag, .hljs-formula, .hljs-string, .hljs-section, .hljs-selector-id, .hljs-title, .hljs-subst, .hljs-class .hljs-title, .hljs-name, .hljs-title.class_, .hljs-type, .hljs-tag, .hljs-regexp, .hljs-bullet, .hljs-link, .hljs-symbol, .hljs-built_in, .hljs-meta, .hljs-deletion, .hljs-addition, .hljs-emphasis, .hljs-strong {
   background: #00214A;
   border: none;
}

.label {
   background-color: #00214A;
   color: #666666;
   font-family: "Trebuchet MS", Trebuchet,serif;
   font-size: 10pt;
   min-width: 100px;
}

input[type=submit], label[for=file], input[type="button"], .close, #postform-dragHandle {
   background: #00214A !important;
   color: #8B2823;
}

label[for=file]:hover, input[type=submit]:hover, input[type=button]:hover, a:hover, a:visited:hover, .footer a:hover, label.jsonly.postform-style.filelabel:hover {
   color: green !important;
}
   

.noselect.postform-style.ph-5.ml-1.fh {
   background: #00214A !important;
}

.modal {
   background-color: #00214A;
}

select {
   background: #00214A;
   color: #8B2823;
   border: none;
}

.postform-style.ph-5 {
   background: none;
}

.expand-omitted {
   background-color: #00214A;
   border: none;
}

textarea.edit, input.edit, input.edit:hover {
   background: #00214A !important;
   color: #cccccc !important;
}

td, th:not(.alt) {
   background: #00214A !important;
   color: #8B2823;
}

td .post-message {
   color: #6b1515;
}

.actions {
   background: rgba(188, 134, 88, 0.7) !important;
   color: #6b1515 !important;
   margin: 0.2rem 4px;
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius: 5px 5px 5px 5px;
}

.box-wrap .col, .box-wrap, .tabs li a {
   background: #00214A !important;
   border: none !important;
   color: #00214A;
}

#tegaki > div {
   background-color: #00214A;
   color: #00214A;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}
Replies: >>3669
And by test it I mean keep it on for a little while and see if you decide it's horrible, or headache inducing, has visibility problems, or just isn't Christmassy enough.
All input and suggestions are welcome.

For those who don't know click on "Settings" and then copy-paste it into the custom CSS box.
Replies: >>3669
>>3666
>>3667
>>3668
OK, done. Let's discuss it maybe around 16h PT tomorrow, say?
Replies: >>3670
>>3669
>maybe around 16h PT tomorrow, say?
That's like 7PM Eastern right?
Replies: >>3671
>>3670
< 16h + 1h + 1h + 1h = 19h
Seems legit. You tell me.  :D

Heh, it was arbitrary. We can choose another time, Anon.
Replies: >>3672
>>3671
Would like 9 PM EST be OK? I should be in by then.
Replies: >>3675
>>3672
Sure! That's fine, Anon. Cheers.
Christmas_Bells_special.gif
[Hide] (6.6KB, 159x99)
I got the banner working :D

hr {
  height: 99px;
  background-image: url(https://trashchan.xyz/file/211111007b095fc66c70fc1419ccf11c1563da10a7c7e18756d06ea0aa740d2f.gif);
  background-repeat: repeat-x;
}
Replies: >>3678
>>3677
Added. Nice work, Anon.  :D
bottom_snow.png
[Hide] (145.2KB, 1710x149)
1702955407155335_cropped.png
[Hide] (404.5KB, 701x478)
:root {
   --highlighted-post-color: #3F7741;
   --highlighted-post-outline-color: #952927;
   --name-color: #0D9BFA;
   --hr: transparent;
   --spoiler-img: url(/asset/comfy/add5725a4e53b1ae52faeb1f43b9a3f313837be2f7ab2600a54247370a73796b.png);
    scrollbar-color: #3F7741 #631B1A;
}

html, body {
   background-color: #080017;
   background-image: url(https://trashchan.xyz/file/f4f200e786af41296a9559e7b5f19176d861a4e5cfd5059e2f92693845cc9419.gif), url(https://trashchan.xyz/file/4ef368354018d147fe26f96638d76a216d7b89f52277fc3b23c723428a3c818f.png), url(https://trashchan.xyz/file/47639f79d0a59f78ef04413f082863d7baf605cc48fc05318a47185ff87c7a66.png);
   background-size: 15%, 100%, 100%;
   background-repeat: no-repeat, no-repeat, no-repeat;
   background-position: bottom right, bottom, top left;
   background-attachment: fixed, fixed, fixed;
   color: #FEF1CE;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}

.spoilerimg {
   background-image: var(--spoiler-img);
}

.greentext {
   color: #009E89;
}

.pinktext {
   color: #AD1E1B;
}

.post-capcode {
   color: #a52a2a;
}

.flex-center .collapse {
   font-size: 33px;
   color: #a52a2a;
}

a, a:visited, .board-title, .board-title a, a.post-name, .navbar a {
   color: #568E38;
}

label.jsonly.postform-style.filelabel {
   border: 1px solid #666666 !important;
   color: green;
}

input#banner {
   border: none !important;
   background: none;
}

.post-message a {
   color: #a52a2a;
}

a.quote {
   color: #D6C688;
}

.footer a {
   background: #00214A;
   font-weight: bold;
   color: #8B2823;
}

.board-title {
   margin: revert;
}

.board-description {
   color: #ffe2b2;
}

.title {
   font-size: 1.25rem;
   color: #af0a0f;
   font-weight: bold;
}

hr {
  height: 99px;
  background-image: url(https://trashchan.xyz/file/211111007b095fc66c70fc1419ccf11c1563da10a7c7e18756d06ea0aa740d2f.gif);
  background-repeat: repeat-x;
}

.post-subject, .post-subject:hover, .post-subject:visited, .post-subject:visited:hover {
   color: #ffe2b2 !important;
   font-size: 12pt;
}

.catalog-tile {
   margin: 3px;
   height: 320px;
   width: 180px;
   border: none !important;
   max-width: 180px;
   max-height: 320px;
   background-color: rgba(3, 3, 3, 0.8);
}

.catalog-tile:hover {
   color: #cccccc;
}

.post-info {
   background: none !important;
   color: silver;
   margin: 0;
}

.op .post-info {
   color: #deb887 !important;
}

.catalog-tile .post-info {
   color: blue;
   font-size: 12px
}

#livetext, #threadstats, .bottom-reply, .collapse, .pages, .post-container, .stickynav {
   background: #1B5951;
}

#float .post-container {
   border: 1px outset !important;
   border-color: #007853!important;
   
}

#float .post-container.op {
   background : #00214A !important;
   border: 1px outset !important;
   border-color: orange !important;
}

.nav-item {
   color: #568E38;
   border: none;
}

input, select#catalogsort {
   border: 1px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 11pt;
}

textarea {
   border: 3px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 10.5pt;
}

.board-banner {
   background: none !important;
}

.navbar {
   bottom: unset;
   box-shadow: none;
   background: #080017;
   border: none !important;
}

.board-header {
   margin: 1em;
}

.stickynav {
   bottom: 7px;
   top: unset;
   right: 7px;
   border: 1px outset !important;
   border-color: silver !important;
}

.post-container, .post-data{
   background: #00214A !important;
   color: #D6C688;
}

.post-container {
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius:10px 10px 10px 10px;
}

#action-menu, #livetext, #postform, #threadstats, .board-banner, .bottom-reply, .catalog-tile, .collapse, .filelabel, .modal, .navbar, .op, .pages, .post-container:not(.op), table, .postform-style {
   border:  !important;
}

#postform {
   background-color: #00214A;
   border: 1px outset !important;
   padding: 1px !important;
}

.anchor:target+.post-container .post-info, .anchor:target+table tbody tr th, .post-container.highlighted .post-info, .post-container.hoverhighlighted .post-info, .post-container.hoverhighlighted .post-data, .post-container.highlighted .post-data, .anchor:target+.post-container .post-data {
   background-color: var(--highlighted-post-color) !important;
   border-color: var(--highlighted-post-outline-color) !important;
   color: #6b1515 !important;
   margin: 0;
}

.post-container.op, .anchor:target + .post-container.op, .op .post-data, .anchor:target + .op .post-data, .anchor:target + .op .post-info, .op .post-info {
   background: rgba(0, 0, 0, 0) !important;
   backdrop-filter: blur(3px);
   color: #D6C688 !important;
}

.op .post-name {
   color: var(--name-color);
}

.noselect.bold {
   color: #6b1515 !important;
}

a.dummy-link.hide-image.noselect, a.filename, a.dummy-link {
   text-decoration: none;
}

.postmenu, .op .postmenu {
   border-left-color: #952927;
}

.spoiler {
   cursor: auto;
}

.edited {
   color: #444444;
}

.code,.hljs, .hljs-comment, .hljs-quote, .hljs-keyword, .hljs-selector-tag, .hljs-subst, .hljs-literal, .hljs-number, .hljs-doctag, .hljs-formula, .hljs-string, .hljs-section, .hljs-selector-id, .hljs-title, .hljs-subst, .hljs-class .hljs-title, .hljs-name, .hljs-title.class_, .hljs-type, .hljs-tag, .hljs-regexp, .hljs-bullet, .hljs-link, .hljs-symbol, .hljs-built_in, .hljs-meta, .hljs-deletion, .hljs-addition, .hljs-emphasis, .hljs-strong {
   background: #00214A;
   border: none;
}

.label {
   background-color: #00214A;
   color: #666666;
   font-family: "Trebuchet MS", Trebuchet,serif;
   font-size: 10pt;
   min-width: 100px;
}

input[type=submit], label[for=file], input[type="button"], .close, #postform-dragHandle {
   background: #00214A !important;
   color: #8B2823;
}

label[for=file]:hover, input[type=submit]:hover, input[type=button]:hover, a:hover, a:visited:hover, .footer a:hover, label.jsonly.postform-style.filelabel:hover {
   color: green !important;
}
   

.noselect.postform-style.ph-5.ml-1.fh {
   background: #00214A !important;
}

.modal {
   background-color: #00214A;
}

select {
   background: #00214A;
   color: #8B2823;
   border: none;
}

.postform-style.ph-5 {
   background: none;
}

.expand-omitted {
   background-color: #00214A;
   border: none;
}

textarea.edit, input.edit, input.edit:hover {
   background: #00214A !important;
   color: #cccccc !important;
}

td, th:not(.alt) {
   background: #00214A !important;
   color: #8B2823;
}

td .post-message {
   color: #6b1515;
}

.actions {
   background: rgba(188, 134, 88, 0.7) !important;
   color: #6b1515 !important;
   margin: 0.2rem 4px;
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius: 5px 5px 5px 5px;
}

.box-wrap .col, .box-wrap, .tabs li a {
   background: #00214A !important;
   border: none !important;
   color: #00214A;
}

#tegaki > div {
   background-color: #00214A;
   color: #00214A;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}
CSS Updated.
To do:
>mascot needs some clean up
>still need animated snow maybe?
>maybe need a tree behind mascot?
>image assets need to be put in board resources and the url's changed in the CSS

Anything else? How is it looking to everyone?
Replies: >>3682 >>3684
>>3681
Forgot:
>need custom spoiler image
padoru_edited.gif
[Hide] (450.7KB, 640x640)
Replies: >>3684
>>3681
>>mascot needs some clean up
OK, I used your second version : ( >>3683 ).

>>still need animated snow maybe?
>>maybe need a tree behind mascot?
>>need custom spoiler image
Yes!

>>image assets need to be put in board resources and the url's changed in the CSS
I can probably figure this out.

>Anything else? How is it looking to everyone?
I personally think its super-cute, CSS-Anon. What a nice improvement already! Cheers.  :)
Replies: >>3686
Spoiler File
(1.3MB, 1395x795)
flickr_page_7_4536-38990111542_62869ecef0_k.jpg
[Hide] (494.3KB, 2048x1365)
>>3684
Does the flake size look about right? Changing the size is trivial now that I've got the layers in the right order. We can always swap in a better snow .gif if anyone can find one.



Also this post is for me to (eventually) test the spoiler.
Replies: >>3687
>>3686
>Does the flake size look about right?
Yes, looks fine to me.

>Also this post is for me to (eventually) test the spoiler.
Those ornaments would be great. Anyway to indicate clearly it's a spoiler? Your kot has some nice ?'s . Maybe something similar?
Replies: >>3688
>>3687
>Those ornaments would be great. Anyway to indicate clearly it's a spoiler? Your kot has some nice ?'s . Maybe something similar?
Yeah I can edit in a bit.

I've got to find a tree image. Have any ideas?
Replies: >>3689
>>3688
>I've got to find a tree image. Have any ideas?
Would Anon's tree here work with some cutout? ( >>3592 )
Replies: >>3690 >>3693
>>3689
It might be doable.
Replies: >>3693
tree_edit.gif
[Hide] (122.3KB, 628x818)
>>3689
>>3690
This would probably work without any further editing but for some reason I'm having trouble making it transparent.
Replies: >>3694
tree_transparent.gif
[Hide] (1MB, 628x818)
>>3693
>but for some reason I'm having trouble making it transparent.
This may be watermarked?

https://onlinegiftools.com/create-transparent-gif
Replies: >>3695
tree_edit.gif
[Hide] (121.3KB, 628x818)
>>3694
I just noticed an error and made a better version. Sorry.
>watermarked?
I don't think it's watermarked but I'm noticing some odd speckling.
Replies: >>3697
tree_edit.gif
[Hide] (121.3KB, 628x818)
Oh never mind I'm an idiot.
Replies: >>3697
tree_transparent_v2.gif
[Hide] (1MB, 628x818)
>>3695
>I don't think it's watermarked but I'm noticing some odd speckling.
Actually, I think that may be snow?

>>3696
>Oh never mind I'm an idiot.
Heh, I had already jumped on the newer one...  :P
Replies: >>3698
>>3697
Yeah as it turns out GIMP hates the idea of applying a transparency to a [background] layer but it's fine on a [layer] used as a background.

I'll see if I can add it in in a minute.
Replies: >>3699
>>3698
Glad you figured it out. I notice you seem to have eliminated the BG snow speckles as well. Probably good for building up 'independent' snow layer(s).
Replies: >>3701
TREE_is_added.png
[Hide] (141.9KB, 314x521)
>>3699
I like this! I hope you like it too.
Replies: >>3702
>>3701
I do!
:root {
   --highlighted-post-color: #3F7741;
   --highlighted-post-outline-color: #952927;
   --name-color: #0D9BFA;
   --hr: transparent;
   --spoiler-img: url(/asset/comfy/add5725a4e53b1ae52faeb1f43b9a3f313837be2f7ab2600a54247370a73796b.png);
    scrollbar-color: #3F7741 #631B1A;
}

html, body {
   background-color: #080017;
   background-image: url(https://trashchan.xyz/file/56ddf3b2f464ded45da79afeec735168e1a74549a64383db6ca985224018d4f9.gif), url(https://trashchan.xyz/file/521e0f952fb74965f8fd50d1b9fbebf343359c228de444ed1d1cbeaa9d6b50d9.gif), url(https://trashchan.xyz/file/4ef368354018d147fe26f96638d76a216d7b89f52277fc3b23c723428a3c818f.png), url(https://trashchan.xyz/file/6a2d97d4d85c3e293ed1846621e6b5828a3c073df549b07ecb6ca52efe0956dc.gif), url(https://trashchan.xyz/file/47639f79d0a59f78ef04413f082863d7baf605cc48fc05318a47185ff87c7a66.png);
   background-size: 15%, 20%, 100%, 25%, 100%;
   background-repeat: no-repeat, no-repeat, no-repeat, repeat, no-repeat;
   background-position: bottom right, bottom right, bottom, top left, top left;
   background-attachment: fixed, fixed, fixed, fixed, fixed;
   color: #FEF1CE;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}

.spoilerimg {
   background-image: var(--spoiler-img);
}

.greentext {
   color: #009E89;
}

.pinktext {
   color: #AD1E1B;
}

.post-capcode {
   color: #a52a2a;
}

.flex-center .collapse {
   font-size: 33px;
   color: #a52a2a;
}

a, a:visited, .board-title, .board-title a, a.post-name, .navbar a {
   color: #568E38;
}

label.jsonly.postform-style.filelabel {
   border: 1px solid #666666 !important;
   color: green;
}

input#banner {
   border: none !important;
   background: none;
}

.post-message a {
   color: #a52a2a;
}

a.quote {
   color: #D6C688;
}

.footer a {
   background: #00214A;
   font-weight: bold;
   color: #8B2823;
}

.board-title {
   margin: revert;
}

.board-description {
   color: #ffe2b2;
}

.title {
   font-size: 1.25rem;
   color: #af0a0f;
   font-weight: bold;
}

hr {
  height: 99px;
  background-image: url(https://trashchan.xyz/file/211111007b095fc66c70fc1419ccf11c1563da10a7c7e18756d06ea0aa740d2f.gif);
  background-repeat: repeat-x;
}

.post-subject, .post-subject:hover, .post-subject:visited, .post-subject:visited:hover {
   color: #ffe2b2 !important;
   font-size: 12pt;
}

.catalog-tile {
   margin: 3px;
   height: 320px;
   width: 180px;
   border: none !important;
   max-width: 180px;
   max-height: 320px;
   background-color: rgba(3, 3, 3, 0.8);
}

.catalog-tile:hover {
   color: #cccccc;
}

.post-info {
   background: none !important;
   color: silver;
   margin: 0;
}

.op .post-info {
   color: #deb887 !important;
}

.catalog-tile .post-info {
   color: blue;
   font-size: 12px
}

#livetext, #threadstats, .bottom-reply, .collapse, .pages, .post-container, .stickynav {
   background: #1B5951;
}

#float .post-container {
   border: 1px outset !important;
   border-color: #007853!important;
   
}

#float .post-container.op {
   background : #00214A !important;
   border: 1px outset !important;
   border-color: orange !important;
}

.nav-item {
   color: #568E38;
   border: none;
}

input, select#catalogsort {
   border: 1px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 11pt;
}

textarea {
   border: 3px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 10.5pt;
}

.board-banner {
   background: none !important;
}

.navbar {
   bottom: unset;
   box-shadow: none;
   background: #080017;
   border: none !important;
}

.board-header {
   margin: 1em;
}

.stickynav {
   bottom: 7px;
   top: unset;
   right: 7px;
   border: 1px outset !important;
   border-color: silver !important;
}

.post-container, .post-data{
   background: #00214A !important;
   color: #D6C688;
}

.post-container {
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius:10px 10px 10px 10px;
}

#action-menu, #livetext, #postform, #threadstats, .board-banner, .bottom-reply, .catalog-tile, .collapse, .filelabel, .modal, .navbar, .op, .pages, .post-container:not(.op), table, .postform-style {
   border:  !important;
}

#postform {
   background-color: #00214A;
   border: 1px outset !important;
   padding: 1px !important;
}

.anchor:target+.post-container .post-info, .anchor:target+table tbody tr th, .post-container.highlighted .post-info, .post-container.hoverhighlighted .post-info, .post-container.hoverhighlighted .post-data, .post-container.highlighted .post-data, .anchor:target+.post-container .post-data {
   background-color: var(--highlighted-post-color) !important;
   border-color: var(--highlighted-post-outline-color) !important;
   color: #6b1515 !important;
   margin: 0;
}

.post-container.op, .anchor:target + .post-container.op, .op .post-data, .anchor:target + .op .post-data, .anchor:target + .op .post-info, .op .post-info {
   background: rgba(0, 0, 0, 0) !important;
   backdrop-filter: blur(3px);
   color: #D6C688 !important;
}

.op .post-name {
   color: var(--name-color);
}

.noselect.bold {
   color: #6b1515 !important;
}

a.dummy-link.hide-image.noselect, a.filename, a.dummy-link {
   text-decoration: none;
}

.postmenu, .op .postmenu {
   border-left-color: #952927;
}

.spoiler {
   cursor: auto;
}

.edited {
   color: #444444;
}

.code,.hljs, .hljs-comment, .hljs-quote, .hljs-keyword, .hljs-selector-tag, .hljs-subst, .hljs-literal, .hljs-number, .hljs-doctag, .hljs-formula, .hljs-string, .hljs-section, .hljs-selector-id, .hljs-title, .hljs-subst, .hljs-class .hljs-title, .hljs-name, .hljs-title.class_, .hljs-type, .hljs-tag, .hljs-regexp, .hljs-bullet, .hljs-link, .hljs-symbol, .hljs-built_in, .hljs-meta, .hljs-deletion, .hljs-addition, .hljs-emphasis, .hljs-strong {
   background: #00214A;
   border: none;
}

.label {
   background-color: #00214A;
   color: #666666;
   font-family: "Trebuchet MS", Trebuchet,serif;
   font-size: 10pt;
   min-width: 100px;
}

input[type=submit], label[for=file], input[type="button"], .close, #postform-dragHandle {
   background: #00214A !important;
   color: #8B2823;
}

label[for=file]:hover, input[type=submit]:hover, input[type=button]:hover, a:hover, a:visited:hover, .footer a:hover, label.jsonly.postform-style.filelabel:hover {
   color: green !important;
}
   

.noselect.postform-style.ph-5.ml-1.fh {
   background: #00214A !important;
}

.modal {
   background-color: #00214A;
}

select {
   background: #00214A;
   color: #8B2823;
   border: none;
}

.postform-style.ph-5 {
   background: none;
}

.expand-omitted {
   background-color: #00214A;
   border: none;
}

textarea.edit, input.edit, input.edit:hover {
   background: #00214A !important;
   color: #cccccc !important;
}

td, th:not(.alt) {
   background: #00214A !important;
   color: #8B2823;
}

td .post-message {
   color: #6b1515;
}

.actions {
   background: rgba(188, 134, 88, 0.7) !important;
   color: #6b1515 !important;
   margin: 0.2rem 4px;
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius: 5px 5px 5px 5px;
}

.box-wrap .col, .box-wrap, .tabs li a {
   background: #00214A !important;
   border: none !important;
   color: #00214A;
}

#tegaki > div {
   background-color: #00214A;
   color: #00214A;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}
Replies: >>3705
That should be a nearly complete version other than a spoiler and uploading the images and changing the links. Although as I'm typing this I just realized I need to change the header bar color.
Replies: >>3707
>>3703
I like it! I think the BG snow's the right density. 

Is there such a thing as 'tilable' gifs for this type thing, Anon? Might make the border of the underlying gif less noticable.
Replies: >>3706
>>3705
>Might make the border of the underlying gif less noticable.
Which .gif are you noticing the border on? Do you mean the falling snow?
Replies: >>3707 >>3708
>>3704
Anything else you want to come up with Anon. It's all great!!  :D

>>3706
>Do you mean the falling snow?
Yes. It's not bad, really (but I'm autistic. :)
Replies: >>3709
>>3706
>Which .gif are you noticing the border on? Do you mean the falling snow?
It seems there's at least one tool out there with this as a focus. Unsure if it would suit our immediate need here though?

https://creati.ai/ai-tools/tilemaker/
Replies: >>3709
>>3707
Other than trying to find a better version of the .gif or trying to recrop it there's not a lot that I can do directly to the image. It can be indirectly remedied by either changing the % size in the CSS (I noticed that certain resolutions it was very noticeable and less so at others) OR by layering a second snow .gif to make it more difficult to spot the seam in the animation.

>>3708
I'm not sure if that will work with animated images.
Replies: >>3710
>>3709
Understood. Let's just move on for now then.  :)
Replies: >>3712
the_solution_the_the_navbar_color_is_to_just_get_rid_of_it.png
[Hide] (444.7KB, 1352x345)
>>3710
Are you OK with the Navbar just not having a background color?  It makes it nicer looking. Is it still usable enough?
Replies: >>3713
>>3712
No, that's fine. I consider it an improvement!  :D
Spoiler File
(338.8KB, 510x510)
SPOILER?
Replies: >>3716
:root {
   --highlighted-post-color: #3F7741;
   --highlighted-post-outline-color: #952927;
   --name-color: #0D9BFA;
   --hr: transparent;
   --spoiler-img: url(https://trashchan.xyz/file/f81197448a08c5f81b4f5f9e5f5a07a95ec81aaaa7355bf6eadb5be798d84adc.jpg);
    scrollbar-color: #3F7741 #631B1A;
}

html, body {
   background-color: #061228;
   background-image: url(https://trashchan.xyz/file/56ddf3b2f464ded45da79afeec735168e1a74549a64383db6ca985224018d4f9.gif), url(https://trashchan.xyz/file/521e0f952fb74965f8fd50d1b9fbebf343359c228de444ed1d1cbeaa9d6b50d9.gif), url(https://trashchan.xyz/file/4ef368354018d147fe26f96638d76a216d7b89f52277fc3b23c723428a3c818f.png), url(https://trashchan.xyz/file/6a2d97d4d85c3e293ed1846621e6b5828a3c073df549b07ecb6ca52efe0956dc.gif), url(https://trashchan.xyz/file/47639f79d0a59f78ef04413f082863d7baf605cc48fc05318a47185ff87c7a66.png);
   background-size: 15%, 20%, 100%, 25%, 100%;
   background-repeat: no-repeat, no-repeat, no-repeat, repeat, no-repeat;
   background-position: bottom right, bottom right, bottom, top left, top left;
   background-attachment: fixed, fixed, fixed, fixed, fixed;
   color: #FEF1CE;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}

.spoilerimg {
   background-image: var(--spoiler-img);
}

.greentext {
   color: #009E89;
}

.pinktext {
   color: #AD1E1B;
}

.post-capcode {
   color: #a52a2a;
}

.flex-center .collapse {
   font-size: 33px;
   color: #a52a2a;
}

a, a:visited, .board-title, .board-title a, a.post-name, .navbar a {
   color: #568E38;
}

label.jsonly.postform-style.filelabel {
   border: 1px solid #666666 !important;
   color: green;
}

input#banner {
   border: none !important;
   background: none;
}

.post-message a {
   color: #a52a2a;
}

a.quote {
   color: #D6C688;
}

.footer a {
   background: #00214A;
   font-weight: bold;
   color: #8B2823;
}

.board-title {
   margin: revert;
}

.board-description {
   color: #ffe2b2;
}

.title {
   font-size: 1.25rem;
   color: #af0a0f;
   font-weight: bold;
}

hr {
  height: 99px;
  background-image: url(https://trashchan.xyz/file/211111007b095fc66c70fc1419ccf11c1563da10a7c7e18756d06ea0aa740d2f.gif);
  background-repeat: repeat-x;
}

.post-subject, .post-subject:hover, .post-subject:visited, .post-subject:visited:hover {
   color: #ffe2b2 !important;
   font-size: 12pt;
}

.catalog-tile {
   margin: 3px;
   height: 320px;
   width: 180px;
   border: none !important;
   max-width: 180px;
   max-height: 320px;
   background-color: rgba(3, 3, 3, 0.8);
}

.catalog-tile:hover {
   color: #cccccc;
}

.post-info {
   background: none !important;
   color: silver;
   margin: 0;
}

.op .post-info {
   color: #deb887 !important;
}

.catalog-tile .post-info {
   color: blue;
   font-size: 12px
}

#livetext, #threadstats, .bottom-reply, .collapse, .pages, .post-container, .stickynav {
   background: #1B5951;
}

#float .post-container {
   border: 1px outset !important;
   border-color: #007853!important;
   
}

#float .post-container.op {
   background : #00214A !important;
   border: 1px outset !important;
   border-color: orange !important;
}

.nav-item {
   color: #568E38;
   border: none;
}

input, select#catalogsort {
   border: 1px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 11pt;
}

textarea {
   border: 3px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 10.5pt;
}

.board-banner {
   background: none !important;
}

.navbar {
   bottom: unset;
   box-shadow: none;
   background: transparent;
   border: none !important;
}

.board-header {
   margin: 1em;
}

.stickynav {
   bottom: 7px;
   top: unset;
   right: 7px;
   border: 1px outset !important;
   border-color: silver !important;
}

.post-container, .post-data{
   background: #00214A !important;
   color: #D6C688;
}

.post-container {
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius:10px 10px 10px 10px;
}

#action-menu, #livetext, #postform, #threadstats, .board-banner, .bottom-reply, .catalog-tile, .collapse, .filelabel, .modal, .navbar, .op, .pages, .post-container:not(.op), table, .postform-style {
   border:  !important;
}

#postform {
   background-color: #00214A;
   border: 1px outset !important;
   padding: 1px !important;
}

.anchor:target+.post-container .post-info, .anchor:target+table tbody tr th, .post-container.highlighted .post-info, .post-container.hoverhighlighted .post-info, .post-container.hoverhighlighted .post-data, .post-container.highlighted .post-data, .anchor:target+.post-container .post-data {
   background-color: var(--highlighted-post-color) !important;
   border-color: var(--highlighted-post-outline-color) !important;
   color: #6b1515 !important;
   margin: 0;
}

.post-container.op, .anchor:target + .post-container.op, .op .post-data, .anchor:target + .op .post-data, .anchor:target + .op .post-info, .op .post-info {
   background: rgba(0, 0, 0, 0) !important;
   backdrop-filter: blur(3px);
   color: #D6C688 !important;
}

.op .post-name {
   color: var(--name-color);
}

.noselect.bold {
   color: #6b1515 !important;
}

a.dummy-link.hide-image.noselect, a.filename, a.dummy-link {
   text-decoration: none;
}

.postmenu, .op .postmenu {
   border-left-color: #952927;
}

.spoiler {
   cursor: auto;
}

.edited {
   color: #444444;
}

.code,.hljs, .hljs-comment, .hljs-quote, .hljs-keyword, .hljs-selector-tag, .hljs-subst, .hljs-literal, .hljs-number, .hljs-doctag, .hljs-formula, .hljs-string, .hljs-section, .hljs-selector-id, .hljs-title, .hljs-subst, .hljs-class .hljs-title, .hljs-name, .hljs-title.class_, .hljs-type, .hljs-tag, .hljs-regexp, .hljs-bullet, .hljs-link, .hljs-symbol, .hljs-built_in, .hljs-meta, .hljs-deletion, .hljs-addition, .hljs-emphasis, .hljs-strong {
   background: #00214A;
   border: none;
}

.label {
   background-color: #00214A;
   color: #666666;
   font-family: "Trebuchet MS", Trebuchet,serif;
   font-size: 10pt;
   min-width: 100px;
}

input[type=submit], label[for=file], input[type="button"], .close, #postform-dragHandle {
   background: #00214A !important;
   color: #8B2823;
}

label[for=file]:hover, input[type=submit]:hover, input[type=button]:hover, a:hover, a:visited:hover, .footer a:hover, label.jsonly.postform-style.filelabel:hover {
   color: green !important;
}
   

.noselect.postform-style.ph-5.ml-1.fh {
   background: #00214A !important;
}

.modal {
   background-color: #00214A;
}

select {
   background: #00214A;
   color: #8B2823;
   border: none;
}

.postform-style.ph-5 {
   background: none;
}

.expand-omitted {
   background-color: #00214A;
   border: none;
}

textarea.edit, input.edit, input.edit:hover {
   background: #00214A !important;
   color: #cccccc !important;
}

td, th:not(.alt) {
   background: #00214A !important;
   color: #8B2823;
}

td .post-message {
   color: #6b1515;
}

.actions {
   background: rgba(188, 134, 88, 0.7) !important;
   color: #6b1515 !important;
   margin: 0.2rem 4px;
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius: 5px 5px 5px 5px;
}

.box-wrap .col, .box-wrap, .tabs li a {
   background: #00214A !important;
   border: none !important;
   color: #00214A;
}

#tegaki > div {
   background-color: #00214A;
   color: #00214A;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}
>>3714
I had this odd motif thought about a gift? Since they're always a surprise (purportedly, lol). Any way to add such a thing in to the beautiful ornament image? (I mean just as a simple graphic, not intended to blend properly with the base image.)

Might be a fun way to do a spoiler, I think.
Replies: >>3717 >>3720
>>3716
Do you have an image/graphic in mind?
Replies: >>3718 >>3720
>>3717
Hmm, maybe something smol like this little Santa hat, but a wrapped box w/ a ? on it? ( >>3594, pic2).
Replies: >>3720
Any chance we could add this little house off in the right-center distance (ie, shrunk down) for little Padoru to live in, Anon? ( >>3622, pic4)
Replies: >>3721
>>3716
>>3717
>>3718
You know, let's just skip this. Your spoiler is already very nice. Let's just go with that, I'd say.
little_house.jpg
[Hide] (722.3KB, 1374x354)
>>3719
Like this?
Replies: >>3722
>>3721
YES! Except the other right, heh.  :D
Padoru needs a /comfy/ little house to come into after decorating the tree out in her garden.  :)
Replies: >>3723
moving_house.jpg
[Hide] (330.6KB, 552x392)
>>3722
Replies: >>3724
>>3723
Excellent. Let's do that then, Anon.
:root {
   --highlighted-post-color: #3F7741;
   --highlighted-post-outline-color: #952927;
   --name-color: #0D9BFA;
   --hr: transparent;
   --spoiler-img: url(https://trashchan.xyz/file/f81197448a08c5f81b4f5f9e5f5a07a95ec81aaaa7355bf6eadb5be798d84adc.jpg);
    scrollbar-color: #3F7741 #631B1A;
}

html, body {
   background-color: #061228;
   background-image: url(https://trashchan.xyz/file/56ddf3b2f464ded45da79afeec735168e1a74549a64383db6ca985224018d4f9.gif), url(https://trashchan.xyz/file/521e0f952fb74965f8fd50d1b9fbebf343359c228de444ed1d1cbeaa9d6b50d9.gif), url(https://trashchan.xyz/file/04d8b766d8857e47c6783c7d482087bc3bd43f2ebd0a2dd69781359f0e6c9351.gif), url(https://trashchan.xyz/file/4ef368354018d147fe26f96638d76a216d7b89f52277fc3b23c723428a3c818f.png), url(https://trashchan.xyz/file/6a2d97d4d85c3e293ed1846621e6b5828a3c073df549b07ecb6ca52efe0956dc.gif), url(https://trashchan.xyz/file/47639f79d0a59f78ef04413f082863d7baf605cc48fc05318a47185ff87c7a66.png);
   background-size: 15%, 20%, 10%, 100%, 25%, 100%;
   background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat, no-repeat;
   background-position: bottom right, bottom right, 75% 98.8%, bottom, top left, top left;
   background-attachment: fixed, fixed, fixed, fixed, fixed, fixed;
   background-blend-mode: normal, normal, normal, normal, normal, normal;
   color: #FEF1CE;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}

.spoilerimg {
   background-image: var(--spoiler-img);
}

.greentext {
   color: #009E89;
}

.pinktext {
   color: #AD1E1B;
}

.post-capcode {
   color: #a52a2a;
}

.flex-center .collapse {
   font-size: 33px;
   color: #a52a2a;
}

a, a:visited, .board-title, .board-title a, a.post-name, .navbar a {
   color: #568E38;
}

label.jsonly.postform-style.filelabel {
   border: 1px solid #666666 !important;
   color: green;
}

input#banner {
   border: none !important;
   background: none;
}

.post-message a {
   color: #a52a2a;
}

a.quote {
   color: #D6C688;
}

.footer a {
   background: #00214A;
   font-weight: bold;
   color: #8B2823;
}

.board-title {
   margin: revert;
}

.board-description {
   color: #ffe2b2;
}

.title {
   font-size: 1.25rem;
   color: #af0a0f;
   font-weight: bold;
}

hr {
  height: 99px;
  background-image: url(https://trashchan.xyz/file/211111007b095fc66c70fc1419ccf11c1563da10a7c7e18756d06ea0aa740d2f.gif);
  background-repeat: repeat-x;
}

.post-subject, .post-subject:hover, .post-subject:visited, .post-subject:visited:hover {
   color: #ffe2b2 !important;
   font-size: 12pt;
}

.catalog-tile {
   margin: 3px;
   height: 320px;
   width: 180px;
   border: none !important;
   max-width: 180px;
   max-height: 320px;
   background-color: rgba(3, 3, 3, 0.8);
}

.catalog-tile:hover {
   color: #cccccc;
}

.post-info {
   background: none !important;
   color: silver;
   margin: 0;
}

.op .post-info {
   color: #deb887 !important;
}

.catalog-tile .post-info {
   color: blue;
   font-size: 12px
}

#livetext, #threadstats, .bottom-reply, .collapse, .pages, .post-container, .stickynav {
   background: #1B5951;
}

#float .post-container {
   border: 1px outset !important;
   border-color: #007853!important;
   
}

#float .post-container.op {
   background : #00214A !important;
   border: 1px outset !important;
   border-color: orange !important;
}

.nav-item {
   color: #568E38;
   border: none;
}

input, select#catalogsort {
   border: 1px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 11pt;
}

textarea {
   border: 3px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 10.5pt;
}

.board-banner {
   background: none !important;
}

.navbar {
   bottom: unset;
   box-shadow: none;
   background: transparent;
   border: none !important;
}

.board-header {
   margin: 1em;
}

.stickynav {
   bottom: 7px;
   top: unset;
   right: 7px;
   border: 1px outset !important;
   border-color: silver !important;
}

.post-container, .post-data{
   background: #00214A !important;
   color: #D6C688;
}

.post-container {
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius:10px 10px 10px 10px;
}

#action-menu, #livetext, #postform, #threadstats, .board-banner, .bottom-reply, .catalog-tile, .collapse, .filelabel, .modal, .navbar, .op, .pages, .post-container:not(.op), table, .postform-style {
   border:  !important;
}

#postform {
   background-color: #00214A;
   border: 1px outset !important;
   padding: 1px !important;
}

.anchor:target+.post-container .post-info, .anchor:target+table tbody tr th, .post-container.highlighted .post-info, .post-container.hoverhighlighted .post-info, .post-container.hoverhighlighted .post-data, .post-container.highlighted .post-data, .anchor:target+.post-container .post-data {
   background-color: var(--highlighted-post-color) !important;
   border-color: var(--highlighted-post-outline-color) !important;
   color: #6b1515 !important;
   margin: 0;
}

.post-container.op, .anchor:target + .post-container.op, .op .post-data, .anchor:target + .op .post-data, .anchor:target + .op .post-info, .op .post-info {
   background: rgba(0, 0, 0, 0) !important;
   backdrop-filter: blur(3px);
   color: #D6C688 !important;
}

.op .post-name {
   color: var(--name-color);
}

.noselect.bold {
   color: #6b1515 !important;
}

a.dummy-link.hide-image.noselect, a.filename, a.dummy-link {
   text-decoration: none;
}

.postmenu, .op .postmenu {
   border-left-color: #952927;
}

.spoiler {
   cursor: auto;
}

.edited {
   color: #444444;
}

.code,.hljs, .hljs-comment, .hljs-quote, .hljs-keyword, .hljs-selector-tag, .hljs-subst, .hljs-literal, .hljs-number, .hljs-doctag, .hljs-formula, .hljs-string, .hljs-section, .hljs-selector-id, .hljs-title, .hljs-subst, .hljs-class .hljs-title, .hljs-name, .hljs-title.class_, .hljs-type, .hljs-tag, .hljs-regexp, .hljs-bullet, .hljs-link, .hljs-symbol, .hljs-built_in, .hljs-meta, .hljs-deletion, .hljs-addition, .hljs-emphasis, .hljs-strong {
   background: #00214A;
   border: none;
}

.label {
   background-color: #00214A;
   color: #666666;
   font-family: "Trebuchet MS", Trebuchet,serif;
   font-size: 10pt;
   min-width: 100px;
}

input[type=submit], label[for=file], input[type="button"], .close, #postform-dragHandle {
   background: #00214A !important;
   color: #8B2823;
}

label[for=file]:hover, input[type=submit]:hover, input[type=button]:hover, a:hover, a:visited:hover, .footer a:hover, label.jsonly.postform-style.filelabel:hover {
   color: green !important;
}
   

.noselect.postform-style.ph-5.ml-1.fh {
   background: #00214A !important;
}

.modal {
   background-color: #00214A;
}

select {
   background: #00214A;
   color: #8B2823;
   border: none;
}

.postform-style.ph-5 {
   background: none;
}

.expand-omitted {
   background-color: #00214A;
   border: none;
}

textarea.edit, input.edit, input.edit:hover {
   background: #00214A !important;
   color: #cccccc !important;
}

td, th:not(.alt) {
   background: #00214A !important;
   color: #8B2823;
}

td .post-message {
   color: #6b1515;
}

.actions {
   background: rgba(188, 134, 88, 0.7) !important;
   color: #6b1515 !important;
   margin: 0.2rem 4px;
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius: 5px 5px 5px 5px;
}

.box-wrap .col, .box-wrap, .tabs li a {
   background: #00214A !important;
   border: none !important;
   color: #00214A;
}

#tegaki > div {
   background-color: #00214A;
   color: #00214A;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}
Replies: >>3726
>>3725
OK, I guess that's it then? I'll figure out how to add these images as static art assets, rewrite the new URIs for these into the custom.css and call it a day?
Replies: >>3727
>>3726
Sounds good to me. If you end up having any problems I'll be around to try and help you troubleshoot everything. I like how it turned out. I hope you like it too and sorry about taking more time than I originally intended.
Replies: >>3728
>>3727
Yeah, it's excellent! Very fun style for trash/christmas/ to enjoy, I think.  :D

Thanks very kindly, CSS-Anon!! Your help has been a Godsend. Cheers.  :)
Replies: >>3729
Before I forget the correct link format will look like

url(/asset/christmas/imagename.fileextension)

>>3728
No problem! Cheers! :D
Replies: >>3730
>>3729
OK, thanks!

<--->
So here's what I have. AFAICT, it seems to be working:

>christmas_custom.css
:root {
   --highlighted-post-color: #3F7741;
   --highlighted-post-outline-color: #952927;
   --name-color: #0D9BFA;
   --hr: transparent;
   --spoiler-img:
url(/asset/christmas/f81197448a08c5f81b4f5f9e5f5a07a95ec81aaaa7355bf6eadb5be798d84adc.jpg);
    scrollbar-color: #3F7741 #631B1A;
}

html, body {
   background-color: #061228;
   background-image:
url(/asset/christmas/56ddf3b2f464ded45da79afeec735168e1a74549a64383db6ca985224018d4f9.gif),
url(/asset/christmas/521e0f952fb74965f8fd50d1b9fbebf343359c228de444ed1d1cbeaa9d6b50d9.gif), 
url(/asset/christmas/04d8b766d8857e47c6783c7d482087bc3bd43f2ebd0a2dd69781359f0e6c9351.gif), 
url(/asset/christmas/4ef368354018d147fe26f96638d76a216d7b89f52277fc3b23c723428a3c818f.png), 
url(/asset/christmas/6a2d97d4d85c3e293ed1846621e6b5828a3c073df549b07ecb6ca52efe0956dc.gif), 
url(/asset/christmas/47639f79d0a59f78ef04413f082863d7baf605cc48fc05318a47185ff87c7a66.png);
   background-size: 15%, 20%, 10%, 100%, 25%, 100%;
   background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat, no-repeat;
   background-position: bottom right, bottom right, 75% 98.8%, bottom, top left, top left;
   background-attachment: fixed, fixed, fixed, fixed, fixed, fixed;
   background-blend-mode: normal, normal, normal, normal, normal, normal;
   color: #FEF1CE;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}

.spoilerimg {
   background-image: var(--spoiler-img);
}

.greentext {
   color: #009E89;
}

.pinktext {
   color: #AD1E1B;
}

.post-capcode {
   color: #a52a2a;
}

.flex-center .collapse {
   font-size: 33px;
   color: #a52a2a;
}

a, a:visited, .board-title, .board-title a, a.post-name, .navbar a {
   color: #568E38;
}

label.jsonly.postform-style.filelabel {
   border: 1px solid #666666 !important;
   color: green;
}

input#banner {
   border: none !important;
   background: none;
}

.post-message a {
   color: #a52a2a;
}

a.quote {
   color: #D6C688;
}

.footer a {
   background: #00214A;
   font-weight: bold;
   color: #8B2823;
}

.board-title {
   margin: revert;
}

.board-description {
   color: #ffe2b2;
}

.title {
   font-size: 1.25rem;
   color: #af0a0f;
   font-weight: bold;
}

hr {
  height: 99px;
  background-image:
url(/asset/christmas/211111007b095fc66c70fc1419ccf11c1563da10a7c7e18756d06ea0aa740d2f.gif);
  background-repeat: repeat-x;
}

.post-subject, .post-subject:hover, .post-subject:visited, .post-subject:visited:hover {
   color: #ffe2b2 !important;
   font-size: 12pt;
}

.catalog-tile {
   margin: 3px;
   height: 320px;
   width: 180px;
   border: none !important;
   max-width: 180px;
   max-height: 320px;
   background-color: rgba(3, 3, 3, 0.8);
}

.catalog-tile:hover {
   color: #cccccc;
}

.post-info {
   background: none !important;
   color: silver;
   margin: 0;
}

.op .post-info {
   color: #deb887 !important;
}

.catalog-tile .post-info {
   color: blue;
   font-size: 12px
}

#livetext, #threadstats, .bottom-reply, .collapse, .pages, .post-container, .stickynav {
   background: #1B5951;
}

#float .post-container {
   border: 1px outset !important;
   border-color: #007853!important;
   
}

#float .post-container.op {
   background : #00214A !important;
   border: 1px outset !important;
   border-color: orange !important;
}

.nav-item {
   color: #568E38;
   border: none;
}

input, select#catalogsort {
   border: 1px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 11pt;
}

textarea {
   border: 3px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 10.5pt;
}

.board-banner {
   background: none !important;
}

.navbar {
   bottom: unset;
   box-shadow: none;
   background: transparent;
   border: none !important;
}

.board-header {
   margin: 1em;
}

.stickynav {
   bottom: 7px;
   top: unset;
   right: 7px;
   border: 1px outset !important;
   border-color: silver !important;
}

.post-container, .post-data{
   background: #00214A !important;
   color: #D6C688;
}

.post-container {
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius:10px 10px 10px 10px;
}

#action-menu, #livetext, #postform, #threadstats, .board-banner, .bottom-reply, .catalog-tile, .collapse, .filelabel, .modal, .navbar, .op, .pages, .post-container:not(.op), table, .postform-style {
   border:  !important;
}

#postform {
   background-color: #00214A;
   border: 1px outset !important;
   padding: 1px !important;
}

.anchor:target+.post-container .post-info, .anchor:target+table tbody tr th, .post-container.highlighted .post-info, .post-container.hoverhighlighted .post-info, .post-container.hoverhighlighted .post-data, .post-container.highlighted .post-data, .anchor:target+.post-container .post-data {
   background-color: var(--highlighted-post-color) !important;
   border-color: var(--highlighted-post-outline-color) !important;
   color: #6b1515 !important;
   margin: 0;
}

.post-container.op, .anchor:target + .post-container.op, .op .post-data, .anchor:target + .op .post-data, .anchor:target + .op .post-info, .op .post-info {
   background: rgba(0, 0, 0, 0) !important;
   backdrop-filter: blur(3px);
   color: #D6C688 !important;
}

.op .post-name {
   color: var(--name-color);
}

.noselect.bold {
   color: #6b1515 !important;
}

a.dummy-link.hide-image.noselect, a.filename, a.dummy-link {
   text-decoration: none;
}

.postmenu, .op .postmenu {
   border-left-color: #952927;
}

.spoiler {
   cursor: auto;
}

.edited {
   color: #444444;
}

.code,.hljs, .hljs-comment, .hljs-quote, .hljs-keyword, .hljs-selector-tag, .hljs-subst, .hljs-literal, .hljs-number, .hljs-doctag, .hljs-formula, .hljs-string, .hljs-section, .hljs-selector-id, .hljs-title, .hljs-subst, .hljs-class .hljs-title, .hljs-name, .hljs-title.class_, .hljs-type, .hljs-tag, .hljs-regexp, .hljs-bullet, .hljs-link, .hljs-symbol, .hljs-built_in, .hljs-meta, .hljs-deletion, .hljs-addition, .hljs-emphasis, .hljs-strong {
   background: #00214A;
   border: none;
}

.label {
   background-color: #00214A;
   color: #666666;
   font-family: "Trebuchet MS", Trebuchet,serif;
   font-size: 10pt;
   min-width: 100px;
}

input[type=submit], label[for=file], input[type="button"], .close, #postform-dragHandle {
   background: #00214A !important;
   color: #8B2823;
}

label[for=file]:hover, input[type=submit]:hover, input[type=button]:hover, a:hover, a:visited:hover, .footer a:hover, label.jsonly.postform-style.filelabel:hover {
   color: green !important;
}
   

.noselect.postform-style.ph-5.ml-1.fh {
   background: #00214A !important;
}

.modal {
   background-color: #00214A;
}

select {
   background: #00214A;
   color: #8B2823;
   border: none;
}

.postform-style.ph-5 {
   background: none;
}

.expand-omitted {
   background-color: #00214A;
   border: none;
}

textarea.edit, input.edit, input.edit:hover {
   background: #00214A !important;
   color: #cccccc !important;
}

td, th:not(.alt) {
   background: #00214A !important;
   color: #8B2823;
}

td .post-message {
   color: #6b1515;
}

.actions {
   background: rgba(188, 134, 88, 0.7) !important;
   color: #6b1515 !important;
   margin: 0.2rem 4px;
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius: 5px 5px 5px 5px;
}

.box-wrap .col, .box-wrap, .tabs li a {
   background: #00214A !important;
   border: none !important;
   color: #00214A;
}

#tegaki > div {
   background-color: #00214A;
   color: #00214A;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}
Replies: >>3731 >>3732
>>3730
Lol, I'm not sure that highlighting helps a lot in this case!  :D

<--->

>christmas_custom.css

:root {
   --highlighted-post-color: #3F7741;
   --highlighted-post-outline-color: #952927;
   --name-color: #0D9BFA;
   --hr: transparent;
   --spoiler-img:
url(/asset/christmas/f81197448a08c5f81b4f5f9e5f5a07a95ec81aaaa7355bf6eadb5be798d84adc.jpg);
    scrollbar-color: #3F7741 #631B1A;
}

html, body {
   background-color: #061228;
   background-image:
url(/asset/christmas/56ddf3b2f464ded45da79afeec735168e1a74549a64383db6ca985224018d4f9.gif),
url(/asset/christmas/521e0f952fb74965f8fd50d1b9fbebf343359c228de444ed1d1cbeaa9d6b50d9.gif), 
url(/asset/christmas/04d8b766d8857e47c6783c7d482087bc3bd43f2ebd0a2dd69781359f0e6c9351.gif), 
url(/asset/christmas/4ef368354018d147fe26f96638d76a216d7b89f52277fc3b23c723428a3c818f.png), 
url(/asset/christmas/6a2d97d4d85c3e293ed1846621e6b5828a3c073df549b07ecb6ca52efe0956dc.gif), 
url(/asset/christmas/47639f79d0a59f78ef04413f082863d7baf605cc48fc05318a47185ff87c7a66.png);
   background-size: 15%, 20%, 10%, 100%, 25%, 100%;
   background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat, no-repeat;
   background-position: bottom right, bottom right, 75% 98.8%, bottom, top left, top left;
   background-attachment: fixed, fixed, fixed, fixed, fixed, fixed;
   background-blend-mode: normal, normal, normal, normal, normal, normal;
   color: #FEF1CE;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}

.spoilerimg {
   background-image: var(--spoiler-img);
}

.greentext {
   color: #009E89;
}

.pinktext {
   color: #AD1E1B;
}

.post-capcode {
   color: #a52a2a;
}

.flex-center .collapse {
   font-size: 33px;
   color: #a52a2a;
}

a, a:visited, .board-title, .board-title a, a.post-name, .navbar a {
   color: #568E38;
}

label.jsonly.postform-style.filelabel {
   border: 1px solid #666666 !important;
   color: green;
}

input#banner {
   border: none !important;
   background: none;
}

.post-message a {
   color: #a52a2a;
}

a.quote {
   color: #D6C688;
}

.footer a {
   background: #00214A;
   font-weight: bold;
   color: #8B2823;
}

.board-title {
   margin: revert;
}

.board-description {
   color: #ffe2b2;
}

.title {
   font-size: 1.25rem;
   color: #af0a0f;
   font-weight: bold;
}

hr {
  height: 99px;
  background-image:
url(/asset/christmas/211111007b095fc66c70fc1419ccf11c1563da10a7c7e18756d06ea0aa740d2f.gif);
  background-repeat: repeat-x;
}

.post-subject, .post-subject:hover, .post-subject:visited, .post-subject:visited:hover {
   color: #ffe2b2 !important;
   font-size: 12pt;
}

.catalog-tile {
   margin: 3px;
   height: 320px;
   width: 180px;
   border: none !important;
   max-width: 180px;
   max-height: 320px;
   background-color: rgba(3, 3, 3, 0.8);
}

.catalog-tile:hover {
   color: #cccccc;
}

.post-info {
   background: none !important;
   color: silver;
   margin: 0;
}

.op .post-info {
   color: #deb887 !important;
}

.catalog-tile .post-info {
   color: blue;
   font-size: 12px
}

#livetext, #threadstats, .bottom-reply, .collapse, .pages, .post-container, .stickynav {
   background: #1B5951;
}

#float .post-container {
   border: 1px outset !important;
   border-color: #007853!important;
   
}

#float .post-container.op {
   background : #00214A !important;
   border: 1px outset !important;
   border-color: orange !important;
}

.nav-item {
   color: #568E38;
   border: none;
}

input, select#catalogsort {
   border: 1px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 11pt;
}

textarea {
   border: 3px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 10.5pt;
}

.board-banner {
   background: none !important;
}

.navbar {
   bottom: unset;
   box-shadow: none;
   background: transparent;
   border: none !important;
}

.board-header {
   margin: 1em;
}

.stickynav {
   bottom: 7px;
   top: unset;
   right: 7px;
   border: 1px outset !important;
   border-color: silver !important;
}

.post-container, .post-data{
   background: #00214A !important;
   color: #D6C688;
}

.post-container {
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius:10px 10px 10px 10px;
}

#action-menu, #livetext, #postform, #threadstats, .board-banner, .bottom-reply, .catalog-tile, .collapse, .filelabel, .modal, .navbar, .op, .pages, .post-container:not(.op), table, .postform-style {
   border:  !important;
}

#postform {
   background-color: #00214A;
   border: 1px outset !important;
   padding: 1px !important;
}

.anchor:target+.post-container .post-info, .anchor:target+table tbody tr th, .post-container.highlighted .post-info, .post-container.hoverhighlighted .post-info, .post-container.hoverhighlighted .post-data, .post-container.highlighted .post-data, .anchor:target+.post-container .post-data {
   background-color: var(--highlighted-post-color) !important;
   border-color: var(--highlighted-post-outline-color) !important;
   color: #6b1515 !important;
   margin: 0;
}

.post-container.op, .anchor:target + .post-container.op, .op .post-data, .anchor:target + .op .post-data, .anchor:target + .op .post-info, .op .post-info {
   background: rgba(0, 0, 0, 0) !important;
   backdrop-filter: blur(3px);
   color: #D6C688 !important;
}

.op .post-name {
   color: var(--name-color);
}

.noselect.bold {
   color: #6b1515 !important;
}

a.dummy-link.hide-image.noselect, a.filename, a.dummy-link {
   text-decoration: none;
}

.postmenu, .op .postmenu {
   border-left-color: #952927;
}

.spoiler {
   cursor: auto;
}

.edited {
   color: #444444;
}

.code,.hljs, .hljs-comment, .hljs-quote, .hljs-keyword, .hljs-selector-tag, .hljs-subst, .hljs-literal, .hljs-number, .hljs-doctag, .hljs-formula, .hljs-string, .hljs-section, .hljs-selector-id, .hljs-title, .hljs-subst, .hljs-class .hljs-title, .hljs-name, .hljs-title.class_, .hljs-type, .hljs-tag, .hljs-regexp, .hljs-bullet, .hljs-link, .hljs-symbol, .hljs-built_in, .hljs-meta, .hljs-deletion, .hljs-addition, .hljs-emphasis, .hljs-strong {
   background: #00214A;
   border: none;
}

.label {
   background-color: #00214A;
   color: #666666;
   font-family: "Trebuchet MS", Trebuchet,serif;
   font-size: 10pt;
   min-width: 100px;
}

input[type=submit], label[for=file], input[type="button"], .close, #postform-dragHandle {
   background: #00214A !important;
   color: #8B2823;
}

label[for=file]:hover, input[type=submit]:hover, input[type=button]:hover, a:hover, a:visited:hover, .footer a:hover, label.jsonly.postform-style.filelabel:hover {
   color: green !important;
}
   

.noselect.postform-style.ph-5.ml-1.fh {
   background: #00214A !important;
}

.modal {
   background-color: #00214A;
}

select {
   background: #00214A;
   color: #8B2823;
   border: none;
}

.postform-style.ph-5 {
   background: none;
}

.expand-omitted {
   background-color: #00214A;
   border: none;
}

textarea.edit, input.edit, input.edit:hover {
   background: #00214A !important;
   color: #cccccc !important;
}

td, th:not(.alt) {
   background: #00214A !important;
   color: #8B2823;
}

td .post-message {
   color: #6b1515;
}

.actions {
   background: rgba(188, 134, 88, 0.7) !important;
   color: #6b1515 !important;
   margin: 0.2rem 4px;
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius: 5px 5px 5px 5px;
}

.box-wrap .col, .box-wrap, .tabs li a {
   background: #00214A !important;
   border: none !important;
   color: #00214A;
}

#tegaki > div {
   background-color: #00214A;
   color: #00214A;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}
Replies: >>3732
>>3731
>>3730
>it seems to be working
Generally you will know IMMEDIATELY if you've done something wrong with images because it either disables them or breaks.
Yeah it all looks right to me. I'm glad you got it working without too much difficulty.

The only thing that's puzzling me is that I set the horizontal ruler (hr) to transparent so that it would just be the garland as separators but for some reason it's come back and I'm not sure why because you're not done anything to cause it from what you posted.

It's a minor thing and you probably don't even care about it.
Replies: >>3733
>>3732
>The only thing that's puzzling me is that I set the horizontal ruler (hr) to transparent so that it would just be the garland as separators but for some reason it's come back and I'm not sure why because you're not done anything to cause it from what you posted.
Oh, I see that now. You're right, I never noticed it coming back. I've posted the css entry exactly verbatim as entered into /christmas/ 's settings. If you figure it out (or just want to tweak anything else further), just post the relevant field and I'll patch it!

Thanks again, Anon. Hope you have a good night, Cheers.  :)
EMERGENCY PATCH to drastically increase the readability of OPs which is kind of important lol

:root {
   --highlighted-post-color: #3F7741;
   --highlighted-post-outline-color: #952927;
   --name-color: #0D9BFA;
   --hr: transparent;
   --spoiler-img:
url(/asset/christmas/f81197448a08c5f81b4f5f9e5f5a07a95ec81aaaa7355bf6eadb5be798d84adc.jpg);
    scrollbar-color: #3F7741 #631B1A;
}

html, body {
   background-color: #061228;
   background-image:
url(/asset/christmas/56ddf3b2f464ded45da79afeec735168e1a74549a64383db6ca985224018d4f9.gif),
url(/asset/christmas/521e0f952fb74965f8fd50d1b9fbebf343359c228de444ed1d1cbeaa9d6b50d9.gif), 
url(/asset/christmas/04d8b766d8857e47c6783c7d482087bc3bd43f2ebd0a2dd69781359f0e6c9351.gif), 
url(/asset/christmas/4ef368354018d147fe26f96638d76a216d7b89f52277fc3b23c723428a3c818f.png), 
url(/asset/christmas/6a2d97d4d85c3e293ed1846621e6b5828a3c073df549b07ecb6ca52efe0956dc.gif), 
url(/asset/christmas/47639f79d0a59f78ef04413f082863d7baf605cc48fc05318a47185ff87c7a66.png);
   background-size: 15%, 20%, 10%, 100%, 25%, 100%;
   background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat, no-repeat;
   background-position: bottom right, bottom right, 75% 98.8%, bottom, top left, top left;
   background-attachment: fixed, fixed, fixed, fixed, fixed, fixed;
   background-blend-mode: normal, normal, normal, normal, normal, normal;
   color: #FEF1CE;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}

.spoilerimg {
   background-image: var(--spoiler-img);
}

.greentext {
   color: #009E89;
}

.pinktext {
   color: #AD1E1B;
}

.post-capcode {
   color: #a52a2a;
}

.flex-center .collapse {
   font-size: 33px;
   color: #a52a2a;
}

a, a:visited, .board-title, .board-title a, a.post-name, .navbar a {
   color: #568E38;
}

label.jsonly.postform-style.filelabel {
   border: 1px solid #666666 !important;
   color: green;
}

input#banner {
   border: none !important;
   background: none;
}

.post-message a {
   color: #a52a2a;
}

a.quote {
   color: #D6C688;
}

.footer a {
   background: #00214A;
   font-weight: bold;
   color: #8B2823;
}

.board-title {
   margin: revert;
}

.board-description {
   color: #ffe2b2;
}

.title {
   font-size: 1.25rem;
   color: #af0a0f;
   font-weight: bold;
}

hr {
  height: 99px;
  background-image:
url(/asset/christmas/211111007b095fc66c70fc1419ccf11c1563da10a7c7e18756d06ea0aa740d2f.gif);
  background-repeat: repeat-x;
}

.post-subject, .post-subject:hover, .post-subject:visited, .post-subject:visited:hover {
   color: #ffe2b2 !important;
   font-size: 12pt;
}

.catalog-tile {
   margin: 3px;
   height: 320px;
   width: 180px;
   border: none !important;
   max-width: 180px;
   max-height: 320px;
   background-color: rgba(3, 3, 3, 0.8);
}

.catalog-tile:hover {
   color: #cccccc;
}

.post-info {
   background: none !important;
   color: silver;
   margin: 0;
}

.op .post-info {
   color: #deb887 !important;
}

.catalog-tile .post-info {
   color: blue;
   font-size: 12px
}

#livetext, #threadstats, .bottom-reply, .collapse, .pages, .post-container, .stickynav {
   background: #1B5951;
}

#float .post-container {
   border: 1px outset !important;
   border-color: #007853!important;
   
}

#float .post-container.op {
   background : #00214A !important;
   border: 1px outset !important;
   border-color: orange !important;
}

.nav-item {
   color: #568E38;
   border: none;
}

input, select#catalogsort {
   border: 1px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 11pt;
}

textarea {
   border: 3px solid #666666 !important;
   background: #00214A;
   color: #cccccc;
   font-family: inherit;
   font-size: 10.5pt;
}

.board-banner {
   background: none !important;
}

.navbar {
   bottom: unset;
   box-shadow: none;
   background: transparent;
   border: none !important;
}

.board-header {
   margin: 1em;
}

.stickynav {
   bottom: 7px;
   top: unset;
   right: 7px;
   border: 1px outset !important;
   border-color: silver !important;
}

.post-container, .post-data{
   background: #00214A !important;
   color: #D6C688;
}

.post-container {
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius:10px 10px 10px 10px;
}

#action-menu, #livetext, #postform, #threadstats, .board-banner, .bottom-reply, .catalog-tile, .collapse, .filelabel, .modal, .navbar, .op, .pages, .post-container:not(.op), table, .postform-style {
   border:  !important;
}

#postform {
   background-color: #00214A;
   border: 1px outset !important;
   padding: 1px !important;
}

.anchor:target+.post-container .post-info, .anchor:target+table tbody tr th, .post-container.highlighted .post-info, .post-container.hoverhighlighted .post-info, .post-container.hoverhighlighted .post-data, .post-container.highlighted .post-data, .anchor:target+.post-container .post-data {
   background-color: var(--highlighted-post-color) !important;
   border-color: var(--highlighted-post-outline-color) !important;
   color: #6b1515 !important;
   margin: 0;
}

.post-container.op, .anchor:target + .post-container.op, .op .post-data, .anchor:target + .op .post-data, .anchor:target + .op .post-info, .op .post-

info {
   background: rgba( 0, 0, 0, .5) !important;
   backdrop-filter: blur(3px);
   color: #D6C6881 !important;
   text-shadow: 0px 0px 5px black, 0px 0px 5px black, 0px 0px 5px black;

}

.op .post-name {
   color: var(--name-color);
}

.noselect.bold {
   color: #6b1515 !important;
}

a.dummy-link.hide-image.noselect, a.filename, a.dummy-link {
   text-decoration: none;
}

.postmenu, .op .postmenu {
   border-left-color: #952927;
}

.spoiler {
   cursor: auto;
}

.edited {
   color: #444444;
}

.code,.hljs, .hljs-comment, .hljs-quote, .hljs-keyword, .hljs-selector-tag, .hljs-subst, .hljs-literal, .hljs-number, .hljs-doctag, .hljs-formula, .hljs-string, .hljs-section, .hljs-selector-id, .hljs-title, .hljs-subst, .hljs-class .hljs-title, .hljs-name, .hljs-title.class_, .hljs-type, .hljs-tag, .hljs-regexp, .hljs-bullet, .hljs-link, .hljs-symbol, .hljs-built_in, .hljs-meta, .hljs-deletion, .hljs-addition, .hljs-emphasis, .hljs-strong {
   background: #00214A;
   border: none;
}

.label {
   background-color: #00214A;
   color: #666666;
   font-family: "Trebuchet MS", Trebuchet,serif;
   font-size: 10pt;
   min-width: 100px;
}

input[type=submit], label[for=file], input[type="button"], .close, #postform-dragHandle {
   background: #00214A !important;
   color: #8B2823;
}

label[for=file]:hover, input[type=submit]:hover, input[type=button]:hover, a:hover, a:visited:hover, .footer a:hover, label.jsonly.postform-style.filelabel:hover {
   color: green !important;
}
   

.noselect.postform-style.ph-5.ml-1.fh {
   background: #00214A !important;
}

.modal {
   background-color: #00214A;
}

select {
   background: #00214A;
   color: #8B2823;
   border: none;
}

.postform-style.ph-5 {
   background: none;
}

.expand-omitted {
   background-color: #00214A;
   border: none;
}

textarea.edit, input.edit, input.edit:hover {
   background: #00214A !important;
   color: #cccccc !important;
}

td, th:not(.alt) {
   background: #00214A !important;
   color: #8B2823;
}

td .post-message {
   color: #6b1515;
}

.actions {
   background: rgba(188, 134, 88, 0.7) !important;
   color: #6b1515 !important;
   margin: 0.2rem 4px;
   padding: 0.5rem 0.3rem 0.5rem 0.6rem;
   border-radius: 5px 5px 5px 5px;
}

.box-wrap .col, .box-wrap, .tabs li a {
   background: #00214A !important;
   border: none !important;
   color: #00214A;
}

#tegaki > div {
   background-color: #00214A;
   color: #00214A;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}
Replies: >>3736
>>3735
>to drastically increase the readability of OPs which is kind of important lol
Haha, good thinking. Thanks, Anon! BTW, I tweaked the colors slightly to give it more of a deep purple look. Hope its not too distracting. Cheers, Anon.  :)

Merry Christmas
Last edited by chobitsu
Replies: >>3744
Pushed the snowfall in front of the house & the snowblanket in hopes to improve the so-called perspective slightly.
Last edited by chobitsu
Tried to add a 'brightness' setting for each asset (to turn down the saturation of the house and push it further into the background). Lol, clearly don't know what I'm doing yet, since it's not working.  :P

html, body {
   background-color: #061228;
   background-image:
url(/asset/christmas/56ddf3b2f464ded45da79afeec735168e1a74549a64383db6ca985224018d4f9.gif),
url(/asset/christmas/521e0f952fb74965f8fd50d1b9fbebf343359c228de444ed1d1cbeaa9d6b50d9.gif),
url(/asset/christmas/6a2d97d4d85c3e293ed1846621e6b5828a3c073df549b07ecb6ca52efe0956dc.gif),
url(/asset/christmas/04d8b766d8857e47c6783c7d482087bc3bd43f2ebd0a2dd69781359f0e6c9351.gif),
url(/asset/christmas/4ef368354018d147fe26f96638d76a216d7b89f52277fc3b23c723428a3c818f.png),
url(/asset/christmas/47639f79d0a59f78ef04413f082863d7baf605cc48fc05318a47185ff87c7a66.png);
   background-size: 15%, 20%, 25%, 8.5%, 100%, 100%;
   background-repeat: no-repeat, no-repeat, repeat, no-repeat, no-repeat, no-repeat;
   background-position: bottom right, bottom right, top left, 73% 96.8%, bottom, top left;
   background-attachment: fixed, fixed, fixed, fixed, fixed, fixed;
   background-blend-mode: normal, normal, normal, normal, normal, normal;
   filter: brightness(100%),
           brightness(100%),
           brightness(100%),
           brightness(10%),
           brightness(100%),
           brightness(100%);
   color: #FEF1CE;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}
Last edited by chobitsu
Replies: >>3744
>>3736
Yeah looks better than how I had it. Haven't figured out how to fix that weird "ghost border" on the OP but it's readable and that's what's important right now.

>>3740
The house needs a bit more tweaking. It kind of looks like it's floating and I never could exactly make myself satisfied with it even in my versions. I'm still thinking on it.

Looks good otherwise.
Replies: >>3745
>>3744
Hi Anon! Glad you like the new color OK. As to the ghost border, I rather like it actually. I think it lends an elegance to the pane, especially with the current hue.

>I'm still thinking on it.
Well, if you can fix my bungling and give me a way to de-saturate the gif properly, then that will go a long way towards fixing this issue, I think. Cheers.
Add
hr {
  border: none;
}
See if that does it.
Replies: >>3760
>>3759
Woohoo! That did it,  good jerb Anon. Thanks!

hr {
  height: 99px;
  background-image:
url(/asset/christmas/211111007b095fc66c70fc1419ccf11c1563da10a7c7e18756d06ea0aa740d2f.gif);
  background-repeat: repeat-x;
  border: none;
}

<--->

BTW, any update on the possibility of fixing my bungled attempt at brightness settings for the asset layers?
Last edited by chobitsu
Replies: >>3761
>>3760
>BTW, any update on the possibility of fixing my bungled attempt at brightness settings for the asset layers?
Yeah I think it's going to have to use background-blend-mode which means I'll probably need to make an asset to act as a mask for it to blend correctly into. I probably need to stick a little snow bank or something behind the house too. It shouldn't be difficult to do. I'll try to work on it after I get up from a nap of indeterminate length.
Replies: >>3762 >>3763
>>3761
Sounds good Anon. Ideally, we'd have at least three per-channel controls (as I was attempting).
*  Hue
*  Saturation
*  Value

Again, per-channel (like you've already set up). This would allow us to do full-grading on the entire BG 'image' as a whole, not just tweaking individual items.

<--->

Rest well, Anon! Cheers.  :)
>>3761
>I probably need to stick a little snow bank or something behind the house too.
BTW, we're at 8 assets r/n Anon. We only have a budget of 10 to use with jschan, AFAICT.
Replies: >>3764
>>3763
Hmmm. Looking closer, the general assets setting seems to say both 10 and 100 ! So, I'm unsure which ATM...
cabin_test.png
[Hide] (127.9KB, 772x222)
Does this look like othe right direction?
Replies: >>3766
cabin_test_improved.jpg
[Hide] (54.3KB, 739x151)
>>3765
Better maybe?
Replies: >>3767
>>3766
Yes! I like that one, Anon. Can you combine that hill into the snowblanket png file?
Replies: >>3771
bottom_snow_improved.png
[Hide] (166.4KB, 1710x149)
>>3767
Replies: >>3772
>>3771
This thould be the approx, right position

html, body {
   background-color: #061228;
   background-image:
url(/asset/christmas/56ddf3b2f464ded45da79afeec735168e1a74549a64383db6ca985224018d4f9.gif),
url(/asset/christmas/521e0f952fb74965f8fd50d1b9fbebf343359c228de444ed1d1cbeaa9d6b50d9.gif),
url(/asset/christmas/6a2d97d4d85c3e293ed1846621e6b5828a3c073df549b07ecb6ca52efe0956dc.gif),
url(/asset/christmas/04d8b766d8857e47c6783c7d482087bc3bd43f2ebd0a2dd69781359f0e6c9351.gif),
url(https://trashchan.xyz/file/bacc741facd019db088352bc8c4f5676b157eaebaf774f09167b9fb87e0f24ba.png),
url(/asset/christmas/47639f79d0a59f78ef04413f082863d7baf605cc48fc05318a47185ff87c7a66.png);
   background-size: 15%, 20%, 25%, 8.5%, 100%, 100%;
   background-repeat: no-repeat, no-repeat, repeat, no-repeat, no-repeat, no-repeat;
   background-position: bottom right, bottom right, top left, 75% 94.8%, bottom, top left;
   background-attachment: fixed, fixed, fixed, fixed, fixed, fixed;
   background-blend-mode: normal, normal, normal, normal, normal, normal;
   color: #FEF1CE;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}
Replies: >>3773 >>3774
>>3772
Okey-dokey, Anon. Nice work.

<--->

html, body {
   background-color: #061228;
   background-image:
url(/asset/christmas/56ddf3b2f464ded45da79afeec735168e1a74549a64383db6ca985224018d4f9.gif),
url(/asset/christmas/521e0f952fb74965f8fd50d1b9fbebf343359c228de444ed1d1cbeaa9d6b50d9.gif),
url(/asset/christmas/6a2d97d4d85c3e293ed1846621e6b5828a3c073df549b07ecb6ca52efe0956dc.gif),
url(/asset/christmas/04d8b766d8857e47c6783c7d482087bc3bd43f2ebd0a2dd69781359f0e6c9351.gif),
url(/asset/christmas/bacc741facd019db088352bc8c4f5676b157eaebaf774f09167b9fb87e0f24ba.png),
url(/asset/christmas/47639f79d0a59f78ef04413f082863d7baf605cc48fc05318a47185ff87c7a66.png);
   background-size: 15%, 20%, 25%, 8.5%, 100%, 100%;
   background-repeat: no-repeat, no-repeat, repeat, no-repeat, no-repeat, no-repeat;
   background-position: bottom right, bottom right, top left, 75% 94.8%, bottom, top left;
   background-attachment: fixed, fixed, fixed, fixed, fixed, fixed;
   background-blend-mode: normal, normal, normal, normal, normal, normal;
   color: #FEF1CE;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}
>>3772
Added the closer snowblanket layer back in, moved it in front of the house, and tweaked the house size/position slightly. I think this:
A)  Improves the apparent perspective slightly, and
B)  Allowed me to turn up the source value in the closer snowbank layer, which I think improves the distinction between the two layers slightly.

Cheers.

<--->

html, body {
   background-color: #061228;
   background-image:
url(/asset/christmas/56ddf3b2f464ded45da79afeec735168e1a74549a64383db6ca985224018d4f9.gif),
url(/asset/christmas/521e0f952fb74965f8fd50d1b9fbebf343359c228de444ed1d1cbeaa9d6b50d9.gif),
url(/asset/christmas/6a2d97d4d85c3e293ed1846621e6b5828a3c073df549b07ecb6ca52efe0956dc.gif),
url(/asset/christmas/e371f9da868d6320cd15458bbabcc2d7a19692671c492bca01560c550e7afadf.png),
url(/asset/christmas/04d8b766d8857e47c6783c7d482087bc3bd43f2ebd0a2dd69781359f0e6c9351.gif),
url(/asset/christmas/bacc741facd019db088352bc8c4f5676b157eaebaf774f09167b9fb87e0f24ba.png),
url(/asset/christmas/47639f79d0a59f78ef04413f082863d7baf605cc48fc05318a47185ff87c7a66.png);
   background-size: 15%, 20%, 25%, 100%, 10%, 100%, 100%;
   background-repeat: no-repeat, no-repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat;
   background-position: bottom right, bottom right, top left, bottom, 71.5% 97.1%, bottom, top left;
   background-attachment: fixed, fixed, fixed, fixed, fixed, fixed, fixed;
   background-blend-mode: normal, normal, normal, normal, normal, normal, normal;
   color: #FEF1CE;
   font-family: "Trebuchet MS",Trebuchet,serif;
   font-size: 12pt;
}
Last edited by chobitsu
Replies: >>3778
>>3774
>which I think improves the distinction between the two layers slightly.
It probably does. It also erases the little foot prints.
Replies: >>3783
There is another trick where you can make a layer a transparent gradient instead of an image. It can be a bit tricky because it darkens everything behind it so if you do that you might have to turn up the brightness on the star layer.

The syntax is

conic-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)),

There's other gradients but if you're just using it to apply a flat transparency it doesn't matter. Even though it's not an image you still have to treat it as one and add a default value down below in six, repeat,position etc. or it'll mess up the values to the other layers.

And that final rgba value is important it goes from 1 to 0 so you have to use decimals.
Replies: >>3783
>>3778
>It also erases the little foot prints.
Oh no! Lol, sorry I didn't mean to do that Anon. Can you possibly take the current forground snowblanket assest and redo the Padoru prints?

>>3779
>conic-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)),
Could you spell this out as a complete tag, Anon? Clearly I don't know CSS well, and minor little gotchas are what stumps me. The BIG picture, I think I understand OK-ish...it's the syntax that bites me.  :P
Last edited by chobitsu
Replies: >>3784
snowblanket_sv.png
[Hide] (141.1KB, 1710x149)
>>3783
>the current forground snowblanket assest 
Just to make things a little easier for you if so...
[New Reply]
131 replies | 106 files
Connecting...
Show Post Actions

Actions:

Captcha:

- news - rules - faq -
jschan 1.6.2