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 background-color: #000000
17 #newtab-scrollbox:not([page-disabled]) {
19 background-color: #000000;
22 #newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom {
27 #newtab-undo-container {
30 border-color: #9C9CFF;
31 background-color: #000000;
46 background: transparent;
47 text-decoration: none;
51 .newtab-undo-button:hover {
52 text-decoration: underline;
55 .newtab-undo-button:-moz-focusring {
59 .newtab-undo-button > .button-box {
63 #newtab-undo-close-button {
66 list-style-image: url("chrome://global/skin/icons/close.png");
67 -moz-image-region: rect(0, 16px, 16px, 0);
70 #newtab-undo-close-button:hover {
71 -moz-image-region: rect(0, 32px, 16px, 16px);
74 #newtab-undo-close-button:-moz-focusring {
79 #newtab-customize-button,
81 background-color: transparent;
82 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 32, 32, 0);
83 background-size: 28px;
90 #newtab-customize-button:-moz-any(:hover, :active, [active]) {
91 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 64, 32, 32);
92 background-color: #FFCF00;
97 background-color: rgba(255,159,0,.2);
99 border-color: #9C9CFF;
104 outline: 2px dashed #A09090;
105 -moz-outline-radius: 2px;
110 border-radius: inherit;
111 text-decoration: none;
112 transition-property: top, left, opacity, box-shadow, background-color;
115 .newtab-cell:not([ignorehover]) .newtab-control:hover ~ .newtab-link,
116 .newtab-cell:not([ignorehover]) .newtab-link:hover,
117 .newtab-site[dragged] {
118 box-shadow: 0 0 10px rgba(0,132,132,.3);
121 .newtab-site[dragged] {
122 transition-property: box-shadow, background-color;
123 background-color: #002121;
134 background-origin: padding-box;
135 background-clip: padding-box;
136 background-repeat: no-repeat;
137 background-size: cover;
138 border-radius: 8px 8px 0px 0px;
140 transition: opacity 100ms ease-out;
143 .newtab-cell:not([ignorehover]) .newtab-site:hover .newtab-thumbnail.enhanced-content {
147 .newtab-site[type=affiliate] .newtab-thumbnail,
148 .newtab-site[type=enhanced] .newtab-thumbnail,
149 .newtab-site[type=organic] .newtab-thumbnail,
150 .newtab-site[type=sponsored] .newtab-thumbnail {
151 background-position: center center;
152 background-size: auto;
160 background-color: rgba(255,159,0,.8);
164 bottom: 0 !important;
169 background-color: #9C9CFF;
172 .newtab-suggested:hover {
173 background-color: #FFCF00;
174 border: 1px solid #9C9CFF;
177 .newtab-suggested[active] {
178 background-color: #FF9F00;
182 .newtab-site:hover .newtab-title {
183 background-color: #FFCF00;
186 .newtab-site[pinned] .newtab-title {
187 -moz-padding-start: 24px;
190 .newtab-site[pinned] .newtab-title::before {
191 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 7, 278, 28, 266);
192 background-size: 10px;
203 .newtab-site[pinned] .newtab-title:-moz-locale-dir(rtl)::before {
210 background-color: transparent;
211 background-size: 24px;
218 .newtab-site[pinned] .newtab-control-pin:hover:active {
219 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 96, 32, 64);
222 .newtab-control-pin:hover,
223 .newtab-site[pinned] .newtab-control-pin:hover {
224 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 128, 32, 96);
227 .newtab-control-pin:hover:active,
228 .newtab-site[pinned] .newtab-control-pin {
229 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 160, 32, 128);
232 .newtab-control-block {
233 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 192, 32, 160);
236 .newtab-control-block:hover {
237 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 224, 32, 192);
240 .newtab-control-block:hover:active {
241 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 256, 32, 224);
245 #newtab-search-logo:hover {
246 background-color: #FFCF00;
249 #newtab-search-logo[active] {
250 background-color: #FF9F00;
253 #newtab-search-logo {
254 background-image: url("chrome://browser/skin/magnifier.png");
256 #newtab-search-logo.magnifier[active],
257 #newtab-search-logo.magnifier:hover {
258 background-image: url("chrome://browser/skin/magnifier-hover.png");
260 /* Newer versions only */
261 #newtab-search-icon {
262 background-image: url("chrome://browser/skin/search-indicator-magnifying-glass.svg#magnifying-glass");
264 #newtab-search-logo.magnifier[active],
265 #newtab-search-logo.magnifier:hover {
266 background-image: url("chrome://browser/skin/magnifier-hover.png");
269 #newtab-search-text {
270 border: 1px solid #9C9CFF;
271 background-color: #000000;
274 #newtab-search-text::-moz-placeholder {
277 #newtab-search-text:focus {
278 border: 1px solid #008484;
279 box-shadow: 0 0 0 1px #008484 inset;
282 #newtab-search-submit {
283 background-image: none;
284 background-color: #C09070;
287 border-radius: 0 300px 300px 0;
289 -moz-margin-start: 3px;
291 #newtab-search-text:focus + #newtab-search-submit,
292 #newtab-search-text[autofocus] + #newtab-search-submit {
293 background-image: none;
294 background-color: #008484;
298 #newtab-search-text + #newtab-search-submit:hover {
299 background-image: none;
300 background-color: #FFCF00;
304 /* Newer versions only */
305 #newtab-search-submit[value=""],
306 #newtab-search-text:focus + #newtab-search-submit[value=""],
307 #newtab-search-text[autofocus] + #newtab-search-submit[value=""],
308 #newtab-search-text + #newtab-search-submit[value=""]:hover {
309 background-image: url("chrome://browser/skin/search-arrow-go.svg#search-arrow-go");
313 #newtab-customize-overlay {
317 #newtab-customize-panel,
318 #newtab-customize-panel-anchor,
319 #newtab-customize-panel-inner-wrapper,
320 .newtab-customize-panel-item,
321 .newtab-customize-complex-option {
322 background-color: #000000;
325 #newtab-customize-title {
327 background-color: #000000;
330 .newtab-customize-panel-item[selected],
331 .newtab-customize-panel-subitem[selected] {
335 .newtab-customize-panel-item:not([selected]),
336 .newtab-customize-panel-subitem:not([selected]) {
340 .newtab-customize-panel-subitem > .checkbox {
341 background-color: #000000;
342 border-color: #A09090;
345 .newtab-customize-panel-subitem[selected] > .checkbox {
346 background-color: #000000;
347 background-image: url("chrome://global/skin/menu/shared-menu-check-active.svg");
351 .newtab-customize-panel-item:not(:first-child),
352 .newtab-search-panel-engine {
353 border-top: 1px solid #A09090;
356 .newtab-customize-complex-option:hover > .selectable:not([selected]),
357 .selectable:hover:not([selected]),
358 .newtab-customize-complex-option:hover > .selectable:not([selected]) + .newtab-customize-panel-subitem,
359 .newtab-customize-panel-item:hover:not([selected]) {
360 background-color: #FFCF00;
364 .newtab-customize-complex-option:hover > .selectable:not([selected]),
365 .selectable:hover:not([selected]) {
366 background-image: url("chrome://global/skin/menu/shared-menu-check-black.svg");