PDA

View Full Version : CSS no longer working -- site change or did I trash something?


Benson
03-18-2008, 11:09 AM
I'm using some CSS in ~/.mozilla/microb/chrome/userContent.css to make itT forums more accessible on the tablet. (Restyling the classic theme somewhat, fixed the mouse-over color issue, made bigger buttons and such.) It was going great, even worked well in portrait mode, but now it completely stopped working. :confused:

I wonder if anyone else who uses stylesheets on top of Classic can confirm that they're seeing problems, or that it's fine for them (and I've got a local issue).

Or, if Reggie is reading, you know if there have been changes to the Classic theme?

Reggie
03-18-2008, 11:13 AM
No changes have been made recently to the Classic theme. I did add a mod_rewrite script for the whole site to redirect all http://internettablettalk.com queries to http://www.internettablettalk.com (to add a www prefix). Maybe this might have affected your script?

Benson
03-18-2008, 11:17 AM
Could be that. (I thought my script would handle both, though I'd made no effort to test.)
Anyway, thanks, and I'll re-examine my config here.

briand
03-18-2008, 01:33 PM
Benson --

I'm using the same stylesheet on my N800. It was working fine as recently as last night, as I was browsing the board from the comfort of my living room recliner. I can't test it now, because I'm at work and all the public access points are unreachable because the local AP (which doesn't offer internet connectivity, yet) is drowning them out... :/ I can check it when I get home, this evening.

Benson
03-18-2008, 05:15 PM
Works now, restarted the browser ~3 more times (only incidentally, as I had already restarted twice before I gave up trying) and then saw it was working. <shrug>
I think it may have been related to the old version of Personal Menu I was using.

And I'm including my current version for completeness; it's actually changed a bit more since last I posted it, and it's working correctly now:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://www.internettablettalk.com/") {
alt1 { font-size: 120% !IMPORTANT; }
a:hover { color: #004 !IMPORTANT;}
div { padding: 0 !IMPORTANT; }
div#header { margin: 0 !IMPORTANT; width: 100% !IMPORTANT;}
div#header div { margin: 0 !IMPORTANT; width: 100% !IMPORTANT; background: #C8C8C8 !IMPORTANT; }
div#hd4 { display: table !IMPORTANT; height: 48px !IMPORTANT; }
div#header-body { display: table-row !IMPORTANT; height: 48px !IMPORTANT; }
div#header-body a { display: table-cell !IMPORTANT; width: 19.8% !IMPORTANT; text-align: center !IMPORTANT; }
img#home { position: relative !IMPORTANT; top: 3px !IMPORTANT; left: 0 !IMPORTANT; }
img#forum { position: relative !IMPORTANT; top: 2px !IMPORTANT; left: 0 !IMPORTANT; }
img#wiki { position: relative !IMPORTANT; top: 2px !IMPORTANT; left: 0 !IMPORTANT; }
img#sw { position: relative !IMPORTANT; top: 3px !IMPORTANT; left: 0 !IMPORTANT; }
img#gallery { position: relative !IMPORTANT; top: 2px !IMPORTANT; left: 0 !IMPORTANT; }
img#contact { position: relative !IMPORTANT; top: 5px !IMPORTANT; left: 0 !IMPORTANT; }
.advert { display: none !IMPORTANT;}
.pagenav .smallfont { font-size: 200% !IMPORTANT;}
.pagenav td { width: 30px !IMPORTANT; height: 30px !IMPORTANT; text-align: center !IMPORTANT; white-space: nowrap !IMPORTANT;}
.pagenav td a { display: table-cell !IMPORTANT; width: 30px !IMPORTANT; height: 100% !IMPORTANT; vertical-align: center !IMPORTANT; text-align: center !IMPORTANT;}
span.navbar { font-size: 50% !IMPORTANT; }
td.vbmenu_control { height: 30px !IMPORTANT; }
td.vbmenu_control a { display: table-cell; height: 30px !IMPORTANT; font-size: 80% !IMPORTANT; vertical-align: center !IMPORTANT; padding: 10px 0 !IMPORTANT;}
td.vbmenu_control img { display: none !IMPORTANT; }
div.wrapper { margin: 0 !IMPORTANT;}
.button { font-size: 200% !IMPORTANT;}
}

briand
03-18-2008, 05:50 PM
....and, I was juust going to post that it's working fine, here.

GeraldKo
04-09-2008, 01:33 AM
Hey, Benson, thanks. I installed your userContent.css additions and it greatly improves browsing this website. It's always seemed ironic to me that this is one of the least (maybe the very least) NIT-friendly websites I go to. Now even the Home page loads painlessly.

(Maybe you should start another thread with a more, say, inviting title :), and put your code there, so people searching for how to improve their experience browsing this site on their Tablets will find it.)

Benson
04-09-2008, 03:14 AM
Well, it's not finished yet. Some things are still broken in portrait mode; I need to fix them before actually posting them in a prominent way.