Replacement Themes for Enhanced Browsing Pleasure

Shoryuken.com Feedback
41

I have a hard time telling which page I’m on with this skin. Page number ain’t highlighted, bolded or anything.

42

If you’re using firefox, go to the style manager, click “write new style” and copy/paste this into it:

Spoiler 

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://forums.shoryuken.com/) {


html, body {
background-color: #5e5e5e !important;
background-image: none !important;
}


div * { background-color: transparent !important; }


body, div, h3, .CategoryName, .Item, .Title, .Number {
font-family: "arial", "helvetica", "clean", sans-serif !important;
font-size: 10pt !important;
color: #dddddd !important;
}


a:link, a:hover { color: #e08713 !important; }
a:visited { color: #974500 !important; }


.ButtonBar { background-color: #ffffff !important; }
.TextBox, .InputBox {
background-color: #000000 !important;
color: #f0f0f0 !important;
}

.Highlight { background-color: #404040 !important; }
.HasNew { background-color: #FFFF00 !important; }
.HasNew > .Number { color: #000000 !important; }
.PostEdited { color: #E00000 !important; font-size: 0.8em !important; }
.Row { background-color: #131313 !important; }
.UserQuote, .CommentInfo, .PopList, .Dropdown, .Flyout { background-color: #060606 !important; }
.UserSignature { border-top: 1px solid rgba(255, 255, 255, 0.102) !important; }
.Promoted { box-shadow: none !important; }
.Breadcrumbs { background-color: #333333 !important; !important; }
.Breadcrumbs span a:hover:after { border-left-color: #333333 !important; }
.Options { background-color: #404040 !important;  }
.OptionsTitle {
background-image: url("http://vanillicon.com/sprites/sprites-14-eeeeee.png" !important;
background-position: -178px -60px !important;
}

This is the style I’m using, thanks to @Icy Black Deep

43

Thanks a lot Duckie. This solved my problem

44

This is fixed. It’s white now. Keep them coming.

45

Whoa, I didn’t realize Stylish automatically pulls updates for the styles (by default). I guess I should be putting my personal tweaks in a second style. Good thing I’ve been saving them in this thread :slight_smile:

Also, I like how the spaces in my user name break the @ linking. Wouldn’t give 'em up though.

Finally, latest tweaks:


.TextBox, code, pre { border-color: #E0E0E0 !important; }
div.UserSpoiler { background-color: #505050 !important; }
code, pre { background-color: #303030 !important; }
46

Code for this?

EDIT: NVM

47

What do the tweaks do?

48

Let’s check real quick. Should change the textbox border color, background for code and spoilers.

Icy Black Deep - I know this a stretch, but it would be awesome if you could post screenshots of your tweaks.


Code test yo.
Spoiler

Spoiler test yo.

Liked all three and added them. Thanks!

49

GOD BLESS YOU SON!!

50

Much appriciated.

51

Ha, sorry about that. This one took me a while to figure out:


.tipsy { background-color: #000000 !important; }

Before:

After:

If you want it completely opaque you need to add “opacity: 1 !important;”

52

Yeah, some stuff takes me ages to find, even with the code and stylesheets in front of me. The button text color was my battle this morning.

53

I wonder if there’s a way to make all this affect the forums, but NOT the admin/mod CP. I have to disable this every time I need to swing mah hammer on some spammer.

54

This is way easier than writing Lua scripts for older games.

55

I’ll see what I can do.

Or wrestling alligators. Or learning Japanese.

56

@DaRabidDuckie - Please update and test. The /dashboard exclusion is working for me in Firefox now.

57

edit nvm wrong value i posted.
edit 2 let it be a lesson to not code, script, or even change color values while drunk.

58

Kick ass! Work’s beautifully. What’s the code for that, I want to put it in the orange/black skin that Icy Black Deep made.

59

Nice, I couldn’t track that down at all yesterday.

A few things that I like but are not straight white/black conversions of the normal skin:


.PostEdited { padding-left: 2em !important; }

Moves the “Post edited by XXXX at YYYYY” text right a little bit so it doesn’t sit right on the vertical line; that just bugs me.


.Signature, .ImageResized { color: #A0A0A0 !important; font-size: 0.8em !important; }

.Signature is the signature block, .ImageResized is the “click image to view full size” caption. This is making the text gray and smaller to differentiate it from actual post content. You may not want the smaller part if you’re using Kyle’s skin with it’s 10-point font, I’ve bumped that up to 12 locally so the smaller text works well.


.Reactions { font-size: 0.8em !important; }

Makes the Flag/Quote/Like/etc… links smaller. Again, this may be too small if you’re using 10-point font.

Not sure, but I think the deal is that all of the user icons ported from the old forums are 96x96 and are being resized to 40x40. But people changing their icons now have 40x40 ones? So this makes all the icons 96x96, but looks ugly if it’s stretching the small ones:



.Author .ProfilePhoto
{
    width: 96px !important;
    height: 96px !important;
}
.AuthorInfo, .Username
{
    clear: both !important;
}
60

I tried using this code, but it didn’t work for some reason.