.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
}
+/* Tab Overflow */
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
+}
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:-moz-locale-dir(rtl),
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:-moz-locale-dir(ltr) {
+}
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) {
+}
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
+}
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed],
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] {
+}
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator,
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator {
+}
+
.tab-background-start[selected=true]::after,
.tab-background-start[selected=true]::before,
.tab-background-start,
list-style-image: url("chrome://global/skin/icons/webapps-64.png");
}
-.popup-notification-icon[popupid="mixed-content-blocked"] {
- list-style-image: url("chrome://browser/skin/mixed-content-blocked-64.png");
+.popup-notification-icon[popupid="mixed-content-blocked"],
+.popup-notification-icon[popupid="bad-content"] {
+ list-style-image: url("chrome://browser/skin/bad-content-blocked-64.png");
+}
+
+.popup-notification-icon[popupid="bad-content"][mixedblockdisabled],
+.popup-notification-icon[popupid="bad-content"][trackingblockdisabled] {
+ list-style-image: url(chrome://browser/skin/bad-content-unblocked-64.png);
}
.popup-notification-icon[popupid="webRTC-sharingDevices"],
}
.mixed-content-blocked-notification-icon,
-#mixed-content-blocked-notification-icon {
- list-style-image: url("chrome://browser/skin/mixed-content-blocked-16.png");
+#mixed-content-blocked-notification-icon,
+.bad-content-blocked-notification-icon,
+#bad-content-blocked-notification-icon {
+ list-style-image: url("chrome://browser/skin/bad-content-blocked-16.png");
+}
+
+.bad-content-unblocked-notification-icon,
+#bad-content-unblocked-notification-icon {
+ list-style-image: url(chrome://browser/skin/bad-content-unblocked-16.png);
}
.webRTC-shareDevices-notification-icon,
/* === BEGIN infobar.inc.css === */
notification[value="translation"] .messageImage {
- list-style-image: url(chrome://browser/skin/translation-16.png);
+ list-style-image: url("chrome://browser/skin/translation-16.png");
-moz-image-region: rect(0, 32px, 16px, 16px);
}
@media (min-resolution: 1.25dppx) {
notification[value="translation"] .messageImage {
- list-style-image: url(chrome://browser/skin/translation-16@2x.png);
+ list-style-image: url("chrome://browser/skin/translation-16@2x.png");
-moz-image-region: rect(0, 64px, 32px, 32px);
}
}
-notification[value="translation"] {
- min-height: 40px;
+notification[value="translation"][state="translating"] .messageImage {
+ list-style-image: url("chrome://browser/skin/translating-16.png");
+ -moz-image-region: auto;
+}
+
+@media (min-resolution: 1.25dppx) {
+ notification[value="translation"][state="translating"] .messageImage {
+ list-style-image: url("chrome://browser/skin/translating-16@2x.png");
+ }
}
notification[value="translation"] button,
notification[value="translation"] menulist {
min-width: 0;
-/* min-height: 30px;
- -moz-padding-end: 1ch; */
}
-notification[value="translation"] button > .button-box,
-notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker {
- padding: 0;
-/* -moz-margin-start: 3ch; */
+notification[value="translation"] menulist > .menulist-dropmarker {
+}
+
+.translation-menupopup arrowscrollbox {
+ padding-bottom: 0;
}
-notification[value="translation"] button:not([type="menu"]) > .button-box {
-/* -moz-margin-end: 3ch; */
+.translation-attribution {
+ cursor: pointer;
+ -moz-box-align: end;
+ font-size: small;
}
-notification[value="translation"] button,
-notification[value="translation"] menulist,
-notification[value="translation"] menulist > .menulist-label-box {
-/* -moz-margin-start: 1ch;
- -moz-margin-end: 1ch; */
+.translation-attribution > label {
+ margin-bottom: 0;
}
-notification[value="translation"] menulist > .menulist-dropmarker {
+.translation-attribution > image {
+ width: 70px;
}
/* === END infobar.inc.css === */
+notification[value="translation"] {
+ min-height: 40px;
+}
+
.translate-notification-icon,
#translate-notification-icon {
list-style-image: url("chrome://browser/skin/translation-16.png");
color: #FF9F00;
}
+html|*.highlighter-nodeinfobar-dimensions {
+ color: #A09090;
+ -moz-border-start: 1px solid #9C9CFF;
+ -moz-margin-start: 6px;
+ -moz-padding-start: 6px;
+}
+
/* Highlighter - Node Infobar - box & arrow */
.highlighter-nodeinfobar-arrow {
display: none;
}
+.developer-toolbar-button > .toolbarbutton-icon,
+#developer-toolbar-closebutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
#developer-toolbar-toolbox-button {
list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
-moz-image-region: rect(0px, 32px, 16px, 16px);
}
+@media (min-resolution: 2dppx) {
+ #developer-toolbar-toolbox-button {
+ list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png");
+ -moz-image-region: rect(0px, 32px, 32px, 0px);
+ }
+
+ #developer-toolbar-toolbox-button:hover,
+ #developer-toolbar-toolbox-button:hover:active,
+ #developer-toolbar-toolbox-button[checked=true] {
+ -moz-image-region: rect(0px, 64px, 32px, 32px);
+ }
+}
+
#developer-toolbar-closebutton {
list-style-image: url("chrome://browser/skin/devtools/close.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
-moz-image-region: rect(0px, 32px, 16px, 16px);
}
+@media (min-resolution: 2dppx) {
+ #developer-toolbar-closebutton {
+ list-style-image: url("chrome://browser/skin/devtools/close@2x.png");
+ -moz-image-region: rect(0px, 32px, 32px, 0px);
+ }
+
+ #developer-toolbar-closebutton:hover,
+ #developer-toolbar-closebutton:hover:active {
+ -moz-image-region: rect(0px, 64px, 32px, 32px);
+ }
+}
+
/* GCLI */
html|*#gcli-tooltip-frame,
}
.gclitoolbar-input-node {
- padding-left: 20px;
/* line-height: 32px;
outline-style: none; */
- background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 16, 16, 0);
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, .75);
}
.gclitoolbar-input-node[focused="true"] {
- background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16);
background-color: #000000;
}
+.gclitoolbar-input-node::before {
+ content: "";
+ display: inline-block;
+ -moz-box-ordinal-group: 0;
+ width: 16px;
+ height: 16px;
+ margin: 0 2px;
+ background-image: url("chrome://browser/skin/devtools/commandline-icon.png");
+ background-position: 0 center;
+ background-size: 32px 16px;
+}
+
+.gclitoolbar-input-node[focused="true"]::before {
+ background-position: -16px center;
+}
+
+@media (min-resolution: 2dppx) {
+ .gclitoolbar-input-node::before {
+ background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png");
+ }
+}
+
.gclitoolbar-input-node:not([focused="true"]) {
border-color: transparent;
}
/* Responsive Mode */
.browserContainer[responsivemode] {
- background: #221500 url("chrome://browser/skin/devtools/responsive-background.png");
+ background-color: #221500;
padding: 0 20px 20px 20px;
}
/* margin: 0 3px; */
}
+.devtools-responsiveui-toolbarbutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
.devtools-responsiveui-toolbarbutton > .toolbarbutton-menubutton-button {
-moz-box-orient: horizontal;
}
.devtools-responsiveui-menulist > .menulist-dropmarker {
/* display: -moz-box;
background-color: transparent;
- list-style-image: url("chrome://browser/skin/devtools/dropmarker.png");
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
-moz-box-align: center;
border-width: 0;
min-width: 16px;*/
.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
-/* list-style-image: url("chrome://browser/skin/devtools/dropmarker.png");
+/* list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
-moz-box-align: center;
padding: 0 3px;*/
}
-moz-image-region: rect(0px,32px,16px,16px);
}
+@media (min-resolution: 2dppx) {
+ .devtools-responsiveui-close {
+ list-style-image: url("chrome://browser/skin/devtools/close@2x.png");
+ }
+
+ .devtools-responsiveui-close:hover {
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+
+ .devtools-responsiveui-rotate {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png");
+ }
+
+ .devtools-responsiveui-rotate:hover {
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+}
+
.devtools-responsiveui-touch {
list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
-moz-image-region: rect(0px,16px,16px,0px);
-moz-image-region: rect(0px,32px,16px,16px);
}
+@media (min-resolution: 2dppx) {
+ .devtools-responsiveui-touch {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png");
+ -moz-image-region: rect(0px,32px,32px,0px);
+ }
+
+ .devtools-responsiveui-touch:hover,
+ .devtools-responsiveui-touch[checked],
+ .devtools-responsiveui-touch[checked]:hover {
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+}
+
.devtools-responsiveui-screenshot {
list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png");
-moz-image-region: rect(0px,16px,16px,0px);
-moz-image-region: rect(0px,32px,16px,16px);
}
+@media (min-resolution: 2dppx) {
+ .devtools-responsiveui-screenshot {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png");
+ }
+
+ .devtools-responsiveui-screenshot:hover {
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+}
+
.devtools-responsiveui-resizebarV {
width: 7px;
height: 24px;
cursor: ew-resize;
transform: translate(12px, -12px);
+ background-size: cover;
background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
}
height: 7px;
cursor: ns-resize;
transform: translate(-12px, 12px);
+ background-size: cover;
background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png");
}
height: 16px;
cursor: se-resize;
transform: translate(12px, 12px);
+ background-size: cover;
background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
}
+@media (min-resolution: 2dppx) {
+ .devtools-responsiveui-resizebarV {
+ background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png");
+ }
+
+ .devtools-responsiveui-resizebarH {
+ background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png");
+ }
+
+ .devtools-responsiveui-resizehandle {
+ background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png");
+ }
+}
+
/* === END responsivedesign.inc.css === */
/* === including indicator.css is done at the start of the file === */
/* === END plugin-doorhanger.inc.css === */
+/* === BEGIN badcontent-doorhanger.inc.css === */
+
+.popup-notification-item-title[popupid="bad-content"] {
+ font-weight: bold;
+}
+
+.popup-notification-item-message[popupid="bad-content"] {
+ width: 17em;
+}
+
+.popup-notification-item-message-critical[popupid="bad-content"] {
+ color: #FF0000;
+ font-style: italic;
+}
+
+.popup-notification-footer[popupid="bad-content"] {
+ padding-top: 1em;
+}
+
+/* === END badcontent-doorhanger.inc.css === */
+
/* === BEGIN customizeMode.inc.css === */
/* Customization mode */
#customization-container {
background-color: #000000;
+ color: #FF9F00;
}
#customization-palette,
#customization-footer {
border-top: 1px solid #9C9CFF;
- padding: 15px;
+ padding: 10px;
}
.customizationmode-button {
- margin: 0;
+ margin: 5px;
}
.customizationmode-button:hover {
.customizationmode-button[disabled="true"] {
}
+.customizationmode-button > .box-inherit > .box-inherit > .button-icon,
+.customizationmode-button > .button-box > .button-icon {
+/* height: 24px;*/
+}
+
#customization-titlebar-visibility-button {
list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png");
-moz-image-region: rect(0, 16px, 16px, 0);
padding: 0px 5px;
- -moz-margin-end: 10px;
}
#customization-titlebar-visibility-button:hover {
-moz-margin-start: 5px !important;
}
+#customization-titlebar-visibility-button > .button-box > .button-icon {
+ vertical-align: middle;
+}
+
#customization-titlebar-visibility-button[checked] {
-moz-image-region: rect(0, 32px, 16px, 16px);
background-color: #008484;
background-color: #FF9F00;
}
-#customization-undo-reset-button {
- -moz-margin-end: 10px;
-}
-
#main-window[customize-entered] #customization-panel-container {
background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png");
background-position: left top;
transform: perspective(0.01px);
}
-#main-window[customize-entered] {
+#main-window[customize-entered] > #tab-view-deck {
background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png");
background-attachment: fixed;
}
+#main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme {
+ background-repeat: no-repeat;
+ background-position: right top;
+ background-attachment: fixed;
+ /* The image will get set from CustomizeMode.jsm */
+ background-image: none;
+ background-color: transparent;
+}
+
+#main-window[customization-lwtheme]:-moz-lwtheme {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png");
+ background-repeat: repeat;
+ background-attachment: fixed;
+ background-position: left top;
+}
+
#main-window[customize-entered] #browser-bottombox,
#main-window[customize-entered] #customization-container {
border-left: 1px solid #9C9CFF;
-moz-appearance: none;
}
-#context-navigation > #context-back > .menu-iconic-left {
+#context-back > .menu-iconic-left {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back"); */
list-style-image: url("chrome://browser/skin/ToolbarFx.png");
-moz-image-region: rect(0, 54px, 18px, 36px);
}
-#context-navigation > #context-back:not([disabled="true"]):hover > .menu-iconic-left {
+#context-back:not([disabled="true"]):hover > .menu-iconic-left {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active"); */
-moz-image-region: rect(18px, 54px, 36px, 36px);
}
-#context-navigation > #context-back[disabled="true"] > .menu-iconic-left {
+#context-back[disabled="true"] > .menu-iconic-left {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled"); */
-moz-image-region: rect(36px, 54px, 54px, 36px);
}
-#context-navigation > #context-forward > .menu-iconic-left {
+#context-forward > .menu-iconic-left {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward"); */
list-style-image: url("chrome://browser/skin/ToolbarFx.png");
-moz-image-region: rect(0, 72px, 18px, 54px);
}
-#context-navigation > #context-forward:not([disabled="true"]):hover > .menu-iconic-left {
+#context-forward:not([disabled="true"]):hover > .menu-iconic-left {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active"); */
-moz-image-region: rect(18px, 72px, 36px, 54px);
}
-#context-navigation > #context-forward[disabled="true"] > .menu-iconic-left {
+#context-forward[disabled="true"] > .menu-iconic-left {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled"); */
-moz-image-region: rect(36px, 72px, 54px, 54px);
}
-#context-navigation > #context-reload > .menu-iconic-left {
+#context-reload > .menu-iconic-left {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload"); */
list-style-image: url("chrome://browser/skin/reload-stop-go.png");
-moz-image-region: rect(0, 14px, 14px, 0);
}
-#context-navigation > #context-reload:not([disabled="true"]):hover > .menu-iconic-left {
+#context-reload:not([disabled="true"]):hover > .menu-iconic-left {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active"); */
-moz-image-region: rect(14px, 14px, 28px, 0);
}
-#context-navigation > #context-reload[disabled="true"] > .menu-iconic-left {
+#context-reload[disabled="true"] > .menu-iconic-left {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled"); */
-moz-image-region: rect(28px, 14px, 42px, 0);
}
-#context-navigation > #context-stop > .menu-iconic-left {
+#context-stop > .menu-iconic-left {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop"); */
list-style-image: url("chrome://browser/skin/reload-stop-go.png");
-moz-image-region: rect(0, 28px, 14px, 14px);
}
-#context-navigation > #context-stop:not([disabled="true"]):hover > .menu-iconic-left {
+#context-stop:not([disabled="true"]):hover > .menu-iconic-left {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active"); */
-moz-image-region: rect(14px, 28px, 28px, 14px);
}
-#context-navigation > #context-stop[disabled="true"] > .menu-iconic-left {
+#context-stop[disabled="true"] > .menu-iconic-left {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled"); */
-moz-image-region: rect(28px, 28px, 42px, 14px);
}
-#context-navigation > #context-bookmarkpage > .menu-iconic-left {
+#context-bookmarkpage > .menu-iconic-left {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark"); */
list-style-image: url("chrome://browser/skin/ToolbarFx.png");
-moz-image-region: rect(0, 144px, 18px, 126px);
}
-#context-navigation > #context-bookmarkpage:not([disabled="true"]):hover > .menu-iconic-left {
+#context-bookmarkpage:not([disabled="true"]):hover > .menu-iconic-left {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active"); */
-moz-image-region: rect(18px, 144px, 36px, 126px);
}
-#context-navigation > #context-bookmarkpage[disabled="true"] > .menu-iconic-left {
+#context-bookmarkpage[disabled="true"] > .menu-iconic-left {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled"); */
-moz-image-region: rect(36px, 144px, 54px, 126px);
}
}
#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
- width: 18px;
- height: 18px;
+ width: 18px; /*16px;*/
+ height: 18px; /*16px;*/
margin: 7px;
}