You are viewing our Forum Archives. To view or take place in current topics click here.
[CSS] TTG Stylish script - Dark + Slim
Posted:

[CSS] TTG Stylish script - Dark + SlimPosted:

r00t
  • Administrator
Status: Offline
Joined: May 18, 201112Year Member
Posts: 16,359
Reputation Power: 24344
Status: Offline
Joined: May 18, 201112Year Member
Posts: 16,359
Reputation Power: 24344
[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]


This is a bunch of modifications to TTG's CSS elements that I did in no particular order. It removes the header and footer, trims some margins and padding, as well as some other tweaks. I made this because the site is very bright and vertical screen space is valuable on my 1366x768 screen.

To do:
    Text input fields
    Google search bar
    Drop-downs
    Clean up code because it's a mess

To use this, install the Stylish add-on for your browser and install the script from here: [ Register or Signin to view external links. ]

[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]

Lots of things won't look right. If you post them here, I might be able to fix things I hadn't thought about myself.


UPDATE #1
    Removed glow and instead changed non-gold usernames to default text color (most instances, work in progress).
    Shoutbox is now always 650px long. No need to maximize. Maximize buttons hidden.
    Fixed quick reply.

UPDATE #2
    Many minor fixes
    Posted to Userstyles.org for ease of use and browser compatibility
    Now working on IM and post preview

UPDATE #3
    IM themed and preview fixed
    Misc. fixes

UPDATE #4
    Posting buttons kind of fixed. No way to make closed indicator show, but the lack of the quick reply button indicates a closed topic.

UPDATE #5
    Misc. changes to Shoutbox UI and width fixed with long messages

UPDATE #6
    Switched Solarized base colors to grays + Misc. changes


It's like V5 if you just BELIEVE


Last edited by r00t ; edited 14 times in total

The following 43 users thanked r00t for this useful post:

gown (10-28-2015), dj (09-20-2015), Dusknoir (09-19-2015), Sky (09-08-2015), TaigaAisaka (07-03-2015), Jasty (06-03-2015), KatsumiChan (05-13-2015), FortyTwo (05-13-2015), Adam (04-05-2015), TheRealMark (04-04-2015), Skittle (04-02-2015), kana (04-02-2015), Dxminic (03-28-2015), DeluxeHazard (03-27-2015), OhDiegoCosta (03-26-2015), nice_gamer (03-19-2015), Island-Time (01-14-2015), deXs (12-28-2014), James (12-22-2014), Bru (12-18-2014), 21 (12-09-2014), Libra (11-09-2014), Tyler (10-30-2014), Obiwon (10-30-2014), T-T (10-28-2014), Adamu (10-27-2014), Redacted (10-24-2014), Mazur (10-22-2014), Smurfs (10-22-2014), Miss (10-22-2014), Craig (10-17-2014), sweq (10-16-2014), Gary (10-15-2014), WCDT- (10-15-2014), Tywin (10-14-2014), Forest (10-13-2014), BossHaug (10-13-2014), DJMarkyMark (10-13-2014), Ache (10-12-2014), nasa (10-12-2014), Dun (10-12-2014), tell (10-12-2014), Boobson (10-12-2014)
#2. Posted:
imgur
  • Comment King
Status: Online
Joined: Nov 30, 201211Year Member
Posts: 9,078
Reputation Power: 12042
Motto: free thug
Motto: free thug
Status: Online
Joined: Nov 30, 201211Year Member
Posts: 9,078
Reputation Power: 12042
Motto: free thug
[ Register or Signin to view external links. ]

Silly Glow indeed.
Quick Reply also does not seem to work for me. (Firefox latest build.)



Going to disable this for now as quick reply is my main reply function (slow af internet), look forward to seeing this be developed though.
#3. Posted:
DJMarkyMark
  • TTG Warrior
Status: Offline
Joined: Feb 07, 201014Year Member
Posts: 9,312
Reputation Power: 1090
Status: Offline
Joined: Feb 07, 201014Year Member
Posts: 9,312
Reputation Power: 1090
It works fine for me while running Firefox 32.0.3 and Windows 8.1.
#4. Posted:
BossHaug
  • Rated Awesome
Status: Offline
Joined: Jun 18, 200914Year Member
Posts: 3,907
Reputation Power: 342
Status: Offline
Joined: Jun 18, 200914Year Member
Posts: 3,907
Reputation Power: 342
Working great in FF but no matter what I do I can't get this to work in Chrome. I'll keep trying later.

Edit:
If we could find the "@-moz-document domain("thetechgame.com") " webkit equivalent for chrome it should work, right?
#5. Posted:
Tywin
  • 1000 Thanks
Status: Offline
Joined: Jun 06, 201112Year Member
Posts: 12,347
Reputation Power: 632
Status: Offline
Joined: Jun 06, 201112Year Member
Posts: 12,347
Reputation Power: 632
This looking amazing, however I'm not able to get it working in Chrome.

OT: I wish something like this would catch on and various other "themes" would be made for the site.
#6. Posted:
r00t
  • Administrator
Status: Offline
Joined: May 18, 201112Year Member
Posts: 16,359
Reputation Power: 24344
Status: Offline
Joined: May 18, 201112Year Member
Posts: 16,359
Reputation Power: 24344
Lavish wrote This looking amazing, however I'm not able to get it working in Chrome.

OT: I wish something like this would catch on and various other "themes" would be made for the site.

Jone wrote Working great in FF but no matter what I do I can't get this to work in Chrome. I'll keep trying later.

Edit:
If we could find the "@-moz-document domain("thetechgame.com") " webkit equivalent for chrome it should work, right?

Chrome doesn't support @document or @-moz-document, so I'm not sure how to make it work.

Also posted this on Userstyles.com because I read that it automatically makes the necessary changes for the script to work in Chrome. Maybe it will work for you.

[ Register or Signin to view external links. ]
#7. Posted:
Hacz
  • V5 Launch
Status: Offline
Joined: Mar 04, 201014Year Member
Posts: 2,891
Reputation Power: 150
Status: Offline
Joined: Mar 04, 201014Year Member
Posts: 2,891
Reputation Power: 150
Pressed the 'Find more styles for this site.' and found it on the link you provided. Installed it and it looks really nice. Good job!
#8. Posted:
Tywin
  • Christmas!
Status: Offline
Joined: Jun 06, 201112Year Member
Posts: 12,347
Reputation Power: 632
Status: Offline
Joined: Jun 06, 201112Year Member
Posts: 12,347
Reputation Power: 632
r00t wrote Also posted this on Userstyles.com because I read that it automatically makes the necessary changes for the script to work in Chrome. Maybe it will work for you.

[ Register or Signin to view external links. ]


This actually did end up working.
Nice job, r00t.
#9. Posted:
r00t
  • Administrator
Status: Offline
Joined: May 18, 201112Year Member
Posts: 16,359
Reputation Power: 24344
Status: Offline
Joined: May 18, 201112Year Member
Posts: 16,359
Reputation Power: 24344
Updated. It also seems like a lot of you don't like the colors, which are solarized dark.

If you're not familiar: [ Register or Signin to view external links. ]

I was suggested dark grey/black. Any ideas?
#10. Posted:
Scizor
  • Game Reviewer
Status: Offline
Joined: May 23, 201112Year Member
Posts: 2,670
Reputation Power: 33810
Motto: This Film Is Dedicated To The Brave Mujahideen Fighters Of Afghanistan
Motto: This Film Is Dedicated To The Brave Mujahideen Fighters Of Afghanistan
Status: Offline
Joined: May 23, 201112Year Member
Posts: 2,670
Reputation Power: 33810
Motto: This Film Is Dedicated To The Brave Mujahideen Fighters Of Afghanistan
r00t wrote Updated. It also seems like a lot of you don't like the colors, which are solarized dark.

If you're not familiar: ethanschoonover.com/solarized

I was suggested dark grey/black. Any ideas?

Not sure how solarized light would look on TTG, but I may spend some time and switch it in just for lols.

I changed a few things on yours, starting with the Sidebar Nav color and opacity (Kept losing it)

Also changed up the shoutbox and forum browsing looks. No cigar though on the Google Custom Search, not sure if that will be possible for me. I'll add some pics once I'm back on the laptop.

But still looks good overall, nice job root.

v5 hype
Jump to:
You are viewing our Forum Archives. To view or take place in current topics click here.