X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fcommunicator%2Fprefpanels.css;h=d7216442309153558a19d0c5e54b8ba4bba189fe;hp=1d7b718d09e4d4ea959de354ef1d13596cdd057e;hb=c2e1f7906034fb0bb5d0ce3bf8017bdbc6b8a8ca;hpb=3d6dd546c97f902b849a45d2bf2fa7cc623cb2e9 diff --git a/LCARStrek/communicator/prefpanels.css b/LCARStrek/communicator/prefpanels.css index 1d7b718d..d7216442 100644 --- a/LCARStrek/communicator/prefpanels.css +++ b/LCARStrek/communicator/prefpanels.css @@ -41,53 +41,123 @@ == 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; } -/* ::::: Mouse Wheel ::::: */ +.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"); +} + +.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"); +} + +.handler-type[typeClass="webFeed"], +.handler-type[typeClass="videoPodcastFeed"], +.handler-type[typeClass="audioPodcastFeed"] { + list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png"); +} + +/* ::::: Sync ::::: */ + +#syncDesc { + padding: 0 12em; +} -#mouseWheelMode { - width: 9em; +#connectThrobber { + list-style-image: url("chrome://global/skin/icons/loading.gif"); }