#extensionsBox {
- margin: 10px 10px 0px 10px;
- min-width:1px;
+ margin: 10px 10px 0px;
+ min-width: 1px;
}
#extensionsView {
+ -moz-appearance: none;
border: 1px inset #CCD0DD;
margin: 0;
+ min-width: 245px;
}
#resizerBox {
border-bottom: 1px solid #9999CC;
}
+#searchfield {
+ -moz-margin-start: 0;
+}
+
/* Command Bar */
#commandBarBottom {
- margin: 5px 5px 10px 10px;
+ margin-top: 5px;
+ margin-bottom: 10px;
+ -moz-margin-start: 10px;
+ -moz-margin-end: 5px;
min-width: 1px;
}
#commandBarBottom button {
margin: 0;
- list-style-image: url("chrome://mozapps/skin/extensions/actionbuttons.png");
-moz-margin-end: 5px;
}
-#commandBarBottom button .button-icon {
- margin-top: 0px;
- margin-bottom: 0px;
- -moz-margin-start: 0px;
- -moz-margin-end: 5px;
-}
-
-#installFileButton, #installUpdatesAllButton {
- -moz-image-region: rect(0px, 84px, 21px, 63px);
-}
-
-#installFileButton[disabled="true"],
-#installUpdatesAllButton[disabled="true"] {
- -moz-image-region: rect(21px, 84px, 42px, 63px);
-}
-
-#checkUpdatesAllButton, #showUpdateInfoButton, #hideUpdateInfoButton {
- -moz-image-region: rect(0px, 63px, 21px, 42px);
-}
-#checkUpdatesAllButton[disabled="true"] {
- -moz-image-region: rect(21px, 63px, 42px, 42px);
-}
-
-#restartAppButton {
- -moz-image-region: rect(0px, 42px, 21px, 21px);
-}
-
-#restartAppButton[disabled="true"] {
- -moz-image-region: rect(21px, 42px, 42px, 21px);
-}
-
-/* these skip/continue icons don't make sense. it's just a placeholder. */
-#skipDialogButton {
- -moz-image-region: rect(0px, 42px, 21px, 21px);
-}
-
-#skipDialogButton[disabled="true"] {
- -moz-image-region: rect(21px, 42px, 42px, 21px);
-}
-
-#continueDialogButton {
- -moz-image-region: rect(0px, 42px, 21px, 21px);
-}
-
-#continueDialogButton[disabled="true"] {
- -moz-image-region: rect(21px, 42px, 42px, 21px);
-}
-
/* List Items */
richlistitem {
padding-top: 6px;
color: #808080;
}
+richlistitem[newAddon="true"] {
+ background-color: #FFFFCC;
+ color: #000000;
+}
+
richlistitem[selected="true"] {
background-color: #CCD0DD;
color: #000000;
}
+richlistitem[selected="true"] .text-link {
+ color: inherit;
+}
+
#extensionsView:focus > richlistitem[selected="true"] {
background-color: #336699;
color: #FFFFFF;
margin-bottom: 2px;
}
-richlistitem[selected="true"]:not([opType]) .descriptionCrop {
- display: none;
-}
-
.addonName {
font-weight: bold;
}
border: 1px inset #CCD0DD;
background-color: #FFFFFF;
color: #000000;
+ min-width: 65px;
overflow: auto;
- width: 0px;
+}
+
+#previewImageDeck {
+ min-width: 220px;
}
#themeSplitter {
.addonIcon {
-moz-margin-end: 2px;
width: 32px;
- max-width: 32px;
height: 32px;
+}
+
+.addonIcon > image {
+ max-width: 32px;
max-height: 32px;
}
+richlistitem[plugin] .addonIcon > image {
+ list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
+}
+
+richlistitem[lwtheme] .addonIcon > image {
+ list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
+}
+
.updateBadge,
.notifyBadge {
width: 16px;
-moz-margin-start: -2px;
}
-.updateBadge,
-.updateAvailableBox,
-.notifyBadge {
- display: none;
-}
-
-richlistitem[availableUpdateURL][updateable="true"] .updateBadge,
-richlistitem[availableUpdateURL][updateable="true"] .updateAvailableBox,
-richlistitem[compatible="false"] .notifyBadge,
-richlistitem[providesUpdatesSecurely="false"] .notifyBadge,
-richlistitem[blocklisted="true"] .notifyBadge,
-richlistitem[satisfiesDependencies="false"] .notifyBadge {
- display: -moz-box;
-}
-
-
/* Selected Add-on buttons
See content/extensions.css to hide / display buttons */
.selectedButtons {
-moz-margin-start: 5px;
}
-/* Selected Add-on status messages and images */
-richlistitem[compatible="true"] .incompatibleBox,
-richlistitem[providesUpdatesSecurely="true"] .insecureUpdateBox,
-richlistitem[satisfiesDependencies="true"] .needsDependenciesBox,
-richlistitem[blocklisted="false"] .blocklistedBox,
-richlistitem[opType="needs-uninstall"] .blocklistedBox,
-richlistitem[opType="needs-uninstall"] .incompatibleBox,
-richlistitem[opType="needs-uninstall"] .needsDependenciesBox,
-richlistitem[opType="needs-uninstall"] .blocklistedBox {
- display: none;
-}
-
richlistitem[loading="true"] .updateBadge {
- display: -moz-box;
width: 16px;
height: 16px;
margin-bottom: -3px;
border: none;
}
-richlistitem[opType="needs-uninstall"] .notifyBadge {
- display: none;
-}
-
.addon-search-details {
margin-top: 5px;
margin-bottom: 5px;
.addonMissingThumbnail {
color: GrayText;
+ font-size: larger;
+ font-weight: bold;
}
.addonFailure {
list-style-image: url("chrome://mozapps/skin/extensions/notifyBadges.png");
}
-.addonRating {
- display: none;
-}
-
.addonLearnMore {
margin-top: 4px;
margin-bottom: 4px;
}
.addonRating[rating] {
- display: -moz-box;
width: 68px;
height: 12px;
list-style-image: url("chrome://mozapps/skin/extensions/ratings.png");
-moz-image-region: rect(0px 68px 12px 0px);
}
-.addonRating[rating="1"], .addonRating[rating="2"] {
+.addonRating[rating="1"] {
-moz-image-region: rect(12px 68px 24px 0px);
}
-.addonRating[rating="3"], .addonRating[rating="4"] {
+.addonRating[rating="2"] {
-moz-image-region: rect(24px 68px 36px 0px);
}
-.addonRating[rating="5"], .addonRating[rating="6"] {
+.addonRating[rating="3"] {
-moz-image-region: rect(36px 68px 48px 0px);
}
-.addonRating[rating="7"], .addonRating[rating="8"] {
+.addonRating[rating="4"] {
-moz-image-region: rect(48px 68px 60px 0px);
}
-.addonRating[rating="9"], .addonRating[rating="10"] {
+.addonRating[rating="5"] {
-moz-image-region: rect(60px 68px 72px 0px);
}
}
#searchbox {
- list-style-image: url("chrome://mozapps/skin/extensions/searchIcons.png");
- -moz-image-region: rect(0px 19px 19px 0px);
- padding: 0;
-}
-
-.searchbox-search, .searchbox-cancel {
- -moz-appearance: none;
- cursor: pointer;
- margin: 0;
- border: 0;
padding: 0;
- width: 19px;
- height: 19px;
- min-width: 19px;
-}
-
-.searchbox-search .button-box,
-.searchbox-cancel .button-box {
- border: 0px;
- padding: 0px;
-}
-
-.searchbox-search {
- list-style-image: url("chrome://mozapps/skin/extensions/searchIcons.png");
- -moz-image-region: rect(0px 38px 19px 19px);
-}
-
-.searchbox-cancel {
- list-style-image: url("chrome://mozapps/skin/extensions/searchIcons.png");
- -moz-image-region: rect(0px 57px 19px 38px);
}
#progressBox {
- padding: 5px 5px 5px 5px;
+ padding: 5px;
}
#progressBox > hbox {
-moz-box-align: center;
}
-/* View buttons */
-.viewSelector {
+/* View buttons resp. Progress box */
+#topBar {
border-bottom: 1px solid #9999CC;
- margin: 0px;
- -moz-padding-start: 10px;
background-color: #CCD0DD;
color: #000000;
}
-#viewGroup radio {
+#viewGroup {
+ -moz-padding-start: 10px;
+}
+
+#viewGroup > radio {
margin: 0px;
padding: 1px 3px;
min-width: 4.5em;
border: 1px solid transparent;
}
-#viewGroup radio:hover {
+#viewGroup > radio:hover {
border: 1px outset #CCD0DD;
}
-#viewGroup radio[selected="true"] {
+#viewGroup > radio[selected="true"] {
border: 1px inset #CCD0DD;
background-color: #DDDDDD;
}
#infoDisplay h3 {
text-align: left;
font-weight: bold;
- margin: 0 0 0.7em 0;
+ margin: 0 0 0.7em;
}
#infoDisplay h1 {
#infoDisplay ol,
#infoDisplay ul {
- margin: 0 0 0.7em 0;
+ margin: 0 0 0.7em;
}
#infoDisplay li {
#infoDisplay p {
text-align: justify;
- margin: 0 0 0.7em 0;
+ margin: 0 0 0.7em;
}