Strings & Ints

Ogame style corrections

by elbekko on Mar.12, 2009, under Uncategorized

Not too long ago I was asked to join in playing Ogame with a few classmates. But the first pageload was already a huge facepalm, a style so horrendous it nearly made me cry. Nearly. What it did make me do, is whip out Stylish and Firebug, and get cracking.

After a bit of refining, I went from:
Before
To:
After

And all of this with just a little bit of CSS:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("uni16.ogame.nl") {
body { height: 100% !important; width: 100% !important; margin: 0 !important; overflow: auto !important; }
#header_top, #content { width: auto !important; }
#content center { text-align: -moz-left !important; }

#content, #header_top { height: auto !important; left: 0 !important; position: relative !important; margin-left: 125px; margin-right: 5px !important; }
#content { top: 0 !important; margin-right: 30px; }
#header_top { overflow: auto !important; }

#content center table { width: 100% !important; }

center #combox_container { display: none !important; }

#content center td.b { background-color: #445576 !important; }

td.l { background-image: none !important; }
td.l:last-child { background-color: #3F5277 !important; }

td.k input { font-size: 1.3em !important; }

form#ressourcen td.k { font-weight: bold; }

td.header font { font-style: normal !important; }
#header_top * { text-align: -moz-center !important; }

#menu { width: 115px !important; margin-left: 5px; }
#menu nobr { display: none; }

/* */
#ResourcesDiv { position: relative !important; }

#errorbox { top: 12px !important; position: absolute !important; background-color: #BB0000; width: 80px !important; left: 170px !important; }
}

This should work on all Ogame sites using the ‘old’ layout. When the new layout comes, I’ll quit for sure, as it’s obviously been made by a madman on LSD.


1 Comment for this entry

Leave a Reply