#bookmarks-toolbar-placeholder {
list-style-image: url("chrome://communicator/skin/bookmarks/bookmarksToolbar.png") !important;
+ -moz-box-orient: horizontal;
}
toolbarpaletteitem[place="palette"] > #personal-bookmarks > #bookmarks-toolbar-placeholder,
#preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button,
#history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button,
#email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button,
- #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button),
-
+ #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button,
+ #pocket-button),
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
list-style-image: url("chrome://browser/skin/ToolbarFx.png");
}
-moz-image-region: rect(18px, 738px, 36px, 720px);
}
+#pocket-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 774px, 18px, 756px);
+}
+
+#pocket-button[cui-areatype="toolbar"]:hover,
+#pocket-button[cui-areatype="toolbar"][open] {
+ -moz-image-region: rect(18px, 774px, 36px, 756px);
+}
+
/* === END toolbarbuttons.inc.css === */
/* === BEGIN menupanel.inc.css === */
#preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button,
#history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button,
#email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button,
- #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button)[cui-areatype="menu-panel"],
+ #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button,
+ #pocket-button)[cui-areatype="menu-panel"],
toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button,
#new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button,
#social-share-button, #open-file-button, #find-button, #developer-button,
#preferences-button, #privatebrowsing-button, #save-page-button, #switch-to-metro-button, #add-ons-button,
#history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button,
#email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button,
- #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button) {
+ #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button,
+ #pocket-button) {
list-style-image: var(--menupanel-list-style-image);
}
-moz-image-region: rect(32px, 960px, 64px, 928px);
}
+#pocket-button[cui-areatype="menu-panel"],
+toolbarpaletteitem[place="palette"] > #pocket-button {
+ -moz-image-region: rect(0px, 992px, 32px, 960px);
+}
+
+#pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 992px, 64px, 960px);
+}
+
toolbaritem[sdkstylewidget="true"] > toolbarbutton {
-moz-image-region: rect(0, 832px, 32px, 800px);
}
#forward-button {
-moz-margin-start: -4px !important;
- padding-left: 4px;
- padding-right: 2px;
+ padding-left: 5px;
+ padding-right: 5px;
margin-top: 3px;
margin-bottom: 3px;
border-radius: 0 10000px 10000px 0;
-moz-image-region: rect(0, 32px, 16px, 16px);
}
+/* === BEGIN readinglist.inc.css === */
+
+/* Reading List button */
+
+#urlbar:not([focused]):not(:hover) #readinglist-addremove-button {
+ opacity: 0;
+ width: 0px;
+}
+
+#readinglist-addremove-button {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage");
+ -moz-image-region: rect(0, 14px, 14px, 0);
+ transition: width 150ms ease-in-out, opacity 150ms ease-in-out 150ms;
+ opacity: 1;
+ width: 20px;
+}
+
+#readinglist-addremove-button:hover {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-hover");
+}
+
+#readinglist-addremove-button:active {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-active");
+}
+
+#readinglist-addremove-button[already-added="true"] {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded");
+}
+
+#readinglist-addremove-button[already-added="true"]:hover {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-hover");
+}
+
+#readinglist-addremove-button[already-added="true"]:active {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-active");
+}
+
+/* === END readinglist.inc.css === */
+
+/* Reader mode button */
+
+#reader-mode-button {
+ list-style-image: url("chrome://browser/skin/readerMode.svg");
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+#reader-mode-button:hover,
+#reader-mode-button[readeractive]:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+#reader-mode-button:hover:active,
+#reader-mode-button[readeractive] {
+ -moz-image-region: rect(0, 48px, 16px, 32px);
+}
+
/* social share panel */
.social-share-frame {
/* ::::: content area ::::: */
+#sidebar-box {
+ background-color: #9C9CFF;
+ color: #000000;
+}
+
#sidebar {
- background-color: Window;
+ background-color: #000000;
+}
+
+#sidebar-splitter {
+ -moz-margin-start: 0;
+}
+
+#sidebar-header {
+ color: #000000;
+ padding: 2px;
}
#sidebar-title {
list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
}
+#sidebar-splitter:-moz-locale-dir(ltr),
+#sidebar:-moz-locale-dir(ltr) {
+ border-radius: 0 5px 0 0;
+}
+
+#sidebar-splitter:-moz-locale-dir(rtl),
+#sidebar:-moz-locale-dir(rtl) {
+ border-radius: 5px 0 0 0;
+}
+
.browserContainer > findbar {
/*
background-color: -moz-dialog;
/* === BEGIN tabs.inc.css === */
+:root {
+ /* --tab-toolbar-navbar-overlap: 1px; */
+ /* --tab-min-height: 31px; */
+ /* --tab-curve-width: 30px; */
+ /* --tab-curve-half-width: 15px; */
+}
+
.tabbrowser-tab,
.tabs-newtab-button,
#TabsToolbar > #new-tab-button {
.tab-content {
}
-.tab-/*throbber*/,
+.tab-content[pinned] {
+}
+
+.tab-throbber,
.tab-icon-image,
.tab-close-button {
}
.tab-icon-image {
height: 16px;
width: 16px;
+ -moz-margin-end: 3px;
}
.tab-icon-image {
list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
}
+.tab-icon-overlay {
+ width: 16px;
+ height: 16px;
+ /* margin-top: 10px; */
+ -moz-margin-start: -16px;
+ display: none;
+}
+
+.tab-icon-overlay[crashed] {
+ display: -moz-box;
+ list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg");
+}
+
.tab-throbber[busy] {
list-style-image: url("chrome://communicator/skin/brand/throbber16-anim-connect.png");
}
list-style-image: url("chrome://communicator/skin/brand/throbber16-anim.png");
}
-.tab-throbber:not([pinned]),
-.tab-icon-image:not([pinned]) {
- -moz-margin-end: 3px;
-}
-
.tab-throbber[pinned],
.tab-icon-image[pinned] {
-moz-margin-start: 2px;
color: #000000;
}
-/* Handle a case where the last separator in a customized tab bar with a
- separated new tab button causes the width of the tab to extend and causes
- jittering with a small tab curve width (Bug 1111091). */
-#TabsToolbar[currentset]:not([currentset*="tabbrowser-tabs,new-tab-button"]) #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
-}
-
/* New tab button */
.tabs-newtab-button {
width: 28px;
- /* width: calc(36px + @tabCurveWidth@); */
+ /* width: calc(36px + var(--tab-curve-width)); */
}
/* === END tabs.inc.css === */
}
.popup-notification-icon[popupid="indexedDB-permissions-prompt"],
-.popup-notification-icon[popupid="indexedDB-quota-prompt"],
.popup-notification-icon[popupid*="offline-app-requested"],
.popup-notification-icon[popupid="offline-app-usage"] {
list-style-image: url("chrome://global/skin/icons/alert-question.gif");
-moz-appearance: none;
}
+/* Loop/ Hello browser styles */
+
+notification[value="loop-sharing-notification"] .button-menubutton-button {
+ min-width: 0;
+ border: 0;
+ margin: 0;
+}
+
+notification[value="loop-sharing-notification"] .messageImage {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png);
+}
+
/* Bookmarks roots menu-items */
#subscribeToPageMenuitem:not([disabled]),
#subscribeToPageMenupopup,
-moz-image-region: auto;
}
+#menu_readingList,
+#BMB_readingList {
+ list-style-image: url("chrome://browser/skin/readinglist/readinglist-icon.svg");
+ -moz-image-region: auto;
+}
+
+#panelMenu_pocket,
+#menu_pocket,
+#BMB_pocket {
+ list-style-image: url("chrome://browser/content/pocket/panels/img/pocketmenuitem16.png");
+}
+
/* ::::: Keyboard UI Panel ::::: */
.KUI-panel {
list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed");
}
+#eme-notification-icon[firstplay=true] {
+ animation: emeTeachingMoment 0.2s linear 0s 5 normal;
+}
+
+@keyframes emeTeachingMoment {
+ 0% {transform: translateX(0); }
+ 25% {transform: translateX(3px) }
+ 75% {transform: translateX(-3px) }
+ 100% { transform: translateX(0); }
+}
+
/* === BEGIN customizeMode.inc.css === */
/* Customization mode */
color: #000000;
}
-.SearchHighlight {
- -moz-margin-end: 6px;
- font-size: 110%;
- width: 225px;
-}
-
-.SearchHighlight label,
-.SearchHighlight description {
- color: #008484;
- margin: 0 0 8px 0;
- padding: 0;
-}
-
-.SearchHighlightTitle {
- font-weight: bold;
-}
-
-.SearchHighlight .dot {
- width: 7px;
- height: 7px;
- background-image: -moz-image-rect(url("chrome://browser/skin/dots.png"), 0, 100%, 100%, 9);
- background-size: 7px;
- background-position: center center;
- background-repeat: no-repeat;
- -moz-margin-end: 2px;
-}
-
-.SearchHighlight .dot.filled {
- background-image: -moz-image-rect(url("chrome://browser/skin/dots.png"), 0, 7, 100%, 0);
-}
-
-.SearchHighlight button {
- margin: 0;
- /* On some platforms clicking the button will steal focus from the search box
- causing the popup to close. */
- -moz-user-focus: ignore;
-}
-
-@media not all and (max-resolution: 1dppx) {
- .SearchHighlight .dot {
- background-image: -moz-image-rect(url("chrome://browser/skin/dots@2x.png"), 0, 100%, 100%, 18);
- }
-
- .SearchHighlight .dot.filled {
- background-image: -moz-image-rect(url("chrome://browser/skin/dots@2x.png"), 0, 14, 100%, 0);
- }
-}
-
/* Notification overrides for Heartbeat UI */
notification.heartbeat {
background-color: #A09090;
+/* height: 40px;*/
}
@keyframes pulse-onshow {
.messageText.heartbeat {
color: #000000;
-/* font-weight: normal;
- font-family: "Lucida Grande", Segoe, Ubuntu;
- font-size: 14px;
- line-height: 16px;
- text-shadow: none; */
+/* text-shadow: none; */
+ -moz-margin-start: 0px;
}
.messageImage.heartbeat {
- width: 36px;
- height: 36px;
- -moz-margin-end: 10px;
+ width: 24px;
+ height: 24px;
+ -moz-margin-start: 8px;
+ -moz-margin-end: 8px;
}
.messageImage.heartbeat.pulse-onshow {
animation-timing-function: linear;
}
+/* Learn More link styles */
+.heartbeat > .text-link {
+ color: #3333FF;
+ -moz-margin-start: 0px;
+}
+
+.heartbeat > .text-link:hover {
+ color: #9C9CFF;
+ text-decoration: none;
+}
+
+.heartbeat > .text-link:hover:active {
+ color: #FF9F00;
+}
+
/* Heartbeat UI Rating Star Classes */
.heartbeat > #star-rating-container {
display: -moz-box;
+/* margin-bottom: 4px;*/
}
.heartbeat > #star-rating-container > #star5 {
.heartbeat > #star-rating-container > .star-x {
background: url("chrome://browser/skin/heartbeat-star-off.svg");
cursor: pointer;
- width: 24px;
- height: 24px;
+ /* Overrides the -moz-margin-end for all platforms defined in the .plain class */
+ -moz-margin-end: 4px !important;
+ width: 16px;
+ height: 16px;
}
.heartbeat > #star-rating-container > .star-x:hover,
.heartbeat > #star-rating-container > .star-x:hover ~ .star-x {
background: url("chrome://browser/skin/heartbeat-star-lit.svg");
- cursor: pointer;
- width: 24px;
- height: 24px;
}
/* === END UITour.inc.css === */
list-style-image: url("chrome://browser/skin/drm-icon.svg#chains");
}
+#context-media-eme-learnmore {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains");
+}
+
/* === END contextmenu.inc.css === */
#context-navigation {
projects / themes.git / blobdiff