+.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;
+}
+
+@keyframes pulse-onshow {
+ 0% {
+ opacity: 0;
+ transform: scale(1.0);
+ }
+ 25% {
+ opacity: 1;
+ transform: scale(1.1);
+ }
+ 50% {
+ transform: scale(1.0);
+ }
+ 75% {
+ transform: scale(1.1);
+ }
+ 100% {
+ transform: scale(1.0);
+ }
+}
+
+@keyframes pulse-twice {
+ 0% {
+ transform: scale(1.1);
+ }
+ 50% {
+ transform: scale(0.8);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+
+.messageText.heartbeat {
+ color: #000000;
+/* font-weight: normal;
+ font-family: "Lucida Grande", Segoe, Ubuntu;
+ font-size: 14px;
+ line-height: 16px;
+ text-shadow: none; */
+}
+
+.messageImage.heartbeat {
+ width: 36px;
+ height: 36px;
+ -moz-margin-end: 10px;
+}
+
+.messageImage.heartbeat.pulse-onshow {
+ animation-name: pulse-onshow;
+ animation-duration: 1.5s;
+ animation-iteration-count: 1;
+ animation-timing-function: cubic-bezier(.7,1.8,.9,1.1);
+}
+
+.messageImage.heartbeat.pulse-twice {
+ animation-name: pulse-twice;
+ animation-duration: 1s;
+ animation-iteration-count: 2;
+ animation-timing-function: linear;
+}
+
+/* Heartbeat UI Rating Star Classes */
+.heartbeat > #star-rating-container {
+ display: -moz-box;
+}
+
+.heartbeat > #star-rating-container > #star5 {
+ -moz-box-ordinal-group: 5;
+}
+
+.heartbeat > #star-rating-container > #star4 {
+ -moz-box-ordinal-group: 4;
+}
+
+.heartbeat > #star-rating-container > #star3 {
+ -moz-box-ordinal-group: 3;
+}
+
+.heartbeat > #star-rating-container > #star2 {
+ -moz-box-ordinal-group: 2;
+}
+
+.heartbeat > #star-rating-container > .star-x {
+ background: url("chrome://browser/skin/heartbeat-star-off.svg");
+ cursor: pointer;
+ width: 24px;
+ height: 24px;
+}
+
+.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;
+}
+