金威伞业公司:火狐样式
来源:百度文库 编辑:中财网 时间:2024/07/02 20:05:54
自动隐藏导航:
/* Firefox 4 - Autohide Navigation Bar Alternative */
/* ver: 1.10 (09-15-2011) */
/* 2011 xat - contact: xatnys[at]gmail[dot]com */
/* this has been tested on Firefox 4.0-8.0a1 */
@namespace url(http://www.mozilla.org/keymaster/gateke ... s.only.xul);
@-moz-document url-prefix('chrome://') {
[tabsontop="true"] #nav-bar toolbarbutton { background-image: -moz-linear-gradient(rgba(251, 252, 253, 1.0), rgba(246, 247, 248, 1.0) 49%, rgba(231, 232, 233, 1.0) 51%, rgba(225, 226, 229, 1.0)) !important; opacity: 1.0 !important; }
[tabsontop="true"] #nav-bar toolbarbutton[disabled] { background-image: -moz-linear-gradient(rgba(251, 252, 253, 1.0), rgba(246, 247, 248, 1.0) 49%, rgba(231, 232, 233, 1.0) 51%, rgba(225, 226, 229, 1.0)) !important; opacity: .95 !important; }
/**/
[tabsontop="true"] #nav-bar {
min-height: 1px !important;
/*
min-height: 2px !important;
/**/
height: 1px !important;
margin-top: 0px !important;
margin-left: 0px !important;
-moz-box-ordinal-group: 101 !important;
padding-right: 1.5em/*0em/**/ !important;
}
[tabsontop="true"] #nav-bar #urlbar, [tabsontop="true"] #nav-bar #searchbar .searchbar-textbox {
-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.1) !important;
}
[tabsontop="true"] #nav-bar #urlbar:not(:hover):not([focused]), [tabsontop="true"] #nav-bar #searchbar:not(:hover) .searchbar-textbox:not(:hover):not([focused]) {
background-color: rgba(255,255,255,0.9) !important;
}
[tabsontop="true"] #nav-bar > :not(#urlbar-container):not(#searchbar-container) {
min-height: 24px !important;
}
[tabsontop="true"] #nav-bar > #urlbar-container, [tabsontop="true"] #nav-bar #searchbar {
min-height: 26px !important;
opacity: 1 !important;
/* weird hack I stumbled upon by chance */
-moz-transform: translateY(-9001px) !important; /* offset */
}
[tabsontop="true"][iconsize="large"] #nav-bar > #unified-back-forward-button, [tabsontop="true"][iconsize="large"] #nav-bar > #unified-back-forward-button ~ * {
margin-top: -4px !important;
}
/* initial non-focused */
[tabsontop="true"] > #nav-bar > :not(#urlbar-container):not(#search-container) {
opacity: 0 !important;
-moz-transform: translateY(-9001px) !important;
-moz-transition: opacity 300ms/**/ ease 300ms, -moz-transform 0ms ease 600ms !important;
}
[tabsontop="true"] #nav-bar #urlbar:not([focused]), [tabsontop="true"] #nav-bar #searchbar .searchbar-textbox:not([focused]) {
opacity: 0 !important;
-moz-transform: translateY(0px) !important;
-moz-transition: opacity 300ms/**/ ease 300ms, -moz-transform 0ms ease 600ms !important;
}
/* end initial non-focused */
/*hover animation*/
#navigator-toolbox[tabsontop="true"]:hover #nav-bar/*:hover/**/ > :not(#urlbar-container):not(#search-container) {
opacity: 1 !important;
-moz-transform: translateY(0px) !important;
-moz-transition: opacity 300ms/**/ ease 250ms, -moz-transform 0ms ease 300ms !important;
}
#navigator-toolbox[tabsontop="true"]:hover #nav-bar/*:hover/**/ > #urlbar-container #urlbar, #navigator-toolbox[tabsontop="true"]:hover #nav-bar/*:hover/**/ #searchbar .searchbar-textbox {
opacity: 1 !important;
-moz-transform: translateY(+9001px) !important;
-moz-transition: opacity 300ms/**/ ease 250ms, -moz-transform 0ms ease 300ms !important;
}
/*end hover animation*/
/*special non-hovered but focused state*/
[tabsontop="true"] #urlbar[focused], [tabsontop="true"] #searchbar .searchbar-textbox[focused] {
opacity: 1 !important;
-moz-transform: translateY(+9001px) !important;
-moz-transition: opacity 150ms/**/ ease 0ms, -moz-transform 0ms ease 0ms !important;
}
/*end special non-hovered but focused state*/
}
滚动条样式:
@-moz-document url-prefix(http://),
url-prefix(https://) {
/* THIS WHOLE CODE SECTION AUTOHIDES ONLY THE VERTICAL SCROLLBARS OF WEBPAGES */
scrollbar *
scrollbar scrollbarbutton { display: none ! important; }
scrollbar scrollbarbutton { visibility: collapse !important }
scrollbar[orient="vertical"]{
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAhSURBVHjaYvj//z8DMvb39/+PLoaMmRhIBAAAAAD//wMAB6Qizv4lfkgAAAAASUVORK5CYII=") ! important;
-moz-appearance: none !important;
background-color: transparent !important;
opacity: .75 !important;
min-width: 9px !important;
max-width: 9px !important;
margin-top: 150px !important;
margin-bottom: 150px !important;
}
/*CAN CHANGE SCROLLBAR WIDTH FROM Default 17px (MUST CHANGE BOTH min-width and max-width to exact same px */
/*Default vertical scrollbar width is 17px */
scrollbar[orient="vertical"]:hover
{
opacity: 1 !important;
-moz-appearance: none !important;
background-color: transparent !important;
min-width: 9px !important;
max-width: 9px !important;
}
/************************************************************************/
/* button you drag down the strip */
scrollbar thumb[orient="vertical"]
{
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAnSURBVHjaYmQofPWfgQjwv0+UkYGBgYGJgUQwqmGkaAAAAAD//wMA+/4EFULQY9sAAAAASUVORK5CYII=") ! important;
-moz-appearance: none !important;
-moz-border-radius: 4px !important;
min-width: 8px !important;
max-width: 8px !important;
border: 1px !important;
}
/* HOVER:button you drag down the strip */
scrollbar thumb[orient="vertical"]:hover
{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAnSURBVHjaYmQofPWfgQjwv0+UkYGBgYGJgUQwqmGkaAAAAAD//wMA+/4EFULQY9sAAAAASUVORK5CYII=") ! important;
-moz-border-radius: 4px !important;
border: 0px !important;
}
/***************************************************************************/
/*////////////////////////////////////////////////////////////////////////////*/
/* THIS WHOLE CODE SECTION AUTOHIDES ONLY THE HORIZONTAL SCROLLBARS OF WEBPAGES */
/*can increase min-height 5px and max-height 5px to have more grab space for horizontal scrollbar (min-height and max-height must be exact same px)*/
scrollbar[orient="horizontal"]{
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAMCAYAAABIvGxUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYvz//z8DAwMDAxMDFGAyGP39/f8zMDAwMBKhGA8DMAB8qAf8L6w8LwAAAABJRU5ErkJggg==") ! important;
-moz-appearance: none !important;
background-color: transparent !important;
opacity: .75 !important;
min-height: 9px !important;
max-height: 9px !important;
margin-left: 450px !important;
margin-right: 450px !important;
}
/*CAN MAKE HORIZONTAL SCROLLBARS LESS HEIGHT when hovered BELOW:MUST HAVE min-height and max-height exact same px */
/* Default horizontal height is 17px */
scrollbar[orient="horizontal"]:hover
{
opacity: 1 !important;
-moz-appearance: none !important;
background-color: transparent !important;
min-height: 9px !important;
max-height: 9px !important;
margin-left: 450px !important;
margin-right: 450px !important;
}
/*////////////////////// bar /////////////////////////////////////////*/
/* button you drag down the strip */
scrollbar thumb[orient="horizontal"]
{
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYmQofPWfgQTAxEAiGNUwODQw/v//n7Y2AAAAAP//AwCb0AVuQc6u0wAAAABJRU5ErkJggg==") ! important;
-moz-appearance: none !important;
-moz-border-radius: 4px !important;
min-height: 8px !important;
max-height: 8px !important;
border: 1px !important;
margin-left: 0px !important;
}
/* HOVER:button you drag down the strip */
scrollbar thumb[orient="horizontal"]:hover
{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYmQofPWfgQTAxEAiGNUwODQw/v//n7Y2AAAAAP//AwCb0AVuQc6u0wAAAABJRU5ErkJggg==") ! important;
-moz-border-radius: 4px !important;
border: 0px !important;
}
/*///////////////////////////////////////////////////////////////////*/
/* REMOVES THE SCROLLBAR CORNERS THAT CAN BE SEEN ON DARK COLORED WEBPAGES */
scrollcorner{opacity: 0 !important;}
scrollbar scrollcorner:hover {background:transparent !important;}
}
自动隐藏书签
@-moz-document url(chrome://browser/content/browser.xul) {
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) ~ #browser {
margin-top: -25px !important;/* 適宜調整 */
}
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out .8s !important;/* 消えるときのアニメーション */
-moz-box-ordinal-group: 1000 !important;
padding: 0 3px !important;
position: relative !important;
z-index: 100 !important;
overflow-y: hidden !important;
max-height: 1px !important;
min-height: 1px !important;
}
/*
#main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]):hover > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */
max-height: 30px !important;
}
}
滚动条样式
@-moz-document url-prefix(http://), url-prefix(https://) {/* THIS WHOLE CODE SECTION AUTOHIDES ONLY THE VERTICAL SCROLLBARS OF WEBPAGES */scrollbar *scrollbar scrollbarbutton { display: none ! important; }scrollbar scrollbarbutton { visibility: collapse !important } scrollbar[orient="vertical"]{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAhSURBVHjaYvj//z8DMvb39/+PLoaMmRhIBAAAAAD//wMAB6Qizv4lfkgAAAAASUVORK5CYII=") ! important; -moz-appearance: none !important;background-color: transparent !important;opacity: .75 !important;min-width: 9px !important;max-width: 9px !important;margin-top: 150px !important;margin-bottom: 150px !important;} /*CAN CHANGE SCROLLBAR WIDTH FROM Default 17px (MUST CHANGE BOTH min-width and max-width to exact same px *//*Default vertical scrollbar width is 17px */scrollbar[orient="vertical"]:hover{opacity: 1 !important;-moz-appearance: none !important;background-color: transparent !important;min-width: 9px !important;max-width: 9px !important;}/************************************************************************/ /* button you drag down the strip */ scrollbar thumb[orient="vertical"]{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAnSURBVHjaYmQofPWfgQjwv0+UkYGBgYGJgUQwqmGkaAAAAAD//wMA+/4EFULQY9sAAAAASUVORK5CYII=") ! important; -moz-appearance: none !important;-moz-border-radius: 4px !important;min-width: 8px !important;max-width: 8px !important;border: 1px !important;} /* HOVER:button you drag down the strip */ scrollbar thumb[orient="vertical"]:hover {background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAnSURBVHjaYmQofPWfgQjwv0+UkYGBgYGJgUQwqmGkaAAAAAD//wMA+/4EFULQY9sAAAAASUVORK5CYII=") ! important; -moz-border-radius: 4px !important;border: 0px !important;} /***************************************************************************/ /*////////////////////////////////////////////////////////////////////////////*/ /* THIS WHOLE CODE SECTION AUTOHIDES ONLY THE HORIZONTAL SCROLLBARS OF WEBPAGES *//*can increase min-height 5px and max-height 5px to have more grab space for horizontal scrollbar (min-height and max-height must be exact same px)*/ scrollbar[orient="horizontal"]{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAMCAYAAABIvGxUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYvz//z8DAwMDAxMDFGAyGP39/f8zMDAwMBKhGA8DMAB8qAf8L6w8LwAAAABJRU5ErkJggg==") ! important; -moz-appearance: none !important;background-color: transparent !important;opacity: .75 !important;min-height: 9px !important;max-height: 9px !important;margin-left: 450px !important;margin-right: 450px !important;} /*CAN MAKE HORIZONTAL SCROLLBARS LESS HEIGHT when hovered BELOW:MUST HAVE min-height and max-height exact same px *//* Default horizontal height is 17px */scrollbar[orient="horizontal"]:hover{opacity: 1 !important;-moz-appearance: none !important;background-color: transparent !important;min-height: 9px !important;max-height: 9px !important;margin-left: 450px !important;margin-right: 450px !important;} /*////////////////////// bar /////////////////////////////////////////*/ /* button you drag down the strip */ scrollbar thumb[orient="horizontal"]{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYmQofPWfgQTAxEAiGNUwODQw/v//n7Y2AAAAAP//AwCb0AVuQc6u0wAAAABJRU5ErkJggg==") ! important; -moz-appearance: none !important;-moz-border-radius: 4px !important;min-height: 8px !important;max-height: 8px !important;border: 1px !important;margin-left: 0px !important;} /* HOVER:button you drag down the strip */ scrollbar thumb[orient="horizontal"]:hover {background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYmQofPWfgQTAxEAiGNUwODQw/v//n7Y2AAAAAP//AwCb0AVuQc6u0wAAAABJRU5ErkJggg==") ! important; -moz-border-radius: 4px !important;border: 0px !important;} /*///////////////////////////////////////////////////////////////////*/ /* REMOVES THE SCROLLBAR CORNERS THAT CAN BE SEEN ON DARK COLORED WEBPAGES */ scrollcorner{opacity: 0 !important;} scrollbar scrollcorner:hover {background:transparent !important;} }
/* Firefox 4 - Autohide Navigation Bar Alternative */
/* ver: 1.10 (09-15-2011) */
/* 2011 xat - contact: xatnys[at]gmail[dot]com */
/* this has been tested on Firefox 4.0-8.0a1 */
@namespace url(http://www.mozilla.org/keymaster/gateke ... s.only.xul);
@-moz-document url-prefix('chrome://') {
[tabsontop="true"] #nav-bar toolbarbutton { background-image: -moz-linear-gradient(rgba(251, 252, 253, 1.0), rgba(246, 247, 248, 1.0) 49%, rgba(231, 232, 233, 1.0) 51%, rgba(225, 226, 229, 1.0)) !important; opacity: 1.0 !important; }
[tabsontop="true"] #nav-bar toolbarbutton[disabled] { background-image: -moz-linear-gradient(rgba(251, 252, 253, 1.0), rgba(246, 247, 248, 1.0) 49%, rgba(231, 232, 233, 1.0) 51%, rgba(225, 226, 229, 1.0)) !important; opacity: .95 !important; }
/**/
[tabsontop="true"] #nav-bar {
min-height: 1px !important;
/*
min-height: 2px !important;
/**/
height: 1px !important;
margin-top: 0px !important;
margin-left: 0px !important;
-moz-box-ordinal-group: 101 !important;
padding-right: 1.5em/*0em/**/ !important;
}
[tabsontop="true"] #nav-bar #urlbar, [tabsontop="true"] #nav-bar #searchbar .searchbar-textbox {
-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.1) !important;
}
[tabsontop="true"] #nav-bar #urlbar:not(:hover):not([focused]), [tabsontop="true"] #nav-bar #searchbar:not(:hover) .searchbar-textbox:not(:hover):not([focused]) {
background-color: rgba(255,255,255,0.9) !important;
}
[tabsontop="true"] #nav-bar > :not(#urlbar-container):not(#searchbar-container) {
min-height: 24px !important;
}
[tabsontop="true"] #nav-bar > #urlbar-container, [tabsontop="true"] #nav-bar #searchbar {
min-height: 26px !important;
opacity: 1 !important;
/* weird hack I stumbled upon by chance */
-moz-transform: translateY(-9001px) !important; /* offset */
}
[tabsontop="true"][iconsize="large"] #nav-bar > #unified-back-forward-button, [tabsontop="true"][iconsize="large"] #nav-bar > #unified-back-forward-button ~ * {
margin-top: -4px !important;
}
/* initial non-focused */
[tabsontop="true"] > #nav-bar > :not(#urlbar-container):not(#search-container) {
opacity: 0 !important;
-moz-transform: translateY(-9001px) !important;
-moz-transition: opacity 300ms/**/ ease 300ms, -moz-transform 0ms ease 600ms !important;
}
[tabsontop="true"] #nav-bar #urlbar:not([focused]), [tabsontop="true"] #nav-bar #searchbar .searchbar-textbox:not([focused]) {
opacity: 0 !important;
-moz-transform: translateY(0px) !important;
-moz-transition: opacity 300ms/**/ ease 300ms, -moz-transform 0ms ease 600ms !important;
}
/* end initial non-focused */
/*hover animation*/
#navigator-toolbox[tabsontop="true"]:hover #nav-bar/*:hover/**/ > :not(#urlbar-container):not(#search-container) {
opacity: 1 !important;
-moz-transform: translateY(0px) !important;
-moz-transition: opacity 300ms/**/ ease 250ms, -moz-transform 0ms ease 300ms !important;
}
#navigator-toolbox[tabsontop="true"]:hover #nav-bar/*:hover/**/ > #urlbar-container #urlbar, #navigator-toolbox[tabsontop="true"]:hover #nav-bar/*:hover/**/ #searchbar .searchbar-textbox {
opacity: 1 !important;
-moz-transform: translateY(+9001px) !important;
-moz-transition: opacity 300ms/**/ ease 250ms, -moz-transform 0ms ease 300ms !important;
}
/*end hover animation*/
/*special non-hovered but focused state*/
[tabsontop="true"] #urlbar[focused], [tabsontop="true"] #searchbar .searchbar-textbox[focused] {
opacity: 1 !important;
-moz-transform: translateY(+9001px) !important;
-moz-transition: opacity 150ms/**/ ease 0ms, -moz-transform 0ms ease 0ms !important;
}
/*end special non-hovered but focused state*/
}
滚动条样式:
@-moz-document url-prefix(http://),
url-prefix(https://) {
/* THIS WHOLE CODE SECTION AUTOHIDES ONLY THE VERTICAL SCROLLBARS OF WEBPAGES */
scrollbar *
scrollbar scrollbarbutton { display: none ! important; }
scrollbar scrollbarbutton { visibility: collapse !important }
scrollbar[orient="vertical"]{
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAhSURBVHjaYvj//z8DMvb39/+PLoaMmRhIBAAAAAD//wMAB6Qizv4lfkgAAAAASUVORK5CYII=") ! important;
-moz-appearance: none !important;
background-color: transparent !important;
opacity: .75 !important;
min-width: 9px !important;
max-width: 9px !important;
margin-top: 150px !important;
margin-bottom: 150px !important;
}
/*CAN CHANGE SCROLLBAR WIDTH FROM Default 17px (MUST CHANGE BOTH min-width and max-width to exact same px */
/*Default vertical scrollbar width is 17px */
scrollbar[orient="vertical"]:hover
{
opacity: 1 !important;
-moz-appearance: none !important;
background-color: transparent !important;
min-width: 9px !important;
max-width: 9px !important;
}
/************************************************************************/
/* button you drag down the strip */
scrollbar thumb[orient="vertical"]
{
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAnSURBVHjaYmQofPWfgQjwv0+UkYGBgYGJgUQwqmGkaAAAAAD//wMA+/4EFULQY9sAAAAASUVORK5CYII=") ! important;
-moz-appearance: none !important;
-moz-border-radius: 4px !important;
min-width: 8px !important;
max-width: 8px !important;
border: 1px !important;
}
/* HOVER:button you drag down the strip */
scrollbar thumb[orient="vertical"]:hover
{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAnSURBVHjaYmQofPWfgQjwv0+UkYGBgYGJgUQwqmGkaAAAAAD//wMA+/4EFULQY9sAAAAASUVORK5CYII=") ! important;
-moz-border-radius: 4px !important;
border: 0px !important;
}
/***************************************************************************/
/*////////////////////////////////////////////////////////////////////////////*/
/* THIS WHOLE CODE SECTION AUTOHIDES ONLY THE HORIZONTAL SCROLLBARS OF WEBPAGES */
/*can increase min-height 5px and max-height 5px to have more grab space for horizontal scrollbar (min-height and max-height must be exact same px)*/
scrollbar[orient="horizontal"]{
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAMCAYAAABIvGxUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYvz//z8DAwMDAxMDFGAyGP39/f8zMDAwMBKhGA8DMAB8qAf8L6w8LwAAAABJRU5ErkJggg==") ! important;
-moz-appearance: none !important;
background-color: transparent !important;
opacity: .75 !important;
min-height: 9px !important;
max-height: 9px !important;
margin-left: 450px !important;
margin-right: 450px !important;
}
/*CAN MAKE HORIZONTAL SCROLLBARS LESS HEIGHT when hovered BELOW:MUST HAVE min-height and max-height exact same px */
/* Default horizontal height is 17px */
scrollbar[orient="horizontal"]:hover
{
opacity: 1 !important;
-moz-appearance: none !important;
background-color: transparent !important;
min-height: 9px !important;
max-height: 9px !important;
margin-left: 450px !important;
margin-right: 450px !important;
}
/*////////////////////// bar /////////////////////////////////////////*/
/* button you drag down the strip */
scrollbar thumb[orient="horizontal"]
{
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYmQofPWfgQTAxEAiGNUwODQw/v//n7Y2AAAAAP//AwCb0AVuQc6u0wAAAABJRU5ErkJggg==") ! important;
-moz-appearance: none !important;
-moz-border-radius: 4px !important;
min-height: 8px !important;
max-height: 8px !important;
border: 1px !important;
margin-left: 0px !important;
}
/* HOVER:button you drag down the strip */
scrollbar thumb[orient="horizontal"]:hover
{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYmQofPWfgQTAxEAiGNUwODQw/v//n7Y2AAAAAP//AwCb0AVuQc6u0wAAAABJRU5ErkJggg==") ! important;
-moz-border-radius: 4px !important;
border: 0px !important;
}
/*///////////////////////////////////////////////////////////////////*/
/* REMOVES THE SCROLLBAR CORNERS THAT CAN BE SEEN ON DARK COLORED WEBPAGES */
scrollcorner{opacity: 0 !important;}
scrollbar scrollcorner:hover {background:transparent !important;}
}
自动隐藏书签
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul) {
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) ~ #browser {
margin-top: -25px !important;/* 適宜調整 */
}
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out .8s !important;/* 消えるときのアニメーション */
-moz-box-ordinal-group: 1000 !important;
padding: 0 3px !important;
position: relative !important;
z-index: 100 !important;
overflow-y: hidden !important;
max-height: 1px !important;
min-height: 1px !important;
}
/*
#main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]):hover > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */
max-height: 30px !important;
}
}
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul) {
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) ~ #browser {
margin-top: -25px !important;/* 適宜調整 */
}
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out .8s !important;/* 消えるときのアニメーション */
-moz-box-ordinal-group: 1000 !important;
padding: 0 3px !important;
position: relative !important;
z-index: 100 !important;
overflow-y: hidden !important;
max-height: 1px !important;
min-height: 1px !important;
}
/*
#main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]):hover > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */
max-height: 30px !important;
}
}
@-moz-document url(chrome://browser/content/browser.xul) {
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) ~ #browser {
margin-top: -25px !important;/* 適宜調整 */
}
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out .8s !important;/* 消えるときのアニメーション */
-moz-box-ordinal-group: 1000 !important;
padding: 0 3px !important;
position: relative !important;
z-index: 100 !important;
overflow-y: hidden !important;
max-height: 1px !important;
min-height: 1px !important;
}
/*
#main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]):hover > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */
max-height: 30px !important;
}
}
滚动条样式
@-moz-document url-prefix(http://), url-prefix(https://) {/* THIS WHOLE CODE SECTION AUTOHIDES ONLY THE VERTICAL SCROLLBARS OF WEBPAGES */scrollbar *scrollbar scrollbarbutton { display: none ! important; }scrollbar scrollbarbutton { visibility: collapse !important } scrollbar[orient="vertical"]{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAACCAYAAABsfz2XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAhSURBVHjaYvj//z8DMvb39/+PLoaMmRhIBAAAAAD//wMAB6Qizv4lfkgAAAAASUVORK5CYII=") ! important; -moz-appearance: none !important;background-color: transparent !important;opacity: .75 !important;min-width: 9px !important;max-width: 9px !important;margin-top: 150px !important;margin-bottom: 150px !important;} /*CAN CHANGE SCROLLBAR WIDTH FROM Default 17px (MUST CHANGE BOTH min-width and max-width to exact same px *//*Default vertical scrollbar width is 17px */scrollbar[orient="vertical"]:hover{opacity: 1 !important;-moz-appearance: none !important;background-color: transparent !important;min-width: 9px !important;max-width: 9px !important;}/************************************************************************/ /* button you drag down the strip */ scrollbar thumb[orient="vertical"]{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAnSURBVHjaYmQofPWfgQjwv0+UkYGBgYGJgUQwqmGkaAAAAAD//wMA+/4EFULQY9sAAAAASUVORK5CYII=") ! important; -moz-appearance: none !important;-moz-border-radius: 4px !important;min-width: 8px !important;max-width: 8px !important;border: 1px !important;} /* HOVER:button you drag down the strip */ scrollbar thumb[orient="vertical"]:hover {background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAnSURBVHjaYmQofPWfgQjwv0+UkYGBgYGJgUQwqmGkaAAAAAD//wMA+/4EFULQY9sAAAAASUVORK5CYII=") ! important; -moz-border-radius: 4px !important;border: 0px !important;} /***************************************************************************/ /*////////////////////////////////////////////////////////////////////////////*/ /* THIS WHOLE CODE SECTION AUTOHIDES ONLY THE HORIZONTAL SCROLLBARS OF WEBPAGES *//*can increase min-height 5px and max-height 5px to have more grab space for horizontal scrollbar (min-height and max-height must be exact same px)*/ scrollbar[orient="horizontal"]{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAMCAYAAABIvGxUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYvz//z8DAwMDAxMDFGAyGP39/f8zMDAwMBKhGA8DMAB8qAf8L6w8LwAAAABJRU5ErkJggg==") ! important; -moz-appearance: none !important;background-color: transparent !important;opacity: .75 !important;min-height: 9px !important;max-height: 9px !important;margin-left: 450px !important;margin-right: 450px !important;} /*CAN MAKE HORIZONTAL SCROLLBARS LESS HEIGHT when hovered BELOW:MUST HAVE min-height and max-height exact same px *//* Default horizontal height is 17px */scrollbar[orient="horizontal"]:hover{opacity: 1 !important;-moz-appearance: none !important;background-color: transparent !important;min-height: 9px !important;max-height: 9px !important;margin-left: 450px !important;margin-right: 450px !important;} /*////////////////////// bar /////////////////////////////////////////*/ /* button you drag down the strip */ scrollbar thumb[orient="horizontal"]{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYmQofPWfgQTAxEAiGNUwODQw/v//n7Y2AAAAAP//AwCb0AVuQc6u0wAAAABJRU5ErkJggg==") ! important; -moz-appearance: none !important;-moz-border-radius: 4px !important;min-height: 8px !important;max-height: 8px !important;border: 1px !important;margin-left: 0px !important;} /* HOVER:button you drag down the strip */ scrollbar thumb[orient="horizontal"]:hover {background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAmSURBVHjaYmQofPWfgQTAxEAiGNUwODQw/v//n7Y2AAAAAP//AwCb0AVuQc6u0wAAAABJRU5ErkJggg==") ! important; -moz-border-radius: 4px !important;border: 0px !important;} /*///////////////////////////////////////////////////////////////////*/ /* REMOVES THE SCROLLBAR CORNERS THAT CAN BE SEEN ON DARK COLORED WEBPAGES */ scrollcorner{opacity: 0 !important;} scrollbar scrollcorner:hover {background:transparent !important;} }
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul) {
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) ~ #browser {
margin-top: -25px !important;/* 適宜調整 */
}
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out .8s !important;/* 消えるときのアニメーション */
-moz-box-ordinal-group: 1000 !important;
padding: 0 3px !important;
position: relative !important;
z-index: 100 !important;
overflow-y: hidden !important;
max-height: 1px !important;
min-height: 1px !important;
}
/*
#main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]):hover > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */
max-height: 30px !important;
}
}
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul) {
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) ~ #browser {
margin-top: -25px !important;/* 適宜調整 */
}
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out .8s !important;/* 消えるときのアニメーション */
-moz-box-ordinal-group: 1000 !important;
padding: 0 3px !important;
position: relative !important;
z-index: 100 !important;
overflow-y: hidden !important;
max-height: 1px !important;
min-height: 1px !important;
}
/*
#main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]):hover > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */
max-height: 30px !important;
}
}@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul) {
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) ~ #browser {
margin-top: -25px !important;/* 適宜調整 */
}
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out .8s !important;/* 消えるときのアニメーション */
-moz-box-ordinal-group: 1000 !important;
padding: 0 3px !important;
position: relative !important;
z-index: 100 !important;
overflow-y: hidden !important;
max-height: 1px !important;
min-height: 1px !important;
}
/*
#main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]):hover > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */
max-height: 30px !important;
}
}
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul) {
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) ~ #browser {
margin-top: -25px !important;/* 適宜調整 */
}
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out .8s !important;/* 消えるときのアニメーション */
-moz-box-ordinal-group: 1000 !important;
padding: 0 3px !important;
position: relative !important;
z-index: 100 !important;
overflow-y: hidden !important;
max-height: 1px !important;
min-height: 1px !important;
}
/*
#main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]):hover > #PersonalToolbar {
-moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */
max-height: 30px !important;
}
}