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 === */
transition: opacity 100ms ease-out;
}
-.newtab-site:hover .newtab-thumbnail.enhanced-content {
+.newtab-cell:not([ignorehover]) .newtab-site:hover .newtab-thumbnail.enhanced-content {
opacity: 0;
}
/* TITLES */
/*#newtab-intro-what,*/
.newtab-sponsored,
-.newtab-title {
+.newtab-title,
+.newtab-suggested {
padding: 0 8px;
background-color: rgba(255,159,0,.8);
color: #000000;
bottom: 0 !important;
}
+.newtab-suggested {
+ background-color: #9C9CFF;
+}
+
+.newtab-suggested:hover {
+ background-color: #FFCF00;
+ border: 1px solid #9C9CFF;
+}
+
+.newtab-suggested[active] {
+ background-color: #FF9F00;
+ border: 0;
+}
.newtab-site:hover .newtab-title {
background-color: #FFCF00;
}
--- /dev/null
+<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px">\r
+ <polygon points="4,9 4,5 2,5 5,1 8,5 6,5 6,9" fill="#000000"/>\r
+</svg>
\ No newline at end of file