huj113
小狐狸
小狐狸
  • UID34369
  • 注册日期2010-10-29
  • 最后登录2017-08-20
  • 发帖数46
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:2310回复:5

求教, 如何修改此样式让工具栏的颜色全都覆盖到!!!

楼主#
更多 发布于:2012-11-23 11:51
Stealth Firefox
http://userstyles.org/styles/55792/stealth-firefox

非常喜欢这个样式,但作者已长久不更新,而现在无论在工具栏下还是书签工具栏下都有一丝没覆盖到的白边(如图所示)。起初自己先是很天真地对着里面的数值随意瞎改但都无效所以特来求教各位应该怎么改!!!
1.

2.



@-moz-document url-prefix('chrome://') {

.tabbrowser-tab[selected=true] {

background-image: -moz-linear-gradient(top, #6c7279 0%, #52545a 100%)!important;

color:#fefffe!important;

border-color:#8f949c!important;



}

.tabbrowser-tab:not([selected=true]), .tabs-newtab-button {

background-image: -moz-linear-gradient(top, #44464b 0%, #282a2c 100%)!important;

color:#fefffe!important;

border-color:#55575d!important;

}

#nav-bar {

background-image: -moz-linear-gradient(top, #52545a 0%, #3a3c41 100%)!important;

}

#PersonalToolbar {

background-image: -moz-linear-gradient(top,  rgba(58,60,65,1) 0%, rgba(50,52,56,1) 100%)!important;

}

.toolbarbutton-text {

color:white!important;

}

#urlbar {

background-color: #333438!important;

color: #e5e5e5!important;

}

#identity-box.unknownIdentity, #identity-box.chromeUI {

background-image:-moz-linear-gradient(top, #616265 0%, #424548 100%)!important;

}

.toolbarbutton-icon, .toolbarbutton-1 {

background: none!important;



}

.toolbarbutton-1 {

border-radius:5px!important;

}

#forward-button.toolbarbutton-1 {

border-radius:2px!important;

}

.searchbar-textbox {

background-color:#333438!important;

color:#e5e5e5!important;

}



.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) {

   background-image: -moz-radial-gradient(center, ellipse cover,  rgba(255,197,120,.9) 0%, rgba(251,157,35,.8) 100%)!important;



}



/* hover testing 

.toolbarbutton-1:hover {

box-shadow:0 0 10px 3px #c85ec7!important;

border:#c85ec7 5px !important;

}

*/

}
huj113
小狐狸
小狐狸
  • UID34369
  • 注册日期2010-10-29
  • 最后登录2017-08-20
  • 发帖数46
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
1楼#
发布于:2012-11-23 11:51
用力游上去...
好人好梦
火狐狸
火狐狸
  • UID26935
  • 注册日期2008-11-06
  • 最后登录2024-04-26
  • 发帖数254
  • 经验89枚
  • 威望0点
  • 贡献值24点
  • 好评度4点
  • 社区居民
2楼#
发布于:2012-11-23 11:51
楼主说的是地址栏的边框?在22行“#urlbar{”
下面加上:“border:none !important;”
39行下面也加这么一句就没了
书签栏的话在16行”#PersonalToolbar {”
下面加上这句
这个不是没覆盖到,而是边框
huj113
小狐狸
小狐狸
  • UID34369
  • 注册日期2010-10-29
  • 最后登录2017-08-20
  • 发帖数46
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
3楼#
发布于:2012-11-23 11:51
好人好梦:楼主说的是地址栏的边框?在22行“#urlbar{”
下面加上:“border:none !important;”
39行下面也加这么一句就没了
书签栏的话在16行”#PersonalToolbar {”
下面加上这句
这个不是没覆盖到,而是边框
回到原帖

非常感谢,可是我试了并没效果只有其中一个是将地址栏里的特效禁用了。很抱歉是我没解释清楚,之前想说的“覆盖”是指你可以看到我原图里的白边非常明显都露出了上面的蓝边,而我想要覆盖的就是这一丝蓝边(白边才是边框如果我的想法是对的话?)。

这里有个实例,我随便添加个炫彩效果可以看到地址栏/书签栏下只留一丝白色的边这才是边框吧。再次感谢那么热心的帮助!

     
好人好梦
火狐狸
火狐狸
  • UID26935
  • 注册日期2008-11-06
  • 最后登录2024-04-26
  • 发帖数254
  • 经验89枚
  • 威望0点
  • 贡献值24点
  • 好评度4点
  • 社区居民
4楼#
发布于:2012-11-23 11:51
huj113
非常感谢,可是我试了并没效果只有其中一个是将地址栏里的特效禁用了。很抱歉是我没解释清楚,之前想说的“覆盖”是指你可以看到我原图里的白边非常明显都露出了上面的蓝边,而我想要覆盖的就是这一丝蓝边(白边才是边框如果我的想法是对的话?)。

这里有个实例,我随便添加个炫彩效果可以看到地址栏/书签栏下只留一丝白色的边这才是边框吧。再次感谢那么热心的帮助!

     
回到原帖

仔细看了,没有看到蓝边,莫非你是说地址栏的发光效果?
huj113
小狐狸
小狐狸
  • UID34369
  • 注册日期2010-10-29
  • 最后登录2017-08-20
  • 发帖数46
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
5楼#
发布于:2012-11-23 11:51

仔细看了,没有看到蓝边,莫非你是说地址栏的发光效果?

不是。我将图片放大了才发现原来这个样式的边框是默认的蓝色...而炫彩风格将原本的边框变成了白色导致出现了视觉误差让我误以为白色的边框显短...
现在将炫彩风格+样式一起就“完美”了...



游客

返回顶部