X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fcommunicator%2Fprefpanels.css;h=d7216442309153558a19d0c5e54b8ba4bba189fe;hp=68790e3c5d62d750929a60ae58217f4dab243c7b;hb=c2e1f7906034fb0bb5d0ce3bf8017bdbc6b8a8ca;hpb=4115f43c2ac9db84c2a8af9784a566c859871db3 diff --git a/LCARStrek/communicator/prefpanels.css b/LCARStrek/communicator/prefpanels.css index 68790e3c..d7216442 100644 --- a/LCARStrek/communicator/prefpanels.css +++ b/LCARStrek/communicator/prefpanels.css @@ -41,66 +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; +} + +.actionsMenu > .menulist-label-box > .menulist-icon { + margin: 0 2px; + height: 16px; + width: 16px; } -/* ::::: Mouse Wheel ::::: */ +.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; +} -#mouseWheelMode { - width: 9em; +.handler-action > .menu-iconic-left > .menu-iconic-icon { + height: 16px; + width: 16px; } -/* ::::: Smart Browsing ::::: */ +/* Set icons on app pane elements */ -#disabledDomains { - max-height: 13em; +.handler-action[appHandlerIcon="app"] { + list-style-image: url("chrome://communicator/skin/icons/application.png"); } -/** - * File icon (32x32) - **/ -.file-icon-large { - list-style-image: url("chrome://communicator/skin/icons/content-large.gif"); +.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; +} + +#connectThrobber { + list-style-image: url("chrome://global/skin/icons/loading.gif"); }