137 lines
		
	
	
		
			4.6 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			137 lines
		
	
	
		
			4.6 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| /*************
 | |
|  * scrollbar *
 | |
|  *************/
 | |
| 
 | |
| /*
 | |
|    Contributor notes:
 | |
|    Please use two space indentions.
 | |
|    Stack all related and child selectors and selector states into a logical hierarchy to a readable degree.
 | |
|    Make sure that all changes made here are part of the GtkScrollbar.
 | |
| */
 | |
| 
 | |
| scrollbar {
 | |
|   border: none;
 | |
|   background-color: @scrollbar_trough_bg_color; }
 | |
|   scrollbar trough {
 | |
|     border: none;
 | |
|     border-radius: 0; }
 | |
|   scrollbar slider {
 | |
|     margin-top: 0px;
 | |
|     padding: 0px;
 | |
|     background-color: @scrollbar_bg_color;
 | |
|     border: 2px solid @border_dark;
 | |
|     box-shadow: none;
 | |
|     border-image: url("scrollbar/scrollbar_button.png");
 | |
|     border-image-slice: 2 2 2 2;
 | |
|     min-width: 12px;
 | |
|     min-height: 12px; }
 | |
|   /* This is for Libreoffice scrollbar buttons */
 | |
|   scrollbar button,
 | |
|   scrollbar .button {
 | |
|     background-image: url("scrollbar/scrollbar_button.png");
 | |
|     background-position: center; /* Note: This can affect other applications, such as Whisker Menu */
 | |
|     background-repeat: no-repeat; /* Note: This can affect other applications, such as Whisker Menu */
 | |
|     min-height: 16px;
 | |
|     min-width: 16px; 
 | |
|     margin: 0px;
 | |
|     padding: 0px;
 | |
|     border: none;
 | |
|     background-color: @scrollbar_trough_bg_color;
 | |
|     box-shadow: none; }
 | |
|     scrollbar button:active,
 | |
|     scrollbar .button:active {
 | |
|       min-width: 16px;
 | |
|       min-height: 16px;
 | |
|       border: 1px solid @border_shade; 
 | |
|       background-color: @scrollbar_trough_bg_color;
 | |
|       background-image: none;
 | |
|       box-shadow: none; }
 | |
|   /* Every other scrollbar that isn't Libreoffice */
 | |
|   scrollbar button.up,
 | |
|   scrollbar button.down,
 | |
|   scrollbar button.left,
 | |
|   scrollbar button.right {
 | |
|     margin: 0px;
 | |
|     padding: 0px;
 | |
|     background-color: @scrollbar_trough_bg_color;
 | |
|     -gtk-icon-source: none;
 | |
|     background-position: center;
 | |
|     background-repeat: no-repeat;
 | |
|     box-shadow: none;
 | |
|     border-width: 0px;
 | |
|     border-style: solid;
 | |
|     min-width: 16px;
 | |
|     min-height: 16px; }
 | |
|     scrollbar button.up:active,
 | |
|     scrollbar button.down:active,
 | |
|     scrollbar button.left:active,
 | |
|     scrollbar button.right:active {
 | |
|       border: none;
 | |
|       box-shadow: none; }
 | |
|   /* Scrollbar buttons for GTK3 applications (such as Firefox or Thunderbird) using deprecated selectors */
 | |
|   scrollbar .button {
 | |
|     -gtk-icon-source: none;
 | |
|     background-position: center;
 | |
|     background-repeat: no-repeat;
 | |
|     border-width: 0px;
 | |
|     min-width: 16px;
 | |
|     min-height: 16px;
 | |
|     box-shadow: none; }
 | |
|     scrollbar .button:active {
 | |
|       -gtk-icon-source: none;
 | |
|       background-position: center;
 | |
|       background-repeat: no-repeat;
 | |
|       border-width: 0px;
 | |
|       min-width: 16px;
 | |
|       min-height: 16px;
 | |
|       box-shadow: none; }
 | |
| 
 | |
| /* where is the junction? in scrollablewindow? Does it exists anymore? */
 | |
| scrollbar.junction,
 | |
| scrollbar .junction {
 | |
|   border-width: 1px;
 | |
|   border-style: solid;
 | |
|   border-color: @border_color;
 | |
|   background-color: red; }
 | |
| 
 | |
| /* Vertical scrollbar button icons */
 | |
| scrollbar.vertical button.up,
 | |
| scrollbar .button.vertical.top {
 | |
|   background-image: url("scrollbar/stepper-up.png"); }
 | |
|   scrollbar.vertical button.up:active,
 | |
|   scrollbar .button.vertical.top:active {
 | |
|     background-image: url("scrollbar/stepper-up-active.png"); }
 | |
|   scrollbar.vertical button.up:disabled,
 | |
|   scrollbar .button.vertical.top:disabled {
 | |
|     background-image: url("scrollbar/stepper-up-insense.png"); }
 | |
| scrollbar.vertical button.down,
 | |
| scrollbar .button.vertical.bottom {
 | |
|   background-image: url("scrollbar/stepper-down.png"); }
 | |
|   scrollbar.vertical button.down:active,
 | |
|   scrollbar .button.vertical.bottom:active {
 | |
|     background-image: url("scrollbar/stepper-down-active.png"); }
 | |
|   scrollbar.vertical button.down:disabled,
 | |
|   scrollbar .button.vertical.bottom:disabled {
 | |
|     background-image: url("scrollbar/stepper-down-insense.png");}
 | |
| 
 | |
| /* Horizontal scrollbar button icons */
 | |
| scrollbar.horizontal button.up,
 | |
| scrollbar .button.horizontal.left {
 | |
|   background-image: url("scrollbar/stepper-left.png"); }
 | |
|   scrollbar.horizontal button.up:active,
 | |
|   scrollbar .button.horizontal.left:active {
 | |
|     background-image: url("scrollbar/stepper-left-active.png"); }
 | |
|   scrollbar.horizontal button.up:disabled,
 | |
|   scrollbar .button.horizontal.left:disabled {
 | |
|     background-image: url("scrollbar/stepper-left-insense.png"); }
 | |
| scrollbar.horizontal button.down,
 | |
| scrollbar .button.horizontal.right {
 | |
|   background-image: url("scrollbar/stepper-right.png"); }
 | |
|   scrollbar.horizontal button.down:active,
 | |
|   scrollbar .button.horizontal.right:active {
 | |
|     background-image: url("scrollbar/stepper-right-active.png"); }
 | |
|   scrollbar.horizontal button.down:disabled,
 | |
|   scrollbar .button.horizontal.right:disabled {
 | |
|     background-image: url("scrollbar/stepper-right-insense.png"); }
 | |
| 
 | 
