171 lines
4.4 KiB
CSS
171 lines
4.4 KiB
CSS
/* Scrollbar buttons, trough, slider.
|
|
Note: Firefox uses different scrollbar button names
|
|
such as .button.up instead of button.top hence the
|
|
extra scrollbar button references */
|
|
|
|
scrollbar {
|
|
border-top: 0px solid;
|
|
border-bottom: 0px solid;
|
|
border: none;
|
|
background-color: @bg_color;
|
|
background-image: url("assets/scrollbar_trough.png");
|
|
}
|
|
|
|
scrollbar trough {
|
|
border: none;
|
|
border-radius: 0; }
|
|
|
|
|
|
scrollbar.overlay-indicator {
|
|
opacity: 1; }
|
|
|
|
|
|
/* Horizontal scroll bar */
|
|
|
|
|
|
scrollbar.horizontal slider {
|
|
min-width: 45px;
|
|
min-height: 15px;
|
|
margin: 0px;
|
|
border-top: 1px solid @bg_color;
|
|
border-left: 1px solid @bg_color;
|
|
border-right: 1px solid @borders;
|
|
border-bottom: 1px solid @borders;
|
|
border-radius: 0px;
|
|
background-clip: padding-box;
|
|
background-color: @button_bg_color;
|
|
box-shadow: inset -1px 0 @dark_shadow, inset 0 -1px @dark_shadow, inset 1px 0 @light_shadow, inset 0 1px @light_shadow;}
|
|
|
|
scrollbar.horizontal button,
|
|
scrollbar.horizontal .button {
|
|
background-image: url("assets/scrollbar_button.png");
|
|
background-size: 100% 100%;
|
|
min-height: 17px;
|
|
min-width: 17px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none; }
|
|
|
|
scrollbar.horizontal button:active,
|
|
scrollbar.horizontal .button:active {
|
|
min-width: 17px;
|
|
min-height: 17px;
|
|
border: 1px solid @dark_shadow;
|
|
background-color: @button_bg_color;
|
|
background-image: none;
|
|
box-shadow: none; }
|
|
|
|
scrollbar.horizontal button.down:active,
|
|
scrollbar.horizontal .button.right:active {
|
|
min-height: 15px;
|
|
min-width: 15px;
|
|
-gtk-icon-source: none;
|
|
background-image: url("assets/arrow_right.png"); }
|
|
|
|
scrollbar.horizontal button.up:active,
|
|
scrollbar.horizontal .button.left:active {
|
|
min-height: 15px;
|
|
min-width: 15px;
|
|
-gtk-icon-source: none;
|
|
background-image: url("assets/arrow_left.png"); }
|
|
|
|
scrollbar.horizontal button.down {
|
|
-gtk-icon-source: url("assets/arrow_right.png"); }
|
|
|
|
scrollbar.horizontal .button.right {
|
|
-gtk-icon-source: none;
|
|
background-image: url("assets/scroll_right_button.png"); }
|
|
|
|
scrollbar.horizontal button.up {
|
|
-gtk-icon-source: url("assets/arrow_left.png"); }
|
|
|
|
scrollbar.horizontal .button.left {
|
|
-gtk-icon-source: none;
|
|
background-image: url("assets/scroll_left_button.png"); }
|
|
|
|
/* Vertical scrollbar */
|
|
|
|
|
|
scrollbar.vertical slider {
|
|
min-width: 15px;
|
|
min-height: 45px;
|
|
margin: 0px;
|
|
border-top: 1px solid @bg_color;
|
|
border-left: 1px solid @bg_color;
|
|
border-right: 1px solid @borders;
|
|
border-bottom: 1px solid @borders;
|
|
border-radius: 0px;
|
|
background-clip: padding-box;
|
|
background-color: @button_bg_color;
|
|
box-shadow: inset -1px 0 @dark_shadow, inset 0 -1px @dark_shadow, inset 1px 0 @light_shadow, inset 0 1px @light_shadow; }
|
|
|
|
/* Specify buttons for LibreOffice */
|
|
|
|
scrollbar.vertical button,
|
|
scrollbar.vertical .button {
|
|
background-image: url("assets/scrollbar_button.png");
|
|
background-size: 100% 100%;
|
|
min-height: 17px;
|
|
min-width: 17px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
border: none;
|
|
background-color: @button_bg_color;
|
|
box-shadow: none; }
|
|
|
|
|
|
scrollbar.vertical button:active,
|
|
scrollbar.vertical .button:active {
|
|
min-width: 17px;
|
|
min-height: 17px;
|
|
border: 1px solid @dark_shadow;
|
|
background-color: @button_bg_color;
|
|
background-image: none;
|
|
box-shadow: none; }
|
|
|
|
/* End LibreOffice support */
|
|
|
|
|
|
/* Note: There are redundent entries and image files due to the workaround
|
|
for LibreOffice scrollbar buttons causing issues with my original Firefox
|
|
scrollbarbutton fix */
|
|
|
|
scrollbar.vertical button.down:active,
|
|
scrollbar.vertical .button.bottom:active {
|
|
min-height: 15px;
|
|
min-width: 15px;
|
|
-gtk-icon-source: none;
|
|
background-image: url("assets/arrow_down.png"); }
|
|
|
|
scrollbar.vertical button.up:active,
|
|
scrollbar.vertical .button.top:active {
|
|
min-height: 15px;
|
|
min-width: 15px;
|
|
-gtk-icon-source: none;
|
|
background-image: url("assets/arrow_up.png"); }
|
|
|
|
scrollbar.vertical button.down {
|
|
-gtk-icon-source: url("assets/arrow_down.png"); }
|
|
|
|
scrollbar.vertical .button.bottom {
|
|
-gtk-icon-source: none;
|
|
background-image: url("assets/scroll_down_button.png"); }
|
|
|
|
scrollbar.vertical button.up {
|
|
-gtk-icon-source: url("assets/arrow_up.png"); }
|
|
|
|
scrollbar.vertical .button.top {
|
|
-gtk-icon-source: none;
|
|
background-image: url("assets/scroll_up_button.png");
|
|
}
|
|
|
|
|
|
/* Mystery */
|
|
|
|
|
|
treeview scrollbar.vertical {
|
|
border-top: 1px solid @borders;
|
|
margin-top: -1px; }
|