mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-05 16:46:26 +00:00
150 lines
3.0 KiB
CSS
150 lines
3.0 KiB
CSS
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
:root {
|
|
-moz-appearance: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* SCROLLBOX */
|
|
#newtab-scrollbox:not([page-disabled]) {
|
|
background-color: rgb(229,229,229);
|
|
background-image: url(chrome://browser/skin/newtab/noise.png),
|
|
-moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.2));
|
|
background-attachment: fixed;
|
|
}
|
|
|
|
/* TOGGLE */
|
|
#newtab-toggle {
|
|
width: 16px;
|
|
height: 16px;
|
|
padding: 0;
|
|
border: none;
|
|
background: -216px 0 transparent url(chrome://browser/skin/newtab/controls.png);
|
|
}
|
|
|
|
#newtab-toggle[page-disabled] {
|
|
background-position: -232px 0;
|
|
}
|
|
|
|
@media (min-resolution: 2dppx) {
|
|
#newtab-toggle {
|
|
background-image: url(chrome://browser/skin/newtab/controls@2x.png);
|
|
background-size: 248px;
|
|
}
|
|
}
|
|
|
|
/* ROWS */
|
|
.newtab-row {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.newtab-row:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* CELLS */
|
|
.newtab-cell {
|
|
-moz-margin-end: 20px;
|
|
background-color: rgba(255,255,255,.2);
|
|
border: 1px solid;
|
|
border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);
|
|
border-radius: 1px;
|
|
transition: border-color 100ms ease-out;
|
|
}
|
|
|
|
.newtab-cell:empty {
|
|
border: 1px dashed;
|
|
border-color: rgba(8,22,37,.15) rgba(8,22,37,.17) rgba(8,22,37,.19);
|
|
}
|
|
|
|
.newtab-cell:last-child {
|
|
-moz-margin-end: 0;
|
|
}
|
|
|
|
.newtab-cell:hover:not(:empty):not([dragged]) {
|
|
border-color: rgba(8,22,37,.25) rgba(8,22,37,.27) rgba(8,22,37,.3);
|
|
}
|
|
|
|
/* SITES */
|
|
.newtab-site {
|
|
text-decoration: none;
|
|
transition-property: top, left, opacity, box-shadow, background-color;
|
|
}
|
|
|
|
.newtab-site:hover,
|
|
.newtab-site[dragged] {
|
|
box-shadow: 0 0 10px rgba(8,22,37,.3);
|
|
}
|
|
|
|
.newtab-site[dragged] {
|
|
transition-property: box-shadow, background-color;
|
|
background-color: rgb(242,242,242);
|
|
}
|
|
|
|
/* THUMBNAILS */
|
|
.newtab-thumbnail {
|
|
background-origin: padding-box;
|
|
background-clip: padding-box;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
/* TITLES */
|
|
.newtab-title {
|
|
padding: 0 8px;
|
|
background-color: rgba(248,249,251,.95);
|
|
color: #1f364c;
|
|
font-size: 12px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
/* CONTROLS */
|
|
.newtab-control {
|
|
width: 24px;
|
|
height: 24px;
|
|
padding: 1px 2px 3px;
|
|
border: none;
|
|
background: transparent url(chrome://browser/skin/newtab/controls.png);
|
|
}
|
|
|
|
@media (min-resolution: 2dppx) {
|
|
.newtab-control {
|
|
background-image: url(chrome://browser/skin/newtab/controls@2x.png);
|
|
background-size: 248px;
|
|
}
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.newtab-control-block {
|
|
background-position: -144px 0;
|
|
}
|
|
|
|
.newtab-control-block:hover {
|
|
background-position: -168px 0;
|
|
}
|
|
|
|
.newtab-control-block:active {
|
|
background-position: -192px 0;
|
|
}
|