LCARStrek/help/help.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 @import url("chrome://communicator/skin/");
   6 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
   7
   8 #HelpToolbar > toolbarbutton {
   9   list-style-image: url("chrome://communicator/skin/icons/communicatoricons.png");
  10 }
  11
  12 /* Hide labels for the toolbar because we really don't need them what with the
  13    tooltips */
  14 #HelpToolbar .toolbarbutton-text {
  15   display: none;
  16 }
  17
  18 /* With no labels, we don't need the margin on the icon that separates it
  19    from the label */
  20 #HelpToolbar .toolbarbutton-icon {
  21   margin-inline-end: 0;
  22 }
  23
  24 #help-back-button > toolbarbutton,
  25 #help-forward-button > toolbarbutton {
  26   list-style-image: inherit;
  27   -moz-image-region: inherit;
  28 }
  29
  30 /* Set the minimum sidebar width so the help contents aren't squeezed together.*/
  31 #help-sidebar {
  32   min-width: 30px;
  33   width: 20em;
  34   max-width: 25em;
  35 }
  36
  37 /* ----- BACK BUTTON ----- */
  38
  39 #help-back-button {
  40   -moz-image-region: rect(42px 25px 63px 0px);
  41 }
  42
  43 #help-back-button[disabled="true"] {
  44   -moz-image-region: rect(42px 50px 63px 25px);
  45 }
  46
  47 #help-back-button:not([disabled="true"]):hover,
  48 #help-back-button:not([disabled="true"]):hover:active {
  49   -moz-image-region: rect(42px 75px 63px 50px);
  50 }
  51
  52 #help-back-button .toolbarbutton-menubutton-button {
  53   -moz-box-align: end !important;
  54 }
  55
  56 /* ----- FORWARD BUTTON ----- */
  57
  58 #help-forward-button {
  59   -moz-image-region: rect(63px 25px 84px 0px);
  60 }
  61
  62 #help-forward-button[disabled="true"] {
  63   -moz-image-region: rect(63px 50px 84px 25px);
  64 }
  65
  66 #help-forward-button:not([disabled="true"]):hover,
  67 #help-forward-button:not([disabled="true"]):hover:active {
  68   -moz-image-region: rect(63px 75px 84px 50px);
  69 }
  70
  71 /* ----- HOME BUTTON ----- */
  72
  73 #help-home-button {
  74   -moz-image-region: rect(84px 25px 105px 0px);
  75 }
  76
  77 #help-home-button[disabled="true"] {
  78   -moz-image-region: rect(84px 50px 105px 25px);
  79 }
  80
  81 #help-home-button:not([disabled="true"]):hover,
  82 #help-home-button:not([disabled="true"]):hover:active {
  83   -moz-image-region: rect(84px 75px 105px 50px);
  84 }
  85
  86 /* ----- PRINT BUTTON ----- */
  87
  88 #help-print-button {
  89   -moz-image-region: rect(0px 25px 21px 0px);
  90 }
  91
  92 #help-print-button[disabled="true"] {
  93   -moz-image-region: rect(0px 50px 21px 25px);
  94 }
  95
  96 #help-print-button:not([disabled="true"]):hover,
  97 #help-print-button:not([disabled="true"]):hover:active {
  98   -moz-image-region: rect(0px 75px 21px 50px);
  99 }
 100
 101 /* ----- OTHER ----- */
 102
 103 #context-copy[disabled="true"] {
 104   display: none;
 105 }
 106
 107 /* make findbar appear above content */
 108 #appcontent {
 109   -moz-box-direction: reverse;
 110 }
 111
 112 /* style findbar for being on top */
 113 #FindToolbar {
 114   border-bottom: 1px solid #666699;
 115   border-top: 1px solid transparent;
 116 }