Thread: CSS no longer working -- site change or did I trash something?
View Single Post
Benson's Avatar
Benson is offline Benson
2008-03-18 , 21:15
Posts: 4,930 | Thanked: 2,272 times | Joined on Oct 2007
#5
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:
Code:
@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;}
}
 

The Following 3 Users Say Thank You to Benson For This Useful Post: