Skip to content

Instantly share code, notes, and snippets.

@sys9kdr
Created May 9, 2013 20:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sys9kdr/5550530 to your computer and use it in GitHub Desktop.
Save sys9kdr/5550530 to your computer and use it in GitHub Desktop.
タブを上下反転させるスタイルのUX(Firefox UX build)向けの少々手直し入れたやつ
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url("chrome://browser/content/browser.xul"){
#titlebar{
margin-bottom:-24px !important;
}
#main-window[sizemode="normal"] #titlebar{
margin-bottom:-72px !important;
}
#appmenu-button-container{
min-width:98px !important;
}
#TabsToolbar{
margin:0 -126px 0 -102px !important;
-moz-box-ordinal-group:101 !important;
}
tab,
.tabs-newtab-button,
.tab-content{
-moz-transform:scaleY(-1) !important;
}
#main-window[sizemode="maximized"] #nav-bar{
border-top:1px solid rgba(26,26,26,0.5) !important;
}
toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#addon-bar){
border-bottom:1px solid rgba(26, 26, 26, 0.4) !important;
}
toolbar:not(#toolbar-menubar){
margin-bottom:-1px !important;
}
#main-window[sizemode="maximized"][tabsontop="true"] #TabsToolbar{
margin:0 -126px 0 -103px !important;
}
#main-window[sizemode="maximized"][tabsontop="true"] #toolbar-menubar[autohide="false"] ~ #TabsToolbar,
#main-window[sizemode="maximized"][tabsontop="true"] #titlebar[hidden="true"] ~ #tab-view-deck #TabsToolbar{
margin:0 !important;
}
#nav-bar{
-moz-box-ordinal-group:100 !important;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5))!important;/*firefox 16++*/
visibility:visible !important;
}
/*forward button*/
#nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #forward-button[disabled="true"]{
visibility:hidden !important;
}
toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#addon-bar):not(#nav-bar){
-moz-box-ordinal-group:100 !important;
background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5))!important;/*firefox 16++*/
}
#main-window[sizemode="maximized"] #nav-bar{
border-top:1px solid rgba(26,26,26,0.5) !important;
}
toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#addon-bar){
border-bottom:1px solid rgba(26, 26, 26, 0.4) !important;
}
/*fix tabs new button position*/
/*If you feel new button position is wrong, use this*/
/*.tabs-newtab-button image[class="toolbarbutton-icon"]{
margin-top:-2px !important;
}*/
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment