tenfourfox/mobile/android/themes/core/aboutAddons.css
Cameron Kaiser c9b2922b70 hello FPR
2017-04-19 00:56:45 -07:00

320 lines
6.7 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/. */
@import "defines.css";
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;
-moz-padding-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:active {
background-color: #fff;
}
/* Buttons */
.buttons {
display: flex;
flex-direction: row;
width: 100%;
}
.buttons > button {
-moz-appearance: none;
font-size: 1em;
border: 1px solid transparent;
border-top-color: var(--color_about_item_border);
-moz-border-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 {
-moz-border-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 */
settings {
-moz-binding: url("chrome://mozapps/content/extensions/setting.xml#settings");
}
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;
}