64

Replacement Themes for Enhanced Browsing Pleasure

245

Comments

  • d3vd3v Grumpy Infraction Machine Joined: Posts: 18,541Registered, Moderators
    edited February 2013
    How do you make it so that it these only work for the site? When I try to add "shoryuken.com" to the "Applies to" list, it flat out doesn't work.

    EDIT:
    Work in progress.
    OLEZZ8p.jpg
    Pinoy2DFighters - The Philippines brings you 3 things: terrorists, trolls and ass beatings in MAHVELL.
    D3Vlicious.com - Fighting game and arcade stick news.
    Follow me on Twitter @D3Vlicious
    PSN: unityd3v (US), pinakaguwaping (HK)
  • DaRabidDuckieDaRabidDuckie Hunts bots. Also pantsu. Joined: Posts: 7,995Registered, Moderators
    @d3v wrote: »
    How do you make it so that it these only work for the site? When I try to add "shoryuken.com" to the "Applies to" list, it flat out doesn't work.
    Add this to the top of your code:
    @namespace url(http://www.w3.org/1999/xhtml);
    @-moz-document url-prefix(http://forums.shoryuken.com/) {
    

    Got a question or gripe about the new forum software? It might be covered in the FAQ.

    "Being degrading or insulting is not the same as being hype. Huh, I think I just solved the problem with the entire community." -- Mike Z on the FGC

    Nominee, 2012 Arcade Stick Modder of the Year
  • KyleKyle PS-14-Gangsta Joined: Posts: 4,559Registered, Moderators
    Little red fonts are back. Please reload and test. I removed some code to make it less aggressive with fonts.
    6-Button is cooler
    8-Button is dick

    Replacement Themes for Enhanced Browsing Pleasure
  • DaRabidDuckieDaRabidDuckie Hunts bots. Also pantsu. Joined: Posts: 7,995Registered, Moderators
    edited February 2013
    snip

    I noticed the edits in your post, and I added them to the script I'm using. VERY nice! The highlights are especially welcome. Thanks so much!
    Got a question or gripe about the new forum software? It might be covered in the FAQ.

    "Being degrading or insulting is not the same as being hype. Huh, I think I just solved the problem with the entire community." -- Mike Z on the FGC

    Nominee, 2012 Arcade Stick Modder of the Year
  • ZebsterZebster Even drugs couldn't explain this outrageousness Joined: Posts: 2,681Registered
    d3v wrote: »
    How do you make it so that it these only work for the site? When I try to add "shoryuken.com" to the "Applies to" list, it flat out doesn't work.

    EDIT:
    Work in progress.
    *snip*

    I really like how it's coming out. When it's done can you post the code?
    Skullgirls teams: Ms. Fortune/Filia
    KOF 13 team: King/Takuma/Benimaru
    Mortal Kombat Mains: Smoke, Johnny Cage, Mileena
    Skullgirls movelist is Here
  • Icy Black DeepIcy Black Deep Still training... Joined: Posts: 463Registered
    .Options { background-color: #404040 !important;  }
    
    Is pretty ugly but at least I can find the edit button now. "filter: invert(100%)" might work better in Chrome (don't have it installed), but it's not supported in Firefox.

    I realized I can reuse the icons from the top of the page. This is a little wiggy, but is at least a start:
    .OptionsTitle {
    background-image: url("http://vanillicon.com/sprites/sprites-14-eeeeee.png") !important;
    background-position: -178px -60px !important;
    }
    
    New Jersey
  • KyleKyle PS-14-Gangsta Joined: Posts: 4,559Registered, Moderators
    edited February 2013
    d3v -
    d3v wrote: »
    Work in progress.
    I tried out your color scheme and then proceeded to shamelessly lift it. Hope you don't mind. It looks more coherent now.

    vanillablack.png
    6-Button is cooler
    8-Button is dick

    Replacement Themes for Enhanced Browsing Pleasure
  • jedpossumjedpossum What you say? Joined: Posts: 2,667Registered
    http://i.imgur.com/qFwBKv7.png
    background-image: none !important;
    
    In case somebody wants to remove that gray to black gradient picture.
    If you mention Jojo's expect a long talk.
    Computer memory doesn't lie the heads up display can.
  • FusuluFusulu lurking Joined: Posts: 67Registered
    Thanks man!
    ...
  • HawkingbirdHawkingbird Joined: Posts: 5,905Registered
    I have a hard time telling which page I'm on with this skin. Page number ain't highlighted, bolded or anything.
    PSN: Hawkingbird
  • DaRabidDuckieDaRabidDuckie Hunts bots. Also pantsu. Joined: Posts: 7,995Registered, Moderators
    edited February 2013
    I have a hard time telling which page I'm on with this skin. Page number ain't highlighted, bolded or anything.
    If you're using firefox, go to the style manager, click "write new style" and copy/paste this into it:
    @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
    Post edited by DaRabidDuckie on
    Got a question or gripe about the new forum software? It might be covered in the FAQ.

    "Being degrading or insulting is not the same as being hype. Huh, I think I just solved the problem with the entire community." -- Mike Z on the FGC

    Nominee, 2012 Arcade Stick Modder of the Year
  • HawkingbirdHawkingbird Joined: Posts: 5,905Registered
    I have a hard time telling which page I'm on with this skin. Page number ain't highlighted, bolded or anything.
    If you're using firefox, go to the style manager, click "write new style" and copy/paste this into it:


    Thanks a lot Duckie. This solved my problem
    PSN: Hawkingbird
  • KyleKyle PS-14-Gangsta Joined: Posts: 4,559Registered, Moderators
    I have a hard time telling which page I'm on with this skin. Page number ain't highlighted, bolded or anything.
    This is fixed. It's white now. Keep them coming.
    6-Button is cooler
    8-Button is dick

    Replacement Themes for Enhanced Browsing Pleasure
  • Icy Black DeepIcy Black Deep Still training... Joined: Posts: 463Registered
    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 :)

    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; }
    
    New Jersey
  • d3vd3v Grumpy Infraction Machine Joined: Posts: 18,541Registered, Moderators
    edited February 2013
    Kyle wrote: »
    d3v -
    d3v wrote: »
    Work in progress.
    I tried out your color scheme and then proceeded to shamelessly lift it. Hope you don't mind. It looks more coherent now.

    http://srktt.com/misc/vanillablack.png
    Code for this?

    EDIT: NVM
    Pinoy2DFighters - The Philippines brings you 3 things: terrorists, trolls and ass beatings in MAHVELL.
    D3Vlicious.com - Fighting game and arcade stick news.
    Follow me on Twitter @D3Vlicious
    PSN: unityd3v (US), pinakaguwaping (HK)
  • ZebsterZebster Even drugs couldn't explain this outrageousness Joined: Posts: 2,681Registered
    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 :)

    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; }
    

    What do the tweaks do?
    Skullgirls teams: Ms. Fortune/Filia
    KOF 13 team: King/Takuma/Benimaru
    Mortal Kombat Mains: Smoke, Johnny Cage, Mileena
    Skullgirls movelist is Here
  • KyleKyle PS-14-Gangsta Joined: Posts: 4,559Registered, Moderators
    edited February 2013
    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 test yo.

    Liked all three and added them. Thanks!
    6-Button is cooler
    8-Button is dick

    Replacement Themes for Enhanced Browsing Pleasure
  • AquasharkAquashark Mekong Delta AirRaid Joined: Posts: 1,256Registered
    GOD BLESS YOU SON!!
    hello friends, my name is Drago Umeharevich from CrossCounter Balkans
  • AceKillahAceKillah Later... Joined: Posts: 14,829Registered
    Much appriciated.
    This site sucks.


  • Icy Black DeepIcy Black Deep Still training... Joined: Posts: 463Registered
    Kyle wrote: »
    Icy Black Deep - I know this a stretch, but it would be awesome if you could post screenshots of your tweaks.

    Ha, sorry about that. This one took me a while to figure out:
    .tipsy { background-color: #000000 !important; }
    

    Before:
    tipsy_before.png

    After:
    tipsy_after.png

    If you want it completely opaque you need to add "opacity: 1 !important;"
    New Jersey
  • KyleKyle PS-14-Gangsta Joined: Posts: 4,559Registered, Moderators
    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.
    6-Button is cooler
    8-Button is dick

    Replacement Themes for Enhanced Browsing Pleasure
  • DaRabidDuckieDaRabidDuckie Hunts bots. Also pantsu. Joined: Posts: 7,995Registered, Moderators
    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.
    Got a question or gripe about the new forum software? It might be covered in the FAQ.

    "Being degrading or insulting is not the same as being hype. Huh, I think I just solved the problem with the entire community." -- Mike Z on the FGC

    Nominee, 2012 Arcade Stick Modder of the Year
  • jedpossumjedpossum What you say? Joined: Posts: 2,667Registered
    @Kyle wrote: »
    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.

    This is way easier than writing Lua scripts for older games.
    If you mention Jojo's expect a long talk.
    Computer memory doesn't lie the heads up display can.
  • KyleKyle PS-14-Gangsta Joined: Posts: 4,559Registered, Moderators
    edited February 2013
    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.
    I'll see what I can do.
    jedpossum wrote: »
    This is way easier than writing Lua scripts for older games.
    Or wrestling alligators. Or learning Japanese.
    6-Button is cooler
    8-Button is dick

    Replacement Themes for Enhanced Browsing Pleasure
  • KyleKyle PS-14-Gangsta Joined: Posts: 4,559Registered, Moderators
    @DaRabidDuckie - Please update and test. The /dashboard exclusion is working for me in Firefox now.
    6-Button is cooler
    8-Button is dick

    Replacement Themes for Enhanced Browsing Pleasure
  • jedpossumjedpossum What you say? Joined: Posts: 2,667Registered
    edited February 2013
    edit nvm wrong value i posted.
    edit 2 let it be a lesson to not code, script, or even change color values while drunk.
    Post edited by jedpossum on
    If you mention Jojo's expect a long talk.
    Computer memory doesn't lie the heads up display can.
  • DaRabidDuckieDaRabidDuckie Hunts bots. Also pantsu. Joined: Posts: 7,995Registered, Moderators
    Kyle wrote: »
    @DaRabidDuckie - Please update and test. The /dashboard exclusion is working for me in Firefox now.
    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.
    Got a question or gripe about the new forum software? It might be covered in the FAQ.

    "Being degrading or insulting is not the same as being hype. Huh, I think I just solved the problem with the entire community." -- Mike Z on the FGC

    Nominee, 2012 Arcade Stick Modder of the Year
  • Icy Black DeepIcy Black Deep Still training... Joined: Posts: 463Registered
    Kyle wrote: »
    The button text color was my battle this morning.
    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;
    }
    




    New Jersey
  • ZebsterZebster Even drugs couldn't explain this outrageousness Joined: Posts: 2,681Registered
    This one took me a while to figure out:
    .tipsy { background-color: #000000 !important; }
    

    I tried using this code, but it didn't work for some reason.
    Skullgirls teams: Ms. Fortune/Filia
    KOF 13 team: King/Takuma/Benimaru
    Mortal Kombat Mains: Smoke, Johnny Cage, Mileena
    Skullgirls movelist is Here
  • jedpossumjedpossum What you say? Joined: Posts: 2,667Registered
    Put that line above the breadcrumbs lines.
    If you mention Jojo's expect a long talk.
    Computer memory doesn't lie the heads up display can.
Sign In or Register to comment.