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 - override minimal-xul.css/scrollbar.xml which 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 /* override minimal-xul.css */
 123 scrollbarbutton[sbattr="scrollbar-up-top"],
 124 scrollbarbutton[sbattr="scrollbar-down-bottom"],
 125 scrollbarbutton[sbattr="scrollbar-up-top"]:not(:-moz-system-metric(scrollbar-start-backward)),
 126 scrollbarbutton[sbattr="scrollbar-down-bottom"]:not(:-moz-system-metric(scrollbar-end-forward)) {
 127   display: -moz-box;
 128 }
 129
 130 /* ::::: square at the corner of two scrollbars ::::: */
 131
 132 scrollcorner {
 133   -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar-base");
 134   cursor: default;
 135   background-color: #000000;
 136   width: 13px;
 137 }
 138
 139 /* ..... increment .... */
 140
 141 scrollbarbutton[type="increment"] {
 142   background-image: url("chrome://global/skin/scrollbar/arrow-right.png");
 143   border-radius: 0 300px 300px 0;
 144   border-inline-start: 3px solid #000000;
 145 }
 146
 147 scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
 148   background-image: url("chrome://global/skin/scrollbar/arrow-down.png");
 149   border-radius: 0 0 300px 300px;
 150   border-inline-start: none;
 151   border-top: 3px solid #000000;
 152 }
 153
 154 /* ..... decrement .... */
 155
 156 scrollbarbutton[type="decrement"] {
 157   background-image: url("chrome://global/skin/scrollbar/arrow-left.png");
 158   border-radius: 300px 0 0 300px;
 159   border-inline-end: 3px solid #000000;
 160 }
 161
 162 scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
 163   background-image: url("chrome://global/skin/scrollbar/arrow-up.png");
 164   border-radius: 300px 300px 0 0;
 165   border-inline-end: none;
 166   border-bottom: 3px solid #000000;
 167 }
 168
 169 /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
 170 /* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */
 171 /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
 172 @media print {
 173   /* ::::: scrollbar ::::: */
 174
 175   html|div scrollbar {
 176     -moz-appearance: scrollbartrack-horizontal;
 177     -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
 178     cursor: default;
 179     background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
 180   }
 181
 182   html|div scrollbar[orient="vertical"]
 183   {
 184      -moz-appearance: scrollbartrack-vertical;
 185   }
 186
 187   /* ::::: borders for thumb and buttons ::::: */
 188
 189   html|div thumb,
 190   html|div scrollbarbutton {
 191     border: 2px solid;
 192     -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
 193     -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
 194     -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
 195     -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
 196     background-color: -moz-Dialog;
 197   }
 198
 199   /* ::::: thumb (horizontal) ::::: */
 200
 201   html|div thumb {
 202     -moz-appearance: scrollbarthumb-vertical;
 203     min-height: 8px;
 204   }
 205
 206   html|div thumb[orient="horizontal"] {
 207     -moz-appearance: scrollbarthumb-horizontal;
 208     min-width: 8px;
 209   }
 210
 211   /* ::::: scrollbar button ::::: */
 212
 213   html|div scrollbarbutton {
 214     background: -moz-Dialog no-repeat 50% 50%;
 215     min-width: 16px;
 216     min-height: 16px;
 217   }
 218
 219   html|div scrollbarbutton:hover:active,
 220   html|div scrollbarbutton[active="true"] {
 221     -moz-border-top-colors: ThreeDShadow -moz-Dialog;
 222     -moz-border-right-colors: ThreeDShadow -moz-Dialog;
 223     -moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
 224     -moz-border-left-colors: ThreeDShadow -moz-Dialog;
 225     background-position: 60% 60%;
 226   }
 227
 228   /* ..... increment .... */
 229
 230   html|div scrollbarbutton[type="increment"] {
 231     -moz-appearance: scrollbarbutton-right;
 232     background-image: url("chrome://global/skin/scrollbar/arrow-right.png")
 233   }
 234
 235   html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
 236     -moz-appearance: scrollbarbutton-down;
 237     background-image: url("chrome://global/skin/scrollbar/arrow-down.png")
 238   }
 239
 240   /* ..... decrement .... */
 241
 242   html|div scrollbarbutton[type="decrement"] {
 243     -moz-appearance: scrollbarbutton-left;
 244      background-image: url("chrome://global/skin/scrollbar/arrow-left.png")
 245   }
 246
 247   html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
 248     -moz-appearance: scrollbarbutton-up;
 249      background-image: url("chrome://global/skin/scrollbar/arrow-up.png")
 250   }
 251
 252 }