/bsd/ - CSS

Name
Email
Subject
Comment *
File	Select/drop/paste files here
* = required field	[▶ Show post options & limits] Confused? See the FAQ.

Oekaki	Show oekaki applet (replaces files and can be used instead)
Options	Do not bump (you can also write sage in the email field) Spoiler images (this replaces the thumbnails of your images with question marks) Hide country (this board displays your country when you post if this is unchecked)
Password	(For file and post deletion.)
Allowed file types:jpg, jpeg, gif, png, webm, mp4 Max filesize is 8 MB. Max image dimensions are 10000 x 10000. You may upload 5 per post.

File: 1438426350851.png (31.62 KB, 1075x723, 1075:723, bsd-css.png)

CSS Anonymous 08/01/15 (Sat) 10:52:30 f406a9 No.43

Please test and improve


body {
  font-family: Terminus, Fixedsys, monospace; font-weight: bold;
  background: url("data:image/gif;base64,R0lGODdhBAAEAIABAAAAAP///ywAAAAABAAEAAACBQRyZqhXADs");
  
}
form table tr th { background: #A00; color: #FFF; }
div.thread {
  background: #888; color: #000;
  padding: 12px 4px;
  border: 3px ridge #2D2;
  border-top: 1px outset #2D2;
}
hr { height: 20px; display: block; border: 3px ridge #1B1; background: #1B1; margin-bottom: 0; border-bottom: 0;}

div.post.reply {
  background: #00F; color: #BBB;
  border: 3px double #BBB; outline: 1px solid #00F; box-shadow: 8px 10px #000;
  margin: 8px 4px;
}
div.thread .intro span.name { color: #F00; }
div.reply .intro span.name { color: #FF0; }

div.boardlist { background: #000; color: #777; margin: 0; }
div.boardlist a i { background: #000; color: #777; line-height: 126%; }
div.boardlist a { background: darkcyan; color: #000; }
header { margin: 0; background: #FFF; margin-top: -114px; padding-top: 128px; 
  border-left: 1px solid #000; border-right: 1px solid #000;
}
div.announcement { margin: -12px 0 0 0; padding-top: 22px; background: #FFF; 
  border-left: 1px solid #000; border-right: 1px solid #000;
}
#post-form-outer { background: #FFF; border: 1px solid #000; border-top: none; }
p.unimportant { background: #FFF; margin: 0; padding: 6px 0; }
hr:last-of-type { display: none; }
hr:first-of-type { display: block; }
div.pages { background: #FFF; color: #F00; }

Anonymous 08/01/15 (Sat) 11:01:00 c6ae7f No.46

Kudos, Anon. I love the theme, it gives a nice console-y feel to the board.

I'll try it out and see what people think overnight.

EDIT: Didn't work. Plus the .gif was removed. I am not a web design guy, so some pointers would be nice. (Fucking unintentional C pun.)

Also, I think there's some better text options there. Probably a nice system/console font.

Post last edited at 08/01/15 (Sat) 11:11:17

Anonymous 08/01/15 (Sat) 11:09:24 f406a9 No.47

File: 1438427364327.gif (38 B, 4x4, 1:1, mesh.gif)

>>46

Test it in the style editor of your browser.

One way to get around the gif problem is posting it in a sticky (and optionally hiding the actual post in the css).

Anonymous 08/01/15 (Sat) 11:13:18 c6ae7f No.49

>>47

OK, I'll try it out when I wake up. Keep an eye on this thread if you don't mind. (If you'd like, leave your Tox id below.)