Modified button shadows so they do not cause redrawing issues
This commit is contained in:
parent
f207c024a1
commit
c4184b3dd5
|
@ -224,7 +224,7 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #97caff; }
|
|||
@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#938989), to(transparent)); }
|
||||
to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#97caff), to(transparent)); } }
|
||||
|
||||
scrollbar slider, notebook > header > tabs > arrow, modelbutton.flat, .menuitem.button.flat, button, button.flat { min-height: 24px; min-width: 16px; padding: 2px 6px; border: none; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
scrollbar slider, notebook > header > tabs > arrow, modelbutton.flat, .menuitem.button.flat, button, button.flat { min-height: 24px; min-width: 16px; padding: 2px 6px; border: none; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
button.sidebar-button, scrollbar slider:hover, notebook > header > tabs > arrow:hover, modelbutton.flat:hover, .menuitem.button.flat:hover, button:hover, button.flat:hover { background-color: shade(#bcbeb9, 1.1); -gtk-icon-effect: highlight; }
|
||||
|
||||
|
@ -236,7 +236,7 @@ scrollbar slider:checked:hover:not(:active), notebook > header > tabs > arrow:ch
|
|||
|
||||
scrollbar slider:backdrop, modelbutton:backdrop.flat, .menuitem.button:backdrop.flat, notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop, button.flat:backdrop.flat { background-image: none; transition: 200ms ease-out; -gtk-icon-effect: none; }
|
||||
|
||||
button.sidebar-button:backdrop, button.sidebar-button:disabled { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
button.sidebar-button:backdrop, button.sidebar-button:disabled { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
button.sidebar-button:disabled { background-color: #938989; }
|
||||
|
||||
|
@ -264,7 +264,7 @@ notebook > header > tabs > arrow.osd, modelbutton.osd.flat, .osd.menuitem.button
|
|||
|
||||
notebook > header > tabs > arrow.osd.image-button, modelbutton.osd.image-button.flat, .osd.image-button.menuitem.button.flat, button.osd.image-button, button.flat.osd.image-button { min-width: 34px; }
|
||||
|
||||
.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd notebook > header > tabs > arrow, .osd modelbutton.flat, .osd .menuitem.button.flat, osd notebook > header > tabs > arrow.flat, osd modelbutton.flat, osd .flat.menuitem.button, .osd button, .osd button.flat, osd button.flat.flat { color: #073b00; background-color: rgba(105, 180, 103, 0.7); border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd notebook > header > tabs > arrow, .osd modelbutton.flat, .osd .menuitem.button.flat, osd notebook > header > tabs > arrow.flat, osd modelbutton.flat, osd .flat.menuitem.button, .osd button, .osd button.flat, osd button.flat.flat { color: #073b00; background-color: rgba(105, 180, 103, 0.7); border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd notebook > header > tabs > arrow:hover, .osd modelbutton.flat:hover, .osd .menuitem.button.flat:hover, osd notebook > header > tabs > arrow.flat:hover, osd modelbutton.flat:hover, osd .flat.menuitem.button:hover, .osd button:hover, osd button.flat:hover, .osd button.flat:hover, osd button.flat.flat:hover { background-color: shade(rgba(105, 180, 103, 0.7), 1.1); }
|
||||
|
||||
|
@ -274,9 +274,9 @@ notebook > header > tabs > arrow.osd.image-button, modelbutton.osd.image-button.
|
|||
|
||||
.app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd notebook > header > tabs > arrow:backdrop, .osd modelbutton.flat:backdrop, .osd .menuitem.button.flat:backdrop, osd notebook > header > tabs > arrow.flat:backdrop, osd modelbutton.flat:backdrop, osd .flat.menuitem.button:backdrop, .osd button:backdrop, osd button.flat:backdrop, .osd button.flat:backdrop, osd button.flat.flat:backdrop { background-image: none; }
|
||||
|
||||
notebook > header > tabs > arrow.suggested-action, modelbutton.suggested-action.flat, .suggested-action.menuitem.button.flat, button.suggested-action, button.flat.suggested-action { color: black; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
notebook > header > tabs > arrow.suggested-action, modelbutton.suggested-action.flat, .suggested-action.menuitem.button.flat, button.suggested-action, button.flat.suggested-action { color: black; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
notebook > header > tabs > arrow.suggested-action.flat, modelbutton.suggested-action.flat, .suggested-action.flat.menuitem.button, button.suggested-action.flat, button.flat.suggested-action.flat { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); color: #97caff; }
|
||||
notebook > header > tabs > arrow.suggested-action.flat, modelbutton.suggested-action.flat, .suggested-action.flat.menuitem.button, button.suggested-action.flat, button.flat.suggested-action.flat { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); color: #97caff; }
|
||||
|
||||
notebook > header > tabs > arrow.suggested-action:hover, modelbutton.suggested-action.flat:hover, .suggested-action.menuitem.button.flat:hover, button.suggested-action:hover, button.flat.suggested-action:hover { background-color: shade(#97caff, 1.1); }
|
||||
|
||||
|
@ -284,15 +284,15 @@ notebook > header > tabs > arrow.suggested-action:active, modelbutton.suggested-
|
|||
|
||||
notebook > header > tabs > arrow.suggested-action:backdrop, modelbutton.suggested-action.flat:backdrop, .suggested-action.menuitem.button.flat:backdrop, button.suggested-action:backdrop, button.flat.suggested-action:backdrop, button.flat.suggested-action.flat:backdrop { background-image: none; }
|
||||
|
||||
notebook > header > tabs > arrow.suggested-action.flat:backdrop, modelbutton.suggested-action.flat:backdrop, .suggested-action.flat.menuitem.button:backdrop, notebook > header > tabs > arrow.suggested-action.flat:disabled, modelbutton.suggested-action.flat:disabled, .suggested-action.flat.menuitem.button:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, button.flat.suggested-action.flat:backdrop, button.flat.suggested-action.flat:disabled, button.flat.suggested-action.flat:backdrop:disabled { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); color: rgba(151, 202, 255, 0.8); }
|
||||
notebook > header > tabs > arrow.suggested-action.flat:backdrop, modelbutton.suggested-action.flat:backdrop, .suggested-action.flat.menuitem.button:backdrop, notebook > header > tabs > arrow.suggested-action.flat:disabled, modelbutton.suggested-action.flat:disabled, .suggested-action.flat.menuitem.button:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, button.flat.suggested-action.flat:backdrop, button.flat.suggested-action.flat:disabled, button.flat.suggested-action.flat:backdrop:disabled { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); color: rgba(151, 202, 255, 0.8); }
|
||||
|
||||
notebook > header > tabs > arrow.suggested-action:disabled, modelbutton.suggested-action.flat:disabled, .suggested-action.menuitem.button.flat:disabled, button.suggested-action:disabled, button.flat.suggested-action:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; }
|
||||
|
||||
notebook > header > tabs > arrow.suggested-action:disabled:active, modelbutton.suggested-action.flat:disabled:active, .suggested-action.menuitem.button.flat:disabled:active, notebook > header > tabs > arrow.suggested-action:disabled:checked, modelbutton.suggested-action.flat:disabled:checked, .suggested-action.menuitem.button.flat:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, button.flat.suggested-action:disabled:active, button.flat.suggested-action:disabled:checked { color: #552222; background-color: #94939b; }
|
||||
|
||||
notebook > header > tabs > arrow.destructive-action, modelbutton.destructive-action.flat, .destructive-action.menuitem.button.flat, button.destructive-action, button.flat.destructive-action { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
notebook > header > tabs > arrow.destructive-action, modelbutton.destructive-action.flat, .destructive-action.menuitem.button.flat, button.destructive-action, button.flat.destructive-action { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
notebook > header > tabs > arrow.destructive-action.flat, modelbutton.destructive-action.flat, .destructive-action.flat.menuitem.button, button.destructive-action.flat, button.flat.destructive-action.flat { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); color: #990000; }
|
||||
notebook > header > tabs > arrow.destructive-action.flat, modelbutton.destructive-action.flat, .destructive-action.flat.menuitem.button, button.destructive-action.flat, button.flat.destructive-action.flat { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); color: #990000; }
|
||||
|
||||
notebook > header > tabs > arrow.destructive-action:hover, modelbutton.destructive-action.flat:hover, .destructive-action.menuitem.button.flat:hover, button.destructive-action:hover, button.flat.destructive-action:hover { background-color: shade(#990000, 1.1); }
|
||||
|
||||
|
@ -300,7 +300,7 @@ notebook > header > tabs > arrow.destructive-action:active, modelbutton.destruct
|
|||
|
||||
notebook > header > tabs > arrow.destructive-action:backdrop, modelbutton.destructive-action.flat:backdrop, .destructive-action.menuitem.button.flat:backdrop, button.destructive-action:backdrop, button.flat.destructive-action:backdrop, button.flat.destructive-action.flat:backdrop { background-image: none; }
|
||||
|
||||
notebook > header > tabs > arrow.destructive-action.flat:backdrop, modelbutton.destructive-action.flat:backdrop, .destructive-action.flat.menuitem.button:backdrop, notebook > header > tabs > arrow.destructive-action.flat:disabled, modelbutton.destructive-action.flat:disabled, .destructive-action.flat.menuitem.button:disabled, button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, button.flat.destructive-action.flat:backdrop, button.flat.destructive-action.flat:disabled, button.flat.destructive-action.flat:backdrop:disabled { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); color: rgba(153, 0, 0, 0.8); }
|
||||
notebook > header > tabs > arrow.destructive-action.flat:backdrop, modelbutton.destructive-action.flat:backdrop, .destructive-action.flat.menuitem.button:backdrop, notebook > header > tabs > arrow.destructive-action.flat:disabled, modelbutton.destructive-action.flat:disabled, .destructive-action.flat.menuitem.button:disabled, button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, button.flat.destructive-action.flat:backdrop, button.flat.destructive-action.flat:disabled, button.flat.destructive-action.flat:backdrop:disabled { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); color: rgba(153, 0, 0, 0.8); }
|
||||
|
||||
notebook > header > tabs > arrow.destructive-action:disabled, modelbutton.destructive-action.flat:disabled, .destructive-action.menuitem.button.flat:disabled, button.destructive-action:disabled, button.flat.destructive-action:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; }
|
||||
|
||||
|
@ -328,7 +328,7 @@ notebook > header > tabs > arrow.circular, modelbutton.circular.flat, .circular.
|
|||
|
||||
notebook > header > tabs > arrow.circular label, modelbutton.circular.flat label, .circular.menuitem.button.flat label, button.circular label, button.flat.circular label { padding: 0; }
|
||||
|
||||
notebook > header > tabs > arrow.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), modelbutton.circular.flat:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), .circular.menuitem.button.flat:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.flat.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
notebook > header > tabs > arrow.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), modelbutton.circular.flat:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), .circular.menuitem.button.flat:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.flat.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
notebook > header > tabs > arrow.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), modelbutton.circular.flat:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), .circular.menuitem.button.flat:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.flat.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
@ -338,7 +338,7 @@ stacksidebar row.needs-attention > label:backdrop, notebook > header > tabs.stac
|
|||
|
||||
stacksidebar row.needs-attention > label:dir(rtl), notebook > header > tabs.stack-switcher > arrow.needs-attention > label:dir(rtl), .stack-switcher > modelbutton.needs-attention.flat > label:dir(rtl), .stack-switcher > .needs-attention.menuitem.button.flat > label:dir(rtl), notebook > header > tabs.stack-switcher > arrow.needs-attention > image:dir(rtl), .stack-switcher > modelbutton.needs-attention.flat > image:dir(rtl), .stack-switcher > .needs-attention.menuitem.button.flat > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; }
|
||||
|
||||
.inline-toolbar toolbutton > button { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
.inline-toolbar toolbutton > button { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
.inline-toolbar toolbutton > button:hover { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
@ -518,7 +518,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
|
|||
|
||||
.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #000000; }
|
||||
|
||||
.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #000000; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #000000; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
|
||||
|
||||
|
@ -540,7 +540,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
|
|||
|
||||
.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #552222; background-color: #94939b; }
|
||||
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #4ba3ff; }
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); border-color: #4ba3ff; }
|
||||
|
||||
.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 { background-color: shade(#bcbeb9, 1.1); border-color: #4ba3ff; }
|
||||
|
||||
|
@ -963,7 +963,7 @@ switch:backdrop:checked { color: #b1b1b1; border-color: #000000; background-colo
|
|||
|
||||
switch:backdrop:disabled { color: #8b8b8b; border-color: #8c8c8c; background-color: #938989; }
|
||||
|
||||
switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: none; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: none; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
switch image { color: transparent; }
|
||||
|
||||
|
@ -1129,7 +1129,7 @@ scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; b
|
|||
|
||||
.osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; }
|
||||
|
||||
scale slider { min-height: 18px; min-width: 18px; margin: -7px; color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border: none; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
|
||||
scale slider { min-height: 18px; min-width: 18px; margin: -7px; color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); border: none; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
|
||||
|
||||
scale slider:hover { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
@ -1505,7 +1505,7 @@ infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer >
|
|||
|
||||
infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
|
||||
|
||||
infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #241f31; background-color: #b1b1b1; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #241f31; background-color: #b1b1b1; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { background-color: shade(#b1b1b1, 1.1); }
|
||||
|
||||
|
@ -1583,7 +1583,7 @@ colorswatch#add-color-button { border-radius: 5px 5px 0 0; }
|
|||
|
||||
colorswatch#add-color-button:only-child { border-radius: 5px; }
|
||||
|
||||
colorswatch#add-color-button overlay { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
colorswatch#add-color-button overlay { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
colorswatch#add-color-button overlay:hover { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
@ -1641,7 +1641,7 @@ messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 5px rgba(0,
|
|||
|
||||
button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; }
|
||||
|
||||
button.titlebutton.close:not(:backdrop) { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
button.titlebutton.close:not(:backdrop) { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
button.titlebutton.close:not(:backdrop):hover { background-color: shade(#990000, 1.1); }
|
||||
|
||||
|
@ -1657,7 +1657,7 @@ button.titlebutton:backdrop { -gtk-icon-shadow: none; }
|
|||
|
||||
/********************** Touch Copy & Paste * */
|
||||
/********************** Touch Copy & Paste * */
|
||||
cursor-handle { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border: 1px solid #6c6c6c; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
|
||||
cursor-handle { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); border: 1px solid #6c6c6c; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
|
||||
|
||||
cursor-handle:hover { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
|
|
@ -224,7 +224,7 @@ editablelabel > stack > text { color: #241f31; border-color: #241f31; background
|
|||
to { background-image: radial-gradient(farthest-side, #938989 95%, rgba(147, 137, 137, 0)); } }
|
||||
|
||||
/****************************************************** Buttons * */
|
||||
scrollbar > range > trough > slider, notebook > header > tabs > arrow, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button, button.flat { min-height: 24px; min-width: 16px; padding: 2px 6px; border: none; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
scrollbar > range > trough > slider, notebook > header > tabs > arrow, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button, button.flat { min-height: 24px; min-width: 16px; padding: 2px 6px; border: none; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
scrollbar > range > trough > slider, notebook > header > tabs > arrow, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button, button.flat { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
|
@ -246,7 +246,7 @@ scrollbar > range > trough > slider:disabled, notebook > header > tabs > arrow:d
|
|||
|
||||
scrollbar > range > trough > slider:disabled:active, notebook > header > tabs > arrow:disabled:active, scrollbar > range > trough > slider:disabled:checked, notebook > header > tabs > arrow:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:disabled:active, list > row button.image-button:disabled:active:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:disabled:checked, list > row button.image-button:disabled:checked:not(.flat), button:disabled:active, button:disabled:checked, button.flat:disabled:active, button.flat:disabled:checked { color: #552222; background-color: #94939b; }
|
||||
|
||||
button.sidebar-button, notebook > header > tabs > arrow { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); transition: none; }
|
||||
button.sidebar-button, notebook > header > tabs > arrow { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); transition: none; }
|
||||
|
||||
scrollbar > range > trough > slider.image-button, notebook > header > tabs > arrow.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.image-button:not(.flat), button.image-button, button.flat.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
|
||||
|
||||
|
@ -268,7 +268,7 @@ row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(di
|
|||
|
||||
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #a09d9b; }
|
||||
|
||||
popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd, button.flat.osd { min-width: 26px; min-height: 32px; border-radius: 5px; color: #073b00; background-color: rgba(105, 180, 103, 0.7); border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd, button.flat.osd { min-width: 26px; min-height: 32px; border-radius: 5px; color: #073b00; background-color: rgba(105, 180, 103, 0.7); border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
popover.menu box.circular-buttons button.image-button.circular.model, list > row button.osd.image-button:not(.flat), button.osd.image-button, button.flat.osd.image-button { min-width: 30px; }
|
||||
|
||||
|
@ -278,7 +278,7 @@ popover.menu box.circular-buttons button.osd.circular.image-button.model:hover,
|
|||
|
||||
popover.menu box.circular-buttons button.osd.circular.image-button.model:active, list > row button.osd.image-button:active:not(.flat), popover.menu box.circular-buttons button.osd.circular.image-button.model:checked, list > row button.osd.image-button:checked:not(.flat), button.osd:active:hover, button.osd:active, button.osd:checked:hover, button.osd:checked, button.flat.osd:active:hover, button.flat.osd:active, button.flat.osd:checked:hover, button.flat.osd:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.circular-buttons .osd button.circular.image-button.model, .osd list > row button.image-button:not(.flat), list > row .osd button.image-button:not(.flat), .osd button, .osd button.flat { color: #073b00; background-color: rgba(105, 180, 103, 0.7); border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.circular-buttons .osd button.circular.image-button.model, .osd list > row button.image-button:not(.flat), list > row .osd button.image-button:not(.flat), .osd button, .osd button.flat { color: #073b00; background-color: rgba(105, 180, 103, 0.7); border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.circular-buttons .osd button.circular.image-button.model:hover, .osd list > row button.image-button:hover:not(.flat), list > row .osd button.image-button:hover:not(.flat), .osd button:hover, .osd button.flat:hover { background-color: shade(rgba(105, 180, 103, 0.7), 1.1); }
|
||||
|
||||
|
@ -286,7 +286,7 @@ popover.menu box.circular-buttons button.osd.circular.image-button.model:active,
|
|||
|
||||
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd popover.menu box.circular-buttons button.circular.image-button.model:disabled, popover.menu box.circular-buttons .osd button.circular.image-button.model:disabled, .osd list > row button.image-button:disabled:not(.flat), list > row .osd button.image-button:disabled:not(.flat), .osd button:disabled:backdrop, .osd button:disabled, .osd button.flat:disabled:backdrop, .osd button.flat:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; }
|
||||
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, button.flat.suggested-action { color: black; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, button.flat.suggested-action { color: black; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, button.flat.suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
|
@ -300,7 +300,7 @@ popover.menu box.circular-buttons button.suggested-action.circular.image-button.
|
|||
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, button.flat.suggested-action:disabled:active, button.flat.suggested-action:disabled:checked { color: #552222; background-color: #94939b; }
|
||||
|
||||
popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, button.flat.destructive-action { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, button.flat.destructive-action { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 -1px 1px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, button.flat.destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
|
@ -380,13 +380,13 @@ popover.menu box.circular-buttons button.circular.image-button.model:hover, list
|
|||
|
||||
popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: white; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.363137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.363137); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: white; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.363137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.363137); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
|
||||
|
||||
popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 -1px 1px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
|
@ -511,7 +511,7 @@ infobar > revealer > box { padding: 8px; border-spacing: 12px; }
|
|||
|
||||
infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #909090; background-color: #d98228; }
|
||||
|
||||
infobar .close, searchbar .close { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
|
||||
infobar .close, searchbar .close { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
|
||||
|
||||
infobar .close:hover, searchbar .close:hover { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
@ -528,7 +528,7 @@ windowcontrols button:hover { background-color: shade(#bcbeb9, 1.1); }
|
|||
|
||||
windowcontrols button:active, windowcontrols button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
windowcontrols button.close:not(:backdrop) { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
windowcontrols button.close:not(:backdrop) { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
windowcontrols button.close:not(:backdrop):hover { background-color: shade(#990000, 1.1); }
|
||||
|
||||
|
@ -880,7 +880,7 @@ scrollbar.vertical > range > trough > slider { min-height: 40px; }
|
|||
treeview ~ scrollbar.vertical { border-top: 1px solid #838383; margin-top: -1px; }
|
||||
|
||||
/********** Switch * */
|
||||
switch { font-weight: bold; font-size: smaller; border-color: #838383; border: none; border-radius: 14px; color: #241f31; background-color: #9a9a9a; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
|
||||
switch { font-weight: bold; font-size: smaller; border-color: #838383; border: none; border-radius: 14px; color: #241f31; background-color: #9a9a9a; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
|
||||
|
||||
switch { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
|
@ -892,7 +892,7 @@ switch:checked { color: #000000; border-color: #000000; background-color: #97caf
|
|||
|
||||
switch:disabled { color: #552222; border-color: #838383; background-color: #938989; text-shadow: none; }
|
||||
|
||||
switch > slider { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); margin: -1px; min-width: 24px; min-height: 24px; border: none; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
switch > slider { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); margin: -1px; min-width: 24px; min-height: 24px; border: none; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
|
||||
switch > image { color: transparent; }
|
||||
|
||||
|
@ -1016,7 +1016,7 @@ scale > trough > fill:disabled { border-color: transparent; background-color: tr
|
|||
|
||||
.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
|
||||
|
||||
scale > trough > slider { min-height: 18px; min-width: 18px; margin: -7px; color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border: none; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
|
||||
scale > trough > slider { min-height: 18px; min-width: 18px; margin: -7px; color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); border: none; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
|
||||
|
||||
scale > trough > slider:hover { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
@ -1482,7 +1482,7 @@ colorswatch#add-color-button { border-radius: 5px 0 0 5px; }
|
|||
|
||||
colorswatch#add-color-button:only-child { border-radius: 5px; }
|
||||
|
||||
colorswatch#add-color-button > overlay { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
colorswatch#add-color-button > overlay { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
colorswatch#add-color-button.activatable:hover > overlay { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
@ -1550,7 +1550,7 @@ tooltip.csd { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); }
|
|||
|
||||
/********************** Touch Copy & Paste * */
|
||||
/********************** Touch Copy & Paste * */
|
||||
cursor-handle { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border: 1px solid #6c6c6c; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
|
||||
cursor-handle { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); border: 1px solid #6c6c6c; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
|
||||
|
||||
cursor-handle:hover { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
|
|
@ -59,7 +59,8 @@ $_default_button_c: $button_bg;
|
|||
$_hilight_color: _button_hilight_color($c);
|
||||
$_button_edge: if($edge == none, none, _widget_edge($edge));
|
||||
$_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1)));
|
||||
$_button_shadow: 0 1px 2px transparentize($shadow_hard_color, 0.6);
|
||||
$_button_shadow_normal: inset 0 -1px 1px transparentize($shadow_hard_color, 0.6);
|
||||
$_button_shadow_pressed: inset 0 1px 2px transparentize($shadow_hard_color, 0.6);
|
||||
|
||||
$button_clickable_image: linear-gradient(
|
||||
to bottom,
|
||||
|
@ -82,7 +83,7 @@ $_default_button_c: $button_bg;
|
|||
outline-color: $focus_border_color;
|
||||
background-image: $button_clickable_image;
|
||||
@include _button_text_shadow($tc, $c);
|
||||
@include _shadows(inset 0 1px $_hilight_color, $_button_edge, $_button_shadow);
|
||||
@include _shadows(inset 0 1px $_hilight_color, $_button_edge, $_button_shadow_normal);
|
||||
|
||||
}
|
||||
@else if $t==hover or $t==hover-alt or $t==undecorated-hover {
|
||||
|
@ -100,7 +101,7 @@ $_default_button_c: $button_bg;
|
|||
//
|
||||
//color: $button_checked_fg;
|
||||
//background-color: $button_checked_bg;
|
||||
@include _shadows(0 1px $_hilight_color, $_button_edge, inset $_button_shadow);
|
||||
@include _shadows(0 1px $_hilight_color, $_button_edge, $_button_shadow_pressed);
|
||||
}
|
||||
|
||||
@else if ($t==checked-active ) {
|
||||
|
@ -110,7 +111,7 @@ $_default_button_c: $button_bg;
|
|||
color: $button_checked_fg;
|
||||
background-color: $button_checked_bg;
|
||||
@include _button_text_shadow($button_checked_fg, $button_checked_bg);
|
||||
@include _shadows(0 1px $_hilight_color, $_button_edge, inset $_button_shadow);
|
||||
@include _shadows(0 1px $_hilight_color, $_button_edge, $_button_shadow_pressed);
|
||||
|
||||
}
|
||||
|
||||
|
@ -121,7 +122,7 @@ $_default_button_c: $button_bg;
|
|||
color: $button_checked_fg;
|
||||
background-color: shade($button_checked_bg, 1.1);
|
||||
@include _button_text_shadow($button_checked_fg, $button_checked_bg);
|
||||
@include _shadows(0 1px $_hilight_color, $_button_edge, inset $_button_shadow);
|
||||
@include _shadows(0 1px $_hilight_color, $_button_edge, $_button_shadow_pressed);
|
||||
|
||||
}
|
||||
|
||||
|
|
|
@ -87,5 +87,6 @@ $menu_radius: 5px;
|
|||
|
||||
//these are copied from button, surely there is a better way to DRY
|
||||
$hilight_color: _button_hilight_color($dark_fill);
|
||||
$button_shadow: 0 1px 2px transparentize($shadow_hard_color, 0.6);
|
||||
$button_shadow_normal: inset 0 -1px 1px transparentize($shadow_hard_color, 0.6);
|
||||
$button_shadow_pressed: inset 0 1px 2px transparentize($shadow_hard_color, 0.6);
|
||||
|
||||
|
|
|
@ -2768,7 +2768,7 @@ switch {
|
|||
color: $fg_color;
|
||||
background-color: $dark_fill;
|
||||
text-shadow: 0 1px transparentize(black, 0.9);
|
||||
@include _shadows(0 1px $hilight_color, inset $button_shadow);
|
||||
@include _shadows(0 1px $hilight_color, $button_shadow_pressed);
|
||||
|
||||
&:checked {
|
||||
color: $selected_fg_color;
|
||||
|
@ -3075,7 +3075,7 @@ treeview.view radio:selected { &:focus, & { @extend %radio; }} // This is a work
|
|||
border-radius: 3px;
|
||||
background-color: $dark_fill;
|
||||
//padding: 1px;
|
||||
@include _shadows(0 1px $hilight_color, inset $button_shadow);
|
||||
@include _shadows(0 1px $hilight_color, $button_shadow_pressed);
|
||||
|
||||
&:disabled { background-color: $insensitive_bg_color; }
|
||||
|
||||
|
|
|
@ -224,7 +224,7 @@ treeview entry.flat:focus, treeview entry:focus { border-color: #97caff; }
|
|||
@keyframes needs_attention { from { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#938989), to(transparent)); }
|
||||
to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#97caff), to(transparent)); } }
|
||||
|
||||
scrollbar slider, notebook > header > tabs > arrow, modelbutton.flat, .menuitem.button.flat, button, button.flat { min-height: 24px; min-width: 16px; padding: 2px 6px; border: none; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
scrollbar slider, notebook > header > tabs > arrow, modelbutton.flat, .menuitem.button.flat, button, button.flat { min-height: 24px; min-width: 16px; padding: 2px 6px; border: none; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
button.sidebar-button, scrollbar slider:hover, notebook > header > tabs > arrow:hover, modelbutton.flat:hover, .menuitem.button.flat:hover, button:hover, button.flat:hover { background-color: shade(#bcbeb9, 1.1); -gtk-icon-effect: highlight; }
|
||||
|
||||
|
@ -236,7 +236,7 @@ scrollbar slider:checked:hover:not(:active), notebook > header > tabs > arrow:ch
|
|||
|
||||
scrollbar slider:backdrop, modelbutton:backdrop.flat, .menuitem.button:backdrop.flat, notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop, button.flat:backdrop.flat { background-image: none; transition: 200ms ease-out; -gtk-icon-effect: none; }
|
||||
|
||||
button.sidebar-button:backdrop, button.sidebar-button:disabled { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
button.sidebar-button:backdrop, button.sidebar-button:disabled { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
button.sidebar-button:disabled { background-color: #938989; }
|
||||
|
||||
|
@ -264,7 +264,7 @@ notebook > header > tabs > arrow.osd, modelbutton.osd.flat, .osd.menuitem.button
|
|||
|
||||
notebook > header > tabs > arrow.osd.image-button, modelbutton.osd.image-button.flat, .osd.image-button.menuitem.button.flat, button.osd.image-button, button.flat.osd.image-button { min-width: 34px; }
|
||||
|
||||
.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd notebook > header > tabs > arrow, .osd modelbutton.flat, .osd .menuitem.button.flat, osd notebook > header > tabs > arrow.flat, osd modelbutton.flat, osd .flat.menuitem.button, .osd button, .osd button.flat, osd button.flat.flat { color: #073b00; background-color: rgba(105, 180, 103, 0.7); border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
.app-notification button, .app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .osd notebook > header > tabs > arrow, .osd modelbutton.flat, .osd .menuitem.button.flat, osd notebook > header > tabs > arrow.flat, osd modelbutton.flat, osd .flat.menuitem.button, .osd button, .osd button.flat, osd button.flat.flat { color: #073b00; background-color: rgba(105, 180, 103, 0.7); border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd notebook > header > tabs > arrow:hover, .osd modelbutton.flat:hover, .osd .menuitem.button.flat:hover, osd notebook > header > tabs > arrow.flat:hover, osd modelbutton.flat:hover, osd .flat.menuitem.button:hover, .osd button:hover, osd button.flat:hover, .osd button.flat:hover, osd button.flat.flat:hover { background-color: shade(rgba(105, 180, 103, 0.7), 1.1); }
|
||||
|
||||
|
@ -274,9 +274,9 @@ notebook > header > tabs > arrow.osd.image-button, modelbutton.osd.image-button.
|
|||
|
||||
.app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .osd notebook > header > tabs > arrow:backdrop, .osd modelbutton.flat:backdrop, .osd .menuitem.button.flat:backdrop, osd notebook > header > tabs > arrow.flat:backdrop, osd modelbutton.flat:backdrop, osd .flat.menuitem.button:backdrop, .osd button:backdrop, osd button.flat:backdrop, .osd button.flat:backdrop, osd button.flat.flat:backdrop { background-image: none; }
|
||||
|
||||
notebook > header > tabs > arrow.suggested-action, modelbutton.suggested-action.flat, .suggested-action.menuitem.button.flat, button.suggested-action, button.flat.suggested-action { color: black; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
notebook > header > tabs > arrow.suggested-action, modelbutton.suggested-action.flat, .suggested-action.menuitem.button.flat, button.suggested-action, button.flat.suggested-action { color: black; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
notebook > header > tabs > arrow.suggested-action.flat, modelbutton.suggested-action.flat, .suggested-action.flat.menuitem.button, button.suggested-action.flat, button.flat.suggested-action.flat { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); color: #97caff; }
|
||||
notebook > header > tabs > arrow.suggested-action.flat, modelbutton.suggested-action.flat, .suggested-action.flat.menuitem.button, button.suggested-action.flat, button.flat.suggested-action.flat { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); color: #97caff; }
|
||||
|
||||
notebook > header > tabs > arrow.suggested-action:hover, modelbutton.suggested-action.flat:hover, .suggested-action.menuitem.button.flat:hover, button.suggested-action:hover, button.flat.suggested-action:hover { background-color: shade(#97caff, 1.1); }
|
||||
|
||||
|
@ -284,15 +284,15 @@ notebook > header > tabs > arrow.suggested-action:active, modelbutton.suggested-
|
|||
|
||||
notebook > header > tabs > arrow.suggested-action:backdrop, modelbutton.suggested-action.flat:backdrop, .suggested-action.menuitem.button.flat:backdrop, button.suggested-action:backdrop, button.flat.suggested-action:backdrop, button.flat.suggested-action.flat:backdrop { background-image: none; }
|
||||
|
||||
notebook > header > tabs > arrow.suggested-action.flat:backdrop, modelbutton.suggested-action.flat:backdrop, .suggested-action.flat.menuitem.button:backdrop, notebook > header > tabs > arrow.suggested-action.flat:disabled, modelbutton.suggested-action.flat:disabled, .suggested-action.flat.menuitem.button:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, button.flat.suggested-action.flat:backdrop, button.flat.suggested-action.flat:disabled, button.flat.suggested-action.flat:backdrop:disabled { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); color: rgba(151, 202, 255, 0.8); }
|
||||
notebook > header > tabs > arrow.suggested-action.flat:backdrop, modelbutton.suggested-action.flat:backdrop, .suggested-action.flat.menuitem.button:backdrop, notebook > header > tabs > arrow.suggested-action.flat:disabled, modelbutton.suggested-action.flat:disabled, .suggested-action.flat.menuitem.button:disabled, button.suggested-action.flat:backdrop, button.suggested-action.flat:disabled, button.suggested-action.flat:backdrop:disabled, button.flat.suggested-action.flat:backdrop, button.flat.suggested-action.flat:disabled, button.flat.suggested-action.flat:backdrop:disabled { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); color: rgba(151, 202, 255, 0.8); }
|
||||
|
||||
notebook > header > tabs > arrow.suggested-action:disabled, modelbutton.suggested-action.flat:disabled, .suggested-action.menuitem.button.flat:disabled, button.suggested-action:disabled, button.flat.suggested-action:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; }
|
||||
|
||||
notebook > header > tabs > arrow.suggested-action:disabled:active, modelbutton.suggested-action.flat:disabled:active, .suggested-action.menuitem.button.flat:disabled:active, notebook > header > tabs > arrow.suggested-action:disabled:checked, modelbutton.suggested-action.flat:disabled:checked, .suggested-action.menuitem.button.flat:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, button.flat.suggested-action:disabled:active, button.flat.suggested-action:disabled:checked { color: #552222; background-color: #94939b; }
|
||||
|
||||
notebook > header > tabs > arrow.destructive-action, modelbutton.destructive-action.flat, .destructive-action.menuitem.button.flat, button.destructive-action, button.flat.destructive-action { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
notebook > header > tabs > arrow.destructive-action, modelbutton.destructive-action.flat, .destructive-action.menuitem.button.flat, button.destructive-action, button.flat.destructive-action { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
notebook > header > tabs > arrow.destructive-action.flat, modelbutton.destructive-action.flat, .destructive-action.flat.menuitem.button, button.destructive-action.flat, button.flat.destructive-action.flat { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); color: #990000; }
|
||||
notebook > header > tabs > arrow.destructive-action.flat, modelbutton.destructive-action.flat, .destructive-action.flat.menuitem.button, button.destructive-action.flat, button.flat.destructive-action.flat { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); color: #990000; }
|
||||
|
||||
notebook > header > tabs > arrow.destructive-action:hover, modelbutton.destructive-action.flat:hover, .destructive-action.menuitem.button.flat:hover, button.destructive-action:hover, button.flat.destructive-action:hover { background-color: shade(#990000, 1.1); }
|
||||
|
||||
|
@ -300,7 +300,7 @@ notebook > header > tabs > arrow.destructive-action:active, modelbutton.destruct
|
|||
|
||||
notebook > header > tabs > arrow.destructive-action:backdrop, modelbutton.destructive-action.flat:backdrop, .destructive-action.menuitem.button.flat:backdrop, button.destructive-action:backdrop, button.flat.destructive-action:backdrop, button.flat.destructive-action.flat:backdrop { background-image: none; }
|
||||
|
||||
notebook > header > tabs > arrow.destructive-action.flat:backdrop, modelbutton.destructive-action.flat:backdrop, .destructive-action.flat.menuitem.button:backdrop, notebook > header > tabs > arrow.destructive-action.flat:disabled, modelbutton.destructive-action.flat:disabled, .destructive-action.flat.menuitem.button:disabled, button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, button.flat.destructive-action.flat:backdrop, button.flat.destructive-action.flat:disabled, button.flat.destructive-action.flat:backdrop:disabled { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); color: rgba(153, 0, 0, 0.8); }
|
||||
notebook > header > tabs > arrow.destructive-action.flat:backdrop, modelbutton.destructive-action.flat:backdrop, .destructive-action.flat.menuitem.button:backdrop, notebook > header > tabs > arrow.destructive-action.flat:disabled, modelbutton.destructive-action.flat:disabled, .destructive-action.flat.menuitem.button:disabled, button.destructive-action.flat:backdrop, button.destructive-action.flat:disabled, button.destructive-action.flat:backdrop:disabled, button.flat.destructive-action.flat:backdrop, button.flat.destructive-action.flat:disabled, button.flat.destructive-action.flat:backdrop:disabled { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); color: rgba(153, 0, 0, 0.8); }
|
||||
|
||||
notebook > header > tabs > arrow.destructive-action:disabled, modelbutton.destructive-action.flat:disabled, .destructive-action.menuitem.button.flat:disabled, button.destructive-action:disabled, button.flat.destructive-action:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; }
|
||||
|
||||
|
@ -328,7 +328,7 @@ notebook > header > tabs > arrow.circular, modelbutton.circular.flat, .circular.
|
|||
|
||||
notebook > header > tabs > arrow.circular label, modelbutton.circular.flat label, .circular.menuitem.button.flat label, button.circular label, button.flat.circular label { padding: 0; }
|
||||
|
||||
notebook > header > tabs > arrow.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), modelbutton.circular.flat:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), .circular.menuitem.button.flat:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.flat.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
notebook > header > tabs > arrow.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), modelbutton.circular.flat:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), .circular.menuitem.button.flat:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.flat.circular:not(.flat):not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
notebook > header > tabs > arrow.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), modelbutton.circular.flat:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), .circular.menuitem.button.flat:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop), button.flat.circular:hover:not(.osd):not(:checked):not(:active):not(:disabled):not(:backdrop) { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
@ -338,7 +338,7 @@ stacksidebar row.needs-attention > label:backdrop, notebook > header > tabs.stac
|
|||
|
||||
stacksidebar row.needs-attention > label:dir(rtl), notebook > header > tabs.stack-switcher > arrow.needs-attention > label:dir(rtl), .stack-switcher > modelbutton.needs-attention.flat > label:dir(rtl), .stack-switcher > .needs-attention.menuitem.button.flat > label:dir(rtl), notebook > header > tabs.stack-switcher > arrow.needs-attention > image:dir(rtl), .stack-switcher > modelbutton.needs-attention.flat > image:dir(rtl), .stack-switcher > .needs-attention.menuitem.button.flat > image:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; }
|
||||
|
||||
.inline-toolbar toolbutton > button { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
.inline-toolbar toolbutton > button { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
.inline-toolbar toolbutton > button:hover { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
@ -518,7 +518,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
|
|||
|
||||
.selection-mode .titlebar:backdrop:not(headerbar) label, .selection-mode.titlebar:backdrop:not(headerbar) label, .selection-mode headerbar:backdrop label, headerbar.selection-mode:backdrop label { text-shadow: none; color: #000000; }
|
||||
|
||||
.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #000000; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
.selection-mode .titlebar:not(headerbar) button, .selection-mode.titlebar:not(headerbar) button, .selection-mode headerbar button, headerbar.selection-mode button { color: #000000; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
.selection-mode button.titlebutton, .selection-mode .titlebar:not(headerbar) button.flat, .selection-mode.titlebar:not(headerbar) button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
|
||||
|
||||
|
@ -540,7 +540,7 @@ searchbar > revealer > box { margin: -6px; padding: 6px; }
|
|||
|
||||
.selection-mode .titlebar:not(headerbar) button:disabled:active, .selection-mode .titlebar:not(headerbar) button:disabled:checked, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, .selection-mode headerbar button:disabled:active, .selection-mode headerbar button:disabled:checked, headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked { color: #552222; background-color: #94939b; }
|
||||
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border-color: #4ba3ff; }
|
||||
.selection-mode .titlebar:not(headerbar) button.suggested-action, .selection-mode.titlebar:not(headerbar) button.suggested-action, .selection-mode headerbar button.suggested-action, headerbar.selection-mode button.suggested-action { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); border-color: #4ba3ff; }
|
||||
|
||||
.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 { background-color: shade(#bcbeb9, 1.1); border-color: #4ba3ff; }
|
||||
|
||||
|
@ -963,7 +963,7 @@ switch:backdrop:checked { color: #b1b1b1; border-color: #000000; background-colo
|
|||
|
||||
switch:backdrop:disabled { color: #8b8b8b; border-color: #8c8c8c; background-color: #938989; }
|
||||
|
||||
switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: none; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
switch slider { margin: -1px; min-width: 24px; min-height: 24px; border: none; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-outline-radius: 20px; color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
switch image { color: transparent; }
|
||||
|
||||
|
@ -1129,7 +1129,7 @@ scale fill:disabled:backdrop, scale fill:disabled { border-color: transparent; b
|
|||
|
||||
.osd scale fill:disabled:backdrop, .osd scale fill:disabled { border-color: transparent; background-color: transparent; }
|
||||
|
||||
scale slider { min-height: 18px; min-width: 18px; margin: -7px; color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border: none; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
|
||||
scale slider { min-height: 18px; min-width: 18px; margin: -7px; color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); border: none; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
|
||||
|
||||
scale slider:hover { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
@ -1505,7 +1505,7 @@ infobar.info:backdrop > revealer > box label, infobar.info:backdrop > revealer >
|
|||
|
||||
infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop { text-shadow: none; }
|
||||
|
||||
infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #241f31; background-color: #b1b1b1; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
infobar.info button, infobar.question button, infobar.warning button, infobar.error button { color: #241f31; background-color: #b1b1b1; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover { background-color: shade(#b1b1b1, 1.1); }
|
||||
|
||||
|
@ -1583,7 +1583,7 @@ colorswatch#add-color-button { border-radius: 5px 5px 0 0; }
|
|||
|
||||
colorswatch#add-color-button:only-child { border-radius: 5px; }
|
||||
|
||||
colorswatch#add-color-button overlay { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
colorswatch#add-color-button overlay { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
colorswatch#add-color-button overlay:hover { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
@ -1641,7 +1641,7 @@ messagedialog.csd decoration { border-radius: 8px; box-shadow: 0 1px 5px rgba(0,
|
|||
|
||||
button.titlebutton:not(.appmenu) { border-radius: 9999px; padding: 5px; margin: 0 2px; min-width: 0; min-height: 0; }
|
||||
|
||||
button.titlebutton.close:not(:backdrop) { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
button.titlebutton.close:not(:backdrop) { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
button.titlebutton.close:not(:backdrop):hover { background-color: shade(#990000, 1.1); }
|
||||
|
||||
|
@ -1657,7 +1657,7 @@ button.titlebutton:backdrop { -gtk-icon-shadow: none; }
|
|||
|
||||
/********************** Touch Copy & Paste * */
|
||||
/********************** Touch Copy & Paste * */
|
||||
cursor-handle { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border: 1px solid #6c6c6c; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
|
||||
cursor-handle { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); border: 1px solid #6c6c6c; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
|
||||
|
||||
cursor-handle:hover { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
|
|
@ -2375,7 +2375,7 @@ switch {
|
|||
color: $fg_color;
|
||||
background-color: $dark_fill;
|
||||
transition: $focus_transition;
|
||||
@include _shadows(0 1px $hilight_color, inset $button_shadow);
|
||||
@include _shadows(0 1px $hilight_color, inset $button_shadow_pressed);
|
||||
|
||||
@include focus-ring($offset: 0, $outer: true);
|
||||
|
||||
|
@ -2579,7 +2579,7 @@ treeview.view radio:selected { &:selected, &:focus, & { @extend %radio; }} // Th
|
|||
border: 1px solid $borders_color;
|
||||
border-radius: 3px;
|
||||
background-color: $dark_fill;
|
||||
@include _shadows(0 1px $hilight_color, inset $button_shadow);
|
||||
@include _shadows(0 1px $hilight_color, $button_shadow_pressed);
|
||||
//padding:1px;
|
||||
|
||||
headerbar & { background-color: darken($dark_fill,8%); } //3504
|
||||
|
|
|
@ -224,7 +224,7 @@ editablelabel > stack > text { color: #241f31; border-color: #241f31; background
|
|||
to { background-image: radial-gradient(farthest-side, #938989 95%, rgba(147, 137, 137, 0)); } }
|
||||
|
||||
/****************************************************** Buttons * */
|
||||
scrollbar > range > trough > slider, notebook > header > tabs > arrow, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button, button.flat { min-height: 24px; min-width: 16px; padding: 2px 6px; border: none; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
scrollbar > range > trough > slider, notebook > header > tabs > arrow, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button, button.flat { min-height: 24px; min-width: 16px; padding: 2px 6px; border: none; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
scrollbar > range > trough > slider, notebook > header > tabs > arrow, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), button, button.flat { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
|
@ -246,7 +246,7 @@ scrollbar > range > trough > slider:disabled, notebook > header > tabs > arrow:d
|
|||
|
||||
scrollbar > range > trough > slider:disabled:active, notebook > header > tabs > arrow:disabled:active, scrollbar > range > trough > slider:disabled:checked, notebook > header > tabs > arrow:disabled:checked, popover.menu box.circular-buttons button.circular.image-button.model:disabled:active, list > row button.image-button:disabled:active:not(.flat), popover.menu box.circular-buttons button.circular.image-button.model:disabled:checked, list > row button.image-button:disabled:checked:not(.flat), button:disabled:active, button:disabled:checked, button.flat:disabled:active, button.flat:disabled:checked { color: #552222; background-color: #94939b; }
|
||||
|
||||
button.sidebar-button, notebook > header > tabs > arrow { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); transition: none; }
|
||||
button.sidebar-button, notebook > header > tabs > arrow { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); transition: none; }
|
||||
|
||||
scrollbar > range > trough > slider.image-button, notebook > header > tabs > arrow.image-button, popover.menu box.circular-buttons button.image-button.circular.model, list > row button.image-button:not(.flat), button.image-button, button.flat.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; }
|
||||
|
||||
|
@ -268,7 +268,7 @@ row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(di
|
|||
|
||||
row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #a09d9b; }
|
||||
|
||||
popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd, button.flat.osd { min-width: 26px; min-height: 32px; border-radius: 5px; color: #073b00; background-color: rgba(105, 180, 103, 0.7); border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
popover.menu box.circular-buttons button.osd.circular.image-button.model, list > row button.osd.image-button:not(.flat), button.osd, button.flat.osd { min-width: 26px; min-height: 32px; border-radius: 5px; color: #073b00; background-color: rgba(105, 180, 103, 0.7); border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
popover.menu box.circular-buttons button.image-button.circular.model, list > row button.osd.image-button:not(.flat), button.osd.image-button, button.flat.osd.image-button { min-width: 30px; }
|
||||
|
||||
|
@ -278,7 +278,7 @@ popover.menu box.circular-buttons button.osd.circular.image-button.model:hover,
|
|||
|
||||
popover.menu box.circular-buttons button.osd.circular.image-button.model:active, list > row button.osd.image-button:active:not(.flat), popover.menu box.circular-buttons button.osd.circular.image-button.model:checked, list > row button.osd.image-button:checked:not(.flat), button.osd:active:hover, button.osd:active, button.osd:checked:hover, button.osd:checked, button.flat.osd:active:hover, button.flat.osd:active, button.flat.osd:checked:hover, button.flat.osd:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.circular-buttons .osd button.circular.image-button.model, .osd list > row button.image-button:not(.flat), list > row .osd button.image-button:not(.flat), .osd button, .osd button.flat { color: #073b00; background-color: rgba(105, 180, 103, 0.7); border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.circular-buttons .osd button.circular.image-button.model, .osd list > row button.image-button:not(.flat), list > row .osd button.image-button:not(.flat), .osd button, .osd button.flat { color: #073b00; background-color: rgba(105, 180, 103, 0.7); border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.circular-buttons .osd button.circular.image-button.model:hover, .osd list > row button.image-button:hover:not(.flat), list > row .osd button.image-button:hover:not(.flat), .osd button:hover, .osd button.flat:hover { background-color: shade(rgba(105, 180, 103, 0.7), 1.1); }
|
||||
|
||||
|
@ -286,7 +286,7 @@ popover.menu box.circular-buttons button.osd.circular.image-button.model:active,
|
|||
|
||||
.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd popover.menu box.circular-buttons button.circular.image-button.model:disabled, popover.menu box.circular-buttons .osd button.circular.image-button.model:disabled, .osd list > row button.image-button:disabled:not(.flat), list > row .osd button.image-button:disabled:not(.flat), .osd button:disabled:backdrop, .osd button:disabled, .osd button.flat:disabled:backdrop, .osd button.flat:disabled { color: #552222; border-color: #552222; background-color: #938989; background-image: none; }
|
||||
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, button.flat.suggested-action { color: black; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, button.flat.suggested-action { color: black; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.suggested-action.image-button:not(.flat), button.suggested-action, button.flat.suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
|
@ -300,7 +300,7 @@ popover.menu box.circular-buttons button.suggested-action.circular.image-button.
|
|||
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:active, popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:disabled:checked, button.suggested-action:disabled:active, button.suggested-action:disabled:checked, button.flat.suggested-action:disabled:active, button.flat.suggested-action:disabled:checked { color: #552222; background-color: #94939b; }
|
||||
|
||||
popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, button.flat.destructive-action { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, button.flat.destructive-action { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 -1px 1px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.destructive-action.image-button:not(.flat), button.destructive-action, button.flat.destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
|
@ -380,13 +380,13 @@ popover.menu box.circular-buttons button.circular.image-button.model:hover, list
|
|||
|
||||
popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: white; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.363137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.363137); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { color: white; background-color: #97caff; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.363137); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.363137); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button:not(.flat).suggested-action { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button:not(.flat).suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; }
|
||||
|
||||
popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 -1px 1px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
|
||||
|
||||
popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button:not(.flat).destructive-action { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
|
@ -511,7 +511,7 @@ infobar > revealer > box { padding: 8px; border-spacing: 12px; }
|
|||
|
||||
infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #909090; background-color: #d98228; }
|
||||
|
||||
infobar .close, searchbar .close { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
|
||||
infobar .close, searchbar .close { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; }
|
||||
|
||||
infobar .close:hover, searchbar .close:hover { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
@ -528,7 +528,7 @@ windowcontrols button:hover { background-color: shade(#bcbeb9, 1.1); }
|
|||
|
||||
windowcontrols button:active, windowcontrols button:checked { box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
windowcontrols button.close:not(:backdrop) { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
windowcontrols button.close:not(:backdrop) { color: white; background-color: #990000; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 -1px rgba(0, 0, 0, 0.76); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
windowcontrols button.close:not(:backdrop):hover { background-color: shade(#990000, 1.1); }
|
||||
|
||||
|
@ -880,7 +880,7 @@ scrollbar.vertical > range > trough > slider { min-height: 40px; }
|
|||
treeview ~ scrollbar.vertical { border-top: 1px solid #838383; margin-top: -1px; }
|
||||
|
||||
/********** Switch * */
|
||||
switch { font-weight: bold; font-size: smaller; border-color: #838383; border: none; border-radius: 14px; color: #241f31; background-color: #9a9a9a; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
|
||||
switch { font-weight: bold; font-size: smaller; border-color: #838383; border: none; border-radius: 14px; color: #241f31; background-color: #9a9a9a; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset inset 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ }
|
||||
|
||||
switch { outline: 0 solid transparent; outline-offset: 4px; }
|
||||
|
||||
|
@ -892,7 +892,7 @@ switch:checked { color: #000000; border-color: #000000; background-color: #97caf
|
|||
|
||||
switch:disabled { color: #552222; border-color: #838383; background-color: #938989; text-shadow: none; }
|
||||
|
||||
switch > slider { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); margin: -1px; min-width: 24px; min-height: 24px; border: none; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
switch > slider { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); margin: -1px; min-width: 24px; min-height: 24px; border: none; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
|
||||
|
||||
switch > image { color: transparent; }
|
||||
|
||||
|
@ -1016,7 +1016,7 @@ scale > trough > fill:disabled { border-color: transparent; background-color: tr
|
|||
|
||||
.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; }
|
||||
|
||||
scale > trough > slider { min-height: 18px; min-width: 18px; margin: -7px; color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border: none; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
|
||||
scale > trough > slider { min-height: 18px; min-width: 18px; margin: -7px; color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); border: none; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; }
|
||||
|
||||
scale > trough > slider:hover { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
@ -1482,7 +1482,7 @@ colorswatch#add-color-button { border-radius: 5px 0 0 5px; }
|
|||
|
||||
colorswatch#add-color-button:only-child { border-radius: 5px; }
|
||||
|
||||
colorswatch#add-color-button > overlay { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); }
|
||||
colorswatch#add-color-button > overlay { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); }
|
||||
|
||||
colorswatch#add-color-button.activatable:hover > overlay { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
@ -1550,7 +1550,7 @@ tooltip.csd { border-radius: 5px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.7); }
|
|||
|
||||
/********************** Touch Copy & Paste * */
|
||||
/********************** Touch Copy & Paste * */
|
||||
cursor-handle { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); border: 1px solid #6c6c6c; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
|
||||
cursor-handle { color: #241f31; background-color: #bcbeb9; border-color: black; outline-color: rgba(151, 202, 255, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(0, 0, 0, 0.4); border: 1px solid #6c6c6c; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; min-height: 18px; min-width: 10px; }
|
||||
|
||||
cursor-handle:hover { background-color: shade(#bcbeb9, 1.1); }
|
||||
|
||||
|
|
Loading…
Reference in New Issue