LCARStrek/global/scrollbars.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 /* ===== scrollbars.css =================================================
   6   == Styles used by XUL scrollbar-related elements.
   7   ======================================================================= */
   8
   9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  10 @namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
  11
  12 /* ::::: scrollbar ::::: */
  13
  14 scrollbar {
  15   -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
  16   cursor: default;
  17   background-color: #000000;
  18   border-radius: 50%;
  19   pointer-events: auto;
  20 }
  21
  22 @media all and (-moz-overlay-scrollbars) {
  23   scrollbar[root="true"] {
  24     position: relative;
  25     z-index: 2147483647; /* largest positive value of a signed 32-bit integer */
  26   }
  27
  28   scrollbar:not([active="true"]),
  29   scrollbar[disabled="true"] {
  30     visibility: hidden;
  31   }
  32 }
  33
  34 /* ::::: slider ::::: */
  35
  36 slider {
  37   height: 13px;
  38   background-color: #404048; /* #202024;*/
  39 }
  40
  41 slider[orient="vertical"] {
  42   width: 13px;
  43 }
  44
  45 /* ::::: borders for thumb and buttons ::::: */
  46
  47 thumb,
  48 scrollbarbutton {
  49   border: none;
  50   background: transparent 50% 50% no-repeat;
  51   padding: 1px;
  52   min-width: 13px;
  53   min-height: 13px;
  54 }
  55
  56 scrollbar:not([orient="vertical"]) > scrollbarbutton {
  57   min-width: 16px;
  58 }
  59
  60 scrollbar[orient="vertical"] > scrollbarbutton {
  61   min-height: 16px;
  62 }
  63
  64
  65 /* ::::: thumb ::::: */
  66
  67 thumb {
  68   background-color: #A09090;
  69   background-image: url("chrome://global/skin/scrollbar/thumb-vert-grip.gif");
  70 }
  71
  72 thumb[orient="horizontal"] {
  73   background-image: url("chrome://global/skin/scrollbar/thumb-horiz-grip.gif");
  74 }
  75
  76
  77 thumb:active,
  78 thumb:hover:active {
  79    background-color: #008484;
  80 }
  81
  82 thumb:hover {
  83    background-color: #FFCF00;
  84 }
  85
  86 thumb[disabled="true"] {
  87   background-image: url("chrome://global/skin/scrollbar/thumb-vert-grip-disabled.gif");
  88 }
  89
  90 thumb[orient="horizontal"][disabled="true"] {
  91   background-image: url("chrome://global/skin/scrollbar/thumb-horiz-grip-disabled.gif");
  92 }
  93
  94 /* ::::: scrollbar button ::::: */
  95
  96 scrollbarbutton {
  97   background-color: #C09070;
  98 }
  99
 100 scrollbarbutton:hover:active,
 101 scrollbarbutton[active="true"] {
 102   background-position: calc(50% + 1px) calc(50% + 1px);
 103 }
 104
 105 scrollbarbutton:hover {
 106   background-color: #FFCF00;
 107 }
 108
 109 scrollbarbutton:hover:active {
 110   background-color: #FF9F00;
 111 }
 112
 113 scrollbarbutton[disabled="true"] {
 114   background-color: #402858 !important;
 115 }
 116
 117 /* XXX - scrollbar.xml always grabs the OS settings and we don't want that */
 118 scrollbarbutton[sbattr="scrollbar-up-bottom"],
 119 scrollbarbutton[sbattr="scrollbar-down-top"] {
 120   display: none;
 121 }
 122 scrollbarbutton[sbattr="scrollbar-up-top"],
 123 scrollbarbutton[sbattr="scrollbar-down-bottom"] {
 124   display: -moz-box !important;
 125 }
 126
 127 /* ::::: square at the corner of two scrollbars ::::: */
 128
 129 scrollcorner {
 130   -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar-base");
 131   cursor: default;
 132   background-color: #000000;
 133   width: 13px;
 134 }
 135
 136 /* ..... increment .... */
 137
 138 scrollbarbutton[type="increment"] {
 139   background-image: url("chrome://global/skin/scrollbar/arrow-right.png");
 140   border-radius: 0 300px 300px 0;
 141   -moz-border-start: 3px solid #000000;
 142 }
 143
 144 scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
 145   background-image: url("chrome://global/skin/scrollbar/arrow-down.png");
 146   border-radius: 0 0 300px 300px;
 147   -moz-border-start: none;
 148   border-top: 3px solid #000000;
 149 }
 150
 151 /* ..... decrement .... */
 152
 153 scrollbarbutton[type="decrement"] {
 154   background-image: url("chrome://global/skin/scrollbar/arrow-left.png");
 155   border-radius: 300px 0 0 300px;
 156   -moz-border-end: 3px solid #000000;
 157 }
 158
 159 scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
 160   background-image: url("chrome://global/skin/scrollbar/arrow-up.png");
 161   border-radius: 300px 300px 0 0;
 162   -moz-border-end: none;
 163   border-bottom: 3px solid #000000;
 164 }
 165
 166 /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
 167 /* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */
 168 /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
 169 @media print {
 170   /* ::::: scrollbar ::::: */
 171
 172   html|div scrollbar {
 173     -moz-appearance: scrollbartrack-horizontal;
 174     -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
 175     cursor: default;
 176     background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
 177   }
 178
 179   html|div scrollbar[orient="vertical"]
 180   {
 181      -moz-appearance: scrollbartrack-vertical;
 182   }
 183
 184   /* ::::: borders for thumb and buttons ::::: */
 185
 186   html|div thumb,
 187   html|div scrollbarbutton {
 188     border: 2px solid;
 189     -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
 190     -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
 191     -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
 192     -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
 193     background-color: -moz-Dialog;
 194   }
 195
 196   /* ::::: thumb (horizontal) ::::: */
 197
 198   html|div thumb {
 199     -moz-appearance: scrollbarthumb-vertical;
 200     min-height: 8px;
 201   }
 202
 203   html|div thumb[orient="horizontal"] {
 204     -moz-appearance: scrollbarthumb-horizontal;
 205     min-width: 8px;
 206   }
 207
 208   /* ::::: scrollbar button ::::: */
 209
 210   html|div scrollbarbutton {
 211     background: -moz-Dialog no-repeat 50% 50%;
 212     min-width: 16px;
 213     min-height: 16px;
 214   }
 215
 216   html|div scrollbarbutton:hover:active,
 217   html|div scrollbarbutton[active="true"] {
 218     -moz-border-top-colors: ThreeDShadow -moz-Dialog;
 219     -moz-border-right-colors: ThreeDShadow -moz-Dialog;
 220     -moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
 221     -moz-border-left-colors: ThreeDShadow -moz-Dialog;
 222     background-position: 60% 60%;
 223   }
 224
 225   /* ..... increment .... */
 226
 227   html|div scrollbarbutton[type="increment"] {
 228     -moz-appearance: scrollbarbutton-right;
 229     background-image: url("chrome://global/skin/scrollbar/arrow-right.png")
 230   }
 231
 232   html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
 233     -moz-appearance: scrollbarbutton-down;
 234     background-image: url("chrome://global/skin/scrollbar/arrow-down.png")
 235   }
 236
 237   /* ..... decrement .... */
 238
 239   html|div scrollbarbutton[type="decrement"] {
 240     -moz-appearance: scrollbarbutton-left;
 241      background-image: url("chrome://global/skin/scrollbar/arrow-left.png")
 242   }
 243
 244   html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
 245     -moz-appearance: scrollbarbutton-up;
 246      background-image: url("chrome://global/skin/scrollbar/arrow-up.png")
 247   }
 248
 249 }