michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: %filter substitution
michael@0: %include defines.inc
michael@0: 
michael@0: .details {
michael@0:   width: 100%;
michael@0: }
michael@0: 
michael@0: .details > div {
michael@0:   display: inline;
michael@0: }
michael@0: 
michael@0: .version {
michael@0:   /* title is not localized, so keep the margin on the left side */
michael@0:   margin-left: .67em;
michael@0: }
michael@0: 
michael@0: #header-button {
michael@0:   background-image: url("chrome://browser/skin/images/amo-logo.png"), url("chrome://browser/skin/images/chevron.png");
michael@0:   background-size: 20px 20px, 8px 20px;
michael@0:   background-position: left, right 3px center;
michael@0: }
michael@0: 
michael@0: .description {
michael@0:   width: 100%;
michael@0:   overflow: hidden;
michael@0:   white-space: nowrap;
michael@0:   text-overflow: ellipsis;
michael@0: }
michael@0: 
michael@0: .status {
michael@0:   background-color: @color_about_item_inner@;
michael@0:   border-top: 2px solid;
michael@0:   -moz-border-top-colors: #bac2ac #ffffff;
michael@0:   font-weight: bold;
michael@0:   padding: 0.5em;
michael@0:   width: 100%;
michael@0: }
michael@0: 
michael@0: .options-header {
michael@0:   font-weight: bold;
michael@0:   text-transform: uppercase;
michael@0:   margin-top: 1em;
michael@0: }
michael@0: 
michael@0: .addon-item[isDisabled="true"] .options-header,
michael@0: .addon-item:not([optionsURL]) .options-header,
michael@0: .addon-item[optionsURL=""] .options-header,
michael@0: .addon-item[isDisabled="true"] .options-box,
michael@0: .addon-item:not([optionsURL]) .options-box,
michael@0: .addon-item[optionsURL=""] .options-box {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: /* Settings */
michael@0: 
michael@0: setting {
michael@0:   padding-bottom: 1em;
michael@0:   -moz-box-align: center;
michael@0:   box-sizing: border-box;
michael@0:   width: 100%;
michael@0: }
michael@0: 
michael@0: setting[type="integer"],
michael@0: setting[type="string"],
michael@0: setting[type="menulist"],
michael@0: setting[type="control"] {
michael@0:   -moz-box-orient: vertical;
michael@0:   -moz-box-align: start;
michael@0: }
michael@0: 
michael@0: setting > vbox {
michael@0:   -moz-box-flex: 1;
michael@0: }
michael@0: 
michael@0: .preferences-description {
michael@0:   margin-top: 4px;
michael@0:   color: #666;
michael@0: }
michael@0: 
michael@0: .preferences-description:empty {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: /* Checkbox */
michael@0: 
michael@0: checkbox {
michael@0:   -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox-with-spacing") !important;
michael@0:   margin: 0;
michael@0: }
michael@0: 
michael@0: checkbox[label=""] > .checkbox-label-box,
michael@0: checkbox:not([label]) > .checkbox-label-box {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: .checkbox-check {
michael@0:   background-color: transparent;
michael@0:   background-image: url("chrome://browser/skin/images/checkbox_unchecked.png");
michael@0:   border: none;
michael@0:   height: 48px;
michael@0:   width: 48px;
michael@0: }
michael@0: 
michael@0: setting:active checkbox > .checkbox-spacer-box > .checkbox-check {
michael@0:   background-image: url("chrome://browser/skin/images/checkbox_unchecked_pressed.png");
michael@0: }
michael@0: 
michael@0: checkbox[disabled="true"] > .checkbox-spacer-box > .checkbox-check {
michael@0:   background-image: url("chrome://browser/skin/images/checkbox_unchecked_disabled.png");
michael@0: }
michael@0: 
michael@0: checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check {
michael@0:   background-image: url("chrome://browser/skin/images/checkbox_checked.png");
michael@0: }
michael@0: 
michael@0: setting:active checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check {
michael@0:   background-image: url("chrome://browser/skin/images/checkbox_checked_pressed.png");
michael@0: }
michael@0: 
michael@0: checkbox[checked="true"][disabled="true"] > .checkbox-spacer-box > .checkbox-check {
michael@0:   background-image: url("chrome://browser/skin/images/checkbox_checked_disabled.png");
michael@0: }
michael@0: 
michael@0: /* Textbox */
michael@0: 
michael@0: textbox[type="number"] > spinbuttons {
michael@0:   visibility: collapse;
michael@0: }
michael@0: 
michael@0: textbox {
michael@0:   min-width: 200px;
michael@0:   margin: 2px 0;
michael@0:   padding: 0.5em !important;
michael@0:   background: #fff;
michael@0:   border: 1px solid #ccc;
michael@0:   border-radius: 4px;
michael@0:   color: #333;
michael@0: }
michael@0: 
michael@0: /* Button */
michael@0: 
michael@0: button {
michael@0:   margin: 2px 0;
michael@0:   background: #fff;
michael@0:   border: 1px solid #ccc;
michael@0:   padding: 0.5em;
michael@0: }
michael@0: 
michael@0: /* Menulist */
michael@0: 
michael@0: menulist {
michael@0:   -moz-appearance: none !important;
michael@0:   -moz-user-focus: ignore;
michael@0:   min-width: 200px;
michael@0:   margin: 2px 0;
michael@0:   background: #fff;
michael@0:   border: 1px solid #ccc;
michael@0:   border-radius: 4px;
michael@0:   padding: 0.5em;
michael@0: }
michael@0: 
michael@0: menulist > dropmarker {
michael@0:   height: 1.8em;
michael@0:   width: 1.8em;
michael@0:   margin-left: @margin_snormal@;
michael@0:   background-color: transparent;
michael@0:   border: none;
michael@0:   -moz-box-align: center;
michael@0:   -moz-box-pack: center;
michael@0:   list-style-image: url("chrome://browser/skin/images/dropmarker.svg") !important;
michael@0:   -moz-image-region: auto;
michael@0:   display: block;
michael@0: }
michael@0: 
michael@0: /* Select */
michael@0: 
michael@0: select {
michael@0:   min-width: 200px;
michael@0:   margin: 2px 0;
michael@0:   background: #fff;
michael@0:   border: 1px solid #ccc;
michael@0:   border-radius: 4px;
michael@0:   padding: 1em;
michael@0: }
michael@0: 
michael@0: /* XBL bindings */
michael@0: 
michael@0: settings {
michael@0:   -moz-binding: url("chrome://mozapps/content/extensions/setting.xml#settings");
michael@0: }
michael@0: 
michael@0: setting {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: setting[type="bool"] {
michael@0:   display: -moz-box;
michael@0:   -moz-binding: url("chrome://browser/content/bindings/settings.xml#setting-fulltoggle-bool");
michael@0: }
michael@0: 
michael@0: setting[type="bool"][localized="true"] {
michael@0:   display: -moz-box;
michael@0:   -moz-binding: url("chrome://browser/content/bindings/settings.xml#setting-fulltoggle-localized-bool");
michael@0: }
michael@0: 
michael@0: setting[type="boolint"] {
michael@0:   display: -moz-box;
michael@0:   -moz-binding: url("chrome://browser/content/bindings/settings.xml#setting-fulltoggle-boolint");
michael@0: }
michael@0: 
michael@0: setting[type="integer"] {
michael@0:   display: -moz-box;
michael@0:   -moz-binding: url("chrome://mozapps/content/extensions/setting.xml#setting-integer");
michael@0: }
michael@0: 
michael@0: setting[type="control"] {
michael@0:   display: -moz-box;
michael@0:   -moz-binding: url("chrome://mozapps/content/extensions/setting.xml#setting-control");
michael@0: }
michael@0: 
michael@0: setting[type="string"] {
michael@0:   display: -moz-box;
michael@0:   -moz-binding: url("chrome://mozapps/content/extensions/setting.xml#setting-string");
michael@0: }
michael@0: 
michael@0: setting[type="radio"],
michael@0: setting[type="menulist"] {
michael@0:   display: -moz-box;
michael@0:   -moz-binding: url("chrome://mozapps/content/extensions/setting.xml#setting-multi");
michael@0: }
michael@0: 
michael@0: .hide-on-enable,
michael@0: .show-on-error,
michael@0: .show-on-uninstall,
michael@0: .show-on-install,
michael@0: .show-on-restart,
michael@0: div[isDisabled="true"] .hide-on-disable {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: div[error] .show-on-error,
michael@0: div[opType="needs-restart"] .show-on-restart,
michael@0: div[opType="needs-uninstall"] .show-on-uninstall,
michael@0: div[opType="needs-install"] .show-on-install,
michael@0: div[opType="needs-enable"] .show-on-enable,
michael@0: div[opType="needs-disable"] .show-on-disable,
michael@0: div[isDisabled="true"] .show-on-disable {
michael@0:   display: -moz-box;
michael@0: }
michael@0: 
michael@0: div[opType="needs-restart"] .hide-on-restart,
michael@0: div[opType="needs-uninstall"] .hide-on-uninstall,
michael@0: div[isDisabled="true"][opType="needs-uninstall"],
michael@0: div[opType="needs-install"] .hide-on-install,
michael@0: div[opType="needs-enable"] .hide-on-enable,
michael@0: div[opType="needs-disable"] .hide-on-disable {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: #addons-list, #addons-details {
michael@0:   display: none;
michael@0: }