+.newtab-cell:not([ignorehover]) > .newtab-site:hover,
+.newtab-site[dragged] {
+ box-shadow: 0 0 10px rgba(0,132,132,.3);
+}
+
+.newtab-site[dragged] {
+ transition-property: box-shadow, background-color;
+ background-color: #002121;
+}
+
+/* THUMBNAILS */
+.newtab-thumbnail {
+ background-origin: padding-box;
+ background-clip: padding-box;
+ background-repeat: no-repeat;
+ background-size: cover;
+}
+
+.newtab-site[type=affiliate] .newtab-thumbnail,
+.newtab-site[type=organic] .newtab-thumbnail,
+.newtab-site[type=sponsored] .newtab-thumbnail {
+ background-position: center center;
+ background-size: auto;
+}
+
+/* TITLES */
+.newtab-title {
+ padding: 0 8px;
+ background-color: rgba(255,159,0,.8);
+ color: #000000;
+ line-height: 24px;
+ bottom: 0 !important;
+}
+
+.newtab-site[type=sponsored] .newtab-title {
+ -moz-padding-end: 24px;
+}
+
+/* CONTROLS */
+.newtab-control {
+ width: 24px;
+ height: 24px;
+ padding: 1px 2px 3px;
+ border: none;
+ background: transparent url("chrome://browser/skin/newtab/controls.png");
+}
+
+.newtab-control-pin:hover {
+ background-position: -24px 0;
+}
+
+.newtab-control-pin:active {
+ background-position: -48px 0;
+}
+
+.newtab-control-pin[pinned] {
+ background-position: -72px 0;
+}
+
+.newtab-control-pin[pinned]:hover {
+ background-position: -96px 0;
+}
+
+.newtab-control-pin[pinned]:active {
+ background-position: -120px 0;