mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-09-06 15:58:39 +09:00
Issue #832 Part 2: Remove styling and images.
This commit is contained in:
Ascrod
Roy Tam
parent
7dac76098e
commit
6343212065
14 changed files with 2 additions and 431 deletions
|
|
@ -840,80 +840,6 @@ menuitem.bookmark-item {
|
|||
outline: 1px dotted -moz-DialogText;
|
||||
}
|
||||
|
||||
/* Translation infobar */
|
||||
|
||||
%include ../shared/translation/infobar.inc.css
|
||||
|
||||
notification[value="translation"] {
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
notification[value="translation"],
|
||||
notification[value="translation"] button,
|
||||
notification[value="translation"] menulist {
|
||||
min-height: 30px;
|
||||
color: #5A5959;
|
||||
}
|
||||
|
||||
notification[value="translation"] {
|
||||
background-color: #F2F1F0;
|
||||
}
|
||||
|
||||
notification[value="translation"] button,
|
||||
notification[value="translation"] menulist {
|
||||
padding-inline-end: 1ch;
|
||||
}
|
||||
|
||||
notification[value="translation"] menulist {
|
||||
border: 1px solid #C1C1C1;
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
notification[value="translation"] button {
|
||||
border: 1px solid #C1C1C1;
|
||||
background-color: #F2F1F0;
|
||||
}
|
||||
|
||||
notification[value="translation"] button,
|
||||
notification[value="translation"] menulist,
|
||||
notification[value="translation"] menulist > .menulist-label-box {
|
||||
margin-inline-start: 1ch;
|
||||
margin-inline-end: 1ch;
|
||||
}
|
||||
|
||||
notification[value="translation"] button:hover,
|
||||
notification[value="translation"] button:active,
|
||||
notification[value="translation"] menulist:hover,
|
||||
notification[value="translation"] menulist:active {
|
||||
background-color: #E2E1E0;
|
||||
}
|
||||
|
||||
notification[value="translation"] button[anonid="translate"] {
|
||||
color: #FFF;
|
||||
background-image: linear-gradient(#9FB938, #8DA726);
|
||||
box-shadow: none;
|
||||
border: 1px solid #829C1C;
|
||||
}
|
||||
|
||||
notification[value="translation"] button[anonid="translate"]:hover,
|
||||
notification[value="translation"] button[anonid="translate"]:active {
|
||||
background-image: linear-gradient(#8DA726, #8DA726);
|
||||
}
|
||||
|
||||
notification[value="translation"] button > .button-box,
|
||||
notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker {
|
||||
padding: 0;
|
||||
margin-inline-start: 3ch;
|
||||
}
|
||||
|
||||
notification[value="translation"] button:not([type="menu"]) > .button-box {
|
||||
margin-inline-end: 3ch;
|
||||
}
|
||||
|
||||
notification[value="translation"] menulist > .menulist-dropmarker {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* AutoComplete */
|
||||
|
||||
%include ../shared/autocomplete.inc.css
|
||||
|
|
|
|||
|
|
@ -20,12 +20,6 @@
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Content Pane */
|
||||
#translationAttributionImage {
|
||||
width: 70px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Modeless Window Dialogs */
|
||||
.windowDialog,
|
||||
.windowDialog prefpane {
|
||||
|
|
|
|||
|
|
@ -2920,139 +2920,6 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
|
|||
0 0 3px 2px -moz-mac-focusring;
|
||||
}
|
||||
|
||||
/* Translation */
|
||||
|
||||
%include ../shared/translation/infobar.inc.css
|
||||
|
||||
notification[value="translation"] {
|
||||
color: #484848;
|
||||
background-color: #EFEFEF;
|
||||
background-image: none;
|
||||
border-top: none;
|
||||
border-bottom: 1px solid #c4c4c4;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
min-height: 35px;
|
||||
}
|
||||
|
||||
.translate-infobar-element {
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
button.translate-infobar-element {
|
||||
background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1)) repeat scroll 0% 0% padding-box transparent;
|
||||
color: #333333;
|
||||
border: 1px solid;
|
||||
border-color: rgba(23, 51, 78, 0.15) rgba(23, 51, 78, 0.17) rgba(23, 51, 78, 0.2);
|
||||
box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5) inset, 0px 1px 0px rgba(255, 255, 255, 0.2);
|
||||
transition-property: background-color, border-color, box-shadow;
|
||||
transition-duration: 150ms;
|
||||
min-height: 22px;
|
||||
min-width: 0;
|
||||
padding: 0 0.8em !important;
|
||||
margin-left: 0.25em;
|
||||
margin-right: 0.25em;
|
||||
}
|
||||
|
||||
button.translate-infobar-element .button-text {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
label.translate-infobar-element {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
button.translate-infobar-element:hover {
|
||||
background: #f0f0f0;
|
||||
box-shadow: 0 1px 0 hsla(0,0%,100%,.1) inset, 0 0 0 1px hsla(0,0%,100%,.05) inset, 0 1px 0 hsla(210,54%,20%,.01), 0 0 4px hsla(206,100%,20%,.1);
|
||||
}
|
||||
|
||||
button.translate-infobar-element:active {
|
||||
box-shadow: 0 1px 1px hsla(211,79%,6%,.1) inset, 0 0 1px hsla(211,79%,6%,.2) inset;
|
||||
transition-duration: 0ms;
|
||||
}
|
||||
|
||||
button.translate-infobar-element[anonid="translate"] {
|
||||
color: #ffffff;
|
||||
background: linear-gradient(#4cb1ff, #1793e5);
|
||||
box-shadow: 0 1px 0 hsla(0,0%,100%,.2) inset, 0 0 0 1px hsla(0,0%,100%,.1) inset, 0 1px 0 hsla(210,54%,20%,.03);
|
||||
border-color: hsla(210,54%,20%,.15) hsla(210,54%,20%,.17) hsla(210,54%,20%,.2);
|
||||
padding: 0 1.1em !important;;
|
||||
}
|
||||
|
||||
button.translate-infobar-element[anonid="translate"]:hover {
|
||||
background-image: linear-gradient(#66bdff, #0d9eff);
|
||||
box-shadow: 0 1px 0 hsla(0,0%,100%,.2) inset, 0 0 0 1px hsla(0,0%,100%,.1) inset, 0 1px 0 hsla(210,54%,20%,.03), 0 0 4px hsla(206,100%,20%,.2);
|
||||
}
|
||||
|
||||
button.translate-infobar-element.options-menu-button {
|
||||
padding-inline-start: 0.5em !important;
|
||||
padding-inline-end: 0em !important;
|
||||
}
|
||||
|
||||
button.translate-infobar-element.options-menu-button > .button-box > .button-menu-dropmarker {
|
||||
display: -moz-box;
|
||||
list-style-image: url("chrome://global/skin/icons/glyph-dropdown.png");
|
||||
padding: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
@media (min-resolution: 2dppx) {
|
||||
button.translate-infobar-element.options-menu-button > .button-box > .button-menu-dropmarker {
|
||||
list-style-image: url("chrome://global/skin/icons/glyph-dropdown@2x.png");
|
||||
}
|
||||
|
||||
button.translate-infobar-element.options-menu-button > .button-box > .button-menu-dropmarker > .dropmarker-icon {
|
||||
width: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
menulist.translate-infobar-element {
|
||||
text-shadow: 0 1px 1px #FEFFFE;
|
||||
border: 1px solid;
|
||||
border-color: rgba(23, 51, 78, 0.15) rgba(23, 51, 78, 0.17) rgba(23, 51, 78, 0.2);
|
||||
box-shadow: 0 1px 1px 0 #FFFFFF, inset 0 2px 2px 0 #FFFFFF;
|
||||
background-color: #F1F1F1;
|
||||
background-image: linear-gradient(#FFFFFF, rgba(255,255,255,0.1));
|
||||
color: #333333;
|
||||
padding: 0;
|
||||
min-height: 22px !important;
|
||||
}
|
||||
|
||||
menulist.translate-infobar-element > .menulist-label-box {
|
||||
padding-top: 1px;
|
||||
padding-inline-start: 0.3em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
menulist.translate-infobar-element:hover {
|
||||
background: #f0f0f0;
|
||||
box-shadow: 0 1px 0 hsla(0,0%,100%,.1) inset, 0 0 0 1px hsla(0,0%,100%,.05) inset, 0 1px 0 hsla(210,54%,20%,.01), 0 0 4px hsla(206,100%,20%,.1);
|
||||
}
|
||||
|
||||
menulist.translate-infobar-element[open="true"] {
|
||||
background-image: linear-gradient(rgba(255,255,255,0.1),
|
||||
rgba(255,255,255,0.6));
|
||||
}
|
||||
|
||||
menulist.translate-infobar-element > .menulist-dropmarker {
|
||||
display: -moz-box;
|
||||
list-style-image: url("chrome://global/skin/icons/glyph-dropdown.png");
|
||||
}
|
||||
|
||||
@media (min-resolution: 2dppx) {
|
||||
menulist.translate-infobar-element > .menulist-dropmarker {
|
||||
list-style-image: url("chrome://global/skin/icons/glyph-dropdown@2x.png");
|
||||
}
|
||||
|
||||
menulist.translate-infobar-element > .menulist-dropmarker > .dropmarker-icon {
|
||||
width: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.popup-notification-body[popupid="addon-progress"],
|
||||
.popup-notification-body[popupid="addon-install-confirmation"] {
|
||||
width: 28em;
|
||||
|
|
|
|||
|
|
@ -49,11 +49,6 @@ caption {
|
|||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
#translationAttributionImage {
|
||||
width: 70px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#browserUseCurrent,
|
||||
#browserUseBookmark,
|
||||
#browserUseBlank {
|
||||
|
|
|
|||
|
|
@ -108,10 +108,6 @@
|
|||
skin/classic/browser/theme-switcher-icon.png (../shared/theme-switcher-icon.png)
|
||||
skin/classic/browser/theme-switcher-icon@2x.png (../shared/theme-switcher-icon@2x.png)
|
||||
skin/classic/browser/toolbarbutton-dropdown-arrow.png (../shared/toolbarbutton-dropdown-arrow.png)
|
||||
skin/classic/browser/translating-16.png (../shared/translation/translating-16.png)
|
||||
skin/classic/browser/translating-16@2x.png (../shared/translation/translating-16@2x.png)
|
||||
skin/classic/browser/translation-16.png (../shared/translation/translation-16.png)
|
||||
skin/classic/browser/translation-16@2x.png (../shared/translation/translation-16@2x.png)
|
||||
skin/classic/browser/undoCloseTab.png (../shared/undoCloseTab.png)
|
||||
skin/classic/browser/undoCloseTab@2x.png (../shared/undoCloseTab@2x.png)
|
||||
skin/classic/browser/update-badge.svg (../shared/update-badge.svg)
|
||||
|
|
|
|||
|
|
@ -266,27 +266,3 @@ html|*#webRTC-previewVideo {
|
|||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* TRANSLATION */
|
||||
|
||||
.translation-icon {
|
||||
list-style-image: url(chrome://browser/skin/translation-16.png);
|
||||
-moz-image-region: rect(0px, 16px, 16px, 0px);
|
||||
}
|
||||
|
||||
.translation-icon.in-use {
|
||||
-moz-image-region: rect(0px, 32px, 16px, 16px);
|
||||
}
|
||||
|
||||
%ifdef XP_MACOSX
|
||||
@media (min-resolution: 1.1dppx) {
|
||||
.translation-icon {
|
||||
list-style-image: url(chrome://browser/skin/translation-16@2x.png);
|
||||
-moz-image-region: rect(0px, 32px, 32px, 0px);
|
||||
}
|
||||
|
||||
.translation-icon.in-use {
|
||||
-moz-image-region: rect(0px, 64px, 32px, 32px);
|
||||
}
|
||||
}
|
||||
%endif
|
||||
|
|
|
|||
|
|
@ -1,95 +0,0 @@
|
|||
%if 0
|
||||
/* 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/. */
|
||||
%endif
|
||||
notification[value="translation"] .messageImage {
|
||||
list-style-image: url(chrome://browser/skin/translation-16.png);
|
||||
-moz-image-region: rect(0, 32px, 16px, 16px);
|
||||
}
|
||||
|
||||
@media (min-resolution: 1.25dppx) {
|
||||
notification[value="translation"] .messageImage {
|
||||
list-style-image: url(chrome://browser/skin/translation-16@2x.png);
|
||||
-moz-image-region: rect(0, 64px, 32px, 32px);
|
||||
}
|
||||
}
|
||||
|
||||
notification[value="translation"][state="translating"] .messageImage {
|
||||
list-style-image: url(chrome://browser/skin/translating-16.png);
|
||||
-moz-image-region: auto;
|
||||
}
|
||||
|
||||
@media (min-resolution: 1.25dppx) {
|
||||
notification[value="translation"][state="translating"] .messageImage {
|
||||
list-style-image: url(chrome://browser/skin/translating-16@2x.png);
|
||||
}
|
||||
}
|
||||
|
||||
notification[value="translation"] hbox[anonid="details"] {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
notification[value="translation"] button,
|
||||
notification[value="translation"] menulist {
|
||||
-moz-appearance: none;
|
||||
border-width: 1px;
|
||||
-moz-border-top-colors: none;
|
||||
-moz-border-right-colors: none;
|
||||
-moz-border-bottom-colors: none;
|
||||
-moz-border-left-colors: none;
|
||||
border-radius: 2px;
|
||||
min-width: 0;
|
||||
box-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(255, 255, 255, 0.5) inset;
|
||||
}
|
||||
|
||||
notification[value="translation"] menulist > .menulist-dropmarker {
|
||||
-moz-appearance: toolbarbutton-dropdown;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
margin: auto;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.translation-menupopup arrowscrollbox {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.translation-attribution {
|
||||
cursor: pointer;
|
||||
-moz-box-align: end;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.translation-attribution > label {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.translation-attribution > image {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.translation-welcome-panel {
|
||||
width: 305px;
|
||||
}
|
||||
|
||||
.translation-welcome-logo {
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
list-style-image: url(chrome://browser/skin/translation-16@2x.png);
|
||||
-moz-image-region: rect(0, 64px, 32px, 32px);
|
||||
}
|
||||
|
||||
.translation-welcome-content {
|
||||
margin-inline-start: 16px;
|
||||
}
|
||||
|
||||
.translation-welcome-headline {
|
||||
font-size: larger;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.translation-welcome-body {
|
||||
padding: 1em 0;
|
||||
margin: 0 0;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 889 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2 KiB |
|
|
@ -2216,87 +2216,6 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
|
|||
outline: 1px dotted -moz-DialogText;
|
||||
}
|
||||
|
||||
/* Translation infobar */
|
||||
|
||||
%include ../shared/translation/infobar.inc.css
|
||||
|
||||
notification[value="translation"] {
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
@media (-moz-windows-default-theme) {
|
||||
notification[value="translation"],
|
||||
notification[value="translation"] button,
|
||||
notification[value="translation"] menulist {
|
||||
min-height: 30px;
|
||||
color: #545454;
|
||||
}
|
||||
|
||||
notification[value="translation"] {
|
||||
background-color: #EEE;
|
||||
}
|
||||
|
||||
notification[value="translation"] button,
|
||||
notification[value="translation"] menulist {
|
||||
padding-inline-end: 1ch;
|
||||
}
|
||||
|
||||
notification[value="translation"] menulist {
|
||||
border: 1px solid #C1C1C1;
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
notification[value="translation"] button {
|
||||
border: 1px solid #C1C1C1;
|
||||
background-color: #FBFBFB;
|
||||
}
|
||||
|
||||
notification[value="translation"] button,
|
||||
notification[value="translation"] menulist,
|
||||
notification[value="translation"] menulist > .menulist-label-box {
|
||||
margin-inline-start: 1ch;
|
||||
margin-inline-end: 1ch;
|
||||
}
|
||||
|
||||
notification[value="translation"] button:hover,
|
||||
notification[value="translation"] button:active,
|
||||
notification[value="translation"] menulist:hover,
|
||||
notification[value="translation"] menulist:active {
|
||||
background-color: #EBEBEB;
|
||||
}
|
||||
|
||||
notification[value="translation"] button[anonid="translate"] {
|
||||
color: #FFF;
|
||||
background-color: #0095DD;
|
||||
box-shadow: none;
|
||||
border: 1px solid #006B9D;
|
||||
}
|
||||
|
||||
notification[value="translation"] button[anonid="translate"]:hover,
|
||||
notification[value="translation"] button[anonid="translate"]:active {
|
||||
background-color: #008ACB;
|
||||
}
|
||||
|
||||
notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker,
|
||||
notification[value="translation"] menulist > .menulist-dropmarker {
|
||||
list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow.png");
|
||||
}
|
||||
|
||||
notification[value="translation"] button > .button-box,
|
||||
notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker {
|
||||
padding: 0;
|
||||
margin-inline-start: 3ch;
|
||||
}
|
||||
|
||||
notification[value="translation"] button:not([type="menu"]) > .button-box {
|
||||
margin-inline-end: 3ch;
|
||||
}
|
||||
}
|
||||
|
||||
.translation-menupopup {
|
||||
-moz-appearance: none;
|
||||
}
|
||||
|
||||
/* Bookmarks roots menu-items */
|
||||
#subscribeToPageMenuitem:not([disabled]),
|
||||
#subscribeToPageMenupopup {
|
||||
|
|
|
|||
|
|
@ -15,13 +15,6 @@
|
|||
#isNotDefaultLabel {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Content Pane */
|
||||
#translationAttributionImage {
|
||||
width: 70px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Modeless Window Dialogs */
|
||||
.windowDialog,
|
||||
.windowDialog prefpane {
|
||||
|
|
|
|||
|
|
@ -81,12 +81,12 @@ notificationbox[notificationside="bottom"] > notification {
|
|||
Invert the close icon for @type=info since both are normally dark. It's unclear
|
||||
why !important is necessary here so remove it if it's no longer needed.
|
||||
*/
|
||||
notification[type="info"]:not([value="translation"]) .close-icon:not(:hover) {
|
||||
notification[type="info"] .close-icon:not(:hover) {
|
||||
-moz-image-region: rect(0, 64px, 16px, 48px) !important;
|
||||
}
|
||||
|
||||
@media (min-resolution: 2dppx) {
|
||||
notification[type="info"]:not([value="translation"]) .close-icon:not(:hover) {
|
||||
notification[type="info"] .close-icon:not(:hover) {
|
||||
-moz-image-region: rect(0, 128px, 32px, 96px) !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue