Bug 431831: proto theme changes to correctly style inactive windows, patch by Kevin Gerich <kevin@kmgerich.com> and Markus Stange <mstange@themasta.com>, r=me, a=beltzner

This commit is contained in:
gavin@gavinsharp.com 2008-05-03 07:47:03 -07:00
parent 267192a1a4
commit 62e811b78d
7 changed files with 117 additions and 1 deletions

View File

@ -48,11 +48,61 @@
#main-window {
-moz-binding: url("chrome://global/skin/globalBindings.xml#unifiedWindow");
-moz-appearance: none;
}
#main-window[chromehidden~="toolbar"][chromehidden~="location"][chromehidden~="directories"] {
border-top: 1px solid rgba(0,0,0,0.65);
-moz-appearance: none;
background-color: #eeeeee;
}
/* ----- INACTIVE WINDOW ----- */
#main-window:not([active="true"]) > #navigator-toolbox > toolbar {
border-top-color: rgba(255,255,255,0.45);
border-bottom-color: rgba(0,0,0,0.35);
background-color: #cfcfcf;
}
#main-window:not([active="true"]) > #navigator-toolbox > #nav-bar {
background-image: url("chrome://global/skin/toolbar/toolbar-background-inactive.png");
}
#main-window:not([active="true"]) > #navigator-toolbox > #PersonalToolbar {
background-image: url("chrome://browser/skin/bookmark_toolbar_background-inactive.png");
}
#main-window:not([active="true"]) > #navigator-toolbox > toolbar > toolbaritem,
#main-window:not([active="true"]) > #navigator-toolbox > toolbar > toolbarbutton,
#main-window:not([active="true"]) > #browser-bottombox {
opacity: 0.75;
}
#main-window:not([active="true"]) > #browser > vbox > #sidebar,
#main-window:not([active="true"]) > #browser > vbox > sidebarheader {
background-color: #e8e8e8;
}
#main-window:not([active="true"]) .tabbrowser-strip {
background-color: #cfcfcf;
}
#main-window:not([active="true"]) .tabbrowser-tab {
color: #575757;
}
#main-window:not([active="true"]) .tabbrowser-tab[selected="true"] > .tab-image-middle,
#main-window:not([active="true"]) .tabbrowser-tab[selected="true"] > .tab-closebutton,
#main-window:not([active="true"]) .tabbrowser-tab[selected="true"] > .tab-close-button {
background-image: url("chrome://browser/skin/tabbrowser/tab-middle-inactive.png");
}
#main-window:not([active="true"]) .tabbrowser-tab[selected="true"] > .tab-image-left {
background: url("chrome://browser/skin/tabbrowser/tab-left-inactive.png") no-repeat;
}
#main-window:not([active="true"]) .tabbrowser-tab[selected="true"] > .tab-image-right {
background: url("chrome://browser/skin/tabbrowser/tab-right-inactive.png") no-repeat;
}
/* ----- SEARCH FIELD ----- */

View File

@ -43,6 +43,15 @@
-moz-binding: url("chrome://global/skin/globalBindings.xml#unifiedWindow");
}
#main-window:not([active="true"]) > #topStackBar {
background-image: url("chrome://global/skin/toolbar/toolbar-background-inactive.png");
background-color: #cfcfcf;
border-bottom: 1px solid rgba(0,0,0,0.35);
}
#main-window:not([active="true"]) > #topStackBar > #viewGroup {
opacity: 0.7;
}
#topStackBar {
display: -moz-box;

View File

@ -4,6 +4,24 @@
-moz-binding: url("chrome://global/skin/globalBindings.xml#unifiedWindow");
}
/* Inactive Window */
#places:not([active="true"]) > #placesToolbox > #placesToolbar {
background-image: url("chrome://global/skin/toolbar/toolbar-background-inactive.png");
background-color: #cfcfcf;
border-bottom: 1px solid rgba(0,0,0,0.35);
}
#places:not([active="true"]) > #placesToolbox > #placesToolbar > toolbarbutton,
#places:not([active="true"]) > #placesToolbox > #placesToolbar > #searchFilter {
opacity: 0.7;
}
#places:not([active="true"]) > #placesView > #placesList {
background-color: #e8e8e8;
}
/* Places Organizer Sidebars */
#placesList {

View File

@ -43,6 +43,16 @@
-moz-binding: url("chrome://global/skin/globalBindings.xml#unifiedPrefwindow");
}
#BrowserPreferences:not([active="true"]) > .paneSelector {
background-image: url("chrome://global/skin/toolbar/toolbar-background-tall-inactive.png");
background-color: #cfcfcf;
border-bottom: 1px solid rgba(0,0,0,0.35);
}
#BrowserPreferences:not([active="true"]) > .paneSelector > radio {
opacity: 0.7;
}
.prefWindow-dlgbuttons {
margin: 0 12px 8px 12px;
}

View File

@ -45,6 +45,16 @@
-moz-binding: url("chrome://global/skin/globalBindings.xml#unifiedWindow");
}
#JSConsoleWindow:not([active="true"]) > #console-toolbox > #ToolbarMode {
background-image: url("chrome://global/skin/toolbar/toolbar-background-inactive.png");
background-color: #cfcfcf;
border-bottom: 1px solid rgba(0,0,0,0.35);
}
#JSConsoleWindow:not([active="true"]) > #console-toolbox > #ToolbarMode > toolbarbutton {
opacity: 0.7;
}
.console-box {
background-color: -moz-Field;
color: -moz-FieldText;

View File

@ -111,6 +111,15 @@ richlistitem[type="download"] button {
background-position: top left;
}
#downloadManager:not([active="true"]) #search {
background-image: url("chrome://global/skin/toolbar/toolbar-background-inactive.png");
background-color: #cfcfcf;
}
#downloadManager:not([active="true"]) #search > * {
opacity: 0.7;
}
#clearListButton {
-moz-appearance: none;
border: 1px solid #5F5F5F;

View File

@ -2,6 +2,16 @@
-moz-binding: url("chrome://global/skin/globalBindings.xml#unifiedWindow");
}
#extensionsManager:not([active="true"]) > #topStackBar > #viewGroup {
background-image: url("chrome://global/skin/toolbar/toolbar-background-inactive.png");
background-color: #cfcfcf;
border-bottom: 1px solid rgba(0,0,0,0.35);
}
#extensionsManager:not([active="true"]) > #topStackBar > #viewGroup > .radiogroupWrapper {
opacity: 0.7;
}
#extensionsBox {
padding: 0;
min-width:1px;