• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 00:57
CEST 06:57
KST 13:57
  • Home
  • Forum
  • Calendar
  • Streams
  • Liquipedia
  • Features
  • Store
  • EPT
  • TL+
  • StarCraft 2
  • Brood War
  • Smash
  • Heroes
  • Counter-Strike
  • Overwatch
  • Liquibet
  • Fantasy StarCraft
  • TLPD
  • StarCraft 2
  • Brood War
  • Blogs
Forum Sidebar
Events/Features
News
Featured News
[ASL19] Finals Recap: Standing Tall10HomeStory Cup 27 - Info & Preview18Classic wins Code S Season 2 (2025)16Code S RO4 & Finals Preview: herO, Rogue, Classic, GuMiho0TL Team Map Contest #5: Presented by Monster Energy6
Community News
Firefly given lifetime ban by ESIC following match-fixing investigation12$25,000 Streamerzone StarCraft Pro Series announced6Weekly Cups (June 30 - July 6): Classic Doubles6[BSL20] Non-Korean Championship 4x BSL + 4x China9Flash Announces Hiatus From ASL66
StarCraft 2
General
Firefly given lifetime ban by ESIC following match-fixing investigation The SCII GOAT: A statistical Evaluation TL Team Map Contest #4: Winners Weekly Cups (June 30 - July 6): Classic Doubles The GOAT ranking of GOAT rankings
Tourneys
$25,000 Streamerzone StarCraft Pro Series announced FEL Cracov 2025 (July 27) - $8000 live event Sparkling Tuna Cup - Weekly Open Tournament RSL: Revival, a new crowdfunded tournament series WardiTV Mondays
Strategy
How did i lose this ZvP, whats the proper response Simple Questions Simple Answers
Custom Maps
[UMS] Zillion Zerglings
External Content
Mutation # 481 Fear and Lava Mutation # 480 Moths to the Flame Mutation # 479 Worn Out Welcome Mutation # 478 Instant Karma
Brood War
General
BGH Auto Balance -> http://bghmmr.eu/ [G] Progamer Settings ASL20 Preliminary Maps [ASL19] Finals Recap: Standing Tall SC uni coach streams logging into betting site
Tourneys
[Megathread] Daily Proleagues [BSL20] Non-Korean Championship 4x BSL + 4x China [BSL20] Grand Finals - Sunday 20:00 CET CSL Xiamen International Invitational
Strategy
Simple Questions, Simple Answers I am doing this better than progamers do.
Other Games
General Games
Nintendo Switch Thread Stormgate/Frost Giant Megathread Path of Exile What do you want from future RTS games? Beyond All Reason
Dota 2
Official 'what is Dota anymore' discussion
League of Legends
Positive Thoughts on Setting Up a Dual-Caliber FX
Heroes of the Storm
Simple Questions, Simple Answers Heroes of the Storm 2.0
Hearthstone
Heroes of StarCraft mini-set
TL Mafia
TL Mafia Community Thread Vanilla Mini Mafia
Community
General
US Politics Mega-thread Things Aren’t Peaceful in Palestine Russo-Ukrainian War Thread Summer Games Done Quick 2025! Stop Killing Games - European Citizens Initiative
Fan Clubs
SKT1 Classic Fan Club! Maru Fan Club
Media & Entertainment
Anime Discussion Thread [Manga] One Piece [\m/] Heavy Metal Thread
Sports
Formula 1 Discussion 2024 - 2025 Football Thread NBA General Discussion TeamLiquid Health and Fitness Initiative For 2023 NHL Playoffs 2024
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread
TL Community
The Automated Ban List
Blogs
momentary artworks from des…
tankgirl
Culture Clash in Video Games…
TrAiDoS
from making sc maps to makin…
Husyelt
StarCraft improvement
iopq
Customize Sidebar...

Website Feedback

Closed Threads



Active: 578 users

Let's get wide!

Blogs > nimdil
Post a Reply
nimdil
Profile Blog Joined January 2011
Poland3748 Posts
March 29 2012 09:24 GMT
#1
Welcome, fellow TeamLiquid viewers!

I'm not really a blogging person, but I strongly believe that sometime everyone has something to say which is more of a statement thatn invitation to discussion so the blog is more appropriate than forum thread.

This time I will speak about a joy of using custom CSS on TeamLiquid.

Many of you are using high resolution displays and fullHD is screen is probably already a standard. However TeamLiquid website is not really that wide and there is a lot of white space around the page. Luckily for us - there is always a way to toy with the appearance of a website because browsers - at least some of them - support both client side scripting and client side styling.

I'm using Opera so it is really for Opera browser. Also this solution is not really tested that much - it just works for me.

My goal was to force TeamLiquid website to be wide and not look to awkward.

First - you need to create a custom CSS file. Create an empty text file just about anywhere on your computer. Call it i.e. userTL.css

Than go to teamliquid.net (you are already here), click right mouse button and choose "edit site preferences". Then display tab. Then click "choose" and navigate to userTL.css file.

Now open the file with just about any text editor. Notepad will do.

Now copy/paste the following text there:

+ Show Spoiler +

body > table:first-child {
width: 100% !important;
}

body > table:first-child > tbody > tr > td > script + table {
width: 100% !important;
}

body > table:first-child > tbody > tr > td > script + table > tbody > tr > td:first-child + td {
width: 100% !important;
}

body > table:first-child > tbody > tr > td > script + table > tbody > tr > td:first-child + td table {
width: 100% !important;
}

#news_main {
float: left !important;
}


And here you go. We just forced teamliquid to be extra wide. It will mean that there is less scrolling going on. It is tempting to force sidebars to be wider but it will force me to make two columns in a sidebar which may look awkward.

Hopefully Enjoy.
If you don't like the change you can remove the CSS from the aboce mentioned display tab - or empty it's content. Either way.

bokeevboke
Profile Blog Joined May 2010
Singapore1674 Posts
March 29 2012 09:59 GMT
#2
I don't like reading wide pages. There is a reason why newspapers print everything in columns. But thanks anyway. Its a useful find. Might use on other sites, to narrow them down maybe
Its grack
NarutO
Profile Blog Joined December 2006
Germany18839 Posts
March 29 2012 10:04 GMT
#3
Can you screenshot how it looks for you now?
CommentatorPolt | MMA | Jjakji | BoxeR | NaDa | MVP | MKP ... truly inspiring.
Tobberoth
Profile Joined August 2010
Sweden6375 Posts
March 29 2012 10:06 GMT
#4
Like bokeevboke said, I don't think this is a great idea unless paragraphs etc are handled, really wide paragraphs are extremely annoying to read, and I'd say the default TL look has it pretty well covered.
iTzSnypah
Profile Blog Joined February 2011
United States1738 Posts
Last Edited: 2012-03-29 10:20:10
March 29 2012 10:18 GMT
#5
I'm pretty sure you could easily do this with grease monkey for Firefox. I would but I'm on a 5:4 monitor so It wouldn't change a thing.

Something pretty interesting I found while exploring the right click options for Firefox.
[image loading]
If each ad that was displayed to me gave TL 1/10 of a cent I've earned TL $4.31. I DO HELP E-SPORTS YAY!
Team Liquid needs more Terrans.
MisterD
Profile Blog Joined June 2010
Germany1338 Posts
March 29 2012 10:53 GMT
#6
i'm running my opera on a default zoom of 150% for every website, including TL. Makes mosts sites fit on the screen very well. only background images of youtube channels and the likes get cut off or webapps that simply require tons of screen get displayed a little ugly from time to time, but in those cases you can just zoom out manually.

go to opera:config in your adress bar, type "scale" in search and set the scale value under "User Prefs" to 150.
Gold isn't everything in life... you need wood, too!
seiferoth10
Profile Joined May 2010
3362 Posts
Last Edited: 2012-03-29 10:58:37
March 29 2012 10:53 GMT
#7
Pretty cool.

I'll run it for a while until I run into problems. 1080p is just barely wide enough to have 2 columns on the front page.

[image loading]

Edit: I'm using mine on Firefox via Stylish. Here's the script I used:
+ Show Spoiler +
@-moz-document domain('teamliquid.net'), url-prefix('http://www.teamliquid.net'){
body > table:first-child {
width: 100% !important;
}

body > table:first-child > tbody > tr > td > script + table {
width: 100% !important;
}

body > table:first-child > tbody > tr > td > script + table > tbody > tr > td:first-child + td {
width: 100% !important;
}

body > table:first-child > tbody > tr > td > script + table > tbody > tr > td:first-child + td table {
width: 100% !important;
}

#news_main {
float: left !important;
}
}
nimdil
Profile Blog Joined January 2011
Poland3748 Posts
March 29 2012 11:02 GMT
#8
On March 29 2012 19:53 seiferoth10 wrote:
Pretty cool.

I'll run it for a while until I run into problems. 1080p is just barely wide enough to have 2 columns on the front page.

[image loading]

Edit: I'm using mine on Firefox via Stylish. Here's the script I used:
+ Show Spoiler +
@-moz-document domain('teamliquid.net'), url-prefix('http://www.teamliquid.net'){
body > table:first-child {
width: 100% !important;
}

body > table:first-child > tbody > tr > td > script + table {
width: 100% !important;
}

body > table:first-child > tbody > tr > td > script + table > tbody > tr > td:first-child + td {
width: 100% !important;
}

body > table:first-child > tbody > tr > td > script + table > tbody > tr > td:first-child + td table {
width: 100% !important;
}

#news_main {
float: left !important;
}
}


That's more or less how I see it in Opera. I'm pretty sure the thing is doable on on other browsers as well. Not sure about Safari and IE as they are a bit rought here and there but probably it's possible on them as well.
Mobius_1
Profile Blog Joined April 2011
United Kingdom2763 Posts
March 29 2012 11:38 GMT
#9
Always cool to see people do stuff for TL, even if it doesn't make a difference because I like to browse on half a monitor with the other half opening streams/videos/more windows.
Starleague Forever. RIP KT Violet~
seiferoth10
Profile Joined May 2010
3362 Posts
Last Edited: 2012-03-29 11:51:04
March 29 2012 11:44 GMT
#10
I actually got tired of it already because the left sidebar was too far to the side for my liking. So I ended up playing with the values in the script, and if you change the first "100%" to pretty much any other percentage, you can customize the width. I have it set at 69% right now so it gives a little bit more width, but doesn't mess up the front page.

[image loading]
nimdil
Profile Blog Joined January 2011
Poland3748 Posts
March 29 2012 12:07 GMT
#11
On March 29 2012 20:44 seiferoth10 wrote:
I actually got tired of it already because the left sidebar was too far to the side for my liking. So I ended up playing with the values in the script, and if you change the first "100%" to pretty much any other percentage, you can customize the width. I have it set at 69% right now so it gives a little bit more width, but doesn't mess up the front page.

[image loading]


That's the spirit. Just customize it to your preferences
docvoc
Profile Blog Joined July 2011
United States5491 Posts
March 29 2012 17:05 GMT
#12
Hmm this is pretty cool, i wonder if there is a custom look for something like a different font ^^.
User was warned for too many mimes.
nimdil
Profile Blog Joined January 2011
Poland3748 Posts
March 29 2012 18:10 GMT
#13
Of course.

Just add:

* {
font-family: Verdana !important;
}

or

* {
font-family: Helvetica !important;
}

or

* {
font-family: monospace !important;
}
Please log in or register to reply.
Live Events Refresh
Replay Cast
00:00
SEL Masters #4 - Day 1
Liquipedia
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
Nina 205
StarCraft: Brood War
PianO 625
Noble 121
Bale 21
Dota 2
monkeys_forever745
NeuroSwarm68
ODPixel12
League of Legends
JimRising 994
Counter-Strike
Stewie2K558
Heroes of the Storm
Khaldor89
Other Games
summit1g11077
shahzam675
hungrybox415
ViBE148
Organizations
Other Games
gamesdonequick41601
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 16 non-featured ]
StarCraft 2
• Berry_CruncH330
• Hupsaiya 94
• Light_VIP 56
• practicex 26
• AfreecaTV YouTube
• intothetv
• Kozan
• IndyKCrew
• LaughNgamezSOOP
• Migwel
• sooper7s
StarCraft: Brood War
• Diggity6
• BSLYoutube
• STPLYoutube
• ZZZeroYoutube
League of Legends
• Stunt318
Upcoming Events
RSL Revival
5h 3m
ByuN vs SHIN
Clem vs Reynor
OSC
8h 3m
Replay Cast
19h 3m
RSL Revival
1d 5h
Classic vs Cure
FEL
1d 11h
OSC
1d 15h
RSL Revival
2 days
FEL
2 days
FEL
2 days
CSO Cup
2 days
[ Show More ]
BSL20 Non-Korean Champi…
2 days
Bonyth vs QiaoGege
Dewalt vs Fengzi
Hawk vs Zhanhun
Sziky vs Mihu
Mihu vs QiaoGege
Zhanhun vs Sziky
Fengzi vs Hawk
Sparkling Tuna Cup
3 days
RSL Revival
3 days
FEL
3 days
BSL20 Non-Korean Champi…
3 days
Bonyth vs Dewalt
QiaoGege vs Dewalt
Hawk vs Bonyth
Sziky vs Fengzi
Mihu vs Zhanhun
QiaoGege vs Zhanhun
Fengzi vs Mihu
Replay Cast
5 days
Replay Cast
6 days
Liquipedia Results

Completed

Proleague 2025-07-07
HSC XXVII
Heroes 10 EU

Ongoing

JPL Season 2
BSL 2v2 Season 3
Acropolis #3
KCM Race Survival 2025 Season 2
CSL 17: 2025 SUMMER
Copa Latinoamericana 4
Jiahua Invitational
Championship of Russia 2025
RSL Revival: Season 1
Murky Cup #2
BLAST.tv Austin Major 2025
ESL Impact League Season 7
IEM Dallas 2025
PGL Astana 2025
Asian Champions League '25
BLAST Rivals Spring 2025
MESA Nomadic Masters
CCT Season 2 Global Finals
IEM Melbourne 2025

Upcoming

2025 ACS Season 2: Qualifier
CSLPRO Last Chance 2025
CSL Xiamen Invitational
CSL Xiamen Invitational: ShowMatche
2025 ACS Season 2
CSLPRO Chat StarLAN 3
K-Championship
uThermal 2v2 Main Event
SEL Season 2 Championship
FEL Cracov 2025
Esports World Cup 2025
Underdog Cup #2
StarSeries Fall 2025
FISSURE Playground #2
BLAST Open Fall 2025
BLAST Open Fall Qual
Esports World Cup 2025
BLAST Bounty Fall 2025
BLAST Bounty Fall Qual
IEM Cologne 2025
FISSURE Playground #1
TLPD

1. ByuN
2. TY
3. Dark
4. Solar
5. Stats
6. Nerchio
7. sOs
8. soO
9. INnoVation
10. Elazer
1. Rain
2. Flash
3. EffOrt
4. Last
5. Bisu
6. Soulkey
7. Mini
8. Sharp
Sidebar Settings...

Advertising | Privacy Policy | Terms Of Use | Contact Us

Original banner artwork: Jim Warren
The contents of this webpage are copyright © 2025 TLnet. All Rights Reserved.