#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);
}
-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 {
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 === */