/* ::::: small primary toolbar buttons ::::: */
-#nav-bar[inFullscreen="true"] .toolbar-grippy {
- /* display: none; */
-}
-
-toolbar[iconsize="small"] > toolbarpaletteitem > #back-button,
toolbar[iconsize="small"] > #back-button {
list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
-moz-image-region: rect(32px 16px 48px 0);
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #back-button[disabled="true"],
toolbar[iconsize="small"] > #back-button[disabled="true"] {
-moz-image-region: rect(32px 32px 48px 16px) !important;
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #back-button:not([disabled="true"]):hover,
-toolbar[iconsize="small"] > toolbarpaletteitem > #back-button:not([disabled="true"]):hover:active,
toolbar[iconsize="small"] > #back-button:not([disabled="true"]):hover,
toolbar[iconsize="small"] > #back-button:not([disabled="true"]):hover:active {
-moz-image-region: rect(32px 48px 48px 32px);
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #forward-button,
toolbar[iconsize="small"] > #forward-button {
list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
-moz-image-region: rect(48px 16px 64px 0);
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #forward-button[disabled="true"],
toolbar[iconsize="small"] > #forward-button[disabled="true"] {
-moz-image-region: rect(48px 32px 64px 16px) !important;
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #forward-button:not([disabled="true"]):hover,
-toolbar[iconsize="small"] > toolbarpaletteitem > #forward-button:not([disabled="true"]):hover:active,
toolbar[iconsize="small"] > #forward-button:not([disabled="true"]):hover,
toolbar[iconsize="small"] > #forward-button:not([disabled="true"]):hover:active {
-moz-image-region: rect(48px 48px 64px 32px);
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #reload-button,
toolbar[iconsize="small"] > #reload-button {
list-style-image: url("chrome://navigator/skin/icons/navigatoricons-small.png");
-moz-image-region: rect(0 16px 16px 0);
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #reload-button[disabled="true"],
toolbar[iconsize="small"] > #reload-button[disabled="true"] {
-moz-image-region: rect(0 32px 16px 16px) !important;
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #reload-button:not([disabled="true"]):hover,
-toolbar[iconsize="small"] > toolbarpaletteitem > #reload-button:not([disabled="true"]):hover:active,
toolbar[iconsize="small"] > #reload-button:not([disabled="true"]):hover,
toolbar[iconsize="small"] > #reload-button:not([disabled="true"]):hover:active {
-moz-image-region: rect(0 48px 16px 32px);
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #stop-button,
toolbar[iconsize="small"] > #stop-button {
list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
-moz-image-region: rect(16px 16px 32px 0);
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #stop-button[disabled="true"],
toolbar[iconsize="small"] > #stop-button[disabled="true"] {
-moz-image-region: rect(16px 32px 32px 16px) !important;
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #stop-button:not([disabled="true"]):hove,
-toolbar[iconsize="small"] > toolbarpaletteitem > #stop-button:not([disabled="true"]):hover:active,
toolbar[iconsize="small"] > #stop-button:not([disabled="true"]):hover,
toolbar[iconsize="small"] > #stop-button:not([disabled="true"]):hover:active {
-moz-image-region: rect(16px 48px 32px 32px);
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #print-button,
toolbar[iconsize="small"] > #print-button {
list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
-moz-image-region: rect(0 16px 16px 0);
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #print-button[disabled="true"],
toolbar[iconsize="small"] > #print-button[disabled="true"] {
-moz-image-region: rect(0 32px 16px 16px) !important;
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #print-button:not([disabled="true"]):hove,
-toolbar[iconsize="small"] > toolbarpaletteitem > #print-button:not([disabled="true"]):hover:active,
toolbar[iconsize="small"] > #print-button:not([disabled="true"]):hover,
toolbar[iconsize="small"] > #print-button:not([disabled="true"]):hover:active {
-moz-image-region: rect(0 48px 16px 32px);
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #home-button,
toolbar[iconsize="small"] > #home-button {
list-style-image: url("chrome://communicator/skin/icons/communicatoricons-small.png");
-moz-image-region: rect(64px 16px 80px 0);
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #home-butto[disabled="true"]n,
toolbar[iconsize="small"] > #home-button[disabled="true"] {
-moz-image-region: rect(64px 32px 80px 16px) !important;
}
-toolbar[iconsize="small"] > toolbarpaletteitem > #home-button:not([disabled="true"]):hover,
-toolbar[iconsize="small"] > toolbarpaletteitem > #home-button:not([disabled="true"]):hover:active,
toolbar[iconsize="small"] > #home-button:not([disabled="true"]):hover,
toolbar[iconsize="small"] > #home-button:not([disabled="true"]):hover:active {
-moz-image-region: rect(64px 48px 80px 32px);
/* ::::: nav-bar-inner ::::: */
-#nav-bar-inner {
+.nav-bar-class {
-moz-padding-start: 1px;
-moz-padding-end: 1px;
min-width: 0px;
-moz-box-align: center;
}
+#urlbar:-moz-lwtheme:not([focused="true"]),
+.tabbrowser-tab:-moz-lwtheme:not([selected="true"]) {
+ opacity: .8;
+}
+
+.tabbrowser-tab:-moz-lwtheme {
+ text-shadow: none;
+}
+
#urlbar {
-moz-border-radius: 5px;
margin: 0;
#search-button,
#go-button {
margin: 0;
- padding: 1px 0;
+ padding: 2px 0;
-moz-margin-start: 2px;
- font-weight: bold;
background-color: #000000;
}
/* care that those buttons base on the same min height of 16px that the urlbar
autocomplete box gets through site icon and urlbar icons at the right */
-#search-button > .button-box ,
+#search-button > .button-box,
#go-button > .button-box {
min-height: 16px;
}
+#search-button:-moz-lwtheme,
+#go-button:-moz-lwtheme {
+ opacity: .8;
+}
+
#search-button {
/* list-style-image: url("chrome://communicator/skin/icons/search.gif"); */
- font-weight: bold;
}
/*
/* ::::: security button ::::: */
#security-button {
- list-style-image:url("chrome://communicator/skin/icons/lock-insecure.gif");
- -moz-margin-start: 2px;
+ list-style-image: url("chrome://communicator/skin/icons/lock-insecure.gif");
+}
+
+#security-button > .statusbarpanel-text {
+ margin: 0px;
}
/* |high| and |low| styles could be different, to better reflect the secure level... */
-#security-button[level="high"],
-#security-button[level="low"] {
- list-style-image:url("chrome://communicator/skin/icons/lock-secure.gif");
+#security-button[level="high"] > .statusbarpanel-contentbox,
+#security-button[level="low"] > .statusbarpanel-contentbox {
+ list-style-image: url("chrome://communicator/skin/icons/lock-secure-hover.png");
+ background-color: #FFCF00;
+}
+
+#security-button[level="broken"] > .statusbarpanel-contentbox {
+ list-style-image: url("chrome://communicator/skin/icons/lock-broken.gif");
+ background-color: #FF0000;
+}
+
+#security-button[label][level="high"] > .statusbarpanel-contentbox {
+ list-style-image: url("chrome://communicator/skin/icons/lock-secure.gif");
+ background-color: #008484;
+ color: #FFCF00;
}
-#security-button[level="broken"] {
- list-style-image:url("chrome://communicator/skin/icons/lock-broken.gif");
+#ev-button {
+ list-style-image: url("chrome://communicator/skin/icons/identity.png");
}
#popupIcon {