windong
火狐狸
火狐狸
  • UID33747
  • 注册日期2010-08-20
  • 最后登录2013-07-25
  • 发帖数129
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:2355回复:5

【求助】怎么让橙色按钮贴到屏幕顶端?

楼主#
更多 发布于:2010-10-20 13:24
怎么让橙色按钮贴到屏幕顶端,而标签不贴到最顶端?现在橙色按钮离最上面总是有点距离

我的css:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* Tab bar left and right padding */
/* Adjust according to the size of your Firefox button and window controls */

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar { 
  -moz-padding-start: 9.5em !important;
  -moz-padding-end: 6.5em !important;
}

/* Fix Firefox button position and height */

window[sizemode="maximized"] #titlebar-content {
  padding-top: 2px !important;
  padding-bottom: 6px !important;
}

#main-window[sizemode="maximized"] #appmenu-button {
  margin-top: -5px !important;
  width: 40px !important;
  background-size: 100% !important;
  padding-top: -4px !important;
  padding-left: 2px !important;
}

#main-window[sizemode="normal"] #appmenu-button {
  padding-top: 0px !important;
  padding-bottom: 3px !important;
}

/* Move the tab bar in the title bar when maximized */

window[sizemode="maximized"]:not([inFullscreen]) #navigator-toolbox[tabsontop="true"] #TabsToolbar {
  margin-top: -26px !important;
  margin-left: -35px !important;
  -moz-box-ordinal-group: 1 !important;
}

#main-window[tabsontop="true"]:not([inFullscreen]) #appmenu-button-container { 
  position: fixed !important;
  z-index: 1;
}

#main-window[tabsontop="true"]:not([inFullscreen]) #titlebar-buttonbox { 
  position: relative !important;
  z-index: 1;
}

#main-window[tabsontop="true"]:not([inFullscreen]) #TabsToolbar { 
  position: relative !important;
  background-color: transparent !important;
}

/* Fix tab styling for the dark background */


#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #alltabs-button[type="menu"] {
  list-style-image: url("chrome://browser/skin/appmenu-dropmarker.png") !important;
  -moz-image-region: rect(0, 9px, 7px, 0) !important;
}

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #alltabs-button[type="menu"] image {
  opacity: 0.7 !important;
  margin-top: 4px !important;
}

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) .tabbrowser-tab:not([selected="true"]),
#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) .tabs-newtab-button,
#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar > #home-button {  
  background-image: -moz-linear-gradient(hsla(0,0%,80%,.6), hsla(0,0%,75%,.4) 50%, hsla(0,0%,70%,.4) 51%) !important;
  text-shadow: white 0 0 2px;
}

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) .tabbrowser-tab:not([selected="true"]):hover,
#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) .tabs-newtab-button:hover,
#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar > #home-button:hover {  
  background-image: -moz-linear-gradient(hsla(0,0%,100%,.8), hsla(0,0%,90%,.6) 50%, hsla(0,0%,85%,.6) 51%) !important;
}
foxfirefox
千年狐狸
千年狐狸
  • UID16837
  • 注册日期2007-01-27
  • 最后登录2019-10-22
  • 发帖数1409
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
1楼#
发布于:2010-10-20 13:24
#main-window[sizemode="normal"] #appmenu-button {
里加margin-top: -2px !important;  -2要调整。
yzf1130
小狐狸
小狐狸
  • UID34017
  • 注册日期2010-09-17
  • 最后登录2012-05-15
  • 发帖数24
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2010-10-20 13:24
#appmenu-button-container {margin-top: -1px !important; }
windong
火狐狸
火狐狸
  • UID33747
  • 注册日期2010-08-20
  • 最后登录2013-07-25
  • 发帖数129
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
3楼#
发布于:2010-10-20 13:24
搞定了,谢谢~~~
lizihui01
小狐狸
小狐狸
  • UID28250
  • 注册日期2009-03-13
  • 最后登录2015-08-14
  • 发帖数29
  • 经验18枚
  • 威望0点
  • 贡献值12点
  • 好评度0点
4楼#
发布于:2010-10-20 13:24
这样的话!Tab Groups按钮显示有问题。最大化时同最小化按钮重叠了。有什么方法可以解决
msky
千年狐狸
千年狐狸
  • UID14649
  • 注册日期2006-09-21
  • 最后登录2023-04-03
  • 发帖数2959
  • 经验166枚
  • 威望0点
  • 贡献值12点
  • 好评度9点
  • 社区居民
5楼#
发布于:2010-10-20 13:24
#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar {
  -moz-padding-start: 9.5em !important;
  -moz-padding-end: 6.5em !important;
}

 -moz-padding-end: 6.5em   把6.5改大一点,改为合适的值,例如9
游客

返回顶部