jiahuiqu
火狐狸
火狐狸
  • UID32722
  • 注册日期2010-05-03
  • 最后登录2012-10-09
  • 发帖数218
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:2877回复:6

发一个appmenu样式

楼主#
更多 发布于:2011-01-13 10:49
自带的太长了,发个超短的:



#main-window[tabsontop="true"][sizemode="maximized"] #navigator-toolbox[tabsontop="true"] #TabsToolbar
{ margin-left: -3px !important;
}

#main-window[tabsontop="true"][sizemode="maximized"] #appmenu-button {
  min-width: 13px !important;
  padding-left: 1px !important;
  padding-right: 0px !important;
  background:transparent !Important;
  border: 1px solid rgba(0,0,0,.4) !important;
  border-top: transparent !important;
}

#main-window[tabsontop="true"][sizemode="maximized"] #appmenu-button .button-text,#appmenu-button .button-menu-dropmarker { display: none !important;}
#main-window[tabsontop="true"][sizemode="maximized"] #appmenu-button .button-box .box-inherit:before {
content: "F";
}
jiahuiqu
火狐狸
火狐狸
  • UID32722
  • 注册日期2010-05-03
  • 最后登录2012-10-09
  • 发帖数218
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
1楼#
发布于:2011-01-13 10:49
plera:想问下楼主怎么把前进后退的框框给去掉的,我的去掉之后外边还有一圈白色的,看着很不协调回到原帖



toolbar[iconsize="small"][mode="icons"] #back-button {            
  padding-left: 0px !important;
  padding-right: 0px !important;
margin-left: -2px !important;
margin-right: -2px !important;
background: none !important;
box-shadow: none !important;
border-color: transparent !important;
}
toolbar[iconsize="small"][mode="icons"] #forward-button{
  padding-left: 0px !important;
  padding-right: 0px !important;
margin-left: -2px !important;
margin-right: -2px !important;
background: none !important;
box-shadow: none !important;
border-color: transparent !important;
}

/*back-button,forward-button*/
toolbar[iconsize="small"][mode="icons"] #back-button:not(:active):hover {            
   background-color: hsla(190,60%,70%,.5) !important;
border-color: hsla(190,50%,65%,.7) hsla(190,50%,50%,.7) hsla(190,50%,40%,.7) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 0 0 0 1.5px rgba(255,255,255,.1) inset, 0 1px 0 rgba(0,0,0,.1), 0 0 3.5px hsl(190,90%,80%) !important;
-moz-transition: background-color .4s ease-in, border-color .2s ease-in, box-shadow .2s ease-in !important;
}
toolbar[iconsize="small"][mode="icons"] #forward-button:not(:active):hover {
background-color: hsla(190,60%,70%,.5) !important;
border-color: hsla(190,50%,65%,.7) hsla(190,50%,50%,.7) hsla(190,50%,40%,.7) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 0 0 0 1.5px rgba(255,255,255,.1) inset, 0 1px 0 rgba(0,0,0,.1), 0 0 3.5px hsl(190,90%,80%) !important;
-moz-transition: background-color .4s ease-in, border-color .2s ease-in, box-shadow .2s ease-in !important;
}
游客

返回顶部