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, 201113Year Member
Posts: 16,419
Reputation Power: 24469
Status: Offline
Joined: May 18, 201113Year Member
Posts: 16,419
Reputation Power: 24469
[ 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
  • 1000 Thanks
Status: Offline
Joined: Nov 30, 201212Year Member
Posts: 9,321
Reputation Power: 13842
Motto: free thug
Motto: free thug
Status: Offline
Joined: Nov 30, 201212Year Member
Posts: 9,321
Reputation Power: 13842
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
  • Retired Staff
Status: Offline
Joined: Feb 07, 201014Year Member
Posts: 9,311
Reputation Power: 1090
Status: Offline
Joined: Feb 07, 201014Year Member
Posts: 9,311
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, 200915Year Member
Posts: 3,907
Reputation Power: 342
Status: Offline
Joined: Jun 18, 200915Year 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
  • Winter 2016
Status: Offline
Joined: Jun 06, 201113Year Member
Posts: 12,347
Reputation Power: 632
Status: Offline
Joined: Jun 06, 201113Year 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, 201113Year Member
Posts: 16,419
Reputation Power: 24469
Status: Offline
Joined: May 18, 201113Year Member
Posts: 16,419
Reputation Power: 24469
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
  • Christmas!
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
  • Gold Gifter
Status: Offline
Joined: Jun 06, 201113Year Member
Posts: 12,347
Reputation Power: 632
Status: Offline
Joined: Jun 06, 201113Year 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, 201113Year Member
Posts: 16,419
Reputation Power: 24469
Status: Offline
Joined: May 18, 201113Year Member
Posts: 16,419
Reputation Power: 24469
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
  • The Robin
Status: Online
Joined: May 23, 201113Year Member
Posts: 2,678
Reputation Power: 33918
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: Online
Joined: May 23, 201113Year Member
Posts: 2,678
Reputation Power: 33918
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.