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]),
14 #newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom {
16 background-color: #000000;
20 #newtab-undo-container {
23 border-color: #9C9CFF;
24 background-color: #000000;
39 background: transparent;
40 text-decoration: none;
44 .newtab-undo-button:hover {
45 text-decoration: underline;
48 .newtab-undo-button:-moz-focusring {
52 .newtab-undo-button > .button-box {
56 #newtab-undo-close-button {
59 list-style-image: url("chrome://global/skin/icons/close.png");
60 -moz-image-region: rect(0, 16px, 16px, 0);
63 #newtab-undo-close-button:hover {
64 -moz-image-region: rect(0, 32px, 16px, 16px);
67 #newtab-undo-close-button > .toolbarbutton-text {
71 #newtab-undo-close-button:-moz-focusring {
81 background: -216px 0 transparent url("chrome://browser/skin/newtab/controls.png");
84 #newtab-toggle[page-disabled] {
85 background-position: -232px 0;
93 .newtab-row:last-child {
97 .newtab-row > .newtab-cell {
98 /* this only applies before Directory Tiles work, row is gone afterwards. */
99 -moz-margin-end: 20px;
104 background-color: rgba(255,159,0,.2);
106 border-color: #9C9CFF;
108 transition: border-color 100ms ease-out;
115 .newtab-row > .newtab-cell:last-child {
119 .newtab-cell:hover:not(:empty):not([dragged]):not([ignorehover]) {
120 border-color: #FFCF00;
125 text-decoration: none;
126 transition-property: top, left, opacity, box-shadow, background-color;
129 .newtab-cell:not([ignorehover]) > .newtab-site:hover,
130 .newtab-site[dragged] {
131 box-shadow: 0 0 10px rgba(0,132,132,.3);
134 .newtab-site[dragged] {
135 transition-property: box-shadow, background-color;
136 background-color: #002121;
141 background-origin: padding-box;
142 background-clip: padding-box;
143 background-repeat: no-repeat;
144 background-size: cover;
147 .newtab-site[type=affiliate] .newtab-thumbnail,
148 .newtab-site[type=organic] .newtab-thumbnail,
149 .newtab-site[type=sponsored] .newtab-thumbnail {
150 background-position: center center;
151 background-size: auto;
157 background-color: rgba(255,159,0,.8);
160 bottom: 0 !important;
163 .newtab-site[type=sponsored] .newtab-title {
164 -moz-padding-end: 24px;
171 padding: 1px 2px 3px;
173 background: transparent url("chrome://browser/skin/newtab/controls.png");
176 .newtab-control-pin:hover {
177 background-position: -24px 0;
180 .newtab-control-pin:active {
181 background-position: -48px 0;
184 .newtab-control-pin[pinned] {
185 background-position: -72px 0;
188 .newtab-control-pin[pinned]:hover {
189 background-position: -96px 0;
192 .newtab-control-pin[pinned]:active {
193 background-position: -120px 0;
196 .newtab-control-block {
197 background-position: -144px 0;
200 .newtab-control-block:hover {
201 background-position: -168px 0;
204 .newtab-control-block:active {
205 background-position: -192px 0;
208 .newtab-control-sponsored {
209 background-position: -249px -1px;
212 .newtab-control-sponsored:hover {
213 background-position: -265px -1px;
216 .newtab-control-sponsored[panelShown] {
217 background-position: -281px -1px;