Another contribution to all of my Firefoxian fellow friends.
Permanent Workaround Fix
Step 1: Find your Firefox profile. Here's how to do it.
Example path: ... \Application Data\Mozilla\Firefox\Profiles\o6u310yb.default\chr ome
Step 2: In your "chrome" subdirectory you're going to find 2 files, one is "userChrome-example.css", and the another one is "userContent-example.css" - don't bother with these. It's just for verification. 
Step 3: Download this pre-generated CSS file a la userContent-style. Keep in mind that it's not the same I've linked on the previous page (same but with very few modifications). Copy there in your "chrome" subfolder.
Step 4: Restart Firefox. The layout of DevHardware should be the traditional legacy one. The beauty of this workaround is that the changes are permanent (unless you delete or rename that "userContent.css" file we've just copied/downloaded there. And most importantly, this workaround is "site-specific" CSS overriding. It won't mess with other sites, it's explicitly limited to paths starting with www.devhardware.com. But it does not affect the main Dev Hardware site - just the forums.
Temporary Workaround Fix
Simply create a new bookmark with the following location:
CSS Code:
 Original
- CSS Code |
|
|
|
javascript:styles='body { background-color: #999999 !important; color: #000066 !important; font: 10pt verdana, geneva, lucida, \'lucida grande\', arial, helvetica, sans-serif !important; margin: 0px !important; } a:link { color: #000000 !important; } a:visited { color: #000000 !important; } a:hover, a:active { color: #000000 !important; } .page { background-color: #999999 !important; color: #000000 !important; } td, th, p, li { font: 10pt verdana, geneva, lucida, \'lucida grande\', arial, helvetica, sans-serif !important; } .tborder { background-color: #FFFFFF !important; color: #000000 !important; border: 1px solid #A4C0E2 !important; } .tcat { background-color: #333333 !important; color: #FFFFFF !important; font: bold 10pt verdana, geneva, lucida, \'lucida grande\', arial, helvetica, sans-serif !important; padding:3px !important; } .tcat a:link { color: #99FF00 !important; text-decoration: none !important; } .tcat a:visited { color: #99FF00 !important; text-decoration: none !important; } .tcat a:hover, .tcat a:active { color: #99FF00 !important; text-decoration: underline !important; } .thead { background-color: #003366 !important; color: #ffffff !important; font: bold 11px tahoma, verdana, geneva, lucida, \'lucida grande\', arial, helvetica, sans-serif !important; } .thead a:link { color: #FFFFFF !important; } .thead a:visited { color: #FFFFFF !important; } .thead a:hover, .thead a:active { color: #FFFFFF !important; } .tfoot { background-color: #3E5C92 !important; color: #FFFFFF !important; } .tfoot a:link { color: #FFFFFF !important; } .tfoot a:visited { color: #FFFFFF !important; } .tfoot a:hover, .tfoot a:active { color: #FFFFFF !important; } .alt1, .alt1Active { background-color: #E5E5E5 !important; color: #000000 !important; } .alt2, .alt2Active { background-color: #F4F4F4 !important; color: #000000 !important; } .wysiwyg { background-color: #F5F5FF !important; color: #000000 !important; font: 10pt verdana, geneva, lucida, \'lucida grande\', arial, helvetica, sans-serif !important; } textarea, .bginput { font: 10pt verdana, geneva, lucida, \'lucida grande\', arial, helvetica, sans-serif !important; } .button { font: 11px verdana, geneva, lucida, \'lucida grande\', arial, helvetica, sans-serif !important; } select { font: 11px verdana, geneva, lucida, \'lucida grande\', arial, helvetica, sans-serif !important; } option, optgroup { font-size: 11px !important; font-family: verdana, geneva, lucida, \'lucida grande\', arial, helvetica, sans-serif !important; } .smallfont { font: 11px verdana, geneva, lucida, \'lucida grande\', arial, helvetica, sans-serif !important; } .time { color: #000033 !important; } .navbar { font: 11px verdana, geneva, lucida, \'lucida grande\', arial, helvetica, sans-serif !important; } .highlight { color: #FF3333 !important; font-weight: bold !important; } .fjsel { background-color: #3E5C92 !important; color: #E0E0F6 !important; } .fjdpth0 { background-color: #F7F7F7 !important; color: #000000 !important; } .panel { background: #E4E7F5 url(http://images.devshed.com/fdh/gradients/gradient_panel.gif) repeat-x top left !important; color: #000000 !important; padding: 10px !important; border: 2px outset !important; } .panelsurround { background: #D5D8E5 url(http://images.devshed.com/fdh/gradients/gradient_panelsurround.gif) repeat-x top left !important; color: #000000 !important; } legend { color: #22229C !important; font: 11px tahoma, verdana, geneva, lucida, \'lucida grande\', arial, helvetica, sans-serif !important; } .vbmenu_control { background-color: #738FBF !important; color: #FFFFFF !important; font: bold 11px tahoma, verdana, geneva, lucida, \'lucida grande\', arial, helvetica, sans-serif !important; padding: 3px 6px 3px 6px !important; white-space: nowrap !important; } .vbmenu_control a:link { color: #FFFFFF !important; text-decoration: none !important; } .vbmenu_control a:visited { color: #FFFFFF !important; text-decoration: none !important; } .vbmenu_control a:hover, .vbmenu_control a:active { color: #FFFFFF !important; text-decoration: underline !important; } .vbmenu_popup { background-color: #FFFFFF !important; color: #000000 !important; border: 1px solid #0B198C !important; } .vbmenu_option { background-color: #BBC7CE !important; color: #000000 !important; font: 11px verdana, geneva, lucida, \'lucida grande\', arial, helvetica, sans-serif !important; white-space: nowrap !important; cursor: pointer !important; } .vbmenu_option a:link { color: #22229C !important; text-decoration: none !important; } .vbmenu_option a:visited { color: #22229C !important; text-decoration: none !important; } .vbmenu_option a:hover, .vbmenu_option a:active { color: #FFFFFF !important; text-decoration: none !important; } .vbmenu_hilite { background-color: #8A949E !important; color: #FFFFFF !important; font: 11px verdana, geneva, lucida, \'lucida grande\', arial, helvetica, sans-serif !important; white-space: nowrap !important; cursor: pointer !important; } .vbmenu_hilite a:link { color: #FFFFFF !important; text-decoration: none !important; } .vbmenu_hilite a:visited { color: #FFFFFF !important; text-decoration: none !important; } .vbmenu_hilite a:hover, .vbmenu_hilite a:active { color: #FFFFFF !important; text-decoration: none !important; } /* ***** small padding on \'thead\' elements ***** */ td.thead, div.thead { padding: 4px !important; } /* ***** basic styles for multi-page nav elements */ .pagenav a { text-decoration: none !important; } .pagenav td { padding: 2px 4px 2px 4px !important; } /* ***** define margin and font-size for elements inside panels ***** */ .fieldset { margin-bottom: 6px !important; } .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px !important; } /* ***** don\'t change the following ***** */ form { display: inline !important; } label { cursor: default !important; } .normal { font-weight: normal !important; } .inlineimg { vertical-align: middle !important; } .textad, a.textad:link, a.textad:visited, a.textad:active, a.textad:hover { color: #FFFFCC !important; } A.network:link, A.network:visited, A.network:active { font-family: Verdana, Arial, Helvetica !important; font-size: 8pt !important; color: #FFFFFF !important; text-decoration: none !important;} A.network:hover { color:#FFFFFF !important; text-decoration: underline !important;} .newpill { text-decoration: none !important; color:#000000 !important; font-family: Verdana,Arial,Helvetica !important; font-size: 7pt !important; } .spacer { line-height : 10px !important; } .overlink { cursor:pointer !important; cursor:hand !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 10px !important; color: #FFFFFF !important; text-decoration: underline !important; font-weight: bold !important; } .title, A.title:link, A.title:visited, A.title:active { font-family: "Trebuchet MS", "Impact", Helvetica,Arial, Verdana, sans-serif !important ; font-size: 38px !important; color: #FFFFFF !important; font-weight: bold !important; text-decoration: none !important; } .smalltitle, A.smalltitle:link, A.smalltitle:visited, A.smalltitle:active { font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 28px !important; color: #FFFFFF !important; font-weight: bold !important; text-decoration: none !important; } .art_title, A.art_title:link, A.art_title:visited, A.art_title:active { font-family: Verdana, Arial, Helvetica, sans-serif !important; color:#000000 !important; text-decoration: none !important; cursor:pointer !important; cursor:hand !important; } .showthreadh1 { font-family: Verdana, Arial, Helvetica, sans-serif !important; margin:0 !important; font-size: 14px !important; font-weight: bold !important; display: inline !important; } .navbar2 { font-size: 11px !important; margin-top:5px !important; margin-bottom:5px !important; } .navbar3 { margin-top:7px !important; } .boxAds, a.boxAds:link, a.boxAds:visited, a.boxAds:active, a.boxAds:hover{ background-color: #000066 !important; font-weight: bold !important; font-size: 8pt !important; color: #FFFFCC !important; text-decoration : underline !important; } .tightline {line-height: .5} .top { cursor:pointer; cursor:hand !important; text-decoration: underline; color:#000000 !important; font-family: Verdana,Arial,Helvetica !important; font-size: 10px !important; } .search { font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 10px !important; color: #333333 !important; text-decoration: none !important; } .search2 { font-family: Geneva, Arial, Helvetica, san-serif !important; font-size: 15px !important; font-weight: bold !important; color: #FFFFFF !important; text-decoration: none !important; } .search3 { font-family: Geneva, Arial, Helvetica, san-serif !important; font-size: 12px !important; font-weight: bold !important; color: #FFFFFF !important; } .footlink, .footlink:link, .footlink:visited, .footlink:hover, .footlink:active { text-decoration: underline !important; color: #FFFFFF !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 10px !important; font-weight: bolder !important; cursor:pointer !important; cursor:hand !important; } .foottxt { color: #FFFFFF !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 10px !important; font-weight: bolder !important; } .newlinks { cursor:pointer; cursor:hand !important; text-decoration: underline; color:blue !important; font-family: Verdana,Arial,Helvetica !important; font-size: 10px !important; } .blacklinks, .blacklinks:link, .blacklinks:visited, .blacklinks:hover, .blacklinks:active { cursor:hand !important; text-decoration: underline !important; color:#000000 !important; cursor:pointer !important; cursor:hand !important; }'; newSS = document.createElement('link'); newSS.rel = 'stylesheet'; newSS.href = 'data:text/css,' + escape(styles); document.documentElement.childNodes[0].appendChild(newSS); void 0
Then whenever you "click" on that bookmarklet button, it changes your stylesheets. The drawback is that it applies only once per each site reloading.
Safari fanboys: Preferences - Advanced - Style Sheet. (Special dedication to bball.)
PS: I've actually downloaded and installed that GreaseMonkey extension. I've tried that GM_addStyle("css goes here") API function but haven't had much of luck. It works fine with few lines long cascading style layouts but in our case that doesn't apply. I'm sure you've noticed that DevH Forums cascading styles are approximatelly 400 lines long with lots of "extra" quotation marks and ( ) brackets. Therefore, it's quite a pain in the ass to "format" a GreaseMonkey specific User Script agaisnt all of the aforementioned.
Reason for that is that as you can see from its syntax, your particualr user style CSS must be placed within brackets and delimited by quotation marks. I simply don't have the time to research the way GreaseMonkey handles string operations, create and initialize N strings, then merge them together, and hope for the best that it is able to interpret the results.
Web Developer extension is also seemingly useful. It supports "user stylesheets" but with one drawback, it doesn't remember after restarting Firefox. You need to tick that box and select your style, again, again, and again. That doesn't appeal to me.
I hope you are all satisfied. Now I am already out and running... Cheers!
PS: And yes, I've installed Firefox just for you guys. And no, neither of you owe me anything and for love of God, no need to rep me.
|
Dev Hardware Forums Sponsor:
March 6th, 2008, 01:14 AM
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
