/* ::::: primary toolbar buttons ::::: */
.toolbarbutton-1 {
- list-style-image: url("chrome://browser/skin/Toolbar.png");
+ list-style-image: url("chrome://browser/skin/FxToolbar.png");
}
.toolbarbutton-1:not([type="menu-button"]) {
/* home button */
#home-button.bookmark-item {
- list-style-image: url("chrome://browser/skin/Toolbar.png");
+ list-style-image: url("chrome://browser/skin/FxToolbar.png");
}
#home-button {
-moz-image-region: rect(0, 90px, 18px, 72px);
-moz-image-region: rect(36px, 108px, 54px, 90px);
}
+#downloads-button > .toolbarbutton-icon {
+ margin: 0;
+}
+
/* history sidebar button */
#history-button {
#bookmarks-button,
#bookmarks-menu-button {
- list-style-image: url("chrome://browser/skin/Toolbar.png") !important; /* for making the palette work */
+ list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */
-moz-image-region: rect(0, 144px, 18px, 126px);
}
#bookmarks-menu-button.bookmark-item {
- /* list-style-image: url("chrome://browser/skin/Toolbar.png"); */
+ /* list-style-image: url("chrome://browser/skin/FxToolbar.png"); */
}
#bookmarks-menu-button.toolbarbutton-1 {
/* sync button */
#sync-button:not([status]) {
- list-style-image: url("chrome://browser/skin/Toolbar.png") !important; /* for making the palette work */
+ list-style-image: url("chrome://browser/skin/FxToolbar.png") !important; /* for making the palette work */
-moz-image-region: rect(0, 324px, 18px, 306px);
}
background-color: #FF9F00;
}
-#identity-box.verifiedIdentity:hover,
-#identity-box.verifiedIdentity:hover:active,
-#identity-box.verifiedIdentity[open=true] {
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:hover:active,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity[open=true] {
background-color: #008484;
color: #000000;
}
#main-window[disablechrome] #TabsToolbar,
#TabsToolbar[tabsontop="false"] {
- border-bottom: 1px solid #FF9F00;
+ border-bottom: 1px solid #008484;
}
.tabbrowser-tab,
width: 26px;
}
+.tabs-newtab-button,
.tabs-newtab-button:hover,
#TabsToolbar > #new-tab-button:hover {
-moz-image-region: rect(0, 32px, 18px, 16px);
list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
}
+#blocked-plugins-notification-icon {
+ list-style-image: url("chrome://mozapps/skin/plugins/notifyPluginBlocked.png");
+}
+
+#blocked-plugins-notification-icon[showing] {
+ animation: pluginBlockedNotification 500ms ease 0s 5 alternate both;
+}
+
+@keyframes pluginBlockedNotification {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
#webRTC-notification-icon {
list-style-image: url("chrome://browser/skin/webRTC-shareDevice-16.png");
}
}
#download-monitor {
- list-style-image: url("chrome://browser/skin/Toolbar.png");
+ list-style-image: url("chrome://browser/skin/FxToolbar.png");
-moz-image-region: rect(0, 108px, 18px, 90px);
}
}
.inspector-breadcrumbs-button {
- /*background-color: transparent;*/
+ background-color: #000000;
+ border-radius: 0;
border-style: solid;
border-width: 2px 13px;
outline: none;
- /* color: hsl(210,30%,85%); */
+ color: #FF9F00;
width: 85px; /* Can't use max-width. See bug 723132 */
/* The content of the button can be larger than the button */
overflow: hidden;
padding: 0 9px;
}
+.inspector-breadcrumbs-button:hover {
+ background-color: #FFCF00;
+ color: #000000;
+}
+
+.inspector-breadcrumbs-button[checked]:not(:hover) {
+ background-color: #008484;
+ color: #000000;
+}
+
+.inspector-breadcrumbs-button[siblings-menu-open],
+.inspector-breadcrumbs-button:active {
+ background-color: #FF9F00;
+ color: #000000;
+}
+
.inspector-breadcrumbs-button:-moz-focusring > .button-box {
border-width: 0;
}
}
/* social toolbar provider menu */
-#social-statusarea-popup {
+.social-statusarea-popup {
margin-top: 0;
margin-left: -12px;
margin-right: -12px;
}
-#social-statusarea-user {
+.social-statusarea-user {
border-bottom: 1px solid #9C9CFF;
background-color: #000000;
color: #FF9F00;
cursor: pointer;
}
-#social-statusarea-user-portrait {
+.social-statusarea-user-portrait {
width: 32px;
height: 32px;
border-radius: 2px;
margin: 10px;
}
-#social-statusarea-user > vbox > .link {
+.social-statusarea-loggedInStatus {
background: transparent;
border: none;
color: #3333FF;
list-style-image: none;
}
-#social-statusarea-user[_moz-menuactive] > vbox > .link {
+#social-statusarea-user[_moz-menuactive] > vbox > .social-statusarea-loggedInStatus {
text-decoration: underline;
}