{
  "id": 7890,
  "info": {
    "name": "GrApple themes – combined tab icon & close button",
    "description": "Intended for use with these excellent GrApple themes for Firefox on Mac OS X by Annorax (you can find them at www.takebacktheweb.org):\r\n\r\n• GrApple Delicious [Firefox 3]\r\n• GrApple Eos & Eos Pro [Firefox 2]\r\n\r\n(Note that GrApple Yummy does not display icons on its tabs, therefore this style is not intended to be used with it.)\r\n\r\nInspired by the tabs in Adium (adiumx.com).\r\n\r\nWhen combined with the GrApple themes listed above, this style hides the tab close buttons by default, showing you only the tab icons. When you hover over a tab, that tab’s icon is hidden, and the close button is displayed in its place. This saves significant tab space without sacrificing any functionality, and works consistently regardless of how congested the tabs become (unlike the default Firefox behavior).\r\n\r\nThe screenshots below show this style being used in conjunction with GrApple Delicious under OS X Leopard, with the mouse hovering over the rightmost tab.\r\n\r\nEnjoy!",
    "additionalInfo": null,
    "format": "uso",
    "category": "browser",
    "createdAt": "2008-06-10T22:04:45.000Z",
    "updatedAt": "2008-06-10T22:04:45.000Z",
    "license": "NO-REDISTRIBUTION",
    "author": {
      "id": 9957,
      "name": "<NAME>"
    }
  },
  "stats": {
    "installs": {
      "total": 1342,
      "weekly": 0
    }
  },
  "screenshots": {
    "main": {
      "name": "7890_after.png",
      "archived": false
    }
  },
  "discussions": {
    "stats": {
      "discussionsCount": 1,
      "commentsCount": 2
    },
    "data": [
      {
        "id": 18094,
        "title": "GrApple Yummy?",
        "createdAt": "2010-03-16T11:15:59.000Z",
        "author": {
          "id": 44443,
          "name": "rspinoza"
        }
      }
    ]
  },
  "style": {
    "css": "@namespace url(\"http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul\");\r\n\r\n/* hide tab close button */\r\ntab .tab-close-button {\r\n  display: none !important;\r\n}\r\n/* display close button on tab hover */\r\ntab:hover .tab-close-button {\r\n  display: block !important;\r\n}\r\n/* hide tab icon on tab hover */\r\ntab:hover .tab-icon {\r\n  display: none !important;\r\n}"
  }
}