i forget where that css thread is but i started a byob dark mode

The Something Awful Forums > Main > BYOB: BYOB BYOB BOYB BBOY YOBB YBOB BBYO?? > i forget where that css thread is but i started a byob dark mode

your friend sk: (ヤイケス!)

it's not done yet but if you have any ideas/comments/whatever i'd love to try and improve it! you can just download the CSS file and load it into your browser for byob, which i don't know how to do in any browser tbh but it's definitely possible!

this probably only works for the thread listing for now, but maybe it works elsewhere??

(starry night wasn't my idea but i forget whose it was :abrathink:

)

download link: https://ufile.io/zfxqhwy2
if you prefer not to download it directly: https://pastebin.com/ivzExkSp

your friend sk fucked around with this message at 03:41 on Aug 17, 2021

Join the BYOB Army

^{thank you again Saoshyant!!}

# ¿ Aug 17, 2021 03:38

Adbot: ADBOT LOVES YOU

# ¿ May 21, 2024 18:30

your friend sk: (ヤイケス!)

I will post a screenshot after work!

IGgy IGsen posted:

Hold on, does that dark mode re-enable rotating images??? Cause it looks that way on my screenshot.

hell yeah it does

# ¿ Aug 17, 2021 19:34

your friend sk: (ヤイケス!)

Join the BYOB Army

^{thank you again Saoshyant!!}

# ¿ Aug 17, 2021 21:31

your friend sk: (ヤイケス!)

cruft posted:

code:

body {
  background-image: url('https://images.unsplash.com/photo-1563305096-9af2877f57f9?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8');
  background-size: contain;
}

That'll make this:

that looks good too! I'm cool with whatever people want!

# ¿ Aug 18, 2021 00:02

your friend sk: (ヤイケス!)

cruft posted:

Oh shiiiittttt you gotta try this sk! Put it at the top of your css file.

code:

body {
  background: black url("http://www.script-tutorials.com/demos/360/images/stars.png");
}

#container {
  background:transparent url("http://www.script-tutorials.com/demos/360/images/twinkling.png") repeat top center;
  animation:move-twink-back 600s linear infinite;    
}

@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

e: aw man can't we just steal this friggin sick background from reddit

your friend sk fucked around with this message at 02:40 on Aug 18, 2021

Join the BYOB Army

^{thank you again Saoshyant!!}

# ¿ Aug 18, 2021 01:12

Adbot: ADBOT LOVES YOU

# ¿ May 21, 2024 18:30

your friend sk: (ヤイケス!)

no update on dark mode but you can use this to make avatars/sigs spin:

code:

dd.title img,
p.signature img,
p.signature video {
  -webkit-animation:spin 6000s linear infinite;
  -moz-animation:spin 6000s linear infinite;
  animation:spin 6000s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

i recommend Stylus for your custom CSS needs! you can dump this into a new style for the domain forums.somethingawful.com to use it. it will apply to every forum, which is a big improvement imo

e: here, it is

your friend sk fucked around with this message at 00:55 on Aug 26, 2021

Join the BYOB Army

^{thank you again Saoshyant!!}

# ¿ Aug 26, 2021 00:51

The Something Awful Forums > Main > BYOB: BYOB BYOB BOYB BBOY YOBB YBOB BBYO?? > i forget where that css thread is but i started a byob dark mode