list-style-image: url(chrome://browser/skin/undoCloseTab.png);
}
-@media (min-resolution: 1.25dppx) {
+@media (min-resolution: 1.1dppx) {
#alltabs_undoCloseTab {
list-style-image: url(chrome://browser/skin/undoCloseTab@2x.png);
}
-moz-image-region: rect(14px, 28px, 28px, 14px);
}
+@media (min-resolution: 1.1dppx) {
+ #urlbar > toolbarbutton {
+ list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png");
+ }
+
+ #urlbar-go-button {
+ -moz-image-region: rect(0, 84px, 28px, 56px);
+ }
+
+ #urlbar-go-button:hover {
+ -moz-image-region: rect(28px, 84px, 56px, 56px);
+ }
+
+ #urlbar-go-button:hover:active {
+ -moz-image-region: rect(56px, 84px, 84px, 56px);
+ }
+
+ #urlbar-reload-button {
+ -moz-image-region: rect(0, 28px, 28px, 0);
+ }
+
+ #urlbar-reload-button:not([disabled]):hover {
+ -moz-image-region: rect(28px, 28px, 56px, 0);
+ }
+
+ #urlbar-reload-button:not([disabled]):hover:active {
+ -moz-image-region: rect(56px, 28px, 84px, 0);
+ }
+
+ #urlbar-stop-button {
+ -moz-image-region: rect(0, 56px, 28px, 28px);
+ }
+
+ #urlbar-stop-button:not([disabled]):hover {
+ -moz-image-region: rect(28px, 56px, 56px, 28px);
+ }
+
+ #urlbar-stop-button:hover:active {
+ -moz-image-region: rect(56px, 56px, 84px, 28px);
+ }
+
+ #urlbar > toolbarbutton > .toolbarbutton-icon {
+ width: 14px;
+ }
+}
+
/* popup blocker button */
#page-report-button {
background-color: #008484;
}
-/* ::::: Identity Indicator Styling ::::: */
-
-/* Popup Icons */
-#identity-popup-icon {
- height: 64px;
- width: 64px;
- padding: 0;
- list-style-image: url("chrome://browser/skin/identity.png");
- -moz-image-region: rect(0px, 64px, 64px, 0px);
-}
-
-#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
- -moz-image-region: rect(64px, 64px, 128px, 0px);
-}
-
-#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
- -moz-image-region: rect(128px, 64px, 192px, 0px);
-}
-
-/* Popup Body Text */
-.identity-popup-description {
- white-space: pre-wrap;
- -moz-padding-start: 15px;
- margin: 2px 0 4px;
-}
-
-.identity-popup-label {
- white-space: pre-wrap;
- -moz-padding-start: 15px;
- margin: 0;
-}
-
-#identity-popup-content-host,
-#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
- font-size: 1.2em;
-}
-
-#identity-popup-content-host {
- margin-top: 3px;
- margin-bottom: 5px;
- font-weight: bold;
- max-width: 300px;
-}
-
-#identity-popup-content-owner {
- margin-top: 4px;
- margin-bottom: 0 !important;
- font-weight: bold;
- max-width: 300px;
-}
-
-.verifiedDomain > #identity-popup-content-owner {
- font-weight: normal;
-}
-
-#identity-popup-content-verifier {
- margin: 4px 0 2px;
-}
-
-#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
-#identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
- margin-top: 10px;
- -moz-margin-start: -24px;
-}
-
-#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
-#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
- list-style-image: url("chrome://browser/skin/Secure24.png");
-}
-
-#identity-popup-help-icon {
- border: none;
- margin: 7px 0 0 -3px;
- background: none;
- min-width: 0;
- list-style-image: url("chrome://global/skin/icons/question-16.png");
- cursor: pointer;
-}
-
-#identity-popup-help-icon > .button-box > .button-text {
- display: none;
-}
-
-#identity-popup-help-icon > .button-box > .button-icon {
- height: 16px;
- width: 16px;
-}
-
-#identity-popup-more-info-button {
- margin-top: 6px;
- margin-bottom: 0;
- -moz-margin-end: 0;
-}
-
-#identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
- padding: 0;
-}
-
-#identity-popup-container {
- min-width: 280px;
- padding: 10px;
-}
-
-#identity-popup-button-container {
-/* background: linear-gradient(to bottom, rgba(0,0,0,0.04) 60%, transparent);*/
- padding: 10px;
- margin-top: 5px;
-}
-
/* === BEGIN notification-icons.inc.css === */
.popup-notification-icon {
100% { transform: translateX(0); }
}
+/* HiDPI notification icons */
+@media (min-resolution: 1.1dppx) {
+/* #notification-popup-box {
+ border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill;
+ }
+*/
+ .notification-anchor-icon {
+ list-style-image: url(chrome://global/skin/icons/information-32.png);
+ }
+
+ .webRTC-shareDevices-notification-icon,
+ #webRTC-shareDevices-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png);
+ }
+
+ .webRTC-sharingDevices-notification-icon,
+ #webRTC-sharingDevices-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png);
+ }
+
+ .webRTC-shareMicrophone-notification-icon,
+ #webRTC-shareMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png);
+ }
+
+ .webRTC-sharingMicrophone-notification-icon,
+ #webRTC-sharingMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png);
+ }
+
+ .webRTC-shareScreen-notification-icon,
+ #webRTC-shareScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png);
+ }
+
+ .webRTC-sharingScreen-notification-icon,
+ #webRTC-sharingScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png);
+ }
+
+ .popup-notification-icon[popupid="webRTC-sharingDevices"],
+ .popup-notification-icon[popupid="webRTC-shareDevices"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64@2x.png);
+ }
+
+ .popup-notification-icon[popupid="webRTC-sharingMicrophone"],
+ .popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64@2x.png);
+ }
+
+ .popup-notification-icon[popupid="webRTC-sharingScreen"],
+ .popup-notification-icon[popupid="webRTC-shareScreen"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64@2x.png);
+ }
+}
+
/* === END notification-icons.inc.css === */
.popup-notification-body[popupid="addon-progress"],
border: 0;
}
-#social-undoactivation-button {
- -moz-margin-start: 0; /* override default label margin to match description margin */
-}
-
#socialActivatedNotification .popup-notification-button-container {
margin-left: 6px;
}
.chatbar-innerbox {
background: transparent;
- margin: -285px 0 0;
overflow: hidden;
}
/* === BEGIN login-doorhanger.inc.css === */
+#notification-popup[popupid="login-fill"] > .panel-arrowcontainer > .panel-arrowcontent {
+ /* Since we display a sliding subview that extends to the border, we cannot
+ * keep the default padding of arrow panels. We use the same padding in the
+ * individual content views instead. Since we removed the padding, we also
+ * have to ensure the contents are clipped to the border box. */
+ padding: 0;
+ overflow: hidden;
+}
+
+#login-fill-mainview,
+#login-fill-details {
+ padding: var(--panel-arrowcontent-padding);
+}
+
+#login-fill-doorhanger[inDetailView] > #login-fill-mainview {
+ transform: translateX(-14px);
+}
+
+#login-fill-mainview,
+#login-fill-details {
+ transition: transform 150ms;
+}
+
+#login-fill-doorhanger:not([inDetailView]) > #login-fill-details {
+ transform: translateX(105%);
+}
+
+#login-fill-doorhanger:not([inDetailView]) > #login-fill-details:-moz-locale-dir(rtl) {
+ transform: translateX(-105%);
+}
+
+#login-fill-doorhanger[inDetailView] > #login-fill-clickcapturer {
+ background-color: hsla(240,39%,100%,.1);
+}
+
#login-fill-testing {
color: #FF0000;
font-weight: bold;
color: #A09090;
}
+#login-fill-details {
+ padding: 4px;
+ background: var(--panel-arrowcontent-background);
+ color: var(--panel-arrowcontent-color);
+ background-clip: padding-box;
+ border-left: 1px solid #9C9CFF;
+ -moz-margin-start: 38px;
+}
+
/* === END login-doorhanger.inc.css === */
/* === BEGIN customizeMode.inc.css === */
background-color: #FF9F00;
}
+@media (min-resolution: 1.1dppx) {
+ #customization-titlebar-visibility-button {
+ list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png");
+ -moz-image-region: rect(0, 48px, 48px, 0);
+ }
+
+ #customization-titlebar-visibility-button:hover {
+ -moz-image-region: rect(48px, 48px, 96px, 0);
+ }
+
+ #customization-titlebar-visibility-button[checked] {
+ -moz-image-region: rect(0, 96px, 48px, 48px);
+ }
+
+ #customization-titlebar-visibility-button[checked]:hover {
+ -moz-image-region: rect(48px, 96px, 96px, 48px);
+ }
+}
+
#main-window[customize-entered] #customization-panel-container {
background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png");
background-position: left top;
-moz-image-region: rect(36px, 144px, 54px, 126px);
}
+#context-bookmarkpage[starred=true] {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmarked"); */
+ -moz-image-region: rect(0px, 162px, 18px, 144px);
+}
+
+#context-bookmarkpage[starred=true][_moz-menuactive=true] {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmarked-active"); */
+ -moz-image-region: rect(18px, 162px, 36px, 144px);
+}
+
+#context-bookmarkpage[starred=true][disabled=true] {
+ /* list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmarked-disabled"); */
+ -moz-image-region: rect(36px, 162px, 54px, 144px);
+}
+
#context-back:-moz-locale-dir(rtl),
#context-forward:-moz-locale-dir(rtl),
#context-reload:-moz-locale-dir(rtl) {
projects / themes.git / blobdiff