mirror of
https://github.com/anotherhadi/nixy.git
synced 2026-04-04 12:02:09 +02:00
Hadi
68
home/system/theme/gtk/gtk-3.20/widgets/button.css
Normal file
68
home/system/theme/gtk/gtk-3.20/widgets/button.css
Normal file
@@ -0,0 +1,68 @@
|
||||
/**********
|
||||
* button *
|
||||
**********/
|
||||
button {
|
||||
padding: 4px 4px;
|
||||
margin: 2px;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: @button_normal_color;
|
||||
border-radius: 5px;
|
||||
background-color: @button_normal_color;
|
||||
color: @text_color;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
box-shadow: 0 2.5px 4.5px @shadow;
|
||||
}
|
||||
|
||||
button:focus {
|
||||
color: @fg_color;
|
||||
box-shadow: 0 2.5px 4.5px @shadow ,
|
||||
inset 0 0 0 2px alpha(@selected_bg_color, 0.5);
|
||||
}
|
||||
|
||||
button:active,
|
||||
button.toggle:checked {
|
||||
color: @fg_color;
|
||||
background-color: shade(@selected_bg_color, 0.83);
|
||||
border-color: shade(@selected_bg_color, 0.83);
|
||||
/*box-shadow: 0 1px 1px @shadow ,
|
||||
inset 0 0 0 2px alpha(@fg_color, 0.25);*/
|
||||
box-shadow: 0 1px 1px @shadow;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
box-shadow: 0 2.5px 4.5px @shadow ,
|
||||
inset 0 0 0 2px @selected_bg_color;
|
||||
transition: box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
button:active:hover,
|
||||
button.toggle:checked:hover {
|
||||
box-shadow: 0 2.5px 4.5px @shadow ,
|
||||
inset 0 0 0 2px alpha(@fg_color, 0.5);
|
||||
transition: box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
button:disabled {
|
||||
background-color: mix(@color8, @color0, 0.40);
|
||||
background-image: none;
|
||||
color: mix(@text_color, @color0, 0.40);
|
||||
}
|
||||
|
||||
button:active:disabled {}
|
||||
|
||||
GtkLinkButton.button,
|
||||
GtkLinkButton.button:focus,
|
||||
GtkLinkButton.button:hover,
|
||||
GtkLinkButton.button:active,
|
||||
GtkLinkButton.button:focus:active,
|
||||
GtkLinkButton.button:focus:hover {}
|
||||
|
||||
button.radio:checked {
|
||||
color: @fg_color;
|
||||
background-color: shade(@selected_bg_color, 0.83);
|
||||
border-color: shade(@selected_bg_color, 0.83);
|
||||
}
|
||||
35
home/system/theme/gtk/gtk-3.20/widgets/calendar.css
Normal file
35
home/system/theme/gtk/gtk-3.20/widgets/calendar.css
Normal file
@@ -0,0 +1,35 @@
|
||||
/************
|
||||
* Calendar *
|
||||
***********/
|
||||
calendar {
|
||||
padding: 1px;
|
||||
border: 2px solid @bg_color;
|
||||
border-radius: 4px;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
calendar:disabled {
|
||||
color: shade(@selected_fg_color, 0.8) ;
|
||||
}
|
||||
|
||||
calendar:selected {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
calendar.header {
|
||||
border: none;
|
||||
background-color: @tooltip_bg_color;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
calendar:indeterminate {
|
||||
color: alpha(currentColor, 0.4);
|
||||
}
|
||||
|
||||
calendar.highlight {
|
||||
background-color: alpha(@selected_bg_color, 0.1);
|
||||
color: @selected_fg_color;
|
||||
font-weight: 100;
|
||||
border-radius: 3px;
|
||||
padding: 2px
|
||||
}
|
||||
25
home/system/theme/gtk/gtk-3.20/widgets/cell-row.css
Normal file
25
home/system/theme/gtk/gtk-3.20/widgets/cell-row.css
Normal file
@@ -0,0 +1,25 @@
|
||||
/****************
|
||||
* cell and row *
|
||||
****************/
|
||||
.cell {
|
||||
border-width: 0;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.cell:selected,
|
||||
.cell:selected:focus {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
row:selected,
|
||||
row:selected:hover,
|
||||
row:selected:focus {
|
||||
border-width: 0;
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
background-color: @selected_bg_color;
|
||||
background-image: none;
|
||||
color: @selected_fg_color;
|
||||
|
||||
}
|
||||
116
home/system/theme/gtk/gtk-3.20/widgets/check-radio.css
Normal file
116
home/system/theme/gtk/gtk-3.20/widgets/check-radio.css
Normal file
@@ -0,0 +1,116 @@
|
||||
/*************************
|
||||
* Check and Radio items *
|
||||
*************************/
|
||||
|
||||
check,
|
||||
radio {
|
||||
color: alpha(currentColor, 0.75);
|
||||
background-color: @base_color;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
check {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
radio {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
check:disabled,
|
||||
radio:disabled {
|
||||
background-color: mix(@theme_bg_color, @theme_fg_color, 0.1);
|
||||
}
|
||||
|
||||
check:hover,
|
||||
check:active,
|
||||
radio:hover,
|
||||
radio:active {
|
||||
background-color: shade(@selected_bg_color, 0.5);
|
||||
}
|
||||
|
||||
check:checked,
|
||||
check:checked:disabled,
|
||||
radio:checked,
|
||||
radio:checked:disabled {
|
||||
background-color: shade(@selected_bg_color, 0.9);
|
||||
}
|
||||
|
||||
check:checked,
|
||||
check:indeterminate,
|
||||
radio:checked,
|
||||
radio:indeterminate {
|
||||
background-color: shade(@selected_bg_color, 0.9);
|
||||
color: shade(@bg_color, 0.8);
|
||||
}
|
||||
|
||||
check:checked:disabled,
|
||||
check:indeterminate:disabled,
|
||||
radio:checked:disabled,
|
||||
radio:indeterminate:disabled {
|
||||
color: shade(@bg_color, 0.4);
|
||||
}
|
||||
|
||||
check:only-child,
|
||||
radio:only-child {}
|
||||
|
||||
menu menuitem check,
|
||||
menu menuitem radio {
|
||||
transition: none;
|
||||
}
|
||||
|
||||
menu menuitem check:not(:checked):not(:indeterminate):hover,
|
||||
menu menuitem radio:not(:checked):not(:indeterminate):hover {
|
||||
color: alpha(currentColor, 0.75);
|
||||
}
|
||||
|
||||
menu menuitem check,
|
||||
menu menuitem check:hover,
|
||||
menu menuitem check:disabled,
|
||||
menu menuitem radio,
|
||||
menu menuitem radio:hover,
|
||||
menu menuitem radio:disabled {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
menu menuitem check:checked {
|
||||
-gtk-icon-source: -gtk-scaled(url("../assets/check.png"));
|
||||
}
|
||||
|
||||
check:checked {
|
||||
-gtk-icon-source: -gtk-recolor(url("../assets/check.png"));
|
||||
}
|
||||
|
||||
check:checked:disabled {
|
||||
-gtk-icon-source: -gtk-recolor(url("../assets/check-disabled.png"));
|
||||
}
|
||||
|
||||
radio:checked {
|
||||
-gtk-icon-source: -gtk-recolor(url("../assets/bullet.png"));
|
||||
}
|
||||
|
||||
radio:checked:disabled {
|
||||
-gtk-icon-source: -gtk-recolor(url("../assets/bullet-disabled.png"));
|
||||
}
|
||||
|
||||
check:indeterminate,
|
||||
check:indeterminate:checked,
|
||||
radio:indeterminate,
|
||||
radio:indeterminate:checked {
|
||||
-gtk-icon-source: -gtk-recolor(url("../assets/dash.png"));
|
||||
}
|
||||
|
||||
check:indeterminate:disabled,
|
||||
check:indeterminate:checked:disabled,
|
||||
radio:indeterminate:disabled,
|
||||
radio:indeterminate:checked:disabled {
|
||||
-gtk-icon-source: -gtk-recolor(url("../assets/dash-disabled.png"));
|
||||
}
|
||||
|
||||
menu menuitem check:not(:indeterminate):checked,
|
||||
menu menuitem radio:not(:indeterminate):checked,
|
||||
menu menuitem check:indeterminate:checked,
|
||||
menu menuitem radio:indeterminate:checked {
|
||||
animation: none;
|
||||
}
|
||||
16
home/system/theme/gtk/gtk-3.20/widgets/chrome.css
Normal file
16
home/system/theme/gtk/gtk-3.20/widgets/chrome.css
Normal file
@@ -0,0 +1,16 @@
|
||||
entry.chromium {
|
||||
color: @selected_fg_color;
|
||||
background-color: @selected_bg_color;
|
||||
}
|
||||
|
||||
menu.chromium {
|
||||
background-color: @theme_bg_color;
|
||||
color: @theme_fg_color;
|
||||
border: none 0px;
|
||||
}
|
||||
|
||||
window.background.chromium {
|
||||
border: none 0px;
|
||||
background-color: @selected_bg_color;
|
||||
color: @theme_fg_color;
|
||||
}
|
||||
114
home/system/theme/gtk/gtk-3.20/widgets/color-chooser.css
Normal file
114
home/system/theme/gtk/gtk-3.20/widgets/color-chooser.css
Normal file
@@ -0,0 +1,114 @@
|
||||
/*****************
|
||||
* color chooser *
|
||||
*****************/
|
||||
GtkColorSwatch,
|
||||
GtkColorSwatch:selected {
|
||||
border-width: 4px;
|
||||
border-style: solid;
|
||||
border-radius: 0;
|
||||
border-color: @bg_color;
|
||||
background-color: transparent;
|
||||
transition: all 200ms ease-out;
|
||||
}
|
||||
|
||||
GtkColorSwatch:hover,
|
||||
GtkColorSwatch:selected:hover {
|
||||
border-width: 0;
|
||||
border-radius: 0;
|
||||
border-color: @bg_color;
|
||||
transition: all 200ms ease-in;
|
||||
}
|
||||
|
||||
GtkColorSwatch.color-dark:hover {
|
||||
}
|
||||
|
||||
GtkColorSwatch.color-light:hover {
|
||||
}
|
||||
|
||||
GtkColorSwatch.color-light:selected:hover,
|
||||
GtkColorSwatch.color-dark:selected:hover {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
GtkColorSwatch.left,
|
||||
GtkColorSwatch:first-child {
|
||||
|
||||
}
|
||||
|
||||
GtkColorSwatch.right,
|
||||
GtkColorSwatch:last-child {
|
||||
|
||||
}
|
||||
|
||||
GtkColorSwatch:only-child {
|
||||
|
||||
}
|
||||
|
||||
GtkColorSwatch.top {
|
||||
|
||||
}
|
||||
|
||||
GtkColorSwatch.bottom {
|
||||
|
||||
}
|
||||
|
||||
GtkColorChooserWidget #add-color-button {
|
||||
transition: all 100ms ease-out;
|
||||
border-color: @entry_border_color;
|
||||
border-width: 1px;
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
background-color: @base_color;
|
||||
color: @text_color_disabled
|
||||
}
|
||||
|
||||
GtkColorChooserWidget #add-color-button:hover {
|
||||
transition: all 100ms ease-in;
|
||||
border-color: @selected_bg_color;
|
||||
border-width: 1px;
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
background-color: @base_color;
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
.color-active-badge,
|
||||
.color-active-badge:selected {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.color-active-badge.color-light,
|
||||
.color-active-badge.color-light:hover {
|
||||
border-color: alpha(black, 0.3);
|
||||
color: alpha(black, 0.3);
|
||||
}
|
||||
|
||||
.color-active-badge.color-dark,
|
||||
.color-active-badge.color-dark:hover {
|
||||
border-color: alpha(white, 0.3);
|
||||
color: alpha(white, 0.3);
|
||||
}
|
||||
|
||||
GtkColorEditor GtkColorSwatch {
|
||||
border-width: 4px;
|
||||
border-style: solid;
|
||||
border-radius: 0;
|
||||
border-color: @bg_color;
|
||||
background-color: transparent;
|
||||
transition: all 200ms ease-out;
|
||||
}
|
||||
|
||||
GtkColorEditor GtkColorSwatch.color-dark:hover,
|
||||
GtkColorEditor GtkColorSwatch.color-light:hover {
|
||||
border-width: 0;
|
||||
border-radius: 0;
|
||||
border-color: @bg_color;
|
||||
transition: all 200ms ease-in;
|
||||
}
|
||||
|
||||
GtkColorButton.button {
|
||||
padding: 6px;
|
||||
}
|
||||
52
home/system/theme/gtk/gtk-3.20/widgets/column-header.css
Normal file
52
home/system/theme/gtk/gtk-3.20/widgets/column-header.css
Normal file
@@ -0,0 +1,52 @@
|
||||
/*****************
|
||||
* column-header *
|
||||
*****************/
|
||||
column-header.button,
|
||||
column-header.button:active,
|
||||
column-header .button,
|
||||
column-header .button:active {
|
||||
font-weight: bold;
|
||||
border-width: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
column-header.button,
|
||||
column-header.button:active,
|
||||
column-header.button:focus,
|
||||
column-header.button:active:focus,
|
||||
column-header .button,
|
||||
column-header .button:active,
|
||||
column-header .button:focus,
|
||||
column-header .button:active:focus {
|
||||
box-shadow: none;
|
||||
background-color: inherit;
|
||||
background-image: none;
|
||||
}
|
||||
column-header.button:hover,
|
||||
column-header.button:active:hover,
|
||||
column-header.button:hover:focus,
|
||||
column-header.button:active:hover:focus,
|
||||
column-header .button:hover,
|
||||
column-header .button:active:hover,
|
||||
column-header .button:hover:focus,
|
||||
column-header .button:active:hover:focus {
|
||||
box-shadow: none;
|
||||
background-color: inherit;
|
||||
background-image: none;
|
||||
}
|
||||
column-header:last-child.button,
|
||||
column-header:last-child .button {
|
||||
|
||||
}
|
||||
column-header.button,
|
||||
column-header .button,
|
||||
column-header.button:focus,
|
||||
column-header .button:focus {
|
||||
background-color: @tooltip_bg_color;
|
||||
color: shade(@text_color, 1.1);
|
||||
}
|
||||
column-header.button:active,
|
||||
column-header .button:active,
|
||||
column-header.button:active:focus,
|
||||
column-header .button:active:focus {
|
||||
background-color: @tooltip_bg_color;
|
||||
}
|
||||
47
home/system/theme/gtk/gtk-3.20/widgets/combobox.css
Normal file
47
home/system/theme/gtk/gtk-3.20/widgets/combobox.css
Normal file
@@ -0,0 +1,47 @@
|
||||
/**************
|
||||
* ComboBoxes *
|
||||
**************/
|
||||
combobox arrow {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
}
|
||||
|
||||
combobox menu,
|
||||
combobox .menu {
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
combobox menu menuitem,
|
||||
combobox .menu menuitem {
|
||||
min-height: 28px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
combobox menu menuitem:hover {
|
||||
background-color: @selected_bg_color;
|
||||
}
|
||||
|
||||
combobox:drop(active) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.linked:not(.vertical) > combobox:first-child > box > button.combo {
|
||||
border-radius: 3px 0 0 3px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
.linked:not(.vertical) > combobox:last-child > box > button.combo {
|
||||
border-radius: 0 3px 3px 0;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.linked:not(.vertical) > combobox:not(:first-child):not(:last-child) > box > button.combo {
|
||||
border-radius: 0;
|
||||
margin-left: 1px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
.linked:not(.vertical) > combobox > box > button.combo {
|
||||
border-radius: 0;
|
||||
}
|
||||
125
home/system/theme/gtk/gtk-3.20/widgets/csd.css
Normal file
125
home/system/theme/gtk/gtk-3.20/widgets/csd.css
Normal file
@@ -0,0 +1,125 @@
|
||||
/*******
|
||||
* CSD *
|
||||
*******/
|
||||
.titlebar {
|
||||
/* border-width: 5px; */
|
||||
border-style: solid;
|
||||
border-color: @tooltip_bg_color;
|
||||
/* border-image: linear-gradient(to left,
|
||||
shade(@selected_bg_color, 1.20) 25%,
|
||||
shade(@selected_bg_color, 1.05) 25%,
|
||||
shade(@selected_bg_color, 1.05) 50%,
|
||||
shade(@selected_bg_color, 0.90) 50%,
|
||||
shade(@selected_bg_color, 0.90) 75%,
|
||||
shade(@selected_bg_color, 0.75) 75%) 5 0 0 0/ 5px 0 0 0;*/
|
||||
background-image: none;
|
||||
background-color: @tooltip_bg_color;
|
||||
color: @fg_color;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/* this is the default titlebar that is added by GTK
|
||||
* when client-side decorations are in use and the application
|
||||
* did not set a custom titlebar.
|
||||
*/
|
||||
.titlebar.default-decoration {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.titlebar .title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.titlebar {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.titlebar:backdrop {
|
||||
background-image: none;
|
||||
background-color: @bg_color;
|
||||
color: mix(@fg_color, @bg_color, 0.4);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.titlebutton {
|
||||
padding: 4px;
|
||||
border-style: none;
|
||||
/*background-color: @button_normal_color;*/
|
||||
color: mix(@fg_color, @bg_color, 0.1);
|
||||
-gtk-icon-shadow: none;
|
||||
}
|
||||
|
||||
.titlebar .titlebutton:hover,
|
||||
.titlebar .titlebutton:hover:focus {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
-gtk-icon-shadow: none;
|
||||
}
|
||||
|
||||
.titlebar .titlebutton:active,
|
||||
.titlebar .titlebutton:active:hover {
|
||||
background: none;
|
||||
color: shade(@selected_bg_color, 0.9);
|
||||
-gtk-icon-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.titlebar .right .titlebutton:first-child {
|
||||
background: none;
|
||||
}
|
||||
/*
|
||||
|
||||
.titlebar .right .titlebutton:last-child {
|
||||
}
|
||||
|
||||
.titlebar .left .titlebutton:last-child {
|
||||
border-right: 1px solid shade(@toolbar_bg_color, 0.9);
|
||||
}
|
||||
|
||||
.titlebar .left .titlebutton:first-child {
|
||||
}
|
||||
*/
|
||||
|
||||
.titlebar .titlebutton:backdrop {
|
||||
background-image: none;
|
||||
color: mix(@fg_color, @bg_color, 0.4);
|
||||
-gtk-icon-shadow: none;
|
||||
}
|
||||
|
||||
.window-frame {
|
||||
background-image: none;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: @bg_color;
|
||||
border-image: none;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 3px 12px 2px alpha(black, 0.5);
|
||||
|
||||
/* this is used for the resize cursor area */
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.window-frame:backdrop {
|
||||
border-width: 2px;
|
||||
border-color: @bg_color;
|
||||
border-image: none;
|
||||
box-shadow: 0 2px 7px 1px alpha(black, 0.5);
|
||||
}
|
||||
|
||||
GtkWindow {
|
||||
color: @fg_color;
|
||||
background-color: @bg_color;
|
||||
}
|
||||
|
||||
GtkPaned {
|
||||
background-color: @bg_color;
|
||||
}
|
||||
|
||||
GtkEventBox {
|
||||
background-color: @bg_color;
|
||||
}
|
||||
|
||||
/*GtkSeparator separator .separator.vertical.titlebutton {
|
||||
background-color: @selected_bg_color;
|
||||
}*/
|
||||
44
home/system/theme/gtk/gtk-3.20/widgets/entry.css
Normal file
44
home/system/theme/gtk/gtk-3.20/widgets/entry.css
Normal file
@@ -0,0 +1,44 @@
|
||||
/*********
|
||||
* entry *
|
||||
*********/
|
||||
entry {
|
||||
padding: 6px 8px;
|
||||
margin: 2px;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: @base_color;
|
||||
border-radius: 3px;
|
||||
background-color: @base_color;
|
||||
background-image: none;
|
||||
color: @text_color;
|
||||
box-shadow: 0 2.5px 4.5px @shadow;
|
||||
}
|
||||
|
||||
entry:active,
|
||||
entry:focus {
|
||||
box-shadow: 0 1px 1px @shadow ,
|
||||
inset 0 -2px @selected_bg_color;
|
||||
transition: box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
entry:selected,
|
||||
entry:selected:focus,
|
||||
entry selection {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
entry:disabled {
|
||||
background-color: shade(@bg_color, 1.04);
|
||||
border-color: shade(@bg_color, 1.04);
|
||||
background-image: none;
|
||||
color: @text_color_disabled
|
||||
}
|
||||
|
||||
entry.progressbar {
|
||||
border-width: 0;
|
||||
border-radius: 0;
|
||||
background-color: @selected_bg_color;
|
||||
background-image: none;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
47
home/system/theme/gtk/gtk-3.20/widgets/header-bar.css
Normal file
47
home/system/theme/gtk/gtk-3.20/widgets/header-bar.css
Normal file
@@ -0,0 +1,47 @@
|
||||
/**************
|
||||
* header-bar *
|
||||
**************/
|
||||
|
||||
headerbar {
|
||||
padding: 4px;
|
||||
border-width: 0;
|
||||
border-style: none;
|
||||
background-color: @bg_color;
|
||||
}
|
||||
|
||||
headerbar title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
headerbar subtitle {
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
headerbar > stackswitcher > button {
|
||||
margin-right: 1px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
headerbar > stackswitcher > button:first-child {
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
|
||||
headerbar > stackswitcher > button:last-child {
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
|
||||
headerbar > stackswitcher > button.text-button {
|
||||
padding: 4px 20px 4px 20px;
|
||||
}
|
||||
|
||||
headerbar > stackswitcher > button.image-button {
|
||||
padding: 6px 22px 6px 22px;
|
||||
}
|
||||
|
||||
headerbar button.text-button {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
headerbar button.image-button {
|
||||
padding: 6px;
|
||||
}
|
||||
90
home/system/theme/gtk/gtk-3.20/widgets/infobar.css
Normal file
90
home/system/theme/gtk/gtk-3.20/widgets/infobar.css
Normal file
@@ -0,0 +1,90 @@
|
||||
/***********
|
||||
* infobar *
|
||||
***********/
|
||||
GtkInfoBar {
|
||||
border-width: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
.info {
|
||||
border-width: 0;
|
||||
border-style: none;
|
||||
background-color: @info_bg_color;
|
||||
background-image: none;
|
||||
color: @info_fg_color;
|
||||
}
|
||||
|
||||
.warning {
|
||||
border-width: 0;
|
||||
border-style: none;
|
||||
background-color: @warning_bg_color;
|
||||
background-image: none;
|
||||
color: @warning_fg_color;
|
||||
}
|
||||
|
||||
.question {
|
||||
border-width: 0;
|
||||
border-style: none;
|
||||
background-color: @question_bg_color;
|
||||
background-image: none;
|
||||
color: @question_fg_color;
|
||||
}
|
||||
|
||||
.error {
|
||||
border-width: 0;
|
||||
border-style: none;
|
||||
background-color: @error_bg_color;
|
||||
background-image: none;
|
||||
color: @error_fg_color;
|
||||
}
|
||||
|
||||
.warning .button,
|
||||
.question .button,
|
||||
.info .button,
|
||||
.error .button,
|
||||
.warning .button.close,
|
||||
.question .button.close,
|
||||
.info .button.close,
|
||||
.error .button.close {
|
||||
|
||||
}
|
||||
.warning .button:hover,
|
||||
.question .button:hover,
|
||||
.info .button:hover,
|
||||
.error .button:hover,
|
||||
.warning .button.close:hover,
|
||||
.question .button.close:hover,
|
||||
.info .button.close:hover,
|
||||
.error .button.close:hover {
|
||||
|
||||
}
|
||||
.warning .button:active,
|
||||
.question .button:active,
|
||||
.info .button:active,
|
||||
.error .button:active,
|
||||
.warning .button.close:active,
|
||||
.question .button.close:active,
|
||||
.info .button.close:active,
|
||||
.error .button.close:active,
|
||||
.warning .button:active:hover,
|
||||
.question .button:active:hover,
|
||||
.info .button:active:hover,
|
||||
.error .button:active:hover,
|
||||
.warning .button.close:active:hover,
|
||||
.question .button.close:active:hover,
|
||||
.info .button.close:active:hover,
|
||||
.error .button.close:active:hover {
|
||||
|
||||
}
|
||||
.warning .button:disabled,
|
||||
.question .button:disabled,
|
||||
.info .button:disabled,
|
||||
.error .button:disabled {
|
||||
|
||||
}
|
||||
.warning .button *:disabled,
|
||||
.question .button *:disabled,
|
||||
.info .button *:disabled,
|
||||
.error .button *:disabled {
|
||||
|
||||
}
|
||||
524
home/system/theme/gtk/gtk-3.20/widgets/linked-buttons.css
Normal file
524
home/system/theme/gtk/gtk-3.20/widgets/linked-buttons.css
Normal file
@@ -0,0 +1,524 @@
|
||||
/******************
|
||||
* linked buttons *
|
||||
*****************/
|
||||
|
||||
|
||||
|
||||
/* set up shadows for visual separation */
|
||||
.linked .button,
|
||||
.inline-toolbar.toolbar .button,
|
||||
.inline-toolbar.toolbar GtkToolButton .button,
|
||||
.inline-toolbar.toolbar GtkToolButton > .button {
|
||||
background-color: @base_color;
|
||||
color: @text_color;
|
||||
|
||||
}
|
||||
.linked .button:hover,
|
||||
.inline-toolbar.toolbar .button:hover,
|
||||
.inline-toolbar.toolbar GtkToolButton .button:hover,
|
||||
.inline-toolbar.toolbar GtkToolButton > .button:hover {
|
||||
background-color: @base_color;
|
||||
color: shade(@fg_color, 0.7);
|
||||
}
|
||||
.linked .button:active,
|
||||
.inline-toolbar.toolbar .button:active,
|
||||
.inline-toolbar.toolbar GtkToolButton .button:active,
|
||||
.inline-toolbar.toolbar GtkToolButton > .button:active {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
.linked .button:active:hover,
|
||||
.inline-toolbar.toolbar .button:active:hover,
|
||||
.inline-toolbar.toolbar GtkToolButton .button:active:hover,
|
||||
.inline-toolbar.toolbar GtkToolButton > .button:active:hover {
|
||||
background-color: shade(@selected_bg_color, 1.05);
|
||||
}
|
||||
.linked .button:insensitive,
|
||||
.inline-toolbar.toolbar .button:insensitive,
|
||||
.inline-toolbar.toolbar GtkToolButton .button:insensitive,
|
||||
.inline-toolbar.toolbar GtkToolButton > .button:insensitive {
|
||||
background-color: shade(@bg_color, 1.04);
|
||||
background-image: none;
|
||||
color: @text_color_disabled
|
||||
}
|
||||
|
||||
/* remove box shadow from last-child and only-child */
|
||||
|
||||
.linked .entry:last-child,
|
||||
.linked .entry:only-child,
|
||||
.linked .button:last-child,
|
||||
.linked .button:only-child,
|
||||
.linked .button:insensitive:last-child,
|
||||
.linked .button:insensitive:only-child,
|
||||
.linked .button:active *:insensitive:last-child,
|
||||
.linked .button:active *:insensitive:only-child,
|
||||
.inline-toolbar.toolbar .button:last-child,
|
||||
.inline-toolbar.toolbar .button:only-child,
|
||||
.inline-toolbar.toolbar .button:insensitive:last-child,
|
||||
.inline-toolbar.toolbar .button:insensitive:only-child,
|
||||
.inline-toolbar.toolbar .button:active *:insensitive:last-child,
|
||||
.inline-toolbar.toolbar .button:active *:insensitive:only-child,
|
||||
.inline-toolbar.toolbar GtkToolButton:last-child > .button,
|
||||
.inline-toolbar.toolbar GtkToolButton:only-child > .button,
|
||||
.inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive,
|
||||
.inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive,
|
||||
.inline-toolbar.toolbar GtkToolButton:last-child > .button:active *:insensitive,
|
||||
.inline-toolbar.toolbar GtkToolButton:only-child > .button:active *:insensitive {
|
||||
|
||||
}
|
||||
|
||||
/* add back the inset shadow effect */
|
||||
.linked .button:active:last-child,
|
||||
.linked .button:active:only-child,
|
||||
.inline-toolbar.toolbar .button:active:last-child,
|
||||
.inline-toolbar.toolbar .button:active:only-child,
|
||||
.inline-toolbar.toolbar GtkToolButton:last-child > .button:active,
|
||||
.inline-toolbar.toolbar GtkToolButton:only-child > .button:active {
|
||||
|
||||
}
|
||||
|
||||
/* middle button */
|
||||
.linked .entry,
|
||||
.linked .button,
|
||||
.linked .button:active,
|
||||
.linked .button:active:hover,
|
||||
.linked .button:insensitive,
|
||||
.inline-toolbar.toolbar .button,
|
||||
.inline-toolbar.toolbar .button:active,
|
||||
.inline-toolbar.toolbar .button:insensitive,
|
||||
.inline-toolbar.toolbar GtkToolButton .button,
|
||||
.inline-toolbar.toolbar GtkToolButton .button:active,
|
||||
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
|
||||
border-width: 1px;
|
||||
border-radius: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
/*leftmost button */
|
||||
.linked .entry:first-child,
|
||||
.linked .button:first-child,
|
||||
.linked .button:active:first-child,
|
||||
.linked .button:active:hover:first-child,
|
||||
.linked .button:insensitive:first-child,
|
||||
.inline-toolbar.toolbar .button:first-child,
|
||||
.inline-toolbar.toolbar .button:active:first-child,
|
||||
.inline-toolbar.toolbar .button:insensitive:first-child,
|
||||
.inline-toolbar.toolbar GtkToolButton:first-child .button,
|
||||
.inline-toolbar.toolbar GtkToolButton:first-child .button:active,
|
||||
.inline-toolbar.toolbar GtkToolButton:first-child .button:insensitive {
|
||||
|
||||
}
|
||||
|
||||
/* rightmost button */
|
||||
.linked .entry:last-child,
|
||||
.linked .button:last-child,
|
||||
.linked .button:active:last-child,
|
||||
.linked .button:active:hover:last-child,
|
||||
.linked .button:insensitive:last-child,
|
||||
.inline-toolbar.toolbar .button:last-child,
|
||||
.inline-toolbar.toolbar .button:active:last-child,
|
||||
.inline-toolbar.toolbar .button:insensitive:last-child,
|
||||
.inline-toolbar.toolbar GtkToolButton:last-child .button,
|
||||
.inline-toolbar.toolbar GtkToolButton:last-child .button:active,
|
||||
.inline-toolbar.toolbar GtkToolButton:last-child .button:insensitive {
|
||||
|
||||
}
|
||||
|
||||
/* linked single button */
|
||||
.linked .entry:only-child,
|
||||
.linked .button:only-child,
|
||||
.linked .button:active:only-child,
|
||||
.linked .button:active:hover:only-child,
|
||||
.linked .button:insensitive:only-child,
|
||||
.inline-toolbar.toolbar .button:only-child,
|
||||
.inline-toolbar.toolbar .button:active:only-child,
|
||||
.inline-toolbar.toolbar .button:insensitive:only-child,
|
||||
.inline-toolbar.toolbar GtkToolButton:only-child .button,
|
||||
.inline-toolbar.toolbar GtkToolButton:only-child .button:active,
|
||||
.inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive {
|
||||
border-width: 1px;
|
||||
border-radius: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
/* linked button shadows (vertical) */
|
||||
.linked.vertical .button,
|
||||
.inline-toolbar.toolbar.vertical .button,
|
||||
.inline-toolbar.toolbar.vertical GtkToolButton > .button {
|
||||
background-color: @base_color;
|
||||
color: @text_color;
|
||||
}
|
||||
|
||||
.linked.vertical .button:active,
|
||||
.inline-toolbar.toolbar.vertical .button:active,
|
||||
.inline-toolbar.toolbar.vertical GtkToolButton > .button:active {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
.linked.vertical .button:hover,
|
||||
.inline-toolbar.toolbar.vertical .button:hover,
|
||||
.inline-toolbar.toolbar.vertical GtkToolButton > .button:hover {
|
||||
background-color: @base_color;
|
||||
color: shade(@fg_color, 0.7);
|
||||
}
|
||||
.linked.vertical .button:active:hover,
|
||||
.inline-toolbar.toolbar.vertical .button:active:hover,
|
||||
.inline-toolbar.toolbar.vertical GtkToolButton > .button:active:hover {
|
||||
background-color: shade(@selected_bg_color, 1.05);
|
||||
}
|
||||
.linked.vertical .button:insensitive,
|
||||
.inline-toolbar.toolbar.vertical .button:insensitive,
|
||||
.inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive {
|
||||
background-color: shade(@bg_color, 1.04);
|
||||
background-image: none;
|
||||
color: @text_color_disabled
|
||||
}
|
||||
|
||||
/* remove box shadow from last-child and only-child */
|
||||
.linked.vertical .button:last-child,
|
||||
.linked.vertical .button:only-child,
|
||||
.linked.vertical .button:insensitive:last-child,
|
||||
.linked.vertical .button:insensitive:only-child,
|
||||
.linked.vertical .button:active *:insensitive:last-child,
|
||||
.linked.vertical .button:active *:insensitive:only-child,
|
||||
.inline-toolbar.toolbar.vertical .button:last-child,
|
||||
.inline-toolbar.toolbar.vertical .button:only-child,
|
||||
.inline-toolbar.toolbar.vertical .button:insensitive:last-child,
|
||||
.inline-toolbar.toolbar.vertical .button:insensitive:only-child,
|
||||
.inline-toolbar.toolbar.vertical .button:active *:insensitive:last-child,
|
||||
.inline-toolbar.toolbar.vertical .button:active *:insensitive:only-child,
|
||||
.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button,
|
||||
.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button,
|
||||
.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:insensitive,
|
||||
.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:insensitive,
|
||||
.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active *:insensitive,
|
||||
.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active *:insensitive {
|
||||
|
||||
}
|
||||
|
||||
/* add back the inset shadow effect */
|
||||
.linked.vertical .button:active:last-child,
|
||||
.linked.vertical .button:active:only-child,
|
||||
.inline-toolbar.toolbar.vertical .button:active:last-child,
|
||||
.inline-toolbar.toolbar.vertical .button:active:only-child,
|
||||
.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active,
|
||||
.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active {
|
||||
|
||||
}
|
||||
|
||||
/* middle button (vertical) */
|
||||
.linked.vertical .entry,
|
||||
.linked.vertical .button,
|
||||
.linked.vertical .button:active,
|
||||
.linked.vertical .button:active:hover,
|
||||
.linked.vertical .button:insensitive {
|
||||
border-width: 1px;
|
||||
border-radius: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
/* top button (vertical) */
|
||||
.linked.vertical .entry:first-child,
|
||||
.linked.vertical .button:first-child,
|
||||
.linked.vertical .button:active:first-child,
|
||||
.linked.vertical .button:active:hover:first-child,
|
||||
.linked.vertical .button:insensitive:first-child {
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* bottom button (vertical) */
|
||||
.linked.vertical .entry:last-child,
|
||||
.linked.vertical .button:last-child,
|
||||
.linked.vertical .button:active:last-child,
|
||||
.linked.vertical .button:active:hover:last-child,
|
||||
.linked.vertical .button:insensitive:last-child {
|
||||
|
||||
}
|
||||
|
||||
/* linked single button (vertical) */
|
||||
.linked.vertical .entry:only-child,
|
||||
.linked.vertical .button:only-child,
|
||||
.linked.vertical .button:active:only-child,
|
||||
.linked.vertical .button:active:hover:only-child,
|
||||
.linked.vertical .button:insensitive:only-child {
|
||||
border-width: 1px;
|
||||
border-radius: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
/* linked toolbar buttons */
|
||||
.primary-toolbar .linked .button,
|
||||
.primary-toolbar .button.raised.linked,
|
||||
.primary-toolbar .raised.linked .button,
|
||||
.toolbar .button.raised.linked,
|
||||
.toolbar .raised.linked .button,
|
||||
.toolbar .linked .button,
|
||||
.header-bar .button.raised.linked,
|
||||
.header-bar .raised.linked .button,
|
||||
.header-bar .linked .button {
|
||||
background-color: @base_color;
|
||||
color: @text_color;
|
||||
}
|
||||
.primary-toolbar .linked .button:hover,
|
||||
.primary-toolbar .button.raised.linked:hover,
|
||||
.primary-toolbar .raised.linked .button:hover,
|
||||
.toolbar .button.raised.linked:hover,
|
||||
.toolbar .raised.linked .button:hover,
|
||||
.toolbar .linked .button:hover,
|
||||
.header-bar .button.raised.linked:hover,
|
||||
.header-bar .raised.linked .button:hover,
|
||||
.header-bar .linked .button:hover {
|
||||
background-color: @base_color;
|
||||
color: shade(@fg_color, 0.7);
|
||||
}
|
||||
.primary-toolbar .linked .button:active,
|
||||
.primary-toolbar .button.raised.linked:active,
|
||||
.primary-toolbar .raised.linked .button:active,
|
||||
.toolbar .button.raised.linked:active,
|
||||
.toolbar .raised.linked .button:active,
|
||||
.toolbar .linked .button:active,
|
||||
.header-bar .button.raised.linked:active,
|
||||
.header-bar .raised.linked .button:active,
|
||||
.header-bar .linked .button:active {
|
||||
background-color: shade(@bg_color, 1.1);
|
||||
color: @fg_color;
|
||||
}
|
||||
.primary-toolbar .linked .button:active:hover,
|
||||
.primary-toolbar .button.raised.linked:active:hover,
|
||||
.primary-toolbar .raised.linked .button:active:hover,
|
||||
.toolbar .button.raised.linked:active:hover,
|
||||
.toolbar .raised.linked .button:active:hover,
|
||||
.toolbar .linked .button:active:hover,
|
||||
.header-bar .button.raised.linked:active:hover,
|
||||
.header-bar .raised.linked .button:active:hover,
|
||||
.header-bar .linked .button:active:hover {
|
||||
background-color: shade(@bg_color, 1.1);
|
||||
}
|
||||
.primary-toolbar .linked .button:insensitive,
|
||||
.primary-toolbar .button.raised.linked:insensitive,
|
||||
.primary-toolbar .raised.linked .button:insensitive,
|
||||
.toolbar .button.raised.linked:insensitive,
|
||||
.toolbar .raised.linked .button:insensitive,
|
||||
.toolbar .linked .button:insensitive,
|
||||
.header-bar .button.raised.linked:insensitive,
|
||||
.header-bar .raised.linked .button:insensitive,
|
||||
.header-bar .linked .button:insensitive {
|
||||
background-color: shade(@bg_color, 1.04);
|
||||
background-image: none;
|
||||
color: @text_color_disabled
|
||||
}
|
||||
|
||||
/* remove box shadow from last-child and only-child */
|
||||
.primary-toolbar .linked .button:last-child,
|
||||
.primary-toolbar .linked .button:only-child,
|
||||
.primary-toolbar .button.raised.linked:last-child,
|
||||
.primary-toolbar .button.raised.linked:only-child,
|
||||
.primary-toolbar .linked .button:insensitive:last-child,
|
||||
.primary-toolbar .linked .button:insensitive:only-child,
|
||||
.primary-toolbar .button:insensitive.raised.linked:last-child,
|
||||
.primary-toolbar .button:insensitive.raised.linked:only-child,
|
||||
.primary-toolbar .linked .button:active *:insensitive:last-child,
|
||||
.primary-toolbar .linked .button:active *:insensitive:only-child,
|
||||
.primary-toolbar .button:active *:insensitive.raised.linked:last-child,
|
||||
.primary-toolbar .button:active *:insensitive.raised.linked:only-child,
|
||||
.primary-toolbar .raised.linked .button:last-child,
|
||||
.primary-toolbar .raised.linked .button:only-child,
|
||||
.primary-toolbar .raised.linked .button:insensitive:last-child,
|
||||
.primary-toolbar .raised.linked .button:insensitive:only-child,
|
||||
.primary-toolbar .raised.linked .button:active *:insensitive:last-child,
|
||||
.primary-toolbar .raised.linked .button:active *:insensitive:only-child,
|
||||
.toolbar .button.raised.linked:last-child,
|
||||
.toolbar .button.raised.linked:only-child,
|
||||
.toolbar .button:insensitive.raised.linked:last-child,
|
||||
.toolbar .button:insensitive.raised.linked:only-child,
|
||||
.toolbar .button:active *:insensitive.raised.linked:last-child,
|
||||
.toolbar .button:active *:insensitive.raised.linked:only-child,
|
||||
.toolbar .raised.linked .button:last-child,
|
||||
.toolbar .raised.linked .button:only-child,
|
||||
.toolbar .raised.linked .button:insensitive:last-child,
|
||||
.toolbar .raised.linked .button:insensitive:only-child,
|
||||
.toolbar .raised.linked .button:active *:insensitive:last-child,
|
||||
.toolbar .raised.linked .button:active *:insensitive:only-child,
|
||||
.toolbar .linked .button:last-child,
|
||||
.toolbar .linked .button:only-child,
|
||||
.toolbar .linked .button:insensitive:last-child,
|
||||
.toolbar .linked .button:insensitive:only-child,
|
||||
.toolbar .linked .button:active *:insensitive:last-child,
|
||||
.toolbar .linked .button:active *:insensitive:only-child,
|
||||
.header-bar .button.raised.linked:last-child,
|
||||
.header-bar .button.raised.linked:only-child,
|
||||
.header-bar .button:insensitive.raised.linked:last-child,
|
||||
.header-bar .button:insensitive.raised.linked:only-child,
|
||||
.header-bar .button:active *:insensitive.raised.linked:last-child,
|
||||
.header-bar .button:active *:insensitive.raised.linked:only-child,
|
||||
.header-bar .raised.linked .button:last-child,
|
||||
.header-bar .raised.linked .button:only-child,
|
||||
.header-bar .raised.linked .button:insensitive:last-child,
|
||||
.header-bar .raised.linked .button:insensitive:only-child,
|
||||
.header-bar .raised.linked .button:active *:insensitive:last-child,
|
||||
.header-bar .raised.linked .button:active *:insensitive:only-child,
|
||||
.header-bar .linked .button:last-child,
|
||||
.header-bar .linked .button:only-child,
|
||||
.header-bar .linked .button:insensitive:last-child,
|
||||
.header-bar .linked .button:insensitive:only-child,
|
||||
.header-bar .linked .button:active *:insensitive:last-child,
|
||||
.header-bar .linked .button:active *:insensitive:only-child {
|
||||
|
||||
}
|
||||
|
||||
/* add back the inset shadow effect */
|
||||
.primary-toolbar .linked .button:active:last-child,
|
||||
.primary-toolbar .linked .button:active:only-child,
|
||||
.primary-toolbar .button:active.raised.linked:last-child,
|
||||
.primary-toolbar .button:active.raised.linked:only-child,
|
||||
.primary-toolbar .raised.linked .button:active:last-child,
|
||||
.primary-toolbar .raised.linked .button:active:only-child,
|
||||
.toolbar .button:active.raised.linked:last-child,
|
||||
.toolbar .button:active.raised.linked:only-child,
|
||||
.toolbar .raised.linked .button:active:last-child,
|
||||
.toolbar .raised.linked .button:active:only-child,
|
||||
.toolbar .linked .button:active:last-child,
|
||||
.toolbar .linked .button:active:only-child,
|
||||
.header-bar .button:active.raised.linked:last-child,
|
||||
.header-bar .button:active.raised.linked:only-child,
|
||||
.header-bar .raised.linked .button:active:last-child,
|
||||
.header-bar .raised.linked .button:active:only-child,
|
||||
.header-bar .linked .button:active:last-child,
|
||||
.header-bar .linked .button:active:only-child {
|
||||
|
||||
}
|
||||
|
||||
/* middle button */
|
||||
.primary-toolbar .linked .button,
|
||||
.primary-toolbar .linked .button:active,
|
||||
.primary-toolbar .linked .button:insensitive,
|
||||
.primary-toolbar .button.raised.linked,
|
||||
.primary-toolbar .button.raised.linked:active,
|
||||
.primary-toolbar .button.raised.linked:insensitive,
|
||||
.primary-toolbar .raised.linked .button,
|
||||
.primary-toolbar .raised.linked .button:active,
|
||||
.primary-toolbar .raised.linked .button:insensitive,
|
||||
.toolbar .button.raised.linked,
|
||||
.toolbar .button.raised.linked:active,
|
||||
.toolbar .button.raised.linked:insensitive,
|
||||
.toolbar .raised.linked .button,
|
||||
.toolbar .raised.linked .button:active,
|
||||
.toolbar .raised.linked .button:insensitive,
|
||||
.toolbar .linked .button,
|
||||
.toolbar .linked .button:active,
|
||||
.toolbar .linked .button:insensitive,
|
||||
.header-bar .button.raised.linked,
|
||||
.header-bar .button.raised.linked:active,
|
||||
.header-bar .button.raised.linked:insensitive,
|
||||
.header-bar .raised.linked .button,
|
||||
.header-bar .raised.linked .button:active,
|
||||
.header-bar .raised.linked .button:insensitive,
|
||||
.header-bar .linked .button,
|
||||
.header-bar .linked .button:active,
|
||||
.header-bar .linked .button:insensitive {
|
||||
border-width: 1px;
|
||||
border-radius: 4px;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
/* leftmost button */
|
||||
.primary-toolbar .linked .button:first-child,
|
||||
.primary-toolbar .linked .button:active:first-child,
|
||||
.primary-toolbar .linked .button:insensitive:first-child,
|
||||
.primary-toolbar .button.raised.linked:first-child,
|
||||
.primary-toolbar .button.raised.linked:active:first-child,
|
||||
.primary-toolbar .button.raised.linked:insensitive:first-child,
|
||||
.primary-toolbar .raised.linked .button:first-child,
|
||||
.primary-toolbar .raised.linked .button:active:first-child,
|
||||
.primary-toolbar .raised.linked .button:insensitive:first-child,
|
||||
.toolbar .button.raised.linked:first-child,
|
||||
.toolbar .button.raised.linked:active:first-child,
|
||||
.toolbar .button.raised.linked:insensitive:first-child,
|
||||
.toolbar .raised.linked .button:first-child,
|
||||
.toolbar .raised.linked .button:active:first-child,
|
||||
.toolbar .raised.linked .button:insensitive:first-child,
|
||||
.toolbar .linked .button:first-child,
|
||||
.toolbar .linked .button:active:first-child,
|
||||
.toolbar .linked .button:insensitive:first-child,
|
||||
.header-bar .button.raised.linked:first-child,
|
||||
.header-bar .button.raised.linked:active:first-child,
|
||||
.header-bar .button.raised.linked:insensitive:first-child,
|
||||
.header-bar .raised.linked .button:first-child,
|
||||
.header-bar .raised.linked .button:active:first-child,
|
||||
.header-bar .raised.linked .button:insensitive:first-child,
|
||||
.header-bar .linked .button:first-child,
|
||||
.header-bar .linked .button:active:first-child,
|
||||
.header-bar .linked .button:insensitive:first-child {
|
||||
|
||||
}
|
||||
|
||||
/* rightmost button */
|
||||
.primary-toolbar .linked .button:last-child,
|
||||
.primary-toolbar .linked .button:active:last-child,
|
||||
.primary-toolbar .linked .button:insensitive:last-child,
|
||||
.primary-toolbar .button.raised.linked:last-child,
|
||||
.primary-toolbar .button.raised.linked:active:last-child,
|
||||
.primary-toolbar .button.raised.linked:insensitive:last-child,
|
||||
.primary-toolbar .raised.linked .button:last-child,
|
||||
.primary-toolbar .raised.linked .button:active:last-child,
|
||||
.primary-toolbar .raised.linked .button:insensitive:last-child,
|
||||
.toolbar .button.raised.linked:last-child,
|
||||
.toolbar .button.raised.linked:active:last-child,
|
||||
.toolbar .button.raised.linked:insensitive:last-child,
|
||||
.toolbar .raised.linked .button:last-child,
|
||||
.toolbar .raised.linked .button:active:last-child,
|
||||
.toolbar .raised.linked .button:insensitive:last-child,
|
||||
.toolbar .linked .button:last-child,
|
||||
.toolbar .linked .button:active:last-child,
|
||||
.toolbar .linked .button:insensitive:last-child,
|
||||
.header-bar .button.raised.linked:last-child,
|
||||
.header-bar .button.raised.linked:active:last-child,
|
||||
.header-bar .button.raised.linked:insensitive:last-child,
|
||||
.header-bar .raised.linked .button:last-child,
|
||||
.header-bar .raised.linked .button:active:last-child,
|
||||
.header-bar .raised.linked .button:insensitive:last-child,
|
||||
.header-bar .linked .button:last-child,
|
||||
.header-bar .linked .button:active:last-child,
|
||||
.header-bar .linked .button:insensitive:last-child {
|
||||
|
||||
}
|
||||
|
||||
/* linked single button */
|
||||
.primary-toolbar .linked .button:only-child,
|
||||
.primary-toolbar .linked .button:active:only-child,
|
||||
.primary-toolbar .linked .button:insensitive:only-child,
|
||||
.primary-toolbar .button.raised.linked:only-child,
|
||||
.primary-toolbar .button.raised.linked:active:only-child,
|
||||
.primary-toolbar .button.raised.linked:insensitive:only-child,
|
||||
.primary-toolbar .raised.linked .button:only-child,
|
||||
.primary-toolbar .raised.linked .button:active:only-child,
|
||||
.primary-toolbar .raised.linked .button:insensitive:only-child,
|
||||
.toolbar .button.raised.linked:only-child,
|
||||
.toolbar .button.raised.linked:active:only-child,
|
||||
.toolbar .button.raised.linked:insensitive:only-child,
|
||||
.toolbar .raised.linked .button:only-child,
|
||||
.toolbar .raised.linked .button:active:only-child,
|
||||
.toolbar .raised.linked .button:insensitive:only-child,
|
||||
.toolbar .linked .button:only-child,
|
||||
.toolbar .linked .button:active:only-child,
|
||||
.toolbar .linked .button:insensitive:only-child,
|
||||
.header-bar .button.raised.linked:only-child,
|
||||
.header-bar .button.raised.linked:active:only-child,
|
||||
.header-bar .button.raised.linked:insensitive:only-child,
|
||||
.header-bar .raised.linked .button:only-child,
|
||||
.header-bar .raised.linked .button:active:only-child,
|
||||
.header-bar .raised.linked .button:insensitive:only-child,
|
||||
.header-bar .linked .button:only-child,
|
||||
.header-bar .linked .button:active:only-child,
|
||||
.header-bar .linked .button:insensitive:only-child {
|
||||
border-width: 1px;
|
||||
border-radius: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
127
home/system/theme/gtk/gtk-3.20/widgets/menu.css
Normal file
127
home/system/theme/gtk/gtk-3.20/widgets/menu.css
Normal file
@@ -0,0 +1,127 @@
|
||||
/*********
|
||||
* Menus *
|
||||
*********/
|
||||
|
||||
menubar,
|
||||
.menubar {
|
||||
-GtkWidget-window-dragging: true;
|
||||
padding: 2px;
|
||||
background-color: @tooltip_bg_color;
|
||||
}
|
||||
menubar > menuitem,
|
||||
.menubar > menuitem {
|
||||
transition: all 0.1s cubic-bezier(0, 0, 0.2, 1), color 0;
|
||||
min-height: 8px;
|
||||
padding: 2px 8px;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
menubar > menuitem:hover,
|
||||
.menubar > menuitem:hover {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
menubar > menuitem:disabled,
|
||||
.menubar > menuitem:disabled {
|
||||
color: rgba(0, 0, 0, 0.24);
|
||||
}
|
||||
menu,
|
||||
.menu {
|
||||
margin: 2px 0;
|
||||
padding: 2px 0;
|
||||
background-color: @tooltip_bg_color;
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.csd menu,
|
||||
.csd .menu {
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
}
|
||||
menu menuitem,
|
||||
.menu menuitem {
|
||||
min-height: 10px;
|
||||
min-width: 40px;
|
||||
padding: 4px 4px;
|
||||
font: initial;
|
||||
text-shadow: none;
|
||||
}
|
||||
menu menuitem:hover,
|
||||
.menu menuitem:hover {
|
||||
background-color: @selected_bg_color;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
menu menuitem:disabled,
|
||||
.menu menuitem:disabled {
|
||||
color: rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
menu menuitem arrow,
|
||||
.menu menuitem arrow {
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
}
|
||||
menu menuitem arrow:dir(ltr),
|
||||
.menu menuitem arrow:dir(ltr) {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
|
||||
margin-left: 8px;
|
||||
}
|
||||
menu menuitem arrow:dir(rtl),
|
||||
.menu menuitem arrow:dir(rtl) {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
|
||||
margin-right: 8px;
|
||||
}
|
||||
menu > arrow,
|
||||
.menu > arrow {
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
padding: 4px;
|
||||
border-radius: 0;
|
||||
background-color: @tooltip_bg_color;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
menu > arrow.top,
|
||||
.menu > arrow.top {
|
||||
margin-top: -4px;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
|
||||
}
|
||||
menu > arrow.bottom,
|
||||
.menu > arrow.bottom {
|
||||
margin-bottom: -4px;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
||||
}
|
||||
menu > arrow:hover,
|
||||
.menu > arrow:hover {
|
||||
background-image: image(alpha(currentColor, 0.15));
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
}
|
||||
menu > arrow:disabled,
|
||||
.menu > arrow:disabled {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
}
|
||||
/*menu separator,
|
||||
.menu separator {
|
||||
margin: 2px 0;
|
||||
border-top: 1px solid mix(@theme_bg_color, @theme_fg_color, 0.01);
|
||||
background-color: mix(@theme_bg_color, @theme_fg_color, 0.1);
|
||||
}*/
|
||||
menuitem accelerator {
|
||||
color: alpha(currentColor, 0.6);
|
||||
}
|
||||
|
||||
menu menuitem check:dir(ltr),
|
||||
menu menuitem radio:dir(ltr) {
|
||||
margin-right: 10px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
menu menuitem check:dir(rtl),
|
||||
menu menuitem radio:dir(rtl) {
|
||||
margin-left: 10px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
csd.popup {
|
||||
border-radius: 2px;
|
||||
}
|
||||
254
home/system/theme/gtk/gtk-3.20/widgets/notebook.css
Normal file
254
home/system/theme/gtk/gtk-3.20/widgets/notebook.css
Normal file
@@ -0,0 +1,254 @@
|
||||
/*************
|
||||
* Notebooks *
|
||||
*************/
|
||||
|
||||
notebook>header {
|
||||
background-color: shade(@bg_color, 1.2);
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
notebook>header.top {
|
||||
border-bottom-style: solid;
|
||||
padding-top: 4px;
|
||||
border-radius: 2px 2px 0 0;
|
||||
}
|
||||
|
||||
notebook>header.top>tabs>tab:not(.reorderable-page) {
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
|
||||
notebook>header.top>tabs>tab:not(.reorderable-page):checked {
|
||||
box-shadow: inset 0 -3px @selected_bg_color;
|
||||
}
|
||||
|
||||
notebook>header.top>tabs>tab:not(.reorderable-page):hover {
|
||||
box-shadow: inset 0 -3px @text_color_disabled;
|
||||
}
|
||||
|
||||
notebook>header.bottom {
|
||||
border-top-style: solid;
|
||||
padding-bottom: 4px;
|
||||
border-radius: 0 0 2px 2px;
|
||||
}
|
||||
|
||||
notebook>header.bottom>tabs>tab:not(.reorderable-page) {
|
||||
border-radius: 0 0 3px 3px;
|
||||
|
||||
}
|
||||
|
||||
notebook>header.bottom>tabs>tab:not(.reorderable-page):checked {
|
||||
box-shadow: inset 0 3px @selected_bg_color;
|
||||
}
|
||||
|
||||
notebook>header.bottom>tabs>tab:not(.reorderable-page):hover {
|
||||
box-shadow: inset 0 3px @text_color_disabled;
|
||||
}
|
||||
|
||||
notebook>header.left {
|
||||
border-right-style: solid;
|
||||
padding-left: 4px;
|
||||
border-radius: 2px 0 0 2px;
|
||||
}
|
||||
|
||||
notebook>header.left>tabs>tab:not(.reorderable-page) {
|
||||
border-radius: 3px 0 0 3px;
|
||||
|
||||
}
|
||||
|
||||
notebook>header.left>tabs>tab:not(.reorderable-page):checked {
|
||||
box-shadow: inset -3px 0 @selected_bg_color;
|
||||
}
|
||||
|
||||
notebook>header.left>tabs>tab:not(.reorderable-page):hover {
|
||||
box-shadow: inset -3px 0 @text_color_disabled;
|
||||
}
|
||||
|
||||
notebook>header.right {
|
||||
border-left-style: solid;
|
||||
padding-right: 4px;
|
||||
border-radius: 0 2px 2px 0;
|
||||
}
|
||||
|
||||
notebook>header.right>tabs>tab:not(.reorderable-page) {
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
|
||||
notebook>header.right>tabs>tab:not(.reorderable-page):checked {
|
||||
box-shadow: inset 3px 0 @selected_bg_color;
|
||||
}
|
||||
|
||||
notebook>header.right>tabs>tab:not(.reorderable-page):hover {
|
||||
box-shadow: inset 3px 0 @text_color_disabled;
|
||||
}
|
||||
|
||||
notebook>header.top>tabs>arrow {
|
||||
border-top-style: none;
|
||||
}
|
||||
|
||||
notebook>header.bottom>tabs>arrow {
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook>header.top>tabs>arrow,
|
||||
notebook>header.bottom>tabs>arrow {
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
notebook>header.top>tabs>arrow.down,
|
||||
notebook>header.bottom>tabs>arrow.down {
|
||||
margin-left: -8px;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
|
||||
}
|
||||
|
||||
notebook>header.top>tabs>arrow.up,
|
||||
notebook>header.bottom>tabs>arrow.up {
|
||||
margin-right: -8px;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
|
||||
}
|
||||
|
||||
notebook>header.left>tabs>arrow {
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
notebook>header.right>tabs>arrow {
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
notebook>header.left>tabs>arrow,
|
||||
notebook>header.right>tabs>arrow {
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
notebook>header.left>tabs>arrow.down,
|
||||
notebook>header.right>tabs>arrow.down {
|
||||
margin-top: -8px;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
|
||||
}
|
||||
|
||||
notebook>header.left>tabs>arrow.up,
|
||||
notebook>header.right>tabs>arrow.up {
|
||||
margin-bottom: -8px;
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
||||
}
|
||||
|
||||
notebook>header>tabs>arrow {
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
notebook>header tab {
|
||||
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
|
||||
min-height: 24px;
|
||||
min-width: 24px;
|
||||
padding: 6px 12px;
|
||||
outline-offset: -6px;
|
||||
border-width: 1px;
|
||||
border-color: transparent;
|
||||
color: @selected_fg_color;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
notebook>header tab:checked {
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
notebook>header tab:checked.reorderable-page {
|
||||
border-color: @selected_bg_color;
|
||||
background-color: @text_color_disabled;
|
||||
}
|
||||
|
||||
notebook>header tab:disabled {
|
||||
color: @text_color_disabled
|
||||
}
|
||||
|
||||
notebook>header tab:hover {
|
||||
color: @text_color_disabled
|
||||
}
|
||||
|
||||
notebook>header tab:hover:disabled {
|
||||
color: @text_color_disabled
|
||||
}
|
||||
|
||||
/*notebook>header tab:hover:not(.reorderable-page) {
|
||||
animation: ripple 0.6s ease-in-out;
|
||||
}*/
|
||||
|
||||
notebook>header tab:hover.reorderable-page {
|
||||
border-color: rgba(0, 0, 0, 0.1);
|
||||
background-color: @text_color_disabled;
|
||||
}
|
||||
|
||||
notebook>header tab button.flat {
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
notebook>header tab button.flat:last-child {
|
||||
margin-left: 6px;
|
||||
margin-right: -6px;
|
||||
}
|
||||
|
||||
notebook>header tab button.flat:first-child {
|
||||
margin-left: -6px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
notebook>header.top tabs,
|
||||
notebook>header.bottom tabs {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
notebook>header.top tabs:not(:only-child):first-child,
|
||||
notebook>header.bottom tabs:not(:only-child):first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
notebook>header.top tabs:not(:only-child):last-child,
|
||||
notebook>header.bottom tabs:not(:only-child):last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
notebook>header.top tabs tab.reorderable-page,
|
||||
notebook>header.bottom tabs tab.reorderable-page {
|
||||
margin: 0 -1px;
|
||||
border-style: none solid;
|
||||
}
|
||||
|
||||
notebook>header.left tabs,
|
||||
notebook>header.right tabs {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
entry.chrome {
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
notebook>header.left tabs:not(:only-child):first-child,
|
||||
notebook>header.right tabs:not(:only-child):first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
notebook>header.left tabs:not(:only-child):last-child,
|
||||
notebook>header.right tabs:not(:only-child):last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
notebook>header.left tabs tab.reorderable-page,
|
||||
notebook>header.right tabs tab.reorderable-page {
|
||||
margin: -1px 0;
|
||||
border-style: solid none;
|
||||
}
|
||||
|
||||
notebook>stack:not(:only-child) {
|
||||
background-color: @tooltip_bg_color;
|
||||
}
|
||||
|
||||
notebook>stack {
|
||||
background-color: @tooltip_bg_color;
|
||||
}
|
||||
203
home/system/theme/gtk/gtk-3.20/widgets/osd.css
Normal file
203
home/system/theme/gtk/gtk-3.20/widgets/osd.css
Normal file
@@ -0,0 +1,203 @@
|
||||
/*******
|
||||
* osd *
|
||||
*******/
|
||||
|
||||
.background.osd {
|
||||
border-style: none;
|
||||
border-width: 0;
|
||||
color: @fg_color;
|
||||
background-color: @bg_color;
|
||||
}
|
||||
|
||||
GtkOverlay.osd {
|
||||
border-style: none;
|
||||
border-width: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.osd.frame {
|
||||
border-style: none;
|
||||
border-width: 0;
|
||||
background-clip: border-box;
|
||||
background-origin: border-box;
|
||||
}
|
||||
|
||||
.osd.button,
|
||||
.osd .button {
|
||||
|
||||
}
|
||||
|
||||
.osd.button:hover,
|
||||
.osd.button:hover,
|
||||
.osd .button:hover {
|
||||
|
||||
}
|
||||
|
||||
.osd.button:active,
|
||||
.osd .button:active,
|
||||
.osd GtkMenuButton.button:active {
|
||||
|
||||
}
|
||||
|
||||
.osd.button:active:hover,
|
||||
.osd .button:active:hover,
|
||||
.osd GtkMenuButton.button:active:hover {
|
||||
|
||||
}
|
||||
|
||||
.osd.button:disabled,
|
||||
.osd .button:disabled {
|
||||
|
||||
}
|
||||
|
||||
.osd.button:active *:disabled,
|
||||
.osd .button:active *:disabled {
|
||||
|
||||
}
|
||||
|
||||
.osd.toolbar {
|
||||
-GtkToolbar-button-relief: normal;
|
||||
|
||||
padding: 4px;
|
||||
border-width: 0;
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
background-color: @bg_color;
|
||||
background-image: none;
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
.osd.toolbar .button {
|
||||
|
||||
}
|
||||
|
||||
.osd.toolbar .button:hover {
|
||||
|
||||
}
|
||||
|
||||
.osd.toolbar .button:active {
|
||||
|
||||
}
|
||||
|
||||
.osd.toolbar .button:active:hover {
|
||||
|
||||
}
|
||||
|
||||
.osd.toolbar .button:focus,
|
||||
.osd.toolbar .button:hover:focus,
|
||||
.osd.toolbar .button:active:focus,
|
||||
.osd.toolbar .button:active:hover:focus {
|
||||
|
||||
}
|
||||
|
||||
.osd.toolbar .button:disabled {
|
||||
|
||||
}
|
||||
|
||||
.osd.toolbar .button:active *:disabled {
|
||||
|
||||
}
|
||||
|
||||
.osd.toolbar .button:first-child {
|
||||
|
||||
}
|
||||
|
||||
.osd.toolbar .button:last-child {
|
||||
|
||||
}
|
||||
|
||||
.osd.toolbar .button:only-child,
|
||||
.osd.toolbar GtkToolButton .button,
|
||||
.osd.toolbar GtkToolButton:only-child .button,
|
||||
.osd.toolbar GtkToolButton:last-child .button,
|
||||
.osd.toolbar GtkToolButton:first-child .button {
|
||||
|
||||
}
|
||||
|
||||
.osd.toolbar .separator {
|
||||
|
||||
}
|
||||
|
||||
/* used by gnome-settings-daemon's media-keys OSD */
|
||||
.osd.trough {
|
||||
|
||||
}
|
||||
|
||||
.osd.progressbar {
|
||||
|
||||
}
|
||||
|
||||
.osd .scale.slider {
|
||||
|
||||
}
|
||||
|
||||
.osd .scale.slider:hover {
|
||||
|
||||
}
|
||||
|
||||
.osd .scale.slider:disabled {
|
||||
|
||||
}
|
||||
|
||||
.osd .scale.trough {
|
||||
|
||||
}
|
||||
|
||||
.osd .scale.trough.highlight {
|
||||
|
||||
}
|
||||
|
||||
.osd .scale.trough:disabled,
|
||||
.osd .scale.trough.highlight:disabled {
|
||||
|
||||
}
|
||||
|
||||
|
||||
.osd GtkProgressBar.trough,
|
||||
GtkProgressBar.osd.trough {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.osd GtkProgressBar.progressbar,
|
||||
GtkProgressBar.osd.progressbar {
|
||||
border-style: none;
|
||||
border-radius: 0;
|
||||
background-color: @selected_bg_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.osd .view,
|
||||
.osd.view {
|
||||
|
||||
}
|
||||
|
||||
.osd .scrollbar.trough {
|
||||
|
||||
}
|
||||
|
||||
.osd .scrollbar.slider {
|
||||
|
||||
}
|
||||
|
||||
.osd .scrollbar.slider:hover {
|
||||
|
||||
}
|
||||
|
||||
.osd .scrollbar.slider:active {
|
||||
|
||||
}
|
||||
|
||||
.osd GtkIconView.cell:selected,
|
||||
.osd GtkIconView.cell:selected:focus {
|
||||
|
||||
}
|
||||
|
||||
/* used by Documents */
|
||||
.osd .page-thumbnail {
|
||||
|
||||
|
||||
}
|
||||
375
home/system/theme/gtk/gtk-3.20/widgets/progress-scale.css
Normal file
375
home/system/theme/gtk/gtk-3.20/widgets/progress-scale.css
Normal file
@@ -0,0 +1,375 @@
|
||||
/*****************
|
||||
* Progress bars *
|
||||
*****************/
|
||||
|
||||
progressbar {
|
||||
color: @selected_fg_color;
|
||||
font-size: smaller;
|
||||
}
|
||||
progressbar.horizontal trough,
|
||||
progressbar.horizontal progress {
|
||||
min-height: 9px;
|
||||
}
|
||||
progressbar.vertical trough,
|
||||
progressbar.vertical progress {
|
||||
min-width: 9px;
|
||||
}
|
||||
progressbar trough {
|
||||
background-color: shade( @bg_color, 0.8);
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
}
|
||||
progressbar trough:disabled {
|
||||
background-color: shade( @bg_color, 0.7);
|
||||
color: rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
progressbar progress {
|
||||
background-color: @selected_bg_color;
|
||||
border-radius: 10px;
|
||||
}
|
||||
/*************
|
||||
* Level Bar *
|
||||
*************/
|
||||
|
||||
levelbar block {
|
||||
min-width: 36px;
|
||||
min-height: 4px;
|
||||
}
|
||||
levelbar.vertical block {
|
||||
min-width: 4px;
|
||||
min-height: 36px;
|
||||
}
|
||||
levelbar trough {
|
||||
padding: 2px;
|
||||
border-radius: 2px;
|
||||
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
|
||||
border-image: none;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
background-color: shade( @bg_color, 0.9);
|
||||
color: shade(@bg_color, 0.8);
|
||||
}
|
||||
levelbar trough:disabled {
|
||||
background-color: shade( @bg_color, 0.7);
|
||||
color: rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
levelbar.horizontal.discrete block {
|
||||
margin: 0 1px;
|
||||
}
|
||||
levelbar.vertical.discrete block {
|
||||
margin: 1px 0;
|
||||
}
|
||||
levelbar.horizontal.discrete trough {
|
||||
padding: 2px 1px;
|
||||
}
|
||||
levelbar.vertical.discrete trough {
|
||||
padding: 1px 2px;
|
||||
}
|
||||
levelbar block.low {
|
||||
background-color: shade( @selected_bg_color, 0.5);
|
||||
}
|
||||
levelbar block.high {
|
||||
background-color: shade( @selected_bg_color, 0.8);
|
||||
}
|
||||
levelbar block.full {
|
||||
background-color: shade( @selected_bg_color, 1.0);
|
||||
}
|
||||
levelbar block.empty {
|
||||
background-color: alpha(@selected_bg_color, 0.3);
|
||||
color: rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
/*scale*/
|
||||
|
||||
scale {
|
||||
min-height: 12px;
|
||||
min-width: 12px;
|
||||
padding: 12px;
|
||||
}
|
||||
scale * {
|
||||
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
|
||||
}
|
||||
scale slider {
|
||||
min-height: 24px;
|
||||
min-width: 24px;
|
||||
margin: -10px;
|
||||
}
|
||||
scale trough {
|
||||
outline-offset: 2px;
|
||||
border-radius: 10px;
|
||||
background-color: alpha(@selected_bg_color, 0.3);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
scale trough:disabled {
|
||||
color: rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
scale highlight {
|
||||
background-color: @selected_bg_color;
|
||||
border-radius: 10px;
|
||||
}
|
||||
scale highlight:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
scale fill {
|
||||
background-color: alpha(@selected_bg_color, 0.3);
|
||||
border-radius: 10px;
|
||||
}
|
||||
scale fill:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
scale slider {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: calc(100% - 8px);
|
||||
}
|
||||
scale slider {
|
||||
background-image: -gtk-scaled(url("../assets/slider-insensitive-dark.png"), url("../assets/slider-insensitive-dark@2.png"));
|
||||
}
|
||||
scale slider:disabled {
|
||||
background-image: -gtk-scaled(url("../assets/slider-insensitive.png"), url("../assets/slider-insensitive@2.png"));
|
||||
}
|
||||
scale slider:hover {
|
||||
background-size: calc(100% - 4px);
|
||||
}
|
||||
scale slider:active {
|
||||
background-size: calc(100% - 2px);
|
||||
}
|
||||
scale.fine-tune slider {
|
||||
background-size: calc(100% - 12px);
|
||||
}
|
||||
scale value {
|
||||
color: alpha(@selected_fg_color, 0.6);
|
||||
}
|
||||
scale marks {
|
||||
color: alpha(@selected_fg_color, 0.3);
|
||||
}
|
||||
scale marks.top {
|
||||
margin-bottom: 8px;
|
||||
margin-top: -16px;
|
||||
}
|
||||
scale marks.bottom {
|
||||
margin-top: 8px;
|
||||
margin-bottom: -16px;
|
||||
}
|
||||
scale marks.top {
|
||||
margin-right: 8px;
|
||||
margin-left: -16px;
|
||||
}
|
||||
scale marks.bottom {
|
||||
margin-left: 8px;
|
||||
margin-right: -16px;
|
||||
}
|
||||
scale.horizontal indicator {
|
||||
min-height: 8px;
|
||||
min-width: 1px;
|
||||
}
|
||||
scale.vertical indicator {
|
||||
min-height: 1px;
|
||||
min-width: 8px;
|
||||
}
|
||||
scale.color.horizontal slider,
|
||||
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
|
||||
min-height: 30px;
|
||||
min-width: 24px;
|
||||
margin-top: -16px;
|
||||
background-position: center calc(100% - 4px);
|
||||
}
|
||||
scale.color.horizontal slider,
|
||||
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
|
||||
background-image: -gtk-scaled(url("../assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("../assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png"));
|
||||
}
|
||||
scale.color.horizontal slider:hover,
|
||||
scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
|
||||
background-position: center calc(100% - 2px);
|
||||
}
|
||||
scale.color.horizontal slider:active,
|
||||
scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
|
||||
background-position: center calc(100% - 0px);
|
||||
}
|
||||
scale.color.fine-tune.horizontal slider,
|
||||
scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
|
||||
background-position: center calc(100% - 6px);
|
||||
}
|
||||
scale.color.horizontal slider,
|
||||
scale.horizontal contents:last-child:not(:only-child) > trough > slider {
|
||||
min-height: 30px;
|
||||
min-width: 24px;
|
||||
margin-top: -16px;
|
||||
background-position: center calc(100% - 4px);
|
||||
}
|
||||
scale.color.horizontal slider:disabled,
|
||||
scale.horizontal contents:last-child:not(:only-child) > trough > slider:disabled {
|
||||
background-image: -gtk-scaled(url("../assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("../assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png"));
|
||||
}
|
||||
scale.color.horizontal slider:hover,
|
||||
scale.horizontal contents:last-child:not(:only-child) > trough > slider:hover {
|
||||
background-position: center calc(100% - 2px);
|
||||
}
|
||||
scale.color.horizontal slider:active,
|
||||
scale.horizontal contents:last-child:not(:only-child) > trough > slider:active {
|
||||
background-position: center calc(100% - 0px);
|
||||
}
|
||||
scale.color.fine-tune.horizontal slider,
|
||||
scale.horizontal.fine-tune contents:last-child:not(:only-child) > trough > slider {
|
||||
background-position: center calc(100% - 6px);
|
||||
}
|
||||
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
|
||||
min-height: 30px;
|
||||
min-width: 24px;
|
||||
margin-bottom: -16px;
|
||||
background-position: center calc(4px);
|
||||
}
|
||||
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
|
||||
background-image: -gtk-scaled(url("../assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("../assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png"));
|
||||
}
|
||||
scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
|
||||
background-position: center calc(2px);
|
||||
}
|
||||
scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
|
||||
background-position: center calc(0px);
|
||||
}
|
||||
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
|
||||
background-position: center calc(6px);
|
||||
}
|
||||
scale.horizontal contents:first-child:not(:only-child) > trough > slider {
|
||||
min-height: 30px;
|
||||
min-width: 24px;
|
||||
margin-bottom: -16px;
|
||||
background-position: center calc(4px);
|
||||
}
|
||||
scale.horizontal contents:first-child:not(:only-child) > trough > slider:disabled {
|
||||
background-image: -gtk-scaled(url("../assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("../assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png"));
|
||||
}
|
||||
scale.horizontal contents:first-child:not(:only-child) > trough > slider:hover {
|
||||
background-position: center calc(2px);
|
||||
}
|
||||
scale.horizontal contents:first-child:not(:only-child) > trough > slider:active {
|
||||
background-position: center calc(0px);
|
||||
}
|
||||
scale.horizontal.fine-tune contents:first-child:not(:only-child) > trough > slider {
|
||||
background-position: center calc(6px);
|
||||
}
|
||||
scale.color.vertical:dir(rtl) slider,
|
||||
scale.vertical contents:last-child:not(:only-child) > trough > slider {
|
||||
min-height: 24px;
|
||||
min-width: 30px;
|
||||
margin-left: -16px;
|
||||
background-position: calc(4px) center;
|
||||
}
|
||||
scale.color.vertical:dir(rtl) slider,
|
||||
scale.vertical contents:last-child:not(:only-child) > trough > slider {
|
||||
background-image: -gtk-scaled(url("../assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("../assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png"));
|
||||
}
|
||||
scale.color.vertical:dir(rtl) slider:hover,
|
||||
scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
|
||||
background-position: calc(2px) center;
|
||||
}
|
||||
scale.color.vertical:dir(rtl) slider:active,
|
||||
scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
|
||||
background-position: calc(0px) center;
|
||||
}
|
||||
scale.color.fine-tune.vertical:dir(rtl) slider,
|
||||
scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
|
||||
background-position: calc(6px) center;
|
||||
}
|
||||
scale.color.vertical:dir(rtl) slider,
|
||||
scale.vertical contents:last-child:not(:only-child) > trough > slider {
|
||||
min-height: 24px;
|
||||
min-width: 30px;
|
||||
margin-left: -16px;
|
||||
background-position: calc(4px) center;
|
||||
}
|
||||
scale.color.vertical:dir(rtl) slider:disabled,
|
||||
scale.vertical contents:last-child:not(:only-child) > trough > slider:disabled {
|
||||
background-image: -gtk-scaled(url("../assets/slider-vert-scale-has-marks-above-insensitive.png"), url("../assets/slider-vert-scale-has-marks-above-insensitive@2.png"));
|
||||
}
|
||||
scale.color.vertical:dir(rtl) slider:hover,
|
||||
scale.vertical contents:last-child:not(:only-child) > trough > slider:hover {
|
||||
background-position: calc(2px) center;
|
||||
}
|
||||
scale.color.vertical:dir(rtl) slider:active,
|
||||
scale.vertical contents:last-child:not(:only-child) > trough > slider:active {
|
||||
background-position: calc(0px) center;
|
||||
}
|
||||
scale.color.fine-tune.vertical:dir(rtl) slider,
|
||||
scale.vertical.fine-tune contents:last-child:not(:only-child) > trough > slider {
|
||||
background-position: calc(6px) center;
|
||||
}
|
||||
scale.color.vertical:dir(ltr) slider,
|
||||
scale.vertical contents:first-child:not(:only-child) > trough > slider {
|
||||
min-height: 24px;
|
||||
min-width: 30px;
|
||||
margin-right: -16px;
|
||||
background-position: calc(100% - 4px) center;
|
||||
}
|
||||
scale.color.vertical:dir(ltr) slider,
|
||||
scale.vertical contents:first-child:not(:only-child) > trough > slider {
|
||||
background-image: -gtk-scaled(url("../assets/slider-vert-scale-has-marks-below-insensitive.png"), url("../assets/slider-vert-scale-has-marks-below-insensitive@2.png"));
|
||||
}
|
||||
scale.color.vertical:dir(ltr) slider:hover,
|
||||
scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
|
||||
background-position: calc(100% - 2px) center;
|
||||
}
|
||||
scale.color.vertical:dir(ltr) slider:active,
|
||||
scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
|
||||
background-position: calc(100% - 0px) center;
|
||||
}
|
||||
scale.color.fine-tune.vertical:dir(ltr) slider,
|
||||
scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
|
||||
background-position: calc(100% - 6px) center;
|
||||
}
|
||||
scale.color.vertical:dir(ltr) slider,
|
||||
scale.vertical contents:first-child:not(:only-child) > trough > slider {
|
||||
min-height: 24px;
|
||||
min-width: 30px;
|
||||
margin-right: -16px;
|
||||
background-position: calc(100% - 4px) center;
|
||||
}
|
||||
scale.color.vertical:dir(ltr) slider:disabled,
|
||||
scale.vertical contents:first-child:not(:only-child) > trough > slider:disabled {
|
||||
background-image: -gtk-scaled(url("../assets/slider-vert-scale-has-marks-below-insensitive.png"), url("../assets/slider-vert-scale-has-marks-below-insensitive@2.png"));
|
||||
}
|
||||
scale.color.vertical:dir(ltr) slider:hover,
|
||||
scale.vertical contents:first-child:not(:only-child) > trough > slider:hover {
|
||||
background-position: calc(100% - 2px) center;
|
||||
}
|
||||
scale.color.vertical:dir(ltr) slider:active,
|
||||
scale.vertical contents:first-child:not(:only-child) > trough > slider:active {
|
||||
background-position: calc(100% - 0px) center;
|
||||
}
|
||||
scale.color.fine-tune.vertical:dir(ltr) slider,
|
||||
scale.vertical.fine-tune contents:first-child:not(:only-child) > trough > slider {
|
||||
background-position: calc(100% - 6px) center;
|
||||
}
|
||||
scale.color {
|
||||
min-height: 0;
|
||||
min-width: 0;
|
||||
}
|
||||
scale.color.horizontal {
|
||||
padding: 0 0 12px 0;
|
||||
}
|
||||
scale.color.horizontal trough {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
scale.color.horizontal slider {
|
||||
margin-bottom: -14px;
|
||||
margin-top: 0;
|
||||
}
|
||||
scale.color.vertical:dir(ltr) {
|
||||
padding: 0 0 0 12px;
|
||||
}
|
||||
scale.color.vertical:dir(ltr) trough {
|
||||
padding-left: 4px;
|
||||
}
|
||||
scale.color.vertical:dir(ltr) slider {
|
||||
margin-left: -14px;
|
||||
margin-right: 0;
|
||||
}
|
||||
scale.color.vertical:dir(rtl) {
|
||||
padding: 0 12px 0 0;
|
||||
}
|
||||
scale.color.vertical:dir(rtl) trough {
|
||||
padding-right: 4px;
|
||||
}
|
||||
scale.color.vertical:dir(rtl) slider {
|
||||
margin-right: -14px;
|
||||
margin-left: 0;
|
||||
}
|
||||
118
home/system/theme/gtk/gtk-3.20/widgets/scrollbar.css
Normal file
118
home/system/theme/gtk/gtk-3.20/widgets/scrollbar.css
Normal file
@@ -0,0 +1,118 @@
|
||||
/**************
|
||||
* Scrollbars *
|
||||
**************/
|
||||
|
||||
scrollbar {
|
||||
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
|
||||
background-color: @tooltip_bg_color;
|
||||
background-clip: padding-box;
|
||||
border-radius: 3px;
|
||||
}
|
||||
* {
|
||||
-GtkScrollbar-has-backward-stepper: false;
|
||||
-GtkScrollbar-has-forward-stepper: false;
|
||||
}
|
||||
scrollbar.top {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
scrollbar.bottom {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
scrollbar.left {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
scrollbar.right {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
scrollbar slider {
|
||||
/* transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0, border-width 0; */
|
||||
min-width: 4px;
|
||||
min-height: 4px;
|
||||
border: 4px solid transparent;
|
||||
background-clip: padding-box;
|
||||
background-color: shade( @selected_bg_color, 0.80);
|
||||
border-radius: 10px;
|
||||
}
|
||||
scrollbar slider:hover {
|
||||
background-color: shade( @selected_bg_color, 0.80);
|
||||
}
|
||||
scrollbar slider:active {
|
||||
background-color: @selected_bg_color;
|
||||
}
|
||||
scrollbar slider:disabled {
|
||||
background-color: shade( @selected_bg_color, 0.80);
|
||||
}
|
||||
scrollbar.fine-tune slider {
|
||||
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0, border-width 0, min-width 0, min-height 0;
|
||||
min-width: 4px;
|
||||
min-height: 4px;
|
||||
}
|
||||
scrollbar.fine-tune.horizontal slider {
|
||||
margin: 2px 0;
|
||||
}
|
||||
scrollbar.fine-tune.vertical slider {
|
||||
margin: 0 2px;
|
||||
}
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
|
||||
border-color: transparent;
|
||||
background-color: transparent;
|
||||
}
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
|
||||
min-width: 4px;
|
||||
min-height: 4px;
|
||||
margin: 2px;
|
||||
border: 2px solid @tooltip_bg_color;
|
||||
}
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
|
||||
min-width: 4px;
|
||||
min-height: 4px;
|
||||
margin: 2px;
|
||||
border: 2px solid @selected_bg_color;
|
||||
border-radius: 100px;
|
||||
background-color: @tooltip_bg_color;
|
||||
background-clip: padding-box;
|
||||
-gtk-icon-source: none;
|
||||
}
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
|
||||
background-color: @tooltip_bg_color;
|
||||
}
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
|
||||
min-width: 24px;
|
||||
}
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
|
||||
min-width: 4px;
|
||||
}
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
|
||||
min-height: 24px;
|
||||
}
|
||||
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
|
||||
min-height: 8px;
|
||||
}
|
||||
scrollbar.overlay-indicator.dragging,
|
||||
scrollbar.overlay-indicator.hovering {
|
||||
background-color: @tooltip_bg_color;
|
||||
}
|
||||
scrollbar.horizontal slider {
|
||||
min-width: 24px;
|
||||
}
|
||||
scrollbar.vertical slider {
|
||||
min-height: 24px;
|
||||
}
|
||||
scrollbar button {
|
||||
min-width: 4px;
|
||||
min-height: 16px;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
scrollbar.vertical button.down {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
|
||||
}
|
||||
scrollbar.vertical button.up {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
|
||||
}
|
||||
scrollbar.horizontal button.down {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-right-symbolic");
|
||||
}
|
||||
scrollbar.horizontal button.up {
|
||||
-gtk-icon-source: -gtk-icontheme("pan-left-symbolic");
|
||||
}
|
||||
109
home/system/theme/gtk/gtk-3.20/widgets/selection-mode.css
Normal file
109
home/system/theme/gtk/gtk-3.20/widgets/selection-mode.css
Normal file
@@ -0,0 +1,109 @@
|
||||
/******************
|
||||
* selection mode *
|
||||
******************/
|
||||
.selection-mode.header-bar,
|
||||
.selection-mode.toolbar {
|
||||
padding: 4px;
|
||||
border-width: 0;
|
||||
border-style: none;
|
||||
background-color: @sel_color;
|
||||
background-image: none;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
.selection-mode.header-bar {
|
||||
|
||||
}
|
||||
|
||||
.selection-mode.toolbar {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
/* regular button */
|
||||
.selection-mode.header-bar .button,
|
||||
.selection-mode.toolbar .button,
|
||||
.selection-mode.toolbar GtkToolButton .button {
|
||||
|
||||
}
|
||||
|
||||
.selection-mode.header-bar .button:hover,
|
||||
.selection-mode.toolbar .button:hover,
|
||||
.selection-mode.toolbar GtkToolButton .button:hover {
|
||||
|
||||
}
|
||||
|
||||
.selection-mode.header-bar .button:active,
|
||||
.selection-mode.toolbar .button:active,
|
||||
.selection-mode.toolbar GtkToolButton .button:active {
|
||||
|
||||
}
|
||||
|
||||
.selection-mode.header-bar .button:hover:active,
|
||||
.selection-mode.toolbar .button:hover:active,
|
||||
.selection-mode.toolbar GtkToolButton .button:hover:active {
|
||||
|
||||
}
|
||||
|
||||
/* suggested button */
|
||||
.selection-mode.header-bar .suggested-action.button,
|
||||
.selection-mode.toolbar .suggested-action.button,
|
||||
.selection-mode.toolbar GtkToolButton.suggested-action .button {
|
||||
padding: 6px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
background-color: @button_info_color;
|
||||
background-image: none;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
.selection-mode.header-bar .suggested-action.button:hover,
|
||||
.selection-mode.toolbar .suggested-action.button:hover,
|
||||
.selection-mode.toolbar GtkToolButton.suggested-action .button:hover {
|
||||
border-color: transparent;
|
||||
background-color: shade(@button_info_color, 1.06);
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.selection-mode.header-bar .suggested-action.button:active,
|
||||
.selection-mode.toolbar .suggested-action.button:active,
|
||||
.selection-mode.toolbar GtkToolButton.suggested-action:active {
|
||||
border-color: transparent;
|
||||
background-color: shade(@button_info_color, 0.925);
|
||||
background-image: none;
|
||||
color: shade(@selected_fg_color, 0.95);
|
||||
}
|
||||
|
||||
.selection-mode.header-bar .suggested-action.button:hover:active,
|
||||
.selection-mode.toolbar .suggested-action.button:hover:active,
|
||||
.selection-mode.toolbar GtkToolButton.suggested-action .button:hover:active {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
/* menu button */
|
||||
.selection-mode.header-bar .selection-menu.button,
|
||||
.selection-mode.toolbar .selection-menu.button {
|
||||
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
.selection-mode.toolbar .dim-label,
|
||||
.selection-mode.toolbar .selection-menu.button .dim-label {
|
||||
color: shade(@selected_fg_color, 0.7);
|
||||
}
|
||||
|
||||
.selection-mode.header-bar .selection-menu.button:hover,
|
||||
.selection-mode.toolbar .dim-label:hover,
|
||||
.selection-mode.toolbar .selection-menu.button:hover,
|
||||
.selection-mode.toolbar .selection-menu.button .dim-label:hover {
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
|
||||
.selection-mode.header-bar .selection-menu.button:active,
|
||||
.selection-mode.toolbar .selection-menu.button:active {
|
||||
color: shade(@selected_fg_color, 0.8);
|
||||
box-shadow: none;
|
||||
}
|
||||
24
home/system/theme/gtk/gtk-3.20/widgets/separator.css
Normal file
24
home/system/theme/gtk/gtk-3.20/widgets/separator.css
Normal file
@@ -0,0 +1,24 @@
|
||||
/*************
|
||||
* separator *
|
||||
*************/
|
||||
sidebar.view.separator,
|
||||
view.separator,
|
||||
separator {
|
||||
border-width: 0;
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
separator:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
button separator,
|
||||
button.separator {
|
||||
border-width: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
button separator:disabled,
|
||||
button.separator:disabled {
|
||||
background-color: transparent;
|
||||
border-width: 0;
|
||||
}
|
||||
43
home/system/theme/gtk/gtk-3.20/widgets/sidebar.css
Normal file
43
home/system/theme/gtk/gtk-3.20/widgets/sidebar.css
Normal file
@@ -0,0 +1,43 @@
|
||||
/***********
|
||||
* Sidebar *
|
||||
***********/
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: @tooltip_bg_color;
|
||||
}
|
||||
stacksidebar.sidebar:dir(ltr) list,
|
||||
stacksidebar.sidebar.left list,
|
||||
stacksidebar.sidebar.left:dir(rtl) list,
|
||||
.sidebar:dir(ltr),
|
||||
.sidebar.left,
|
||||
.sidebar.left:dir(rtl) {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-left-style: none;
|
||||
background-color: @tooltip_bg_color;
|
||||
}
|
||||
stacksidebar.sidebar:dir(rtl) list .sidebar:dir(rtl),
|
||||
stacksidebar.sidebar.right list .sidebar:dir(rtl),
|
||||
.sidebar.right {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-right-style: none;
|
||||
}
|
||||
.sidebar list {
|
||||
background-color: @tooltip_bg_color;
|
||||
}
|
||||
paned .sidebar.left,
|
||||
paned .sidebar.right,
|
||||
paned .sidebar.left:dir(rtl),
|
||||
paned .sidebar:dir(rtl),
|
||||
paned .sidebar:dir(ltr),
|
||||
paned .sidebar {
|
||||
border-style: none;
|
||||
background-color: @tooltip_bg_color;
|
||||
}
|
||||
stacksidebar row {
|
||||
padding: 10px 5px;
|
||||
}
|
||||
stacksidebar row > label {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
91
home/system/theme/gtk/gtk-3.20/widgets/spinbutton.css
Normal file
91
home/system/theme/gtk/gtk-3.20/widgets/spinbutton.css
Normal file
@@ -0,0 +1,91 @@
|
||||
/**************
|
||||
*spinbutton *
|
||||
**************/
|
||||
spinbutton button {
|
||||
|
||||
color: @text_color_disabled;
|
||||
padding: 2px 4px;
|
||||
border-width: 2px;
|
||||
border-color: transparent;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
spinbutton button:disabled {
|
||||
color: mix(@text_color, @base_color, 0.55);
|
||||
}
|
||||
|
||||
spinbutton button:active,
|
||||
spinbutton button:hover {
|
||||
color: @fg_color;
|
||||
}
|
||||
|
||||
spinbutton button:first-child {
|
||||
}
|
||||
|
||||
spinbutton button:last-child {
|
||||
}
|
||||
|
||||
spinbutton button:dir(rtl) {
|
||||
|
||||
}
|
||||
|
||||
spinbutton.vertical button {
|
||||
|
||||
border-width: 1px;
|
||||
border-style: none;
|
||||
color: @text_color_disabled;
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
spinbutton.vertical button:hover {
|
||||
color: @fg_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
spinbutton.vertical button:active {
|
||||
color: @fg_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
spinbutton.vertical button:active:hover {
|
||||
|
||||
}
|
||||
|
||||
spinbutton.vertical button:focus,
|
||||
spinbutton.vertical button:hover:focus,
|
||||
spinbutton.vertical button:active:focus,
|
||||
spinbutton.vertical button:active:hover:focus {
|
||||
|
||||
}
|
||||
|
||||
spinbutton.vertical button:disabled {
|
||||
background-image: none;
|
||||
color: @text_color_disabled;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
spinbutton.vertical button:first-child {
|
||||
border-width: 1px 1px 0 1px;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
spinbutton.vertical button:last-child {
|
||||
border-width: 0 1px 1px 1px;
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
spinbutton.vertical.entry {
|
||||
border-width: 0;
|
||||
border-style: none;
|
||||
border-top-color: @base_color;
|
||||
border-bottom-color: @base_color;
|
||||
}
|
||||
spinbutton.vertical.entry:disabled {
|
||||
border-top-color: shade(@bg_color, 1.04);
|
||||
border-bottom-color: shade(@bg_color, 1.04);
|
||||
}
|
||||
spinbutton.vertical.entry:active,
|
||||
spinbutton.vertical.entry:focus {
|
||||
box-shadow: inset 4px 0 @selected_bg_color;
|
||||
}
|
||||
16
home/system/theme/gtk/gtk-3.20/widgets/spinner.css
Normal file
16
home/system/theme/gtk/gtk-3.20/widgets/spinner.css
Normal file
@@ -0,0 +1,16 @@
|
||||
|
||||
/***********
|
||||
* spinner *
|
||||
***********/
|
||||
|
||||
|
||||
@keyframes spinner {
|
||||
to { -gtk-icon-transform: rotate(1turn); }
|
||||
}
|
||||
|
||||
spinner {
|
||||
background: none;
|
||||
-gtk-icon-source: -gtk-icontheme('process-working-symbolic');
|
||||
color: @selected_bg_color;
|
||||
animation: spinner 1s linear infinite;
|
||||
}
|
||||
63
home/system/theme/gtk/gtk-3.20/widgets/switch.css
Normal file
63
home/system/theme/gtk/gtk-3.20/widgets/switch.css
Normal file
@@ -0,0 +1,63 @@
|
||||
/**********
|
||||
* Switch *
|
||||
**********/
|
||||
|
||||
switch {
|
||||
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
|
||||
margin: 6px 0;
|
||||
border: 4px solid transparent;
|
||||
border-radius: 100px;
|
||||
background-color: alpha(#000, 0.2);
|
||||
background-clip: padding-box;
|
||||
font-size: 0;
|
||||
}
|
||||
switch:disabled {
|
||||
color: shade(@selected_bg_color, 0.8);
|
||||
background-color: alpha(#000, 0.1);
|
||||
}
|
||||
|
||||
switch image {
|
||||
color: alpha(#000, 0.0);
|
||||
}
|
||||
|
||||
switch:disabled image:disabled {
|
||||
color: alpha(#000, 0.0);
|
||||
}
|
||||
|
||||
switch:checked {
|
||||
background-color: shade(@selected_bg_color, 0.7);
|
||||
}
|
||||
switch:checked:disabled {
|
||||
background-color: rgba(68, 138, 255, 0.2);
|
||||
color: rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
switch slider {
|
||||
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0;
|
||||
border-image: none;
|
||||
background-color: @selected_bg_color;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
margin: -4px 0 -4px -4px;
|
||||
-gtk-outline-radius: 100px;
|
||||
border-radius: 400px;
|
||||
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent));
|
||||
}
|
||||
|
||||
switch:hover slider {
|
||||
border-image: none;
|
||||
}
|
||||
switch:disabled slider {
|
||||
background-color: shade(@selected_bg_color, 0.7);
|
||||
color: rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
switch:checked slider {
|
||||
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), color 0, margin 0, background-image 0;
|
||||
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
|
||||
margin: -4px -4px -4px 0;
|
||||
color: @selected_fg_color;
|
||||
}
|
||||
switch:checked:disabled slider {
|
||||
animation: none;
|
||||
}
|
||||
39
home/system/theme/gtk/gtk-3.20/widgets/toolbar.css
Normal file
39
home/system/theme/gtk/gtk-3.20/widgets/toolbar.css
Normal file
@@ -0,0 +1,39 @@
|
||||
/***********
|
||||
* toolbar *
|
||||
***********/
|
||||
toolbar {
|
||||
padding: 4px;
|
||||
border-style: none;
|
||||
background-color: @tooltip_bg_color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
toolbar button {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
toolbar button.text-button {
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
toolbar button.path-bar-button {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
toolbar button.image-button {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
toolbar:disabled {
|
||||
background-color: @bg_color;
|
||||
}
|
||||
|
||||
/* menubar toolbars */
|
||||
toolbar.menubar {
|
||||
-GtkToolbar-button-relief: normal;
|
||||
}
|
||||
|
||||
linked entry:active,
|
||||
linked entry:focus {
|
||||
box-shadow: inset 4px 0 @selected_bg_color;
|
||||
}
|
||||
Reference in New Issue
Block a user