fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2024-02-02
  • 发帖数172
  • 经验169枚
  • 威望0点
  • 贡献值182点
  • 好评度9点
  • 社区居民
  • 忠实会员
阅读:4416回复:7

能不能用 css 调整按钮和菜单上下文间隔以及标签关闭按钮的大小

楼主#
更多 发布于:2014-03-15 18:00
想把工具栏按钮间隔和菜单上下文间隔以及标签关闭按钮调大一点,不知能不能做到?
或者有没有这样的主题或扩展?
taoww
非常火狐
非常火狐
  • UID39284
  • 注册日期2013-03-18
  • 最后登录2024-03-26
  • 发帖数621
  • 经验569枚
  • 威望0点
  • 贡献值110点
  • 好评度99点
1楼#
发布于:2014-03-21 11:59
安装stylish,自己新建个脚本
下面这个是在29上测过,低版本的不保证有效
/* 这行说明应用于chrome而非用户页面 */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
      
/* 菜单项,上下各拓宽5像素 */
menuitem {
    padding-top: 5px;
    padding-bottom: 5px;
}
      
/* 工具栏按钮,左右加大间隔5像素 */
toolbarbutton {
    margin-left: 5px;
    margin-right: 5px;
}
     
/* 标签关闭按钮,设置为24x24像素 */
tab .close-icon > image {
    height: 24px;
    width: 24px;
}
fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2024-02-02
  • 发帖数172
  • 经验169枚
  • 威望0点
  • 贡献值182点
  • 好评度9点
  • 社区居民
  • 忠实会员
2楼#
发布于:2014-03-21 22:56
taoww:安装stylish,自己新建个脚本
下面这个是在29上测过,低版本的不保证有效
/* 这行说明应用于chrome而非用户页面 */
@namespace url(http://www.mozilla.org/keymaster/gat...
回到原帖
谢谢!
果然 firefox28 不适用,安装 firefox29 解决,现在在 win8 触摸屏上的操作就几乎完美了,只是我最常用的书签下拉菜单还是默认的比较小,上个图对比一下,这个应该也是能调的吧?
另外,那三条多余的分隔条怎么去除?

图片:Screen-2014-03-21_22-42.png

taoww
非常火狐
非常火狐
  • UID39284
  • 注册日期2013-03-18
  • 最后登录2024-03-26
  • 发帖数621
  • 经验569枚
  • 威望0点
  • 贡献值110点
  • 好评度99点
3楼#
发布于:2014-03-21 23:39
/* 这行说明应用于chrome而非用户页面 */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
       
/* 菜单项,上下各拓宽5像素,包括书签弹出菜单 */
menuitem, .bookmark-item {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
 
/* 工具栏按钮,左右加大间隔5像素 */
toolbarbutton {
    margin-left: 5px;
    margin-right: 5px;
}
      
/* 标签关闭按钮,设置为24x24像素 */
tab .close-icon > image {
    height: 24px;
    width: 24px;
}
 
/* 隐藏书签菜单中的分割条 */
#BMB_bookmarksPopup > menuseparator {
    display: none;
}
fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2024-02-02
  • 发帖数172
  • 经验169枚
  • 威望0点
  • 贡献值182点
  • 好评度9点
  • 社区居民
  • 忠实会员
4楼#
发布于:2014-03-22 08:12
taoww:/* 这行说明应用于chrome而非用户页面 */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
      
/* 菜...
回到原帖
非常感谢!
fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2024-02-02
  • 发帖数172
  • 经验169枚
  • 威望0点
  • 贡献值182点
  • 好评度9点
  • 社区居民
  • 忠实会员
5楼#
发布于:2014-03-22 10:56
工具栏部分改一下比较完美,margin 参数会使三道杠的下拉菜单变形,用 padding 就好了:
/* 工具栏按钮,左右加大间隔5像素 */
toolbarbutton {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

直接写到 userChrome.css 也是可以的,省一个扩展。
mx4 的皮肤不错,firefox29 也适用,默认的圆角标签太恶心。

又有几个问题:
前进按钮能不能总是显示?
刷新停止按钮能不能从地址栏里面提取出来?
书签编辑按钮能不能不要跟书签下拉按钮挤在一起?
那个查看书签侧栏怎么隐藏?

图片:Screen-2014-03-22_10-48.png

taoww
非常火狐
非常火狐
  • UID39284
  • 注册日期2013-03-18
  • 最后登录2024-03-26
  • 发帖数621
  • 经验569枚
  • 威望0点
  • 贡献值110点
  • 好评度99点
6楼#
发布于:2014-03-22 18:56
fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2024-02-02
  • 发帖数172
  • 经验169枚
  • 威望0点
  • 贡献值182点
  • 好评度9点
  • 社区居民
  • 忠实会员
7楼#
发布于:2014-03-25 12:54
taoww:你直接装这个扩展好了 https://addons.mozilla.org/addon/classicthemerestorer/回到原帖
试了这个扩展,效果不太好,而且有洁癖不想装太多扩展。
游客

返回顶部