Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Griever/586620 to your computer and use it in GitHub Desktop.
Save Griever/586620 to your computer and use it in GitHub Desktop.
メニューバーをタイトルバーの上に重ねる UserCSS
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul) {
#main-window[chromemargin]:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) {
margin-top: -24px !important;/* 適宜修正 */
}
#main-window[chromemargin]:not([inFullscreen="true"]) #main-menubar {
min-height: 24px !important;/* 適宜修正 */
max-height: 24px !important;/* 適宜修正 */
-moz-box-align: center !important;
}
#main-window[chromemargin]:not([inFullscreen="true"]) #toolbar-menubar[type="menubar"][autohide="true"] {
-moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar") !important;
overflow: visible !important;
padding: 0px 75px 0px 20px !important;
background-color: transparent !important;
background-image: none !important;
color: CaptionText !important;
}
#main-window[chromemargin]:not([inFullscreen="true"]) #main-menubar > menu > .menubar-text {
margin: 0px 3px !important;
color: CaptionText !important;
}
#main-window[chromemargin] #appmenu-button{
background: transparent no-repeat center center url("moz-icon://file:///C:/Program Files/Mozilla Firefox/firefox.exe?size=16") !important;
border: none !important;
min-width: 20px !important;
max-width: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
padding: 2px !important;
margin: 2px 0 0 0 !important;
-moz-box-shadow: none !important;
}
#main-window[chromemargin]:not([inFullscreen="true"]) #appmenu-button .button-text,
#main-window[chromemargin]:not([inFullscreen="true"]) #appmenu-button .button-menu-dropmarker {
display: none !important;
}
#main-window[chromemargin]:not([inFullscreen="true"]) #appmenu-button-container,
#main-window[chromemargin]:not([inFullscreen="true"]) #titlebar-buttonbox,
#main-window[chromemargin]:not([inFullscreen="true"]) #toolbar-menubar > * {
position: relative !important;
z-index: 10 !important;
}
/* 検索バーが潰れる場合
#main-window[chromemargin]:not([inFullscreen="true"]) #toolbar-menubar .searchbar-textbox {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
*/
/* タイトルバーのデザインを変える
#titlebar {
-moz-appearance: none!important;
max-height: 26px !important;
min-height: 26px !important;
-moz-box-sizing: border-box !important;
border-top: solid 2px !important;
-moz-border-top-colors: ActiveCaption ThreeDDarkShadow !important;
background-color: ActiveCaption !important;
}
#titlebar:-moz-window-inactive {
background-color: InactiveCaption !important;
}
#titlebar-min,
#titlebar-max,
#titlebar-close {
-moz-appearance: none !important;
list-style-image: url("chrome://global/skin/icons/windowControls.png") !important;
padding: 0 !important;
border: none !important;
margin: 0 1px 0 2px !important;
}
#titlebar-min { -moz-image-region: rect(0, 16px, 16px, 0); }
#titlebar-min:hover { -moz-image-region: rect(16px, 16px, 32px, 0); }
#titlebar-min:hover:active { -moz-image-region: rect(32px, 16px, 48px, 0); }
#titlebar-max { -moz-image-region: rect(0, 32px, 16px, 16px); }
#titlebar-max:hover { -moz-image-region: rect(16px, 32px, 32px, 16px); }
#titlebar-max:hover:active { -moz-image-region: rect(32px, 32px, 48px, 16px); }
#titlebar-close { -moz-image-region: rect(0, 48px, 16px, 32px); }
#titlebar-close:hover { -moz-image-region: rect(16px, 48px, 32px, 32px); }
#titlebar-close:hover:active { -moz-image-region: rect(32px, 48px, 48px, 32px); }
*/
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment