+.category-name {
+ font-size: 150%;
+}
+
+/* Maximize the size of the viewport when the window is small */
+@media (max-width: 800px) {
+ .category-name {
+ display: none;
+ }
+}
+
+.category-badge {
+ background-color: #E7ADE7;
+ padding: 2px 8px;
+ margin: 6px 0;
+ border-radius: 10000px;
+ color: #000000;
+ font-weight: bold;
+ text-align: center;
+}
+
+.category-badge[value="0"] {
+ visibility: hidden;
+}
+
+.category-icon {
+ width: 32px;
+ height: 32px;
+ -moz-margin-start: 6px;
+}
+
+#category-search > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-search.png");
+}
+#category-discover > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png");
+}
+#category-locale > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png");
+}
+#category-searchengine > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png");
+}
+#category-extension > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
+}
+#category-theme > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png");
+}
+#category-plugin > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png");
+}
+#category-dictionary > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-dictionaries.png");
+}
+#category-availableUpdates > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
+}
+#category-recentUpdates > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png");
+}
+
+
+/*** header ***/
+
+#header {
+ margin-bottom: 18px;
+ height: 2em;
+}
+
+#header-search {
+ color: #E7ADE7;
+ border: 1px solid #9C9CFF;
+ border-radius: 4px;
+ padding: 3px;
+ background-color: #000000;
+ margin: 0;
+}
+
+#header-search .textbox-input:-moz-placeholder {
+ color: #8050B0;
+}
+
+#header-search[focused] {
+ border-color: #008484;
+}
+
+#header-utils-btn {
+ list-style-image: url("chrome://mozapps/skin/extensions/utilities.png");
+ -moz-margin-end: 16px;
+}
+
+#header-utils-btn:hover,
+#header-utils-btn:hover:active,
+#header-utils-btn[open="true"] {
+ list-style-image: url("chrome://mozapps/skin/extensions/utilities-hover.png");
+}
+
+#header-utils-btn > .button-box > .button-menu-dropmarker {
+ border: none;
+ background: transparent;
+}
+
+#header-utils-btn:hover > .button-box > .button-menu-dropmarker {
+ list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
+}
+
+.view-header {
+ background-color: #9C9CFF;