• Log InLog In
  • Register
Liquid`
Team Liquid Liquipedia
EDT 15:29
CEST 21:29
KST 04:29
  • 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
RSL Season 1 - Final Week6[ASL19] Finals Recap: Standing Tall15HomeStory Cup 27 - Info & Preview18Classic wins Code S Season 2 (2025)16Code S RO4 & Finals Preview: herO, Rogue, Classic, GuMiho0
Community News
Esports World Cup 2025 - Brackets Revealed18Weekly Cups (July 7-13): Classic continues to roll8Team TLMC #5 - Submission extension3Firefly given lifetime ban by ESIC following match-fixing investigation17$25,000 Streamerzone StarCraft Pro Series announced7
StarCraft 2
General
Heaven's Balance Suggestions (roast me) Who will win EWC 2025? Esports World Cup 2025 - Brackets Revealed Crumbl Cookie Spoilers – August 2025 The Memories We Share - Facing the Final(?) GSL
Tourneys
Sea Duckling Open (Global, Bronze-Diamond) FEL Cracov 2025 (July 27) - $8000 live event Sparkling Tuna Cup - Weekly Open Tournament RSL: Revival, a new crowdfunded tournament series $5,100+ SEL Season 2 Championship (SC: Evo)
Strategy
How did i lose this ZvP, whats the proper response
Custom Maps
External Content
Mutation # 482 Wheel of Misfortune Mutation # 481 Fear and Lava Mutation # 480 Moths to the Flame Mutation # 479 Worn Out Welcome
Brood War
General
Flash Announces (and Retracts) Hiatus From ASL BGH Auto Balance -> http://bghmmr.eu/ Soulkey Muta Micro Map? BW General Discussion [ASL19] Finals Recap: Standing Tall
Tourneys
[Megathread] Daily Proleagues 2025 ACS Season 2 Qualifier CSL Xiamen International Invitational Cosmonarchy Pro Showmatches
Strategy
Simple Questions, Simple Answers I am doing this better than progamers do.
Other Games
General Games
Stormgate/Frost Giant Megathread Path of Exile Nintendo Switch Thread CCLP - Command & Conquer League Project The PlayStation 5
Dota 2
Official 'what is Dota anymore' discussion
League of Legends
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
Things Aren’t Peaceful in Palestine US Politics Mega-thread The Games Industry And ATVI Russo-Ukrainian War Thread Stop Killing Games - European Citizens Initiative
Fan Clubs
SKT1 Classic Fan Club! Maru Fan Club
Media & Entertainment
[Manga] One Piece Korean Music Discussion Movie Discussion! Anime Discussion Thread [\m/] Heavy Metal Thread
Sports
2024 - 2025 Football Thread Formula 1 Discussion TeamLiquid Health and Fitness Initiative For 2023 NBA General Discussion
World Cup 2022
Tech Support
Computer Build, Upgrade & Buying Resource Thread
TL Community
The Automated Ban List
Blogs
Ping To Win? Pings And Their…
TrAiDoS
momentary artworks from des…
tankgirl
from making sc maps to makin…
Husyelt
StarCraft improvement
iopq
Customize Sidebar...

Website Feedback

Closed Threads



Active: 657 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
RotterdaM Event
17:00
$100 Stream Ruble
RotterdaM891
Liquipedia
CSO Contender
17:00
#43
Liquipedia
PSISTORM Gaming Misc
15:55
FSL Team League: PTB vs RR
Liquipedia
Epic.LAN
12:00
Epic.LAN 45 Playoffs Stage
Liquipedia
[ Submit Event ]
Live Streams
Refresh
StarCraft 2
RotterdaM 891
BRAT_OK 105
JuggernautJason56
StarCraft: Brood War
Mini 1085
Larva 576
firebathero 203
ZZZero.O 134
TY 123
Aegong 63
yabsab 16
GoRush 11
Stormgate
TKL 125
Dota 2
qojqva3947
monkeys_forever349
League of Legends
Grubby4079
Counter-Strike
fl0m2519
Stewie2K875
Heroes of the Storm
Liquid`Hasu368
Other Games
Beastyqt671
Hui .197
Trikslyr195
Skadoodle152
ToD118
ArmadaUGS93
KnowMe91
Sick55
Organizations
Other Games
gamesdonequick2136
StarCraft 2
Blizzard YouTube
StarCraft: Brood War
BSLTrovo
sctven
[ Show 18 non-featured ]
StarCraft 2
• printf 70
• tFFMrPink 20
• Kozan
• Migwel
• AfreecaTV YouTube
• sooper7s
• intothetv
• IndyKCrew
• LaughNgamezSOOP
StarCraft: Brood War
• blackmanpl 24
• HerbMon 15
• STPLYoutube
• ZZZeroYoutube
• BSLYoutube
Dota 2
• masondota21741
League of Legends
• Nemesis5907
Other Games
• imaqtpie1469
• WagamamaTV178
Upcoming Events
Sparkling Tuna Cup
14h 32m
Online Event
20h 32m
Esports World Cup
2 days
ByuN vs Astrea
Lambo vs HeRoMaRinE
Clem vs TBD
Solar vs Zoun
SHIN vs Reynor
Maru vs TriGGeR
herO vs Lancer
Cure vs ShoWTimE
Esports World Cup
3 days
Esports World Cup
4 days
Esports World Cup
5 days
CranKy Ducklings
6 days
BSL20 Non-Korean Champi…
6 days
BSL20 Non-Korean Champi…
6 days
Bonyth vs Sziky
Dewalt vs Hawk
Hawk vs QiaoGege
Sziky vs Dewalt
Mihu vs Bonyth
Zhanhun vs QiaoGege
QiaoGege vs Fengzi
Liquipedia Results

Completed

CSL Xiamen Invitational: ShowMatche
RSL Revival: Season 1
Murky Cup #2

Ongoing

BSL 2v2 Season 3
Copa Latinoamericana 4
Jiahua Invitational
BSL20 Non-Korean Championship
CSL Xiamen Invitational
2025 ACS Season 2
Championship of Russia 2025
Underdog Cup #2
FISSURE Playground #1
BLAST.tv Austin Major 2025
ESL Impact League Season 7
IEM Dallas 2025
PGL Astana 2025
Asian Champions League '25

Upcoming

CSLPRO Last Chance 2025
CSLPRO Chat StarLAN 3
BSL Season 21
RSL Revival: Season 2
SEL Season 2 Championship
uThermal 2v2 Main Event
FEL Cracov 2025
Esports World Cup 2025
ESL Pro League S22
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
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.