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;
94 .newtab-intro-cell-hover {
95 background-color: rgba(255,159,0,.2);
97 border-color: #9C9CFF;
102 outline: 2px dashed #A09090;
103 -moz-outline-radius: 2px;
108 border-radius: inherit;
109 text-decoration: none;
110 transition-property: top, left, opacity, box-shadow, background-color;
113 .newtab-cell:not([ignorehover]) .newtab-control:hover ~ .newtab-link,
114 .newtab-cell:not([ignorehover]) .newtab-link:hover,
115 .newtab-site[dragged],
116 .newtab-intro-cell-hover .newtab-link {
117 box-shadow: 0 0 10px rgba(0,132,132,.3);
120 .newtab-intro-cell .newtab-thumbnail,
121 .newtab-intro-cell-hover .newtab-thumbnail {
122 background-color: #cae1f4;
123 background-image: url("chrome://browser/skin/newtab/whimsycorn.png");
126 .newtab-site[dragged] {
127 transition-property: box-shadow, background-color;
128 background-color: #002121;
139 background-origin: padding-box;
140 background-clip: padding-box;
141 background-repeat: no-repeat;
142 background-size: cover;
143 border-radius: 8px 8px 0px 0px;
145 transition: opacity 100ms ease-out;
148 .newtab-cell:not([ignorehover]) .newtab-site:hover .newtab-thumbnail.enhanced-content {
152 .newtab-site[type=affiliate] .newtab-thumbnail,
153 .newtab-site[type=enhanced] .newtab-thumbnail,
154 .newtab-site[type=organic] .newtab-thumbnail,
155 .newtab-site[type=sponsored] .newtab-thumbnail {
156 background-position: center center;
157 background-size: auto;
161 /*#newtab-intro-what,*/
166 background-color: rgba(255,159,0,.8);
169 bottom: 0 !important;
174 background-color: #9C9CFF;
177 .newtab-suggested:hover {
178 background-color: #FFCF00;
179 border: 1px solid #9C9CFF;
182 .newtab-suggested[active] {
183 background-color: #FF9F00;
187 .newtab-site:hover .newtab-title {
188 background-color: #FFCF00;
191 .newtab-site[pinned] .newtab-title {
192 -moz-padding-start: 24px;
195 .newtab-site[pinned] .newtab-title::before {
196 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 7, 278, 28, 266);
197 background-size: 10px;
208 .newtab-site[pinned] .newtab-title:-moz-locale-dir(rtl)::before {
215 background-color: transparent;
216 background-size: 24px;
223 .newtab-site[pinned] .newtab-control-pin:hover:active {
224 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 96, 32, 64);
227 .newtab-control-pin:hover,
228 .newtab-site[pinned] .newtab-control-pin:hover {
229 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 128, 32, 96);
232 .newtab-control-pin:hover:active,
233 .newtab-site[pinned] .newtab-control-pin {
234 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 160, 32, 128);
237 .newtab-control-block {
238 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 192, 32, 160);
241 .newtab-control-block:hover {
242 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 224, 32, 192);
245 .newtab-control-block:hover:active {
246 background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 256, 32, 224);