1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
8 background-color: transparent;
13 #newtab-scrollbox:not([page-disabled]) {
15 background-color: #000000;
18 #newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom {
23 #newtab-undo-container {
26 border-color: #9C9CFF;
27 background-color: #000000;
42 background: transparent;
43 text-decoration: none;
47 .newtab-undo-button:hover {
48 text-decoration: underline;
51 .newtab-undo-button:-moz-focusring {
55 .newtab-undo-button > .button-box {
59 #newtab-undo-close-button {
62 list-style-image: url("chrome://global/skin/icons/close.png");
63 -moz-image-region: rect(0, 16px, 16px, 0);
66 #newtab-undo-close-button:hover {
67 -moz-image-region: rect(0, 32px, 16px, 16px);
70 #newtab-undo-close-button:-moz-focusring {
75 #newtab-customize-button,
77 background-color: transparent;
78 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 32, 32, 0);
79 background-size: 28px;
86 #newtab-customize-button:-moz-any(:hover, :active, [active]) {
87 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 64, 32, 32);
88 background-color: #FFCF00;
93 background-color: rgba(255,159,0,.2);
95 border-color: #9C9CFF;
100 outline: 2px dashed #A09090;
101 -moz-outline-radius: 2px;
106 border-radius: inherit;
107 text-decoration: none;
108 transition-property: top, left, opacity, box-shadow, background-color;
111 .newtab-cell:not([ignorehover]) > .newtab-site:hover,
112 .newtab-site[dragged] {
113 box-shadow: 0 0 10px rgba(0,132,132,.3);
116 .newtab-site[dragged] {
117 transition-property: box-shadow, background-color;
118 background-color: #002121;
128 background-origin: padding-box;
129 background-clip: padding-box;
130 background-repeat: no-repeat;
131 background-size: cover;
132 transition: opacity 100ms ease-out;
135 .newtab-site:hover .newtab-thumbnail.enhanced-content {
139 .newtab-site[type=affiliate] .newtab-thumbnail,
140 .newtab-site[type=enhanced] .newtab-thumbnail,
141 .newtab-site[type=organic] .newtab-thumbnail,
142 .newtab-site[type=sponsored] .newtab-thumbnail {
143 background-position: center center;
144 background-size: auto;
151 background-color: rgba(255,159,0,.8);
154 bottom: 0 !important;
157 .newtab-site[type=sponsored] .newtab-title {
158 -moz-padding-end: 24px;
161 .newtab-site:hover .newtab-title {
162 background-color: #FFCF00;
165 .newtab-site[pinned] .newtab-title {
169 .newtab-site[pinned] .newtab-title::before {
170 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 7, 278, 28, 266);
171 background-size: 10px;
179 .newtab-site[pinned] .newtab-title:-moz-locale-dir(rtl)::before {
186 background-color: transparent;
187 background-size: 24px;
194 .newtab-site[pinned] .newtab-control-pin:hover:active {
195 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 96, 32, 64);
198 .newtab-control-pin:hover,
199 .newtab-site[pinned] .newtab-control-pin:hover {
200 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 128, 32, 96);
203 .newtab-control-pin:hover:active,
204 .newtab-site[pinned] .newtab-control-pin {
205 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 160, 32, 128);
208 .newtab-control-block {
209 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 192, 32, 160);
212 .newtab-control-block:hover {
213 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 224, 32, 192);
216 .newtab-control-block:hover:active {
217 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 256, 32, 224);