LCARStrek/communicator/prefpanels.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   6
   7 /* ==== prefpanels.css ==================================================
   8    == Styles used by all preference panels in the Communicator suite.
   9    ====================================================================== */
  10
  11 /* ::::: Fonts ::::: */
  12
  13 #sizeVar,
  14 #sizeMono {
  15   width: 4em;
  16 }
  17
  18 .prefpanel-font-list {
  19   -moz-box-flex: 1;
  20 }
  21
  22 /* checkbox which is disabled for changes but non-gray text (i.e., in effect) */
  23
  24 checkbox.nogray-disabled[disabled="true"][nogray="true"] {
  25   color: inherit;
  26 }
  27
  28 /* ::::: Applications ::::: */
  29 /**
  30  * Line up the actions menu with action labels above and below it.
  31  * Equalize the distance from the left side of the action box to the left side
  32  * of the icon for both the menu and the non-menu versions of the action box.
  33  * Also make sure the labels are the same distance away from the icons.
  34  */
  35
  36 #handlersView > listitem[selected="true"] {
  37   border: none;
  38 }
  39
  40 .handler-action {
  41   padding: 0;
  42 }
  43
  44 .handler-type {
  45   padding: 1px;
  46 }
  47
  48 .handler-action > .listcell-icon,
  49 .handler-type > .listcell-icon {
  50   margin: 0px;
  51   margin-inline-start: 3px;
  52   margin-inline-end: 5px;
  53   height: 16px;
  54   width: 16px;
  55 }
  56
  57 .handler-action > .listcell-label,
  58 .handler-type > .listcell-label {
  59   padding: 0;
  60 }
  61
  62 .actionsMenu {
  63   margin: 0;
  64 }
  65
  66 .actionsMenu > .menulist-label-box {
  67   padding: 1px;
  68   padding-inline-start: 0;
  69 }
  70
  71 .actionsMenu > .menulist-label-box > .menulist-icon {
  72   margin: 0 2px;
  73   height: 16px;
  74   width: 16px;
  75 }
  76
  77 .handler-action > .menu-iconic-left {
  78   padding: 1px;
  79   margin-inline-start: 2px !important;
  80   margin-inline-end: 5px !important;
  81
  82   /**
  83     * Make the icons appear.
  84     * Note: we display the icon box for every item whether or not it has an icon
  85     * so the labels of all the items align vertically.
  86     */
  87   display: -moz-box;
  88   min-width: 16px;
  89 }
  90
  91 .handler-action > .menu-iconic-left > .menu-iconic-icon {
  92   height: 16px;
  93   width: 16px;
  94 }
  95
  96 /* Set icons on app pane elements */
  97
  98 .handler-action[appHandlerIcon="app"] {
  99   list-style-image: url("chrome://communicator/skin/icons/application.png");
 100 }
 101
 102 .handler-action[appHandlerIcon="ask"] {
 103   list-style-image: url("chrome://communicator/skin/icons/alwaysAsk.png");
 104 }
 105
 106 .handler-action[appHandlerIcon="save"] {
 107   list-style-image: url("chrome://communicator/skin/icons/save.png");
 108 }
 109
 110 .handler-action[appHandlerIcon="feed"] {
 111   list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png");
 112 }
 113
 114 .handler-action[appHandlerIcon="plugin"] {
 115   list-style-image: url("chrome://communicator/skin/icons/plugin.png");
 116 }
 117
 118 .handler-type[typeClass="unknown"] {
 119   list-style-image: url("moz-icon://goat?size=16");
 120 }
 121
 122 .handler-type[typeClass="webFeed"],
 123 .handler-type[typeClass="videoPodcastFeed"],
 124 .handler-type[typeClass="audioPodcastFeed"] {
 125   list-style-image: url("chrome://communicator/skin/icons/feedIcon16.png");
 126 }
 127
 128 /* ::::: Search ::::: */
 129
 130 #engineList > .menulist-label-box > .menulist-icon {
 131   height: 16px;
 132   width: 16px;
 133 }
 134
 135 /* ::::: Sync ::::: */
 136
 137 #syncDesc {
 138   padding: 0 12em;
 139 }