Return to Snippet

Revision: 43435
at March 23, 2011 23:35 by ML


Initial Code
/*=========dialog windows==================================================*/

/*annimation de mise en valeur*/

@-moz-document url-prefix(chrome){

radio[pane],checkbox,textbox,#urlbar
{color:gray!important;text-shadow:none!important}

checkbox,
button:not(#appmenu-button),
#nav-bar toolbarbutton:not([disabled="true"]),
radio[pane][selected="true"]
{-moz-appearance:none!important;
 background:-moz-linear-gradient(rgba(240,240,240,.9)35%,rgba(200,200,200,.7)65%) !important}

button:not(#appmenu-button):not([id="urlbar-reload-button"]):hover,
checkbox[checked="true"],
radio[pane][selected="true"]
{-moz-box-shadow:gray 0 0 8px -2px inset, white 0px 0px 4px 2px!important;
  color:black!important;}

checkbox,
radio[pane],
button:not(#appmenu-button):not([id="urlbar-reload-button"])
{border-radius:4px!important;
 border:1px inset!important;
 -moz-border-top-colors: #999 !important;
 -moz-border-right-colors: #999 !important;
 -moz-border-left-colors: #aaa !important;
 -moz-border-bottom-colors: #888 !important;text-shadow: rgba(255,255,255,.5) 0px 1px 0px, white 0px 0px 4px, white 0px 0px 8px, rgba(0,0,0,.8) 1px -1px 2px!important
}

radio[pane]:hover,
button:not(#appmenu-button):not([id="urlbar-reload-button"]):hover,
#nav-bar toolbarbutton:not([disabled="true"]):hover,
checkbox:hover
{-moz-appearance:none!important;
 color:black!important;
 -moz-box-shadow: inset  0px 0px 4px -2px black, white 0px 0px 4px 2px!important;
  background-image: -moz-linear-gradient(rgba(0, 0, 0, .1)45%, rgba(0, 0, 0, .2)55%),-moz-linear-gradient(rgba(240,240,240,1)35%,rgba(200,200,200,1)65%)!important;
}


textbox:hover,textbox[focused="true"],#urlbar:hover,#urlbar[focused="true"]
{ color:black!important;
/*======= uncomment following '-moz'-selectors to create an hover-effect for URL-Bar =======*/
 /*-moz-box-shadow: inset  0px 2px 4px -4px black , 0px 0px 8px 2px white!important;
 -moz-transition-property: all!important;
 -moz-transition-duration:0.15s!important;
 -moz-transition-delay: 0s!important;*/}

/*simply glass dialog*/
dialog,prefwindow,#downloadView richlistitem
{text-shadow: rgba(255,255,255,.5) 0px 1px 0px, white 0px 0px 4px, white 0px 0px 8px, rgba(0,0,0,.8) 1px -1px 2px}

prefwindow,prefpane,
radiogroup,dialog,
richlistbox
{-moz-appearance: -moz-win-borderless-glass !important;
  background:transparent none!important}

/*Met en valeur les éléments éseulés*/
 caption,
 tab:not(.tabbrowser-tab),
dialog tabpanels,
prefwindow tabpanels,
.groupItem,
#handlersView,
 textbox,groupbox
{background-image: -moz-linear-gradient(center top , rgba(255,255,255,.8), rgba(255, 255, 255, .5) 156px), url("chrome://mozapps/skin/extensions/background-texture.png")!important;
 background-color:transparent!important;
-moz-appearance: none !important;
border-radius: 4px ;
 border: 1px inset !important;
-moz-border-top-colors: #999 !important;
-moz-border-right-colors: #999 !important;
-moz-border-left-colors: #aaa !important;
-moz-border-bottom-colors: #888 !important;
-moz-box-shadow: inset  0px 2px 4px -4px black!important;
-moz-transition-property: all!important;
-moz-transition-duration:0.15s!important;
-moz-transition-delay: 0s!important;
 text-shadow:none!important}

/*évite les superpositions d'effets inutiles*/
radio[pane]
{border: 1px inset !important;
 border-color:transparent!important;margin:4px!important}

caption,checkbox
{padding:4px!important;
 border-color:transparent!important;
-moz-box-shadow: inset  0px -2px 4px -4px black!important}

.tabs-right
{display:none!important}

tab:not(.tabbrowser-tab)
{border-bottom:none!important}

dialog tabpanels,
prefwindow tabpanels,
.groupItem,tab:not(.tabbrowser-tab),tabpanels,radiogroup,tabpanels
{-moz-box-shadow:none!important;}

/*"mini broswer"*/

tab:not(.tabbrowser-tab)
{border-top-left-radius:  4px !important;
 border-top-right-radius: 4px !important;
 border-bottom-left-radius:  0px !important;
 border-bottom-right-radius: 0px !important}

tabpanels
{border-top-left-radius:  0px !important}

}

/*=================about:blank=============================================*/

@-moz-document url-prefix(about)

{

#appcontent,#content,html
{background-color: #CCD9EA!important;
 background-image: -moz-linear-gradient(center top , #E7EDF6, rgba(231, 237, 246, 0) 156px), url("chrome://mozapps/skin/extensions/background-texture.png")!important;
 height:100%!important}

}

tabpanels{background:transparent none!important;border:none!important}

window[lwtheme="true"][stylish-url="about:blank"]:not([onclose="PrintUtils.exitPrintPreview(); return false;"]) #content browser
{opacity: 0 !important}


/*=========================about:robots====================================*/

@-moz-document url(about:robots){
body * button[style="visibility: hidden;"]:before{content:" crash report"}
body * button[style="visibility: hidden;"] *:after{content:" crash report"}}

/*========about:addon======================================================*/

@-moz-document url(about:addons)

{

.addon:hover
{background-color: rgba(148, 172, 204, 0.39);
 color: black}

.global-warning-container,
#addon-list acrCompatibilityButton
{display:none!important}

#list-view > #addon-list .icon
{vertical-align: middle !important}

#list-view .addon.addon-view,.addon
{max-height:52px!important;padding:0!important;}

#list-view .addon.addon-view[notification="warning"] .warning
{-moz-appearance: tooltip !important;
  margin-top:-14px!important;
  margin-bottom:-8px!important;display:none!important}

#list-view *
{margin-top: 0 !important;
 margin-bottom: 0 !important}

.category[selected]
{-moz-appearance:none!important;
-moz-box-shadow: inset  0px 0px 4px -2px black!important;
 background-color:black!important;
 background-image: -moz-linear-gradient(center top , #E7EDF6, rgba(231, 237, 246, 0) 156px), url("chrome://mozapps/skin/extensions/background-texture.png")!important;
 border: 1px inset !important;
 color:black!important;
-moz-border-top-colors: #999 !important;
-moz-border-right-colors: #999 !important;
-moz-border-left-colors: #aaa !important;
-moz-border-bottom-colors: #888 !important;
-moz-transition-property: all!important;
-moz-transition-duration:0.2s!important;
-moz-transition-delay: .2s!important;}

#view-port-container,.category:hover
{background-color:rgba(255, 255, 255, 0.6)!important;
 border: 1px inset !important;
-moz-box-shadow: inset  -0px 2px 4px -4px black!important;
-moz-border-top-colors: #999 !important;
-moz-border-right-colors: #999 !important;
-moz-border-left-colors: #aaa !important;
-moz-border-bottom-colors: #888 !important;
-moz-transition-property: all!important;
-moz-transition-duration:0.15s!important;
-moz-transition-delay: 0s!important;}

}

/*==tabs===================================================================*/

@-moz-document url(chrome://browser/content/browser.xul){

#main-window:not([lwtheme="true"]) deck ,
#main-window[tabsontop="true"]:not([lwtheme="true"]) tab
{text-shadow: rgba(255,255,255,.5) 0px 1px 0px, white 0px 0px 4px, white 0px 0px 8px, rgba(0,0,0,.8) 1px -1px 2px!important}

#addon-bar,#navigator-toolbox > *
{background:transparent none!important;border:none!important}

.tabbrowser-tab,
#main-window[tabsontop="true"] .tabbrowser-tabs:hover .tabbrowser-tab:not(hover):not([pinned])
/*======= use 'min-width' to create an expanding hover-effect for tabs =======*/
/*{min-width: 100px !important}*/
#main-window[tabsontop="true"] .tabbrowser-tabs .tabbrowser-tab[selected="true"]:not([pinned]),
#main-window[tabsontop="true"] .tabbrowser-tabs .tabbrowser-tab:hover:not([pinned]),
#main-window[tabsontop="true"] .tabbrowser-tabs:hover .tabbrowser-tab:hover:not([pinned])
/*======= use 'min-width' to create an expanding hover-effect for tabs =======*/
/*{min-width: 200px !important}*/


#main-window:not([tabsontop="true"]) .tabbrowser-tab[selected="true"],
#main-window:not([tabsontop="true"]):not([lwtheme="true"]) deck > vbox > toolbox
{background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0))!important; }

#main-window:not([lwtheme="true"]) #addon-bar,
#main-window[tabsontop="true"] #nav-bar
{border: none !important;
 background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .0))!important; }

#addon-bar{border:none!important}

#main-window:not([sizemode="maximized"]):not([inFullscreen])[tabsontop="true"] .tabbrowser-tabs
{margin-bottom:0px!important}

#main-window[tabsontop="true"] .tabbrowser-tab[selected="true"]
{background-image: -moz-linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .5)75%)!important; }

#main-window[tabsontop="true"] .tabbrowser-tab:not([selected="true"]),
#main-window[tabsontop="true"] .tabs-newtab-button
{background-image: -moz-linear-gradient(rgba(190, 190, 190, .5), rgba(110, 110, 110, .5) 50%)!important}

#main-window[tabsontop="true"] .tabbrowser-tab:not([selected="true"]):hover,
#main-window[tabsontop="true"] .tabs-newtab-button:hover
{background-image: -moz-linear-gradient(rgba(240, 240, 240, .6), rgba(160, 160, 160, .6) 50%)!important}

/*-------------tabs:flat theme---------------------------------------------*/

#main-window[lwtheme="true"] toolbox #urlbar,
#main-window[lwtheme="true"] #browser-bottombox,
#main-window[lwtheme="true"] toolbox,
#main-window[lwtheme="true"]#browser-bottombox statusbar,
#main-window[lwtheme="true"] toolbox .tab-icon-image,
#main-window[lwtheme="true"] #browser-bottombox toolbarbutton:not(text),
#main-window[lwtheme="true"] toolbox toolbarbutton
{opacity:0.45!important;
-moz-transition-property: opacity!important;
-moz-transition-duration:4s!important;
-moz-transition-delay: 1.5s!important;}

#main-window[lwtheme="true"] toolbox:hover #urlbar,
#main-window[lwtheme="true"] #browser-bottombox:hover,
#main-window[lwtheme="true"] toolbox:hover,
#main-window[lwtheme="true"] toolbox:hover #nav-bar toolbarbutton,
#main-window[lwtheme="true"] #browser-bottombox:hover statusbar,
#main-window[lwtheme="true"] toolbox:hover .tab-icon-image,
#main-window[lwtheme="true"] #browser-bottombox:hover toolbarbutton,
#main-window[lwtheme="true"] toolbox:hover toolbarbutton,
.toolbarbutton-icon
{opacity:1!important;
-moz-transition-property: opacity!important;
-moz-transition-duration:0.5s!important;
-moz-transition-delay: 0s!important;}

}
/*=========Statusbar=======Addonbar====urlbar=======navbar===toolbar=======*/

/*MenuButton*/
/*======= use 'margin-left' to set the point where to begin with tabs in fullscreen =======*/
#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #tabbrowser-tabs{margin-left:-40px!important;}
#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #appmenu-button-container
{-moz-appearance:-moz-window-button-box-maximized!important;
margin-left:-62px!important;width:0px!important;}
#main-window[focus="true"] *{background:red!important}
#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #appmenu-button
{z-index:1!important;margin-left:62px!important;
 height: 20px !important;position:fixed!important;
 min-width: 41px !important;max-width:20px!important;
 width: 41px !important;padding-left:4px!important;padding-right:4px!important;
 background:rgba(0,0,0,.3) -moz-linear-gradient(rgba(200,200,200,.6)50%,rgba(0,0,0,.2)50%)!important;
-moz-image-region: rect(0px, 88px, 16px, 72px)!important;
 list-style-image: url(chrome://browser/skin/Toolbar.png)!important;
 border: 1px inset !important;
-moz-border-top-colors: transparent!important;
-moz-border-right-colors: #000!important;
-moz-border-left-colors: #000!important;
-moz-border-bottom-colors: #000!important;
-moz-box-shadow: inset  0px 0px 0px 1px rgba(200,200,200,.6), 0px 0px 0px 1px rgba(200,200,200,.6)!important;}
#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #appmenu-button .button-text
{display:none!important}
#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #appmenu-button:-moz-window-inactive
{background-image:none!important;
/*box-shadow:none!important;
-moz-border-top-colors: transparent!important;
-moz-border-right-colors: gray!important;
-moz-border-left-colors: gray!important;
-moz-border-bottom-colors: gray!important;*/}

/*Findbar*/

#FindToolbar .toolbarbutton-text {display: none !important}
#FindToolbar checkbox            {display: none !important}

#FindToolbar .findbar-container 
{-moz-box-direction: reverse !important; }
#FindToolbar
{-moz-box-direction: reverse !important; }

/*partie du haut*/

window[stylish-url="about:addons"]:not([inFullscreen]) toolbar:not([collapsed="true"])
{visibility:visible !important}

#urlbar #urlbar-icons
{visibility:hidden}

#urlbar:hover #urlbar-icons,#urlbar:focus #urlbar-icons
{visibility:visible!important}

#sidebar-header,#browser-bottombox,#addon-bar,
#navigator-toolbox > toolbar:not(#toolbar-menubar):not([autohide="true"]),
#navigator-toolbox > #toolbar-menubar > toolbarspring,
#navigator-toolbox > #toolbar-menubar:not([autohide="true"])
{-moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar-drag") !important}

/*Addonbar*/

statuspanel:not([type="overLink"]) * .statuspanel-label,
#addonbar-closebutton
{display: none !important}

#addon-bar:before
{content: "By H.Dimitri";display:-moz-box!important;
 color:black!important;-moz-box-align:center!important;
 text-shadow: rgba(255,255,255,.5) 0px 1px 0px, white 0px 0px 4px, white 0px 0px 8px, rgba(0,0,0,.8) 1px -1px 2px}

#browser-bottombox:not(:-moz-lwtheme)
{-moz-appearance: -moz-win-glass !important}

#browser-bottombox statusbar
{-moz-appearance: tooltip!important;
;margin-top:-3px!important}

#main-window #addon-bar
{margin-top: -2px!important}

/*=======replace blank icon===================================*/
@-moz-document url(chrome://browser/content/browser.xul){

.tab-icon-image,
#page-proxy-favicon
{-moz-image-region: rect(0px, 88px, 16px, 72px)!important;
 list-style-image: url(chrome://browser/skin/Toolbar.png)!important}

}

/*=======new way for personnas===================================*/
@-moz-document url(chrome://browser/content/browser.xul){

#tab-view {background:transparent none!important}
#main-window{background-repeat:repeat!important}
#browser-bottombox{background:transparent none!important}
/* Patch réalisé par foxxyn8 */
#main-window[lwtheme="true"] #navigator-toolbox:after 
{ -moz-appearance: none !important; 
/*height: 0px !important;*/
background-color: transparent !important; } 
}

Initial URL

                                

Initial Description
This is the edited Version of the Stylish-Stylesheet "Firefox 4 Windows 7 total remake (design an glass)" by ML

it's used for some minor Changes as described on http:glassblog.wordpress.com

Original code by H.Dimitri for changing the layout of Firefox 4 (http://userstyles.org/styles/39981/firefox-4-windows-7-total-remake-design-an-glass)

Initial Title
Firefox 4 Windows 7 total remake (design an glass) - edited

Initial Tags

                                

Initial Language
CSS