Improved animation, fixed issues with activatable rows inside buttons
This commit is contained in:
parent
e4ac76a8ab
commit
e9a243daec
|
|
@ -212,7 +212,9 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #769830; }
|
|||
@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#f57900), to(transparent)); }
|
||||
to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f57900), to(transparent)); } }
|
||||
|
||||
scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.4), alpha(currentColor,0.2) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.2s; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
row, scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.2), alpha(currentColor,0.1) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.1s; }
|
||||
|
||||
scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
button.sidebar-button, scrollbar slider.flat:not(:hover):not(:active):not(:checked), expander title > arrow.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), modelbutton.flat arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
|
||||
|
||||
|
|
@ -220,7 +222,7 @@ button.sidebar-button:disabled, scrollbar slider.flat:not(:hover):not(:active):n
|
|||
|
||||
scrollbar slider:hover, scrollbar slider:focus, expander title > arrow:hover, notebook > header tabs > tab:hover, notebook > header > tabs > arrow:hover, treeview.view header button:hover, modelbutton.flat arrow:hover, expander title > arrow:focus, notebook > header tabs > tab:focus, notebook > header > tabs > arrow:focus, treeview.view header button:focus, modelbutton.flat arrow:focus, button:hover, button:checked:hover, button:active:hover, button:focus, button:focus:checked { border-color: currentColor; -gtk-icon-effect: highlight; }
|
||||
|
||||
scrollbar slider:active, expander title > arrow:active, notebook > header tabs > tab:active, notebook > header > tabs > arrow:active, treeview.view header button:active, modelbutton.flat arrow:active, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
scrollbar slider:active, expander title > arrow:active, notebook > header tabs > tab:active, notebook > header > tabs > arrow:active, treeview.view header button:active, modelbutton.flat arrow:active, button:active, button:checked:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
scrollbar slider:checked, expander title > arrow:checked, notebook > header tabs > tab:checked, notebook > header > tabs > arrow:checked, treeview.view header button:checked, modelbutton.flat arrow:checked, button:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -250,7 +252,7 @@ expander title > arrow.osd.image-button, notebook > header tabs > tab.osd.image-
|
|||
|
||||
expander title > arrow.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header > tabs > arrow.osd:hover, modelbutton.flat arrow.osd:hover, button.osd:hover { border-color: currentColor; border: none; box-shadow: none; }
|
||||
|
||||
expander title > arrow.osd:active, notebook > header tabs > tab.osd:active, notebook > header > tabs > arrow.osd:active, modelbutton.flat arrow.osd:active, expander title > arrow.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header > tabs > arrow.osd:checked, modelbutton.flat arrow.osd:checked, button.osd:active, button.osd:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; border: none; box-shadow: none; }
|
||||
expander title > arrow.osd:active, notebook > header tabs > tab.osd:active, notebook > header > tabs > arrow.osd:active, modelbutton.flat arrow.osd:active, expander title > arrow.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header > tabs > arrow.osd:checked, modelbutton.flat arrow.osd:checked, button.osd:active, button.osd:checked { background-size: 500% 500%; transition: background-size 0; border: none; box-shadow: none; }
|
||||
|
||||
expander title > arrow.osd:disabled, notebook > header tabs > tab.osd:disabled, notebook > header > tabs > arrow.osd:disabled, modelbutton.flat arrow.osd:disabled, button.osd:disabled:backdrop, button.osd:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); border: none; }
|
||||
|
||||
|
|
@ -260,7 +262,7 @@ expander title > arrow.osd:backdrop, notebook > header tabs > tab.osd:backdrop,
|
|||
|
||||
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd expander title > arrow:hover, expander .osd title > arrow:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header > tabs > arrow:hover, .osd modelbutton.flat arrow:hover, modelbutton.flat .osd arrow:hover, .osd button:hover { border-color: currentColor; }
|
||||
|
||||
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd expander title > arrow:active, expander .osd title > arrow:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header > tabs > arrow:active, .osd modelbutton.flat arrow:active, modelbutton.flat .osd arrow:active, .osd expander title > arrow:checked, expander .osd title > arrow:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header > tabs > arrow:checked, .osd modelbutton.flat arrow:checked, modelbutton.flat .osd arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd expander title > arrow:active, expander .osd title > arrow:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header > tabs > arrow:active, .osd modelbutton.flat arrow:active, modelbutton.flat .osd arrow:active, .osd expander title > arrow:checked, expander .osd title > arrow:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header > tabs > arrow:checked, .osd modelbutton.flat arrow:checked, modelbutton.flat .osd arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd expander title > arrow:disabled, expander .osd title > arrow:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header > tabs > arrow:disabled, .osd modelbutton.flat arrow:disabled, modelbutton.flat .osd arrow:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -276,7 +278,7 @@ expander title > arrow.osd:backdrop, notebook > header tabs > tab.osd:backdrop,
|
|||
|
||||
.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd expander title > arrow.flat:backdrop, expander .osd title > arrow.flat:backdrop, .osd notebook > header tabs > tab.flat:backdrop, notebook > header .osd tabs > tab.flat:backdrop, .osd notebook > header > tabs > arrow.flat:backdrop, .osd modelbutton.flat arrow.flat:backdrop, modelbutton.flat .osd arrow.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
|
||||
|
||||
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd expander title > arrow.flat:active, expander .osd title > arrow.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd modelbutton.flat arrow.flat:active, modelbutton.flat .osd arrow.flat:active, .osd expander title > arrow.flat:checked, expander .osd title > arrow.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, .osd modelbutton.flat arrow.flat:checked, modelbutton.flat .osd arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd expander title > arrow.flat:active, expander .osd title > arrow.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd modelbutton.flat arrow.flat:active, modelbutton.flat .osd arrow.flat:active, .osd expander title > arrow.flat:checked, expander .osd title > arrow.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, .osd modelbutton.flat arrow.flat:checked, modelbutton.flat .osd arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
expander title > arrow.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header > tabs > arrow.suggested-action, treeview.view header button.suggested-action, modelbutton.flat arrow.suggested-action, button.suggested-action { color: black; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -284,7 +286,7 @@ expander title > arrow.suggested-action.flat, notebook > header tabs > tab.sugge
|
|||
|
||||
expander title > arrow.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, modelbutton.flat arrow.suggested-action:hover, expander title > arrow.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, modelbutton.flat arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus { border-color: currentColor; }
|
||||
|
||||
expander title > arrow.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, modelbutton.flat arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
expander title > arrow.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, modelbutton.flat arrow.suggested-action:active, button.suggested-action:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
expander title > arrow.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, modelbutton.flat arrow.suggested-action:checked, button.suggested-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -294,7 +296,7 @@ expander title > arrow.suggested-action:disabled:active, notebook > header tabs
|
|||
|
||||
.osd expander title > arrow.suggested-action:hover, expander .osd title > arrow.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd modelbutton.flat arrow.suggested-action:hover, modelbutton.flat .osd arrow.suggested-action:hover, .osd button.suggested-action:hover { border-color: currentColor; }
|
||||
|
||||
.osd expander title > arrow.suggested-action:active, expander .osd title > arrow.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd modelbutton.flat arrow.suggested-action:active, modelbutton.flat .osd arrow.suggested-action:active, .osd expander title > arrow.suggested-action:checked, expander .osd title > arrow.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd modelbutton.flat arrow.suggested-action:checked, modelbutton.flat .osd arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd expander title > arrow.suggested-action:active, expander .osd title > arrow.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd modelbutton.flat arrow.suggested-action:active, modelbutton.flat .osd arrow.suggested-action:active, .osd expander title > arrow.suggested-action:checked, expander .osd title > arrow.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd modelbutton.flat arrow.suggested-action:checked, modelbutton.flat .osd arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd expander title > arrow.suggested-action:disabled, expander .osd title > arrow.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd modelbutton.flat arrow.suggested-action:disabled, modelbutton.flat .osd arrow.suggested-action:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -304,7 +306,7 @@ expander title > arrow.destructive-action.flat, notebook > header tabs > tab.des
|
|||
|
||||
expander title > arrow.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, modelbutton.flat arrow.destructive-action:hover, expander title > arrow.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, modelbutton.flat arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus { border-color: currentColor; }
|
||||
|
||||
expander title > arrow.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, modelbutton.flat arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
expander title > arrow.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, modelbutton.flat arrow.destructive-action:active, button.destructive-action:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
expander title > arrow.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, modelbutton.flat arrow.destructive-action:checked, button.destructive-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -314,7 +316,7 @@ expander title > arrow.destructive-action:disabled:active, notebook > header tab
|
|||
|
||||
.osd expander title > arrow.destructive-action:hover, expander .osd title > arrow.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd modelbutton.flat arrow.destructive-action:hover, modelbutton.flat .osd arrow.destructive-action:hover, .osd button.destructive-action:hover { border-color: currentColor; }
|
||||
|
||||
.osd expander title > arrow.destructive-action:active, expander .osd title > arrow.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd modelbutton.flat arrow.destructive-action:active, modelbutton.flat .osd arrow.destructive-action:active, .osd expander title > arrow.destructive-action:checked, expander .osd title > arrow.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd modelbutton.flat arrow.destructive-action:checked, modelbutton.flat .osd arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd expander title > arrow.destructive-action:active, expander .osd title > arrow.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd modelbutton.flat arrow.destructive-action:active, modelbutton.flat .osd arrow.destructive-action:active, .osd expander title > arrow.destructive-action:checked, expander .osd title > arrow.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd modelbutton.flat arrow.destructive-action:checked, modelbutton.flat .osd arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd expander title > arrow.destructive-action:disabled, expander .osd title > arrow.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd modelbutton.flat arrow.destructive-action:disabled, modelbutton.flat .osd arrow.destructive-action:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -356,7 +358,7 @@ stacksidebar row.needs-attention > label:dir(rtl), expander title.stack-switcher
|
|||
|
||||
.inline-toolbar toolbutton > button:hover { border-color: currentColor; }
|
||||
|
||||
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.inline-toolbar toolbutton > button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -401,7 +403,7 @@ list row button.image-button:not(.flat) { border: 1px solid rgba(89, 87, 87, 0.5
|
|||
|
||||
list row button.image-button:not(.flat):hover { border-color: currentColor; }
|
||||
|
||||
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
/********* Links * */
|
||||
button:link > label, button:visited > label, button:link, button:visited, *:link { color: #99c1f1; }
|
||||
|
|
@ -471,7 +473,7 @@ spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none
|
|||
|
||||
.osd spinbutton.vertical button:first-child:hover { border-color: currentColor; }
|
||||
|
||||
.osd spinbutton.vertical button:first-child:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd spinbutton.vertical button:first-child:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd spinbutton.vertical button:first-child:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -538,7 +540,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
|
|||
|
||||
.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { border-color: currentColor; }
|
||||
|
||||
.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-image: none; -gtk-icon-effect: none; border-color: #86e4b0; }
|
||||
|
||||
|
|
@ -558,7 +560,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
|
|||
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { border-color: currentColor; border-color: #86e4b0; }
|
||||
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; border-color: #86e4b0; }
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { background-size: 500% 500%; transition: background-size 0; border-color: #86e4b0; }
|
||||
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); border-color: #86e4b0; }
|
||||
|
||||
|
|
@ -695,7 +697,7 @@ menubar > menuitem:hover, .menubar > menuitem:hover { color: #EDF0F5; background
|
|||
|
||||
menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
menubar > menuitem:active, .menubar > menuitem:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
menubar > menuitem:active, .menubar > menuitem:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; }
|
||||
|
||||
|
|
@ -711,7 +713,7 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color:
|
|||
|
||||
menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
menu menuitem:active, .menu menuitem:active, .context-menu menuitem:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
menu menuitem:active, .menu menuitem:active, .context-menu menuitem:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
|
||||
|
||||
|
|
@ -783,7 +785,7 @@ notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-rad
|
|||
|
||||
notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { border-color: currentColor; }
|
||||
|
||||
notebook > header > tabs > arrow:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
notebook > header > tabs > arrow:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -926,7 +928,7 @@ check:backdrop, radio:backdrop { transition: 200ms ease-out; }
|
|||
|
||||
check:disabled, radio:disabled { color: #7b7b7b; border-color: #7b7b7b; }
|
||||
|
||||
.osd check:active, .osd radio:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd check:active, .osd radio:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd check:disabled, .osd radio:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -997,7 +999,7 @@ scale slider { min-height: 18px; min-width: 18px; margin: -9px; color: #EDF0F5;
|
|||
|
||||
scale slider:hover { border-color: currentColor; }
|
||||
|
||||
scale slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
scale slider:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
scale slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -1007,7 +1009,7 @@ row:selected scale slider:disabled, row:selected scale slider { border-color: #1
|
|||
|
||||
.osd scale slider:hover { border-color: currentColor; background-color: #66cbec; }
|
||||
|
||||
.osd scale slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
|
||||
.osd scale slider:active { background-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
|
||||
|
||||
.osd scale slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); background-color: #203d79; }
|
||||
|
||||
|
|
@ -1171,16 +1173,18 @@ list row { padding: 2px; }
|
|||
|
||||
row { transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid transparent; }
|
||||
|
||||
:not(button row.activatable):hover { border-color: currentColor; }
|
||||
|
||||
:not(button row.activatable):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
:not(button row.activatable):selected, :not(button row.activatable).has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
:not(button row.activatable):disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
.nested > row { background-color: rgba(255, 255, 255, 0.1); }
|
||||
|
||||
row.activatable:hover { border-color: currentColor; }
|
||||
|
||||
row.activatable:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
row.activatable:selected, row.activatable.has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
row.activatable:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
button row.activatable, button row.activatable:hover, button row.activatable:active, button row.activatable:selected, button row.activatable.has-open-popup { background-image: none; background-color: transparent; box-shadow: none; border-color: transparent; }
|
||||
|
||||
/********************* App Notifications * */
|
||||
.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(32, 61, 121, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; }
|
||||
|
||||
|
|
@ -1337,7 +1341,7 @@ infobar.info button, infobar.question button, infobar.warning button, infobar.er
|
|||
|
||||
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { border-color: currentColor; }
|
||||
|
||||
infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -1465,7 +1469,7 @@ button.titlebutton.close:not(:backdrop) { color: #EDF0F5; background-color: #924
|
|||
|
||||
button.titlebutton.close:not(:backdrop):hover { border-color: currentColor; }
|
||||
|
||||
button.titlebutton.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
button.titlebutton.close:not(:backdrop):active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
button.titlebutton:backdrop { -gtk-icon-shadow: none; }
|
||||
|
||||
|
|
|
|||
|
|
@ -249,11 +249,13 @@ editablelabel > stack > text { color: #EDF0F5; border-color: #575859; background
|
|||
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #f57900 0%, rgba(245, 121, 0, 0) 0%); }
|
||||
to { background-image: radial-gradient(farthest-side, #f57900 95%, rgba(245, 121, 0, 0)); } }
|
||||
|
||||
scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.4), alpha(currentColor,0.2) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.2s; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
row, scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.2), alpha(currentColor,0.1) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.1s; }
|
||||
|
||||
scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
scrollbar > range > trough > slider:hover, scrollbar > range > trough > slider:focus, dnd tab:hover, tabbar tab:hover, notebook > header tabs > tab:hover, notebook > header tabbar tabbox > tabboxchild:hover, tabbar notebook > header tabbox > tabboxchild:hover, notebook > header > tabs > arrow:hover, columnview.view > header > button:hover, treeview.view > header > button:hover, dnd tab:focus, tabbar tab:focus, notebook > header tabs > tab:focus, notebook > header tabbar tabbox > tabboxchild:focus, tabbar notebook > header tabbox > tabboxchild:focus, notebook > header > tabs > arrow:focus, columnview.view > header > button:focus, treeview.view > header > button:focus, button:hover, button:checked:hover, button:active:hover, button:focus, button:focus:checked { border-color: currentColor; -gtk-icon-filter: brightness(1.2); }
|
||||
|
||||
scrollbar > range > trough > slider.keyboard-activating, scrollbar > range > trough > slider:active, dnd tab.keyboard-activating, tabbar tab.keyboard-activating, notebook > header tabs > tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, columnview.view > header > button.keyboard-activating, treeview.view > header > button.keyboard-activating, dnd tab:active, tabbar tab:active, notebook > header tabs > tab:active, notebook > header tabbar tabbox > tabboxchild:active, tabbar notebook > header tabbox > tabboxchild:active, notebook > header > tabs > arrow:active, columnview.view > header > button:active, treeview.view > header > button:active, button.keyboard-activating, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
scrollbar > range > trough > slider.keyboard-activating, scrollbar > range > trough > slider:active, dnd tab.keyboard-activating, tabbar tab.keyboard-activating, notebook > header tabs > tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, columnview.view > header > button.keyboard-activating, treeview.view > header > button.keyboard-activating, dnd tab:active, tabbar tab:active, notebook > header tabs > tab:active, notebook > header tabbar tabbox > tabboxchild:active, tabbar notebook > header tabbox > tabboxchild:active, notebook > header > tabs > arrow:active, columnview.view > header > button:active, treeview.view > header > button:active, button.keyboard-activating, button:active, button:checked:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
scrollbar > range > trough > slider:checked, dnd tab:checked, tabbar tab:checked, notebook > header tabs > tab:checked, notebook > header tabbar tabbox > tabboxchild:checked, tabbar notebook > header tabbox > tabboxchild:checked, notebook > header > tabs > arrow:checked, columnview.view > header > button:checked, treeview.view > header > button:checked, button:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -291,7 +293,7 @@ dnd tab.osd.image-button:only-child, tabbar tab.osd.image-button:only-child, not
|
|||
|
||||
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd dnd tab:hover, dnd .osd tab:hover, .osd tabbar tab:hover, tabbar .osd tab:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header tabbar tabbox > tabboxchild:hover, tabbar .osd notebook > header tabbox > tabboxchild:hover, notebook > header .osd tabbar tabbox > tabboxchild:hover, tabbar notebook > header .osd tabbox > tabboxchild:hover, .osd notebook > header > tabs > arrow:hover, dnd tab.osd:hover, tabbar tab.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header tabbar tabbox > tabboxchild.osd:hover, tabbar notebook > header tabbox > tabboxchild.osd:hover, notebook > header > tabs > arrow.osd:hover, .osd button:hover, button.osd:hover { border-color: currentColor; }
|
||||
|
||||
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked, button.osd:active:backdrop, button.osd:active, button.osd:checked:backdrop, button.osd:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked, button.osd:active:backdrop, button.osd:active, button.osd:checked:backdrop, button.osd:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd dnd tab:disabled, dnd .osd tab:disabled, .osd tabbar tab:disabled, tabbar .osd tab:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header tabbar tabbox > tabboxchild:disabled, tabbar .osd notebook > header tabbox > tabboxchild:disabled, notebook > header .osd tabbar tabbox > tabboxchild:disabled, tabbar notebook > header .osd tabbox > tabboxchild:disabled, .osd notebook > header > tabs > arrow:disabled, dnd tab.osd:disabled, tabbar tab.osd:disabled, notebook > header tabs > tab.osd:disabled, notebook > header tabbar tabbox > tabboxchild.osd:disabled, tabbar notebook > header tabbox > tabboxchild.osd:disabled, notebook > header > tabs > arrow.osd:disabled, .osd button:disabled:backdrop, .osd button:disabled, button.osd:disabled:backdrop, button.osd:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -303,7 +305,7 @@ dnd tab.osd.image-button:only-child, tabbar tab.osd.image-button:only-child, not
|
|||
|
||||
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd dnd tab.flat:disabled, dnd .osd tab.flat:disabled, .osd tabbar tab.flat:disabled, tabbar .osd tab.flat:disabled, .osd notebook > header tabs > tab.flat:disabled, notebook > header .osd tabs > tab.flat:disabled, tabbar notebook > header .osd tabbox > tabboxchild.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, dnd tab.osd.flat:disabled, tabbar tab.osd.flat:disabled, notebook > header tabs > tab.osd.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.osd.flat:disabled, .osd button.flat:disabled, button.osd.flat:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd dnd tab.flat:active, dnd .osd tab.flat:active, .osd tabbar tab.flat:active, tabbar .osd tab.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, tabbar notebook > header .osd tabbox > tabboxchild.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd dnd tab.flat:checked, dnd .osd tab.flat:checked, .osd tabbar tab.flat:checked, tabbar .osd tab.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, tabbar notebook > header .osd tabbox > tabboxchild.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, dnd tab.osd.flat:active, tabbar tab.osd.flat:active, notebook > header tabs > tab.osd.flat:active, notebook > header dnd tab.flat:active, dnd notebook > header tab.flat:active, notebook > header tabbar tab.flat:active, tabbar notebook > header tab.flat:active, notebook > header tabbar tabbox > tabboxchild.flat:active, tabbar notebook > header tabbox > tabboxchild.flat:active, notebook > header > tabs > arrow.osd.flat:active, dnd tab.osd.flat:checked, tabbar tab.osd.flat:checked, notebook > header tabs > tab.osd.flat:checked, notebook > header dnd tab.flat:checked, dnd notebook > header tab.flat:checked, notebook > header tabbar tab.flat:checked, tabbar notebook > header tab.flat:checked, notebook > header tabbar tabbox > tabboxchild.flat:checked, tabbar notebook > header tabbox > tabboxchild.flat:checked, notebook > header > tabs > arrow.osd.flat:checked, .osd button.flat:active, .osd button.flat:checked, button.osd.flat:active, button.osd.flat:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd dnd tab.flat:active, dnd .osd tab.flat:active, .osd tabbar tab.flat:active, tabbar .osd tab.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, tabbar notebook > header .osd tabbox > tabboxchild.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd dnd tab.flat:checked, dnd .osd tab.flat:checked, .osd tabbar tab.flat:checked, tabbar .osd tab.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, tabbar notebook > header .osd tabbox > tabboxchild.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, dnd tab.osd.flat:active, tabbar tab.osd.flat:active, notebook > header tabs > tab.osd.flat:active, notebook > header dnd tab.flat:active, dnd notebook > header tab.flat:active, notebook > header tabbar tab.flat:active, tabbar notebook > header tab.flat:active, notebook > header tabbar tabbox > tabboxchild.flat:active, tabbar notebook > header tabbox > tabboxchild.flat:active, notebook > header > tabs > arrow.osd.flat:active, dnd tab.osd.flat:checked, tabbar tab.osd.flat:checked, notebook > header tabs > tab.osd.flat:checked, notebook > header dnd tab.flat:checked, dnd notebook > header tab.flat:checked, notebook > header tabbar tab.flat:checked, tabbar notebook > header tab.flat:checked, notebook > header tabbar tabbox > tabboxchild.flat:checked, tabbar notebook > header tabbox > tabboxchild.flat:checked, notebook > header > tabs > arrow.osd.flat:checked, .osd button.flat:active, .osd button.flat:checked, button.osd.flat:active, button.osd.flat:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
dnd tab.suggested-action, tabbar tab.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header tabbar tabbox > tabboxchild.suggested-action, tabbar notebook > header tabbox > tabboxchild.suggested-action, notebook > header > tabs > arrow.suggested-action, columnview.view > header > button.suggested-action, treeview.view > header > button.suggested-action, button.suggested-action { color: black; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -311,7 +313,7 @@ dnd tab.suggested-action.flat, tabbar tab.suggested-action.flat, notebook > head
|
|||
|
||||
dnd tab.suggested-action:hover, tabbar tab.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, dnd tab.suggested-action:focus, tabbar tab.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus { border-color: currentColor; }
|
||||
|
||||
dnd tab.suggested-action:active, tabbar tab.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
dnd tab.suggested-action:active, tabbar tab.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, button.suggested-action:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
dnd tab.suggested-action:checked, tabbar tab.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, button.suggested-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -323,7 +325,7 @@ dnd tab.suggested-action:disabled:active, tabbar tab.suggested-action:disabled:a
|
|||
|
||||
.osd dnd tab.suggested-action:hover, dnd .osd tab.suggested-action:hover, .osd tabbar tab.suggested-action:hover, tabbar .osd tab.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd button.suggested-action:hover { border-color: currentColor; }
|
||||
|
||||
.osd dnd tab.suggested-action:active, dnd .osd tab.suggested-action:active, .osd tabbar tab.suggested-action:active, tabbar .osd tab.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd dnd tab.suggested-action:checked, dnd .osd tab.suggested-action:checked, .osd tabbar tab.suggested-action:checked, tabbar .osd tab.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd dnd tab.suggested-action:active, dnd .osd tab.suggested-action:active, .osd tabbar tab.suggested-action:active, tabbar .osd tab.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd dnd tab.suggested-action:checked, dnd .osd tab.suggested-action:checked, .osd tabbar tab.suggested-action:checked, tabbar .osd tab.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd dnd tab.suggested-action:disabled, dnd .osd tab.suggested-action:disabled, .osd tabbar tab.suggested-action:disabled, tabbar .osd tab.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -333,7 +335,7 @@ dnd tab.destructive-action.flat, tabbar tab.destructive-action.flat, notebook >
|
|||
|
||||
dnd tab.destructive-action:hover, tabbar tab.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, dnd tab.destructive-action:focus, tabbar tab.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus { border-color: currentColor; }
|
||||
|
||||
dnd tab.destructive-action:active, tabbar tab.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
dnd tab.destructive-action:active, tabbar tab.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, button.destructive-action:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
dnd tab.destructive-action:checked, tabbar tab.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, button.destructive-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -345,7 +347,7 @@ dnd tab.destructive-action:disabled:active, tabbar tab.destructive-action:disabl
|
|||
|
||||
.osd dnd tab.destructive-action:hover, dnd .osd tab.destructive-action:hover, .osd tabbar tab.destructive-action:hover, tabbar .osd tab.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd button.destructive-action:hover { border-color: currentColor; }
|
||||
|
||||
.osd dnd tab.destructive-action:active, dnd .osd tab.destructive-action:active, .osd tabbar tab.destructive-action:active, tabbar .osd tab.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd dnd tab.destructive-action:checked, dnd .osd tab.destructive-action:checked, .osd tabbar tab.destructive-action:checked, tabbar .osd tab.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd dnd tab.destructive-action:active, dnd .osd tab.destructive-action:active, .osd tabbar tab.destructive-action:active, tabbar .osd tab.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd dnd tab.destructive-action:checked, dnd .osd tab.destructive-action:checked, .osd tabbar tab.destructive-action:checked, tabbar .osd tab.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd dnd tab.destructive-action:disabled, dnd .osd tab.destructive-action:disabled, .osd tabbar tab.destructive-action:disabled, tabbar .osd tab.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -407,7 +409,7 @@ button.color > colorswatch:only-child, button.color > colorswatch:only-child > o
|
|||
/* tone down as per new designs, see issue #1473 */
|
||||
popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { border-color: currentColor; }
|
||||
|
||||
popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:not(.flat):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:not(.flat):active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -483,7 +485,7 @@ spinbutton.vertical > button.down { border-top-style: none; border-top-left-radi
|
|||
|
||||
.osd spinbutton.vertical > button:first-child:hover { border-color: currentColor; }
|
||||
|
||||
.osd spinbutton.vertical > button:first-child:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd spinbutton.vertical > button:first-child:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd spinbutton.vertical > button:first-child:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -553,7 +555,7 @@ windowcontrols button.close:not(:backdrop) { color: #EDF0F5; background-color: #
|
|||
|
||||
windowcontrols button.close:not(:backdrop):hover { border-color: currentColor; }
|
||||
|
||||
windowcontrols button.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
windowcontrols button.close:not(:backdrop):active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
windowcontrols button > image { background-color: unset; }
|
||||
|
||||
|
|
@ -732,7 +734,7 @@ popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; b
|
|||
|
||||
popover.menu modelbutton:hover { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border-color: currentColor; }
|
||||
|
||||
popover.menu modelbutton:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
popover.menu modelbutton:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
popover.menu label.title { font-weight: bold; padding: 4px 32px; }
|
||||
|
||||
|
|
@ -783,7 +785,7 @@ notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-rad
|
|||
|
||||
notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { border-color: currentColor; }
|
||||
|
||||
notebook > header > tabs > arrow:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
notebook > header > tabs > arrow:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -988,7 +990,7 @@ check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; c
|
|||
|
||||
check:disabled, radio:disabled { color: #7b7b7b; border-color: #7b7b7b; }
|
||||
|
||||
.osd check:active, .osd radio:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd check:active, .osd radio:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd check:disabled, .osd radio:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -1047,7 +1049,7 @@ scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; color
|
|||
|
||||
scale > trough > slider:hover { border-color: currentColor; }
|
||||
|
||||
scale > trough > slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
scale > trough > slider:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
scale > trough > slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -1057,7 +1059,7 @@ row:selected scale > trough > slider:disabled, row:selected scale > trough > sli
|
|||
|
||||
.osd scale > trough > slider:hover { border-color: currentColor; background-color: #203d79; }
|
||||
|
||||
.osd scale > trough > slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
|
||||
.osd scale > trough > slider:active { background-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
|
||||
|
||||
.osd scale > trough > slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); background-color: #203d79; }
|
||||
|
||||
|
|
@ -1237,16 +1239,18 @@ listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) >
|
|||
|
||||
row { transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid transparent; }
|
||||
|
||||
:not(button row.activatable):hover { border-color: currentColor; }
|
||||
|
||||
:not(button row.activatable):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
:not(button row.activatable):selected, :not(button row.activatable).has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
:not(button row.activatable):disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
.nested > row { background-color: rgba(255, 255, 255, 0.1); }
|
||||
|
||||
row.activatable:hover { border-color: currentColor; }
|
||||
|
||||
row.activatable:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
row.activatable:selected, row.activatable.has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
row.activatable:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
button row.activatable, button row.activatable:hover, button row.activatable:active, button row.activatable:selected, button row.activatable.has-open-popup { background-image: none; background-color: transparent; box-shadow: none; border-color: transparent; }
|
||||
|
||||
columnview > listview > row { padding: 0; }
|
||||
|
||||
columnview > listview > row > cell { padding: 8px 6px; }
|
||||
|
|
@ -1616,7 +1620,7 @@ menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
|
|||
|
||||
.card.activatable:hover { border-color: currentColor; }
|
||||
|
||||
.card.activatable:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.card.activatable:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.card.activatable:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
|
|||
|
|
@ -93,7 +93,7 @@ $_default_button_c: $button_bg;
|
|||
//
|
||||
//color: $button_checked_fg;
|
||||
//background-color: $button_checked_bg;
|
||||
@include _shadows(shadow(glow, $selected_bg_color));
|
||||
//@include _shadows(shadow(glow, $selected_bg_color));
|
||||
background-size: 500% 500%;
|
||||
transition: background-size 0;
|
||||
//transition: 50ms;
|
||||
|
|
|
|||
|
|
@ -1,28 +1,40 @@
|
|||
row {
|
||||
transition: all 500ms $ease-out-quad;
|
||||
border: 1px solid transparent;
|
||||
//&:hover { transition: none; }
|
||||
transition: all 500ms $ease-out-quad;
|
||||
border: 1px solid transparent;
|
||||
//&:hover { transition: none; }
|
||||
@extend %click-animation;
|
||||
//&:backdrop { transition: $backdrop_transition; }
|
||||
&:selected { @extend %selected_items; }
|
||||
.nested > & {
|
||||
background-color: transparentize(if($variant == 'light', black, white), 0.9);
|
||||
}
|
||||
&.activatable {
|
||||
// this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411
|
||||
&:hover { @include button(hover); }
|
||||
|
||||
//&:backdrop { transition: $backdrop_transition; }
|
||||
&:active { @include button(active); }
|
||||
|
||||
&.activatable {
|
||||
// this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411
|
||||
:not(button &) {
|
||||
&:hover { @include button(hover); }
|
||||
//&:backdrop:hover { background-color: transparent; }
|
||||
|
||||
&:active { @include button(active); }
|
||||
|
||||
//&:backdrop:hover { background-color: transparent; }
|
||||
|
||||
&:selected, &.has-open-popup {
|
||||
@include button(checked);
|
||||
}
|
||||
&:disabled {@include button(disabled);}
|
||||
}
|
||||
}
|
||||
|
||||
&:selected { @extend %selected_items; }
|
||||
.nested > & {
|
||||
background-color: transparentize(if($variant == 'light', black, white), 0.9);
|
||||
}
|
||||
&:selected, &.has-open-popup {
|
||||
@include button(checked);
|
||||
}
|
||||
&:disabled {@include button(disabled);}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
button row.activatable {
|
||||
&, &:hover, &:active, &:selected, &.has-open-popup {
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -574,6 +574,14 @@ treeview entry {
|
|||
}
|
||||
}
|
||||
|
||||
%click-animation {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0 0;
|
||||
background-image: radial-gradient(circle closest-side, gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0.1) 90%, gtkalpha(currentColor, 0));
|
||||
transition: background-size ease-in 0.1s;
|
||||
}
|
||||
|
||||
%button,
|
||||
button {
|
||||
@at-root %button_basic, & {
|
||||
|
|
@ -585,11 +593,7 @@ button {
|
|||
border-radius: $button_radius;
|
||||
transition: $button_transition;
|
||||
margin: 1px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0 0;
|
||||
background-image: radial-gradient(circle closest-side, gtkalpha(currentColor, 0.4), gtkalpha(currentColor, 0.2) 90%, gtkalpha(currentColor, 0));
|
||||
transition: background-size ease-in 0.2s;
|
||||
@extend %click-animation;
|
||||
|
||||
@include button(normal);
|
||||
|
||||
|
|
|
|||
|
|
@ -212,7 +212,9 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #769830; }
|
|||
@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#f57900), to(transparent)); }
|
||||
to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#f57900), to(transparent)); } }
|
||||
|
||||
scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.4), alpha(currentColor,0.2) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.2s; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
row, scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.2), alpha(currentColor,0.1) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.1s; }
|
||||
|
||||
scrollbar slider, expander title > arrow, notebook > header tabs > tab, notebook > header > tabs > arrow, treeview.view header button, modelbutton.flat arrow, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
button.sidebar-button, scrollbar slider.flat:not(:hover):not(:active):not(:checked), expander title > arrow.flat:not(:hover):not(:active):not(:checked), notebook > header tabs > tab.flat:not(:hover):not(:active):not(:checked), notebook > header > tabs > arrow.flat:not(:hover):not(:active):not(:checked), modelbutton.flat arrow.flat:not(:hover):not(:active):not(:checked), button.flat:not(:hover):not(:active):not(:checked) { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
|
||||
|
||||
|
|
@ -220,7 +222,7 @@ button.sidebar-button:disabled, scrollbar slider.flat:not(:hover):not(:active):n
|
|||
|
||||
scrollbar slider:hover, scrollbar slider:focus, expander title > arrow:hover, notebook > header tabs > tab:hover, notebook > header > tabs > arrow:hover, treeview.view header button:hover, modelbutton.flat arrow:hover, expander title > arrow:focus, notebook > header tabs > tab:focus, notebook > header > tabs > arrow:focus, treeview.view header button:focus, modelbutton.flat arrow:focus, button:hover, button:checked:hover, button:active:hover, button:focus, button:focus:checked { border-color: currentColor; -gtk-icon-effect: highlight; }
|
||||
|
||||
scrollbar slider:active, expander title > arrow:active, notebook > header tabs > tab:active, notebook > header > tabs > arrow:active, treeview.view header button:active, modelbutton.flat arrow:active, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
scrollbar slider:active, expander title > arrow:active, notebook > header tabs > tab:active, notebook > header > tabs > arrow:active, treeview.view header button:active, modelbutton.flat arrow:active, button:active, button:checked:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
scrollbar slider:checked, expander title > arrow:checked, notebook > header tabs > tab:checked, notebook > header > tabs > arrow:checked, treeview.view header button:checked, modelbutton.flat arrow:checked, button:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -250,7 +252,7 @@ expander title > arrow.osd.image-button, notebook > header tabs > tab.osd.image-
|
|||
|
||||
expander title > arrow.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header > tabs > arrow.osd:hover, modelbutton.flat arrow.osd:hover, button.osd:hover { border-color: currentColor; border: none; box-shadow: none; }
|
||||
|
||||
expander title > arrow.osd:active, notebook > header tabs > tab.osd:active, notebook > header > tabs > arrow.osd:active, modelbutton.flat arrow.osd:active, expander title > arrow.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header > tabs > arrow.osd:checked, modelbutton.flat arrow.osd:checked, button.osd:active, button.osd:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; border: none; box-shadow: none; }
|
||||
expander title > arrow.osd:active, notebook > header tabs > tab.osd:active, notebook > header > tabs > arrow.osd:active, modelbutton.flat arrow.osd:active, expander title > arrow.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header > tabs > arrow.osd:checked, modelbutton.flat arrow.osd:checked, button.osd:active, button.osd:checked { background-size: 500% 500%; transition: background-size 0; border: none; box-shadow: none; }
|
||||
|
||||
expander title > arrow.osd:disabled, notebook > header tabs > tab.osd:disabled, notebook > header > tabs > arrow.osd:disabled, modelbutton.flat arrow.osd:disabled, button.osd:disabled:backdrop, button.osd:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); border: none; }
|
||||
|
||||
|
|
@ -260,7 +262,7 @@ expander title > arrow.osd:backdrop, notebook > header tabs > tab.osd:backdrop,
|
|||
|
||||
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd expander title > arrow:hover, expander .osd title > arrow:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header > tabs > arrow:hover, .osd modelbutton.flat arrow:hover, modelbutton.flat .osd arrow:hover, .osd button:hover { border-color: currentColor; }
|
||||
|
||||
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd expander title > arrow:active, expander .osd title > arrow:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header > tabs > arrow:active, .osd modelbutton.flat arrow:active, modelbutton.flat .osd arrow:active, .osd expander title > arrow:checked, expander .osd title > arrow:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header > tabs > arrow:checked, .osd modelbutton.flat arrow:checked, modelbutton.flat .osd arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd expander title > arrow:active, expander .osd title > arrow:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header > tabs > arrow:active, .osd modelbutton.flat arrow:active, modelbutton.flat .osd arrow:active, .osd expander title > arrow:checked, expander .osd title > arrow:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header > tabs > arrow:checked, .osd modelbutton.flat arrow:checked, modelbutton.flat .osd arrow:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd expander title > arrow:disabled, expander .osd title > arrow:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header > tabs > arrow:disabled, .osd modelbutton.flat arrow:disabled, modelbutton.flat .osd arrow:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -276,7 +278,7 @@ expander title > arrow.osd:backdrop, notebook > header tabs > tab.osd:backdrop,
|
|||
|
||||
.app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .osd expander title > arrow.flat:backdrop, expander .osd title > arrow.flat:backdrop, .osd notebook > header tabs > tab.flat:backdrop, notebook > header .osd tabs > tab.flat:backdrop, .osd notebook > header > tabs > arrow.flat:backdrop, .osd modelbutton.flat arrow.flat:backdrop, modelbutton.flat .osd arrow.flat:backdrop, .osd button.flat:backdrop { border-color: transparent; background-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
|
||||
|
||||
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd expander title > arrow.flat:active, expander .osd title > arrow.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd modelbutton.flat arrow.flat:active, modelbutton.flat .osd arrow.flat:active, .osd expander title > arrow.flat:checked, expander .osd title > arrow.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, .osd modelbutton.flat arrow.flat:checked, modelbutton.flat .osd arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd expander title > arrow.flat:active, expander .osd title > arrow.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd modelbutton.flat arrow.flat:active, modelbutton.flat .osd arrow.flat:active, .osd expander title > arrow.flat:checked, expander .osd title > arrow.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, .osd modelbutton.flat arrow.flat:checked, modelbutton.flat .osd arrow.flat:checked, .osd button.flat:active, .osd button.flat:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
expander title > arrow.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header > tabs > arrow.suggested-action, treeview.view header button.suggested-action, modelbutton.flat arrow.suggested-action, button.suggested-action { color: black; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -284,7 +286,7 @@ expander title > arrow.suggested-action.flat, notebook > header tabs > tab.sugge
|
|||
|
||||
expander title > arrow.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, modelbutton.flat arrow.suggested-action:hover, expander title > arrow.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, modelbutton.flat arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus { border-color: currentColor; }
|
||||
|
||||
expander title > arrow.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, modelbutton.flat arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
expander title > arrow.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, modelbutton.flat arrow.suggested-action:active, button.suggested-action:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
expander title > arrow.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, modelbutton.flat arrow.suggested-action:checked, button.suggested-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -294,7 +296,7 @@ expander title > arrow.suggested-action:disabled:active, notebook > header tabs
|
|||
|
||||
.osd expander title > arrow.suggested-action:hover, expander .osd title > arrow.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd modelbutton.flat arrow.suggested-action:hover, modelbutton.flat .osd arrow.suggested-action:hover, .osd button.suggested-action:hover { border-color: currentColor; }
|
||||
|
||||
.osd expander title > arrow.suggested-action:active, expander .osd title > arrow.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd modelbutton.flat arrow.suggested-action:active, modelbutton.flat .osd arrow.suggested-action:active, .osd expander title > arrow.suggested-action:checked, expander .osd title > arrow.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd modelbutton.flat arrow.suggested-action:checked, modelbutton.flat .osd arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd expander title > arrow.suggested-action:active, expander .osd title > arrow.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd modelbutton.flat arrow.suggested-action:active, modelbutton.flat .osd arrow.suggested-action:active, .osd expander title > arrow.suggested-action:checked, expander .osd title > arrow.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd modelbutton.flat arrow.suggested-action:checked, modelbutton.flat .osd arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd expander title > arrow.suggested-action:disabled, expander .osd title > arrow.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd modelbutton.flat arrow.suggested-action:disabled, modelbutton.flat .osd arrow.suggested-action:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -304,7 +306,7 @@ expander title > arrow.destructive-action.flat, notebook > header tabs > tab.des
|
|||
|
||||
expander title > arrow.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, modelbutton.flat arrow.destructive-action:hover, expander title > arrow.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, modelbutton.flat arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus { border-color: currentColor; }
|
||||
|
||||
expander title > arrow.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, modelbutton.flat arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
expander title > arrow.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, modelbutton.flat arrow.destructive-action:active, button.destructive-action:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
expander title > arrow.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, modelbutton.flat arrow.destructive-action:checked, button.destructive-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -314,7 +316,7 @@ expander title > arrow.destructive-action:disabled:active, notebook > header tab
|
|||
|
||||
.osd expander title > arrow.destructive-action:hover, expander .osd title > arrow.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd modelbutton.flat arrow.destructive-action:hover, modelbutton.flat .osd arrow.destructive-action:hover, .osd button.destructive-action:hover { border-color: currentColor; }
|
||||
|
||||
.osd expander title > arrow.destructive-action:active, expander .osd title > arrow.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd modelbutton.flat arrow.destructive-action:active, modelbutton.flat .osd arrow.destructive-action:active, .osd expander title > arrow.destructive-action:checked, expander .osd title > arrow.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd modelbutton.flat arrow.destructive-action:checked, modelbutton.flat .osd arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd expander title > arrow.destructive-action:active, expander .osd title > arrow.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd modelbutton.flat arrow.destructive-action:active, modelbutton.flat .osd arrow.destructive-action:active, .osd expander title > arrow.destructive-action:checked, expander .osd title > arrow.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd modelbutton.flat arrow.destructive-action:checked, modelbutton.flat .osd arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd expander title > arrow.destructive-action:disabled, expander .osd title > arrow.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd modelbutton.flat arrow.destructive-action:disabled, modelbutton.flat .osd arrow.destructive-action:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -356,7 +358,7 @@ stacksidebar row.needs-attention > label:dir(rtl), expander title.stack-switcher
|
|||
|
||||
.inline-toolbar toolbutton > button:hover { border-color: currentColor; }
|
||||
|
||||
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.inline-toolbar toolbutton > button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -401,7 +403,7 @@ list row button.image-button:not(.flat) { border: 1px solid rgba(89, 87, 87, 0.5
|
|||
|
||||
list row button.image-button:not(.flat):hover { border-color: currentColor; }
|
||||
|
||||
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
list row button.image-button:not(.flat):active, list row button.image-button:not(.flat):checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
/********* Links * */
|
||||
button:link > label, button:visited > label, button:link, button:visited, *:link { color: #99c1f1; }
|
||||
|
|
@ -471,7 +473,7 @@ spinbutton.vertical button.down { border-radius: 0 0 3px 3px; border-style: none
|
|||
|
||||
.osd spinbutton.vertical button:first-child:hover { border-color: currentColor; }
|
||||
|
||||
.osd spinbutton.vertical button:first-child:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd spinbutton.vertical button:first-child:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd spinbutton.vertical button:first-child:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -538,7 +540,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
|
|||
|
||||
.selection-mode .titlebar:not(headerbar) button:hover, .selection-mode.titlebar:not(headerbar) button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover { border-color: currentColor; }
|
||||
|
||||
.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.selection-mode .titlebar:not(headerbar) button:active, .selection-mode .titlebar:not(headerbar) button:checked, .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, .selection-mode headerbar button:active, .selection-mode headerbar button:checked, .selection-mode headerbar button.toggle:checked, .selection-mode headerbar button.toggle:active, headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.selection-mode button.toggle:checked, headerbar.selection-mode button.toggle:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.selection-mode .titlebar:not(headerbar) button:backdrop, .selection-mode.titlebar:not(headerbar) button:backdrop, .selection-mode headerbar button:backdrop.flat, .selection-mode headerbar button:backdrop, headerbar.selection-mode button:backdrop.flat, headerbar.selection-mode button:backdrop { background-image: none; -gtk-icon-effect: none; border-color: #86e4b0; }
|
||||
|
||||
|
|
@ -558,7 +560,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
|
|||
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:hover, .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, .selection-mode headerbar button.suggested-action:hover, headerbar.selection-mode button.suggested-action:hover { border-color: currentColor; border-color: #86e4b0; }
|
||||
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; border-color: #86e4b0; }
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:active, .selection-mode.titlebar:not(headerbar) button.suggested-action:active, .selection-mode headerbar button.suggested-action:active, headerbar.selection-mode button.suggested-action:active { background-size: 500% 500%; transition: background-size 0; border-color: #86e4b0; }
|
||||
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, .selection-mode headerbar button.suggested-action:disabled, headerbar.selection-mode button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); border-color: #86e4b0; }
|
||||
|
||||
|
|
@ -695,7 +697,7 @@ menubar > menuitem:hover, .menubar > menuitem:hover { color: #EDF0F5; background
|
|||
|
||||
menubar > menuitem:disabled, .menubar > menuitem:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
menubar > menuitem:active, .menubar > menuitem:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
menubar > menuitem:active, .menubar > menuitem:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0; }
|
||||
|
||||
|
|
@ -711,7 +713,7 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color:
|
|||
|
||||
menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
menu menuitem:active, .menu menuitem:active, .context-menu menuitem:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
menu menuitem:active, .menu menuitem:active, .context-menu menuitem:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
menu menuitem arrow, .menu menuitem arrow, .context-menu menuitem arrow { min-height: 16px; min-width: 16px; }
|
||||
|
||||
|
|
@ -783,7 +785,7 @@ notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-rad
|
|||
|
||||
notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { border-color: currentColor; }
|
||||
|
||||
notebook > header > tabs > arrow:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
notebook > header > tabs > arrow:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -926,7 +928,7 @@ check:backdrop, radio:backdrop { transition: 200ms ease-out; }
|
|||
|
||||
check:disabled, radio:disabled { color: #7b7b7b; border-color: #7b7b7b; }
|
||||
|
||||
.osd check:active, .osd radio:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd check:active, .osd radio:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd check:disabled, .osd radio:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -997,7 +999,7 @@ scale slider { min-height: 18px; min-width: 18px; margin: -9px; color: #EDF0F5;
|
|||
|
||||
scale slider:hover { border-color: currentColor; }
|
||||
|
||||
scale slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
scale slider:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
scale slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -1007,7 +1009,7 @@ row:selected scale slider:disabled, row:selected scale slider { border-color: #1
|
|||
|
||||
.osd scale slider:hover { border-color: currentColor; background-color: #66cbec; }
|
||||
|
||||
.osd scale slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
|
||||
.osd scale slider:active { background-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
|
||||
|
||||
.osd scale slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); background-color: #203d79; }
|
||||
|
||||
|
|
@ -1171,16 +1173,18 @@ list row { padding: 2px; }
|
|||
|
||||
row { transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid transparent; }
|
||||
|
||||
:not(button row.activatable):hover { border-color: currentColor; }
|
||||
|
||||
:not(button row.activatable):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
:not(button row.activatable):selected, :not(button row.activatable).has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
:not(button row.activatable):disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
.nested > row { background-color: rgba(255, 255, 255, 0.1); }
|
||||
|
||||
row.activatable:hover { border-color: currentColor; }
|
||||
|
||||
row.activatable:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
row.activatable:selected, row.activatable.has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
row.activatable:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
button row.activatable, button row.activatable:hover, button row.activatable:active, button row.activatable:selected, button row.activatable.has-open-popup { background-image: none; background-color: transparent; box-shadow: none; border-color: transparent; }
|
||||
|
||||
/********************* App Notifications * */
|
||||
.app-notification, .app-notification.frame { padding: 10px; border-radius: 0 0 5px 5px; background-color: rgba(32, 61, 121, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; }
|
||||
|
||||
|
|
@ -1337,7 +1341,7 @@ infobar.info button, infobar.question button, infobar.warning button, infobar.er
|
|||
|
||||
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { border-color: currentColor; }
|
||||
|
||||
infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -1465,7 +1469,7 @@ button.titlebutton.close:not(:backdrop) { color: #EDF0F5; background-color: #924
|
|||
|
||||
button.titlebutton.close:not(:backdrop):hover { border-color: currentColor; }
|
||||
|
||||
button.titlebutton.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
button.titlebutton.close:not(:backdrop):active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
button.titlebutton:backdrop { -gtk-icon-shadow: none; }
|
||||
|
||||
|
|
|
|||
|
|
@ -487,6 +487,14 @@ editablelabel > stack > text {
|
|||
to { background-image: radial-gradient(farthest-side, $_dot_color 95%, transparentize($_dot_color, 1)); }
|
||||
}
|
||||
|
||||
%click-animation {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0 0;
|
||||
background-image: radial-gradient(circle closest-side, gtkalpha(currentColor, 0.2), gtkalpha(currentColor, 0.1) 90%, gtkalpha(currentColor, 0));
|
||||
transition: background-size ease-in 0.1s;
|
||||
}
|
||||
|
||||
%button,
|
||||
button {
|
||||
@at-root %button_basic, & {
|
||||
|
|
@ -498,12 +506,9 @@ button {
|
|||
border-radius: $button_radius;
|
||||
transition: $button_transition;
|
||||
margin: 1px;
|
||||
@extend %click-animation;
|
||||
|
||||
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0 0;
|
||||
background-image: radial-gradient(circle closest-side, gtkalpha(currentColor, 0.4), gtkalpha(currentColor, 0.2) 90%, gtkalpha(currentColor, 0));
|
||||
transition: background-size ease-in 0.2s;
|
||||
|
||||
@include button(normal);
|
||||
|
||||
|
|
|
|||
|
|
@ -249,11 +249,13 @@ editablelabel > stack > text { color: #EDF0F5; border-color: #575859; background
|
|||
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #f57900 0%, rgba(245, 121, 0, 0) 0%); }
|
||||
to { background-image: radial-gradient(farthest-side, #f57900 95%, rgba(245, 121, 0, 0)); } }
|
||||
|
||||
scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.4), alpha(currentColor,0.2) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.2s; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
row, scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { background-position: center; background-repeat: no-repeat; background-size: 0 0; background-image: radial-gradient(circle closest-side, alpha(currentColor,0.2), alpha(currentColor,0.1) 90%, alpha(currentColor,0)); transition: background-size ease-in 0.1s; }
|
||||
|
||||
scrollbar > range > trough > slider, dnd tab, tabbar tab, notebook > header tabs > tab, notebook > header tabbar tabbox > tabboxchild, tabbar notebook > header tabbox > tabboxchild, notebook > header > tabs > arrow, columnview.view > header > button, treeview.view > header > button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 3px; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); margin: 1px; color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
scrollbar > range > trough > slider:hover, scrollbar > range > trough > slider:focus, dnd tab:hover, tabbar tab:hover, notebook > header tabs > tab:hover, notebook > header tabbar tabbox > tabboxchild:hover, tabbar notebook > header tabbox > tabboxchild:hover, notebook > header > tabs > arrow:hover, columnview.view > header > button:hover, treeview.view > header > button:hover, dnd tab:focus, tabbar tab:focus, notebook > header tabs > tab:focus, notebook > header tabbar tabbox > tabboxchild:focus, tabbar notebook > header tabbox > tabboxchild:focus, notebook > header > tabs > arrow:focus, columnview.view > header > button:focus, treeview.view > header > button:focus, button:hover, button:checked:hover, button:active:hover, button:focus, button:focus:checked { border-color: currentColor; -gtk-icon-filter: brightness(1.2); }
|
||||
|
||||
scrollbar > range > trough > slider.keyboard-activating, scrollbar > range > trough > slider:active, dnd tab.keyboard-activating, tabbar tab.keyboard-activating, notebook > header tabs > tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, columnview.view > header > button.keyboard-activating, treeview.view > header > button.keyboard-activating, dnd tab:active, tabbar tab:active, notebook > header tabs > tab:active, notebook > header tabbar tabbox > tabboxchild:active, tabbar notebook > header tabbox > tabboxchild:active, notebook > header > tabs > arrow:active, columnview.view > header > button:active, treeview.view > header > button:active, button.keyboard-activating, button:active, button:checked:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
scrollbar > range > trough > slider.keyboard-activating, scrollbar > range > trough > slider:active, dnd tab.keyboard-activating, tabbar tab.keyboard-activating, notebook > header tabs > tab.keyboard-activating, notebook > header tabbar tabbox > tabboxchild.keyboard-activating, tabbar notebook > header tabbox > tabboxchild.keyboard-activating, notebook > header > tabs > arrow.keyboard-activating, columnview.view > header > button.keyboard-activating, treeview.view > header > button.keyboard-activating, dnd tab:active, tabbar tab:active, notebook > header tabs > tab:active, notebook > header tabbar tabbox > tabboxchild:active, tabbar notebook > header tabbox > tabboxchild:active, notebook > header > tabs > arrow:active, columnview.view > header > button:active, treeview.view > header > button:active, button.keyboard-activating, button:active, button:checked:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
scrollbar > range > trough > slider:checked, dnd tab:checked, tabbar tab:checked, notebook > header tabs > tab:checked, notebook > header tabbar tabbox > tabboxchild:checked, tabbar notebook > header tabbox > tabboxchild:checked, notebook > header > tabs > arrow:checked, columnview.view > header > button:checked, treeview.view > header > button:checked, button:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -291,7 +293,7 @@ dnd tab.osd.image-button:only-child, tabbar tab.osd.image-button:only-child, not
|
|||
|
||||
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd dnd tab:hover, dnd .osd tab:hover, .osd tabbar tab:hover, tabbar .osd tab:hover, .osd notebook > header tabs > tab:hover, notebook > header .osd tabs > tab:hover, .osd notebook > header tabbar tabbox > tabboxchild:hover, tabbar .osd notebook > header tabbox > tabboxchild:hover, notebook > header .osd tabbar tabbox > tabboxchild:hover, tabbar notebook > header .osd tabbox > tabboxchild:hover, .osd notebook > header > tabs > arrow:hover, dnd tab.osd:hover, tabbar tab.osd:hover, notebook > header tabs > tab.osd:hover, notebook > header tabbar tabbox > tabboxchild.osd:hover, tabbar notebook > header tabbox > tabboxchild.osd:hover, notebook > header > tabs > arrow.osd:hover, .osd button:hover, button.osd:hover { border-color: currentColor; }
|
||||
|
||||
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked, button.osd:active:backdrop, button.osd:active, button.osd:checked:backdrop, button.osd:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd dnd tab:active, dnd .osd tab:active, .osd tabbar tab:active, tabbar .osd tab:active, .osd notebook > header tabs > tab:active, notebook > header .osd tabs > tab:active, .osd notebook > header tabbar tabbox > tabboxchild:active, tabbar .osd notebook > header tabbox > tabboxchild:active, notebook > header .osd tabbar tabbox > tabboxchild:active, tabbar notebook > header .osd tabbox > tabboxchild:active, .osd notebook > header > tabs > arrow:active, .osd dnd tab:checked, dnd .osd tab:checked, .osd tabbar tab:checked, tabbar .osd tab:checked, .osd notebook > header tabs > tab:checked, notebook > header .osd tabs > tab:checked, .osd notebook > header tabbar tabbox > tabboxchild:checked, tabbar .osd notebook > header tabbox > tabboxchild:checked, notebook > header .osd tabbar tabbox > tabboxchild:checked, tabbar notebook > header .osd tabbox > tabboxchild:checked, .osd notebook > header > tabs > arrow:checked, dnd tab.osd:active, tabbar tab.osd:active, notebook > header tabs > tab.osd:active, notebook > header tabbar tabbox > tabboxchild.osd:active, tabbar notebook > header tabbox > tabboxchild.osd:active, notebook > header > tabs > arrow.osd:active, dnd tab.osd:checked, tabbar tab.osd:checked, notebook > header tabs > tab.osd:checked, notebook > header tabbar tabbox > tabboxchild.osd:checked, tabbar notebook > header tabbox > tabboxchild.osd:checked, notebook > header > tabs > arrow.osd:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked, button.osd:active:backdrop, button.osd:active, button.osd:checked:backdrop, button.osd:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd dnd tab:disabled, dnd .osd tab:disabled, .osd tabbar tab:disabled, tabbar .osd tab:disabled, .osd notebook > header tabs > tab:disabled, notebook > header .osd tabs > tab:disabled, .osd notebook > header tabbar tabbox > tabboxchild:disabled, tabbar .osd notebook > header tabbox > tabboxchild:disabled, notebook > header .osd tabbar tabbox > tabboxchild:disabled, tabbar notebook > header .osd tabbox > tabboxchild:disabled, .osd notebook > header > tabs > arrow:disabled, dnd tab.osd:disabled, tabbar tab.osd:disabled, notebook > header tabs > tab.osd:disabled, notebook > header tabbar tabbox > tabboxchild.osd:disabled, tabbar notebook > header tabbox > tabboxchild.osd:disabled, notebook > header > tabs > arrow.osd:disabled, .osd button:disabled:backdrop, .osd button:disabled, button.osd:disabled:backdrop, button.osd:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -303,7 +305,7 @@ dnd tab.osd.image-button:only-child, tabbar tab.osd.image-button:only-child, not
|
|||
|
||||
.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd dnd tab.flat:disabled, dnd .osd tab.flat:disabled, .osd tabbar tab.flat:disabled, tabbar .osd tab.flat:disabled, .osd notebook > header tabs > tab.flat:disabled, notebook > header .osd tabs > tab.flat:disabled, tabbar notebook > header .osd tabbox > tabboxchild.flat:disabled, .osd notebook > header > tabs > arrow.flat:disabled, dnd tab.osd.flat:disabled, tabbar tab.osd.flat:disabled, notebook > header tabs > tab.osd.flat:disabled, notebook > header dnd tab.flat:disabled, dnd notebook > header tab.flat:disabled, notebook > header tabbar tab.flat:disabled, tabbar notebook > header tab.flat:disabled, notebook > header tabbar tabbox > tabboxchild.flat:disabled, tabbar notebook > header tabbox > tabboxchild.flat:disabled, notebook > header > tabs > arrow.osd.flat:disabled, .osd button.flat:disabled, button.osd.flat:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd dnd tab.flat:active, dnd .osd tab.flat:active, .osd tabbar tab.flat:active, tabbar .osd tab.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, tabbar notebook > header .osd tabbox > tabboxchild.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd dnd tab.flat:checked, dnd .osd tab.flat:checked, .osd tabbar tab.flat:checked, tabbar .osd tab.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, tabbar notebook > header .osd tabbox > tabboxchild.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, dnd tab.osd.flat:active, tabbar tab.osd.flat:active, notebook > header tabs > tab.osd.flat:active, notebook > header dnd tab.flat:active, dnd notebook > header tab.flat:active, notebook > header tabbar tab.flat:active, tabbar notebook > header tab.flat:active, notebook > header tabbar tabbox > tabboxchild.flat:active, tabbar notebook > header tabbox > tabboxchild.flat:active, notebook > header > tabs > arrow.osd.flat:active, dnd tab.osd.flat:checked, tabbar tab.osd.flat:checked, notebook > header tabs > tab.osd.flat:checked, notebook > header dnd tab.flat:checked, dnd notebook > header tab.flat:checked, notebook > header tabbar tab.flat:checked, tabbar notebook > header tab.flat:checked, notebook > header tabbar tabbox > tabboxchild.flat:checked, tabbar notebook > header tabbox > tabboxchild.flat:checked, notebook > header > tabs > arrow.osd.flat:checked, .osd button.flat:active, .osd button.flat:checked, button.osd.flat:active, button.osd.flat:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd dnd tab.flat:active, dnd .osd tab.flat:active, .osd tabbar tab.flat:active, tabbar .osd tab.flat:active, .osd notebook > header tabs > tab.flat:active, notebook > header .osd tabs > tab.flat:active, tabbar notebook > header .osd tabbox > tabboxchild.flat:active, .osd notebook > header > tabs > arrow.flat:active, .osd dnd tab.flat:checked, dnd .osd tab.flat:checked, .osd tabbar tab.flat:checked, tabbar .osd tab.flat:checked, .osd notebook > header tabs > tab.flat:checked, notebook > header .osd tabs > tab.flat:checked, tabbar notebook > header .osd tabbox > tabboxchild.flat:checked, .osd notebook > header > tabs > arrow.flat:checked, dnd tab.osd.flat:active, tabbar tab.osd.flat:active, notebook > header tabs > tab.osd.flat:active, notebook > header dnd tab.flat:active, dnd notebook > header tab.flat:active, notebook > header tabbar tab.flat:active, tabbar notebook > header tab.flat:active, notebook > header tabbar tabbox > tabboxchild.flat:active, tabbar notebook > header tabbox > tabboxchild.flat:active, notebook > header > tabs > arrow.osd.flat:active, dnd tab.osd.flat:checked, tabbar tab.osd.flat:checked, notebook > header tabs > tab.osd.flat:checked, notebook > header dnd tab.flat:checked, dnd notebook > header tab.flat:checked, notebook > header tabbar tab.flat:checked, tabbar notebook > header tab.flat:checked, notebook > header tabbar tabbox > tabboxchild.flat:checked, tabbar notebook > header tabbox > tabboxchild.flat:checked, notebook > header > tabs > arrow.osd.flat:checked, .osd button.flat:active, .osd button.flat:checked, button.osd.flat:active, button.osd.flat:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
dnd tab.suggested-action, tabbar tab.suggested-action, notebook > header tabs > tab.suggested-action, notebook > header tabbar tabbox > tabboxchild.suggested-action, tabbar notebook > header tabbox > tabboxchild.suggested-action, notebook > header > tabs > arrow.suggested-action, columnview.view > header > button.suggested-action, treeview.view > header > button.suggested-action, button.suggested-action { color: black; background-color: #33d17a; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -311,7 +313,7 @@ dnd tab.suggested-action.flat, tabbar tab.suggested-action.flat, notebook > head
|
|||
|
||||
dnd tab.suggested-action:hover, tabbar tab.suggested-action:hover, notebook > header tabs > tab.suggested-action:hover, notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header > tabs > arrow.suggested-action:hover, dnd tab.suggested-action:focus, tabbar tab.suggested-action:focus, notebook > header tabs > tab.suggested-action:focus, notebook > header tabbar tabbox > tabboxchild.suggested-action:focus, tabbar notebook > header tabbox > tabboxchild.suggested-action:focus, notebook > header > tabs > arrow.suggested-action:focus, button.suggested-action:hover, button.suggested-action:focus { border-color: currentColor; }
|
||||
|
||||
dnd tab.suggested-action:active, tabbar tab.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, button.suggested-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
dnd tab.suggested-action:active, tabbar tab.suggested-action:active, notebook > header tabs > tab.suggested-action:active, notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header > tabs > arrow.suggested-action:active, button.suggested-action:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
dnd tab.suggested-action:checked, tabbar tab.suggested-action:checked, notebook > header tabs > tab.suggested-action:checked, notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header > tabs > arrow.suggested-action:checked, button.suggested-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -323,7 +325,7 @@ dnd tab.suggested-action:disabled:active, tabbar tab.suggested-action:disabled:a
|
|||
|
||||
.osd dnd tab.suggested-action:hover, dnd .osd tab.suggested-action:hover, .osd tabbar tab.suggested-action:hover, tabbar .osd tab.suggested-action:hover, .osd notebook > header tabs > tab.suggested-action:hover, notebook > header .osd tabs > tab.suggested-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:hover, .osd notebook > header > tabs > arrow.suggested-action:hover, .osd button.suggested-action:hover { border-color: currentColor; }
|
||||
|
||||
.osd dnd tab.suggested-action:active, dnd .osd tab.suggested-action:active, .osd tabbar tab.suggested-action:active, tabbar .osd tab.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd dnd tab.suggested-action:checked, dnd .osd tab.suggested-action:checked, .osd tabbar tab.suggested-action:checked, tabbar .osd tab.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd dnd tab.suggested-action:active, dnd .osd tab.suggested-action:active, .osd tabbar tab.suggested-action:active, tabbar .osd tab.suggested-action:active, .osd notebook > header tabs > tab.suggested-action:active, notebook > header .osd tabs > tab.suggested-action:active, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:active, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:active, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:active, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:active, .osd dnd tab.suggested-action:checked, dnd .osd tab.suggested-action:checked, .osd tabbar tab.suggested-action:checked, tabbar .osd tab.suggested-action:checked, .osd notebook > header tabs > tab.suggested-action:checked, notebook > header .osd tabs > tab.suggested-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd dnd tab.suggested-action:disabled, dnd .osd tab.suggested-action:disabled, .osd tabbar tab.suggested-action:disabled, tabbar .osd tab.suggested-action:disabled, .osd notebook > header tabs > tab.suggested-action:disabled, notebook > header .osd tabs > tab.suggested-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.suggested-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.suggested-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -333,7 +335,7 @@ dnd tab.destructive-action.flat, tabbar tab.destructive-action.flat, notebook >
|
|||
|
||||
dnd tab.destructive-action:hover, tabbar tab.destructive-action:hover, notebook > header tabs > tab.destructive-action:hover, notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header > tabs > arrow.destructive-action:hover, dnd tab.destructive-action:focus, tabbar tab.destructive-action:focus, notebook > header tabs > tab.destructive-action:focus, notebook > header tabbar tabbox > tabboxchild.destructive-action:focus, tabbar notebook > header tabbox > tabboxchild.destructive-action:focus, notebook > header > tabs > arrow.destructive-action:focus, button.destructive-action:hover, button.destructive-action:focus { border-color: currentColor; }
|
||||
|
||||
dnd tab.destructive-action:active, tabbar tab.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, button.destructive-action:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
dnd tab.destructive-action:active, tabbar tab.destructive-action:active, notebook > header tabs > tab.destructive-action:active, notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header > tabs > arrow.destructive-action:active, button.destructive-action:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
dnd tab.destructive-action:checked, tabbar tab.destructive-action:checked, notebook > header tabs > tab.destructive-action:checked, notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header > tabs > arrow.destructive-action:checked, button.destructive-action:checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -345,7 +347,7 @@ dnd tab.destructive-action:disabled:active, tabbar tab.destructive-action:disabl
|
|||
|
||||
.osd dnd tab.destructive-action:hover, dnd .osd tab.destructive-action:hover, .osd tabbar tab.destructive-action:hover, tabbar .osd tab.destructive-action:hover, .osd notebook > header tabs > tab.destructive-action:hover, notebook > header .osd tabs > tab.destructive-action:hover, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:hover, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:hover, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:hover, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:hover, .osd notebook > header > tabs > arrow.destructive-action:hover, .osd button.destructive-action:hover { border-color: currentColor; }
|
||||
|
||||
.osd dnd tab.destructive-action:active, dnd .osd tab.destructive-action:active, .osd tabbar tab.destructive-action:active, tabbar .osd tab.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd dnd tab.destructive-action:checked, dnd .osd tab.destructive-action:checked, .osd tabbar tab.destructive-action:checked, tabbar .osd tab.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd dnd tab.destructive-action:active, dnd .osd tab.destructive-action:active, .osd tabbar tab.destructive-action:active, tabbar .osd tab.destructive-action:active, .osd notebook > header tabs > tab.destructive-action:active, notebook > header .osd tabs > tab.destructive-action:active, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:active, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:active, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:active, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:active, .osd dnd tab.destructive-action:checked, dnd .osd tab.destructive-action:checked, .osd tabbar tab.destructive-action:checked, tabbar .osd tab.destructive-action:checked, .osd notebook > header tabs > tab.destructive-action:checked, notebook > header .osd tabs > tab.destructive-action:checked, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:checked, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:checked, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:checked, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd dnd tab.destructive-action:disabled, dnd .osd tab.destructive-action:disabled, .osd tabbar tab.destructive-action:disabled, tabbar .osd tab.destructive-action:disabled, .osd notebook > header tabs > tab.destructive-action:disabled, notebook > header .osd tabs > tab.destructive-action:disabled, .osd notebook > header tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar .osd notebook > header tabbox > tabboxchild.destructive-action:disabled, notebook > header .osd tabbar tabbox > tabboxchild.destructive-action:disabled, tabbar notebook > header .osd tabbox > tabboxchild.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -407,7 +409,7 @@ button.color > colorswatch:only-child, button.color > colorswatch:only-child > o
|
|||
/* tone down as per new designs, see issue #1473 */
|
||||
popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { border-color: currentColor; }
|
||||
|
||||
popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:not(.flat):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
popover.menu box.circular-buttons button.circular.image-button.model:active, list > row button.image-button:not(.flat):active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):checked { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -483,7 +485,7 @@ spinbutton.vertical > button.down { border-top-style: none; border-top-left-radi
|
|||
|
||||
.osd spinbutton.vertical > button:first-child:hover { border-color: currentColor; }
|
||||
|
||||
.osd spinbutton.vertical > button:first-child:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd spinbutton.vertical > button:first-child:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd spinbutton.vertical > button:first-child:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -553,7 +555,7 @@ windowcontrols button.close:not(:backdrop) { color: #EDF0F5; background-color: #
|
|||
|
||||
windowcontrols button.close:not(:backdrop):hover { border-color: currentColor; }
|
||||
|
||||
windowcontrols button.close:not(:backdrop):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
windowcontrols button.close:not(:backdrop):active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
windowcontrols button > image { background-color: unset; }
|
||||
|
||||
|
|
@ -732,7 +734,7 @@ popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; b
|
|||
|
||||
popover.menu modelbutton:hover { color: #EDF0F5; background-color: #585858; border-color: transparent; outline-color: #769830; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); border-color: currentColor; }
|
||||
|
||||
popover.menu modelbutton:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
popover.menu modelbutton:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
popover.menu label.title { font-weight: bold; padding: 4px 32px; }
|
||||
|
||||
|
|
@ -783,7 +785,7 @@ notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-rad
|
|||
|
||||
notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { border-color: currentColor; }
|
||||
|
||||
notebook > header > tabs > arrow:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
notebook > header > tabs > arrow:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
notebook > header > tabs > arrow:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -988,7 +990,7 @@ check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; c
|
|||
|
||||
check:disabled, radio:disabled { color: #7b7b7b; border-color: #7b7b7b; }
|
||||
|
||||
.osd check:active, .osd radio:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.osd check:active, .osd radio:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.osd check:disabled, .osd radio:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -1047,7 +1049,7 @@ scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; color
|
|||
|
||||
scale > trough > slider:hover { border-color: currentColor; }
|
||||
|
||||
scale > trough > slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
scale > trough > slider:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
scale > trough > slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
@ -1057,7 +1059,7 @@ row:selected scale > trough > slider:disabled, row:selected scale > trough > sli
|
|||
|
||||
.osd scale > trough > slider:hover { border-color: currentColor; background-color: #203d79; }
|
||||
|
||||
.osd scale > trough > slider:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
|
||||
.osd scale > trough > slider:active { background-size: 500% 500%; transition: background-size 0; background-color: #203d79; }
|
||||
|
||||
.osd scale > trough > slider:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); background-color: #203d79; }
|
||||
|
||||
|
|
@ -1237,16 +1239,18 @@ listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) >
|
|||
|
||||
row { transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid transparent; }
|
||||
|
||||
:not(button row.activatable):hover { border-color: currentColor; }
|
||||
|
||||
:not(button row.activatable):active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
:not(button row.activatable):selected, :not(button row.activatable).has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
:not(button row.activatable):disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
.nested > row { background-color: rgba(255, 255, 255, 0.1); }
|
||||
|
||||
row.activatable:hover { border-color: currentColor; }
|
||||
|
||||
row.activatable:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
row.activatable:selected, row.activatable.has-open-popup { color: #ffffff; background-color: #769830; border-color: transparent; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.7); }
|
||||
|
||||
row.activatable:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
button row.activatable, button row.activatable:hover, button row.activatable:active, button row.activatable:selected, button row.activatable.has-open-popup { background-image: none; background-color: transparent; box-shadow: none; border-color: transparent; }
|
||||
|
||||
columnview > listview > row { padding: 0; }
|
||||
|
||||
columnview > listview > row > cell { padding: 8px 6px; }
|
||||
|
|
@ -1616,7 +1620,7 @@ menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
|
|||
|
||||
.card.activatable:hover { border-color: currentColor; }
|
||||
|
||||
.card.activatable:active { box-shadow: 0 0 3px 2px #769830; background-size: 500% 500%; transition: background-size 0; }
|
||||
.card.activatable:active { background-size: 500% 500%; transition: background-size 0; }
|
||||
|
||||
.card.activatable:disabled { color: #7b7b7b; border-color: transparent; background-color: #494949; background-image: none; text-shadow: none; -gtk-icon-shadow: none; box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7); }
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue