diff options
Diffstat (limited to 'mobile/android/themes/core/aboutAddons.css')
| -rw-r--r-- | mobile/android/themes/core/aboutAddons.css | 332 |
1 files changed, 332 insertions, 0 deletions
diff --git a/mobile/android/themes/core/aboutAddons.css b/mobile/android/themes/core/aboutAddons.css new file mode 100644 index 000000000..c44b330ea --- /dev/null +++ b/mobile/android/themes/core/aboutAddons.css @@ -0,0 +1,332 @@ +/* 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/. */ + +@import "defines.css"; + +html[details] { + background-color: var(--color_about_item); +} + +a { + text-decoration: none; + color: #0096DD; +} + +a:active { + color: #0082C6; +} + +.details { + width: 100%; +} + +.details > div { + display: inline; +} + +.version { + /* title is not localized, so keep the margin on the left side */ + margin-left: .67em; +} + +.description { + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.warn-unsigned { + border-top: 1px solid var(--color_about_item_border); + padding: 1em; + padding-inline-start: calc(var(--icon-size) + var(--icon-margin) * 2); + background-image: url("chrome://browser/skin/images/grey-caution.svg"); + background-size: var(--icon-size); + background-position: var(--icon-margin); + background-repeat: no-repeat; + display: none; +} + +.addon-item[isUnsigned="true"] .warn-unsigned { + display: block; +} + +.status { + border-top: 1px solid var(--color_about_item_border); + font-weight: bold; + padding: 0.5em; + width: 100%; +} + +.options-header { + font-weight: bold; + text-transform: uppercase; + margin-top: 1em; +} + +.addon-item[isDisabled="true"] .options-header, +.addon-item[optionsURL=""] .options-header, +.addon-item[isDisabled="true"] .options-box, +.addon-item[optionsURL=""] .options-box { + display: none; +} + +#addons-details > .list-item { + margin-bottom: 42px; + border-bottom: none; +} + +#addons-details > .list-item:active { + background-color: #fff; +} + +/* Buttons */ + +.buttons { + display: flex; + flex-direction: row; + width: 100%; + position: fixed; + bottom: 0px; +} + +.buttons::after { + content: ""; + border-right: 1px solid var(--color_about_item_border); +} + +.buttons > button { + -moz-appearance: none; + font-size: 1em; + border: 1px solid transparent; + border-right: none; + border-top-color: var(--color_about_item_border); + border-inline-start-color: var(--color_about_item_border); + background-color: var(--color_about_item); + flex: 1; + padding: 0.75em 0.5em; + border-radius: 0; +} + +.buttons > button:active { + background-color: #eeeeee; +} + +.buttons > button[disabled="true"] { + color: #b5b5b5; +} + +.buttons > button[hidden="true"] { + display: none; +} + +.buttons:first-child { + border-inline-start-color: transparent; +} + +/* Settings */ + +setting { + padding-bottom: 1em; + -moz-box-align: center; + box-sizing: border-box; + width: 100%; +} + +setting[type="integer"], +setting[type="string"], +setting[type="menulist"], +setting[type="control"] { + -moz-box-orient: vertical; + -moz-box-align: start; +} + +setting > vbox { + -moz-box-flex: 1; +} + +.preferences-description { + margin-top: 4px; + color: #666; +} + +.preferences-description:empty { + display: none; +} + +/* Checkbox */ + +checkbox { + -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox-with-spacing") !important; + margin: 0; +} + +checkbox[label=""] > .checkbox-label-box, +checkbox:not([label]) > .checkbox-label-box { + display: none; +} + +.checkbox-check { + background-color: transparent; + background-image: url("chrome://browser/skin/images/checkbox_unchecked.png"); + border: none; + height: 48px; + width: 48px; +} + +setting:active checkbox > .checkbox-spacer-box > .checkbox-check { + background-image: url("chrome://browser/skin/images/checkbox_unchecked_pressed.png"); +} + +checkbox[disabled="true"] > .checkbox-spacer-box > .checkbox-check { + background-image: url("chrome://browser/skin/images/checkbox_unchecked_disabled.png"); +} + +checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check { + background-image: url("chrome://browser/skin/images/checkbox_checked.png"); +} + +setting:active checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check { + background-image: url("chrome://browser/skin/images/checkbox_checked_pressed.png"); +} + +checkbox[checked="true"][disabled="true"] > .checkbox-spacer-box > .checkbox-check { + background-image: url("chrome://browser/skin/images/checkbox_checked_disabled.png"); +} + +/* Textbox */ + +textbox[type="number"] > spinbuttons { + visibility: collapse; +} + +textbox { + min-width: 200px; + margin: 2px 0; + padding: 0.5em !important; + background: #fff; + border: 1px solid #ccc; + border-radius: 4px; + color: #333; +} + +/* Button */ + +setting button { + margin: 2px 0; + background: #fff; + border: 1px solid #ccc; + padding: 0.5em; +} + +/* Menulist */ + +menulist { + -moz-appearance: none !important; + -moz-user-focus: ignore; + min-width: 200px; + margin: 2px 0; + background: #fff; + border: 1px solid #ccc; + border-radius: 4px; + padding: 0.5em; +} + +menulist > dropmarker { + height: 1.8em; + width: 1.8em; + margin-left: var(--margin_snormal); + background-color: transparent; + border: none; + -moz-box-align: center; + -moz-box-pack: center; + list-style-image: url("chrome://browser/skin/images/dropmarker.svg") !important; + -moz-image-region: auto; + display: block; +} + +/* Select */ + +select { + min-width: 200px; + margin: 2px 0; + background: #fff; + border: 1px solid #ccc; + border-radius: 4px; + padding: 1em; +} + +/* XBL bindings */ + +setting { + display: none; +} + +setting[type="bool"] { + display: -moz-box; + -moz-binding: url("chrome://browser/content/bindings/settings.xml#setting-fulltoggle-bool"); +} + +setting[type="bool"][localized="true"] { + display: -moz-box; + -moz-binding: url("chrome://browser/content/bindings/settings.xml#setting-fulltoggle-localized-bool"); +} + +setting[type="boolint"] { + display: -moz-box; + -moz-binding: url("chrome://browser/content/bindings/settings.xml#setting-fulltoggle-boolint"); +} + +setting[type="integer"] { + display: -moz-box; + -moz-binding: url("chrome://mozapps/content/extensions/setting.xml#setting-integer"); +} + +setting[type="control"] { + display: -moz-box; + -moz-binding: url("chrome://mozapps/content/extensions/setting.xml#setting-control"); +} + +setting[type="string"] { + display: -moz-box; + -moz-binding: url("chrome://mozapps/content/extensions/setting.xml#setting-string"); +} + +setting[type="radio"], +setting[type="menulist"] { + display: -moz-box; + -moz-binding: url("chrome://mozapps/content/extensions/setting.xml#setting-multi"); +} + +.hide-on-enable, +.show-on-error, +.show-on-uninstall, +.show-on-install, +.show-on-restart, +div[isDisabled="true"] .hide-on-disable { + display: none; +} + +div[error] .show-on-error, +div[opType="needs-restart"] .show-on-restart, +div[opType="needs-uninstall"] .show-on-uninstall, +div[opType="needs-install"] .show-on-install, +div[opType="needs-enable"] .show-on-enable, +div[opType="needs-disable"] .show-on-disable, +div[isDisabled="true"] .show-on-disable { + display: -moz-box; +} + +div[opType="needs-restart"] .hide-on-restart, +div[opType="needs-uninstall"] .hide-on-uninstall, +div[isDisabled="true"][opType="needs-uninstall"], +div[opType="needs-install"] .hide-on-install, +div[opType="needs-enable"] .hide-on-enable, +div[opType="needs-disable"] .hide-on-disable { + display: none; +} + +#addons-list, #addons-details { + display: none; +} |