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:

To:

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.
March 12th, 2009 on 18:59
nice one ^^