Firefox 4.0 Mac OSX 主题（更新到 2.0.1）

适用于 Firefox 3.x 的 Mac OSX 主题，不兼容 Firefox 4.0。由于 Firefox 4.0 变动很大，所以我重新为 Firefox 4.0 制作了一个 Mac OSX 主题。这次的主题，使用了 Firefox 的一些新属性，自我感觉比 Firefox 3.x 版的 Mac OSX 主题要漂亮一些。这是 Firefox 4.0 上的第一个版本，欢迎大家使用，并提出修改意见。

Mozilla 官方网站下载页面

2014/01/06 下载/安装 MacOSX 2.0.1
修正一个bug：隐藏 "about:addons" 中被禁用的控件。

2014/01/03 下载/安装 MacOSX 2.0.0
1. 兼容 Firefox 15.0~28.0a2。
2. 按钮、滚动条、菜单列表、标签框以及 treecol 的风格更改为 MacOSX 10.9 风格。
3. 通知面板和下载面板的背景色从黑色改为灰色。

2013/03/26 下载/安装 MacOSX 1.8.1
1. 兼容 Firefox 15.0 之后的版本。

2011/06/28 下载/安装 MacOSX 1.7
1. 兼容 Firefox 7.0a1.
2. 修正了一些 CSS 错误。

2011/05/04 下载/安装 MacOSX 1.6
1. 兼容 Linux （在 Ubuntu 11.04 中测试）
2. 为 "Tab Mix Plus" 及 "Tab Utilities Lite" 设置了“撤销关闭的标签页”图标。
3. 修正 Bug：禁用的菜单项，未显示为灰色。
4. 其它一些小的改动。

2011/04/30 下载/安装 MacOSX 1.5
1. 兼容 Tab Mix Plus 的多行标签页选项。
2. 左下角的提示信息，之前版本是透明的，下方有文字时，提示文字会看不清楚。现在增加了一个半透明的背景。
3. 修正了“标签页分组”（Tab Candy）页面的错误。
4. 调整了工具栏的背景，各个工具栏背景的衔接比以前更加好。同时修正了多行标签页时的背景问题。
5. 给下载结束后右下角弹出的提示信息框增加了样式，以前版本的信息框文字太大。
6. 下拉列表框，将方角改成了圆角。
7. numberbox 取得焦点时，外面篮框的位置不对。另外，增加了右侧的两个箭头。
8. 文字框取得焦点时，外面的篮框变粗了（由1个像素增加到2个像素）。

2011/03/08 下载/安装 MacOSX 1.4
1. 修正了“附加组件管理器”页面中的一个bug。之前的版本中，附加组件图标的宽度被拉长了。
2. 调整了“编辑书签”面板的背景色，背景色比之前的版本更加透明，更加明亮了一点。

2011/02/10 下载/安装 MacOSX 1.3
修正了一些bug。

2011/01/13 下载/安装 MacOSX 1.2
1. 修正bug：“添加书签”面板上的下拉箭头背景。
2. 修正bug：当工具栏按钮显示图标和文字时，工具栏高度太小。
3. 修正bug：地址栏和搜索栏的文字被选择时，文字背景没有高亮。
4. 修正bug：当鼠标移到链接上时，地址栏文字偏移一个像素点。
5. 移除了标签、书签工具栏上文字的阴影。
6. 修改了选项对话框中“保存文件到”的图标。

2011/01/12 下载/安装 MacOSX 1.1
1. 减小了标题栏的高度。
2. 重写了 tabbox 代码，现在看上去和最新的 MacOSX 很像。
3. 当窗口没激活时，选中的 checkbox 和 radiobox 显示为灰色。
4. 修改了 menulist 的背景色。
5. 为 button 的上部空间增加了3个像素，button和它上面的元件不再靠的很近。
6. 移除了弹出通知面板的边框。
7. 其它一些改进。

楼上的截图，最上面是系统任务栏吧，下面的Firefox没有标题栏，你将整个标题栏隐藏了，当然看不到红黄绿按钮了。

eesa：

我检查了一下，应该只是隐藏了appmenu而已，不知道为什么会出现这种情况，而且pre9不是已经默认去掉标题栏了么？回到原帖

B9 在最大化时，将火狐橙按钮和标签栏合并，并不是隐藏标题栏。隐藏菜单栏时，Firefox 4.0的标题栏（titlebar），包括火狐橙按钮，中间的空白区域，右上角的最小化、最大化、关闭按钮。B9只是在最大化时将火狐橙按钮、右上角的系统按钮与标签栏合并， 并不是隐藏整个标题栏（titlebar），而你是隐藏了整个标题栏。

ddrwin：很喜欢菜单和收藏夹的样式，如何去掉右键菜单图标旁边竖线，只保留横线，并加深横线的颜色，g大能单独提供代码吗？回到原帖

你说的问题，好像都是你自己的CSS代码搞出的问题，我这儿都正常。你禁用所有自己的样式代码，就不会有你说的这2个问题了。

今天更新了一下，完善了一些细节。

g大，我的意思是，在普通主题上如何实现你的主题里这样的效果？

并且，普通主题里，怎样去掉那个菜单里的竖线？谢谢！

书签工具栏上按钮的圆：

toolbarbutton.bookmark-item:hover {
  background-color: rgba(0, 0, 0, .205);
}

toolbarbutton.bookmark-item:active:hover,
toolbarbutton.bookmark-item[open="true"] {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4);
  background-color: rgba(0, 0, 0, .5);
}

去掉菜单的竖线：

menupopup, popup {
  -moz-appearance: none !important;;
}

上面没有边框，这个是 Firefox 本身的限制。其实默认的主题，上面也没有透明边框，只有一条边框线。这个我就无能无力了。另一种方案，边框还是使用默认的，不过那样的话，或许更加别扭。

鼠标指向链接时，地址栏的文字会向上移动一下，这个却是是一个小bug，你不说我还真没注意到，下个版本中会修正。

kain：xp下字体没原来的美观，下载文件位置的那个地方没修改好像回到原帖

字体用的是系统默认的字体，你说的两个地方，都是系统的对话框字体。也许你是说字体阴影吧，有些地方的文字，带有白色阴影。下载文件的地方，下个版本会修改一下图标（目前是Windows的文件夹图标）。

魔╭墮落嘀神：问下3.6.X的能装这个吗? 0.6.8的那个没这个好看.嘿嘿!回到原帖

我自己也觉得，这个比以前的要精致一些。新版本用了一些Firefox 4.0支持的新属性来代替以前的背景图片，这些新属性，Firefox 3.6.x 不支持。

cooliio：希望再做一个以前的那个，
仿照firefox3时候的mac－osx主题的样子！！！！
我还是喜欢以前的那些按钮的样子。
https://addons.mozilla.org/en-US/firefo ... osx-theme/
和
https://www.firefox.net.cn/forum/file/__ ... ___123.jpg

就是这个图片中的效果。。

貌似图片都是圆角的，好看。回到原帖

Mac OSX 上的 Firefox 4.0 工具栏按钮，就是现在这样子（小圆角），Mac OSX 下的 Firefox 3.6.x，按钮两边是半圆。要半圆的话，可以另外用CSS脚本做到。

今天的小时版，不知道怎么回事，用这个主题，会导致右键菜单非常迟钝，甚至右键菜单无法弹出。搞得我还以为自己的鼠标有问题了。

中情局：这里能否紧贴边线回到原帖

当标签栏未置顶时，1.3版缩小了这儿的间隙。标签栏置顶时维持原来的不变。

更新到 Ver 1.4。

更新到 1.5 版，兼容 Tab Mix Plus，对一些细节完善了一下，具体见1楼的说明。

很久未更新了，今天更新了一下，兼容 firefox 18.0 之后的版本。