summaryrefslogtreecommitdiffstats
path: root/application/palemoon/themes/linux/newtab
diff options
context:
space:
mode:
authorwolfbeast <mcwerewolf@gmail.com>2018-06-21 11:32:13 +0200
committerwolfbeast <mcwerewolf@gmail.com>2018-06-21 11:32:13 +0200
commit072b81e0a5d4ea4dedc9ae98632a49b7cb4c24ef (patch)
tree3e8a0f855a5f3ebe486e29a1951e8a853abb097e /application/palemoon/themes/linux/newtab
parent79ad98f406e1d6e084ec8b968418263b53ba34ca (diff)
downloadUXP-072b81e0a5d4ea4dedc9ae98632a49b7cb4c24ef.tar
UXP-072b81e0a5d4ea4dedc9ae98632a49b7cb4c24ef.tar.gz
UXP-072b81e0a5d4ea4dedc9ae98632a49b7cb4c24ef.tar.lz
UXP-072b81e0a5d4ea4dedc9ae98632a49b7cb4c24ef.tar.xz
UXP-072b81e0a5d4ea4dedc9ae98632a49b7cb4c24ef.zip
Issue #517 Part 6: Restyle for Pale Moon.
This splits out common rules for different OSes to themes/shared and applies new styling to the newtab page.
Diffstat (limited to 'application/palemoon/themes/linux/newtab')
-rw-r--r--application/palemoon/themes/linux/newtab/newTab.css194
1 files changed, 1 insertions, 193 deletions
diff --git a/application/palemoon/themes/linux/newtab/newTab.css b/application/palemoon/themes/linux/newtab/newTab.css
index 794f25a4e..357b3139b 100644
--- a/application/palemoon/themes/linux/newtab/newTab.css
+++ b/application/palemoon/themes/linux/newtab/newTab.css
@@ -2,33 +2,7 @@
* 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;
- font-size: 75%;
- background-color: transparent;
-}
-
-/* SCROLLBOX */
-#newtab-scrollbox:not([page-disabled]) {
- background-color: rgb(229,229,229);
- background-image: url(chrome://browser/skin/newtab/noise.png),
- linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.2));
- background-attachment: fixed;
-}
-
-/* UNDO */
-#newtab-undo-container {
- padding: 4px 3px;
- border: 1px solid;
- border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);
- background-color: rgba(255,255,255,.4);
- color: #525e69;
-}
-
-#newtab-undo-label {
- margin-top: 0;
- margin-bottom: 0;
-}
+%include ../../shared/newtab/newTab.css.inc
.newtab-undo-button {
-moz-appearance: none;
@@ -42,14 +16,6 @@
min-width: 0;
}
-.newtab-undo-button:hover {
- text-decoration: underline;
-}
-
-.newtab-undo-button:-moz-focusring {
- outline: 1px dotted;
-}
-
#newtab-undo-close-button {
padding: 0;
border: none;
@@ -59,161 +25,3 @@
#newtab-undo-close-button > .toolbarbutton-icon {
margin: -4px;
}
-
-#newtab-undo-close-button > .toolbarbutton-text {
- display: none;
-}
-
-#newtab-undo-close-button:-moz-focusring {
- outline: 1px dotted;
-}
-
-/* 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;
-}
-
-/* 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;
- line-height: 24px;
-}
-
-.newtab-site[pinned] .newtab-title {
- padding-inline-start: 24px;
-}
-
-.newtab-site[pinned] .newtab-title::before {
- background-image: url(chrome://browser/skin/newtab/controls.png);
- background-position: -74px -1px;
- content: "";
- left: 2px;
- top: 2px;
- position: absolute;
- width: 20px;
- height: 20px;
-}
-
-.newtab-site[pinned] .newtab-title:dir(rtl)::before {
- left: auto;
- right: 2px;
-}
-
-/* CONTROLS */
-.newtab-control {
- background-color: transparent;
- background-size: 24px;
- border: none;
- height: 24px;
- width: 24px;
- top: 4px;
- background: transparent url(chrome://browser/skin/newtab/controls.png);
-}
-
-.newtab-control-pin:dir(ltr),
-.newtab-control-block:dir(rtl) {
- left: 4px;
-}
-
-.newtab-control-block:dir(ltr),
-.newtab-control-pin:dir(rtl) {
- right: 4px;
-}
-
-.newtab-control-pin:hover {
- background-position: -24px 0;
-}
-
-.newtab-control-pin:active {
- background-position: -48px 0;
-}
-
-.newtab-site[pinned] .newtab-control-pin {
- background-position: -72px 0;
-}
-
-.newtab-site[pinned] .newtab-control-pin:hover {
- background-position: -96px 0;
-}
-
-.newtab-site[pinned] .newtab-control-pin: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;
-}