{
  "attachments": [],
  "comments_archived": true,
  "date": "2005-12-02T05:52:51.000Z",
  "layout": "post",
  "tags": [
    "asides"
  ],
  "title": "Tab Sidebar update and more userChrome.css hacking",
  "wordpress_id": 789,
  "wordpress_slug": "tab-sidebar-update-and-more-userchromecss-hacking",
  "wordpress_url": "http://decafbad.com/blog/?p=789",
  "year": "2005",
  "month": "12",
  "day": "02",
  "isDir": false,
  "slug": "tab-sidebar-update-and-more-userchromecss-hacking",
  "type": "entry",
  "postName": "2005-12-02-tab-sidebar-update-and-more-userchromecss-hacking",
  "html": "<p>Hmm, looks like there's been another update to my new favorite Firefox extension, <a href=\"http://users.blueprintit.co.uk/~dave/web/firefox/tabsidebar/index.html\">Tab Sidebar</a>.  Nice changes on balance: It seems a bit more polished now, and among other things, the thumbnails have some mini-navigation controls.  But, now there's too much crammed in there for my 12\" screen.  </p>\n<p>So, I've started hacking my <code>userChrome.css</code> again:</p>\n<pre><code>[#sidebar](/tag/sidebar) {\n    min-width: 0px !important;\n    max-width: none !important;\n}\n[#sidebar](/tag/sidebar)-title { display: none !important }\nsidebarheader  { display: none}\n    \n.tbs-tabpreviews .tbs-close   { display:none !important; }\n.tbs-tabpreviews .tbs-favicon { display:none !important; }\n.tbs-tabpreviews .tbs-title   { font-size: 0.825em !important; }\n\n.tbs-tabpreview:hover .tbs-canvas, \n.tbs-tabpreview[selected=\"true\"] .tbs-canvas {\n    opacity: 1 !important;\n}\n.tbs-tabpreview[selected=\"false\"] .tbs-canvas {\n    opacity: 1 !important;\n}\n</code></pre>\n<p>Unfortunately, that last bit with the opacity doesn't work.  I want to disable the dimming of unselected tabs, so that all tab previews are 100% opaque at all times and not just when selected.  See, I don't need the current tab to be fully clear—it's what I'm looking at right now.  I need all the other tab previews to be as clear as possible.</p>\n",
  "body": "Hmm, looks like there's been another update to my new favorite Firefox extension, [Tab Sidebar][ts].  Nice changes on balance: It seems a bit more polished now, and among other things, the thumbnails have some mini-navigation controls.  But, now there's too much crammed in there for my 12\" screen.  \r\n\r\nSo, I've started hacking my `userChrome.css` again:\r\n\r\n    #sidebar {\r\n        min-width: 0px !important;\r\n        max-width: none !important;\r\n    }\r\n    #sidebar-title { display: none !important }\r\n    sidebarheader  { display: none}\r\n        \r\n    .tbs-tabpreviews .tbs-close   { display:none !important; }\r\n    .tbs-tabpreviews .tbs-favicon { display:none !important; }\r\n    .tbs-tabpreviews .tbs-title   { font-size: 0.825em !important; }\r\n    \r\n    .tbs-tabpreview:hover .tbs-canvas, \r\n    .tbs-tabpreview[selected=\"true\"] .tbs-canvas {\r\n        opacity: 1 !important;\r\n    }\r\n    .tbs-tabpreview[selected=\"false\"] .tbs-canvas {\r\n        opacity: 1 !important;\r\n    }\r\n\r\nUnfortunately, that last bit with the opacity doesn't work.  I want to disable the dimming of unselected tabs, so that all tab previews are 100% opaque at all times and not just when selected.  See, I don't need the current tab to be fully clear—it's what I'm looking at right now.  I need all the other tab previews to be as clear as possible.\r\n\r\n[ts]: http://users.blueprintit.co.uk/~dave/web/firefox/tabsidebar/index.html\r\n",
  "parentPath": "./content/posts/archives/2005",
  "path": "2005/12/02/tab-sidebar-update-and-more-userchromecss-hacking",
  "needsBuild": true,
  "prevPostPath": "2005/12/01/blogrolls-grow-up-to-become-feedrolls",
  "prevPostTitle": "Blogrolls grow up to become feedrolls?",
  "nextPostPath": "2005/12/09/rss-plumbing-in-php-nowhere-to-be-found",
  "nextPostTitle": "RSS plumbing in PHP nowhere to be found?"
}