== Styles used by all preference panels in the Communicator suite.
====================================================================== */
-/* ::::: Themes ::::: */
-#skinsTree {
- height: 80px;
-}
+/* ::::: Fonts ::::: */
+
+#sizeVar,
+#sizeMono {
+ width: 4em;
+}
-*|*.themesLink {
- margin-left: 5px;
- text-decoration: normal;
- color: #FF9F00;
- cursor: pointer;
+.prefpanel-font-list {
+ -moz-box-flex: 1;
}
-*|*.themesLink:hover {
- text-decoration: underline;
- color: #9C9CFF;
+/* ::::: Applications ::::: */
+/**
+ * Line up the actions menu with action labels above and below it.
+ * Equalize the distance from the left side of the action box to the left side
+ * of the icon for both the menu and the non-menu versions of the action box.
+ * Also make sure the labels are the same distance away from the icons.
+ */
+
+#handlersView > listitem[selected="true"] {
+ border: none;
}
-#themesLink:active {
- color: #FFCF00;
-}
+.handler-action {
+ padding: 0;
+}
-#previewImageContainer {
+.handler-type {
padding: 1px;
- height: 92px;
-/* background-color: #000000; */
}
-#previewImage {
- max-width: 355px;
- min-width: 355px;
- max-height: 85px;
- min-height: 85px;
+.handler-action > .listcell-icon,
+.handler-type > .listcell-icon {
+ margin: 0px;
+ -moz-margin-start: 3px;
+ -moz-margin-end: 5px;
+ height: 16px;
+ width: 16px;
}
-/* ::::: Fonts ::::: */
+.handler-action > .listcell-label,
+.handler-type > .listcell-label {
+ padding: 0;
+}
-#sizeVar,
-#sizeMono {
- width: 4em;
+.actionsMenu {
+ margin: 0;
}
-.prefpanel-font-list {
- -moz-box-flex: 1;
+.actionsMenu > .menulist-label-box {
+ padding: 1px;
+ -moz-padding-start: 0;
+}
+
+.actionsMenu > .menulist-label-box > .menulist-icon {
+ margin: 0 2px;
+ height: 16px;
+ width: 16px;
+}
+
+.handler-action > .menu-iconic-left {
+ padding: 1px;
+ -moz-margin-start: 2px !important;
+ -moz-margin-end: 5px !important;
+
+ /**
+ * Make the icons appear.
+ * Note: we display the icon box for every item whether or not it has an icon
+ * so the labels of all the items align vertically.
+ */
+ display: -moz-box;
+ min-width: 16px;
+}
+
+.handler-action > .menu-iconic-left > .menu-iconic-icon {
+ height: 16px;
+ width: 16px;
+}
+
+/* Set icons on app pane elements */
+
+.handler-action[appHandlerIcon="app"] {
+ list-style-image: url("chrome://communicator/skin/icons/application.png");
}
-/* ::::: Mouse Wheel ::::: */
+.handler-action[appHandlerIcon="ask"] {
+ list-style-image: url("chrome://communicator/skin/icons/alwaysAsk.png");
+}
+
+.handler-action[appHandlerIcon="save"] {
+ list-style-image: url("chrome://communicator/skin/icons/save.png");
+}
+
+.handler-action[appHandlerIcon="feed"] {
+ list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png");
+}
+
+.handler-action[appHandlerIcon="plugin"] {
+ list-style-image: url("chrome://communicator/skin/icons/plugin.png");
+}
+
+.handler-type[typeClass="unknown"] {
+ list-style-image: url("moz-icon://goat?size=16");
+}
-#mouseWheelMode {
- width: 9em;
+.handler-type[typeClass="webFeed"],
+.handler-type[typeClass="videoPodcastFeed"],
+.handler-type[typeClass="audioPodcastFeed"] {
+ list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png");
}
-/* ::::: Smart Browsing ::::: */
+/* ::::: Sync ::::: */
-#disabledDomains {
- max-height: 13em;
+#syncDesc {
+ padding: 0 12em;
}